@charset "UTF-8";

/*
Theme Name: MY THEME
Author: ICHIMIYAUNYU
Description: This is my original theme.
Version: 1.0
*/

/* ----------------------------------------------------------------------
危険物・毒劇物輸送ページ
---------------------------------------------------------------------- */

.Poison1{margin:0 auto; width:80%;}
.Poison1 section{padding-top:50px;}
.Poison1 h3{padding: 0.4em 0;
background: #3E3A39;
border-radius: 30px;
font-size: 20px;
font-weight: 600;
color: #fff;
text-align: center; margin:0 auto;}
.Poison1__box1 p{margin:20px auto 0; line-height:1.7; padding:15px; border:2px solid #cccccc;}

.Poison1__box1 ul{margin:30px auto 0 auto; list-style:none; width:80%; padding:0}
.Poison1__box1 ul:after{
      display: block;
      clear: left;
      content: "";
}
.Poison1__box1 ul li{width:30%; float:left; text-align:center;}
.Poison1__box1 ul li:nth-of-type(2){margin:0 5%;}
.Poison1__box1 ul li img{width:100%; border:5px solid #ffffff;
box-shadow: 0px 0px 10px 1px #dfdfdf;
-moz-box-shadow: 0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow: 0px 0px 10px 1px #dfdfdf;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; display:inline-block;}

.Poison1__box2 ul{margin:30px auto 0 auto; list-style:none; width:80%; padding:0}
.Poison1__box2 ul:after{
      display: block;
      clear: left;
      content: "";
}
.Poison1__box2 ul li{width:30%; float:left; text-align:center; margin:0 35%;}
.Poison1__box2 ul li img{width:100%; border:5px solid #ffffff;
box-shadow: 0px 0px 10px 1px #dfdfdf;
-moz-box-shadow: 0px 0px 10px 1px #dfdfdf;
-webkit-box-shadow: 0px 0px 10px 1px #dfdfdf;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box; display:inline-block;}

.Poison1__box3 ul{margin:20px auto 0 auto; list-style:none; padding:15px; border:2px solid #cccccc;}
.Poison1__box3 ul li{margin:0; background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 20px 5px; padding-left:30px; padding-bottom:10px; line-height:1.7;}
.Poison1__box3 ul li:last-of-type{padding-bottom:0px;}

.Poison1__box3 ul li a{color:red;}
.Poison1__box3 ul li a:hover{color: #d41d23;}

@media (min-width: 1500px) {
.Poison1{width:1200px;}
.Poison__box2{width:1200px;}
.Poison__box3{width:70%;}
}
@media (max-width: 1200px) {
.Poison1{width:90%;}
.Poison__box3{width:70%;}
}
@media (max-width: 980px) {
.Poison1{width:882px; margin:0; padding:0 49px;}
.Poison__box2{width:980px;}
}

@media (max-width: 500px){
.Poison1{width:90%; margin:0; padding:0 5% 0;}
.Poison1 .Poison1__box1{padding-top: 35px;}
                
.Poison1__box1 h3{width:auto;
padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}

.Poison1__box1 ul li{width:100%; float: none;}
.Poison1__box1 ul li:nth-of-type(2){margin:30px 0;}

.Poison1__box2 h3{width:auto;
padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}

.Poison1__box3 h3{width:auto;
padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}

.Poison1__box3 ul{margin-left:5px;}
.Poison1__box2 ul li{width:100%; float: none;}
.Poison1__box2 ul li:nth-of-type(1){margin:0;}

.Poison1__box3 ul li{padding-left:10px; background-position: 0px 5px;font-size:13px;background-size:5px 13px;}
.Poison1__box3 ul li:last-of-type{padding-bottom:0px;}
}

@media (max-width: 350px){
.Poison1__box3 ul{padding:10px;}
}