@charset "UTF-8";

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

/* ----------------------------------------------------------------------
安全性優良事業所認定ページ
---------------------------------------------------------------------- */
.safety1{width:80%; margin:0 auto; padding:50px 0;}
.safety1__box1{width:80%; margin:0 auto; border:2px solid #cccccc; padding:0px 15px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.safety1__box1 h3{text-align:center; color:#006934;}
.safety1__box1 p{line-height:1.7;}

.safety1__box2{padding-top:50px;}
.safety1__box2 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0}
.safety1__box2 h4{color:#006934; margin:20px auto; width:90%;}
.safety1__box2 p{line-height:1.7; margin:0px auto; width:90%;}

.safety1__box2__img1{text-align:center; padding-top:30px;}

.safety1__box3{padding-top:50px; position:relative;}
.safety1__box3:after{
      display: block;
      clear: left;
      content: "";
}
.safety1__box3 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0}

.safety1__box3 h3 span{font-size:14px;}
.safety1__box3 table{width:49%; border-collapse: collapse;
border-spacing: 0; float:left; margin-top:30px;}
.safety1__box3 table:nth-of-type(2){margin-left:2%;}
.safety1__box3 table th{background-color: #cccccc; padding:5px; border-right:1px solid #cccccc;}
.safety1__box3 table td{background-color: #eeeeee; border:1px solid #cccccc; padding:5px;}
.safety1__box3 table td i {color: #2D8696; padding-left: 0px; padding-right: 2px;}
.safety1__box3 p{margin:0; padding-top:20px; clear:left; position:absolute; left:52%; top:290px;}
.safety1__box3 p i{color: #2D8696;}

.safety1__box4{padding-top:50px;}
.safety1__box4 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0}
.safety1__box4 h3 span{font-size:14px;}
.safety1__box4 table{width:70%; border-collapse: collapse;
border-spacing: 0; margin:30px auto 0;}
.safety1__box4 table th{background-color: #cccccc; padding:5px; border-right:1px solid #cccccc;}
.safety1__box4 table td{background-color: #eeeeee; border:1px solid #cccccc; padding:5px;}

table .tokubarty{line-height:1.7;}

.safety1__box2 ul:after{
      display: block;
      clear: left;
      content: "";
}
.safety1__box2 ul{padding:15px; list-style:none; border:2px solid #cccccc; margin:20px 0 0}
.safety1__box2 li{line-height:1.7; float:left; width:50%;}
.safety1__box2 li a{display:block;}
.safety1__box2 li a i{padding-right:5px; color: #009647;}

.safety1__box2 li a:hover{color: #d41d23;}
.widthanzen{width:50%;}
table .tokubarty br{display:none;}

@media (min-width: 1500px) {
.safety1{width:1200px;}
}
@media (max-width: 1390px) {
table .tokubarty br{display:inline;}
}
@media (max-width: 1200px) {
.safety1{width:90%;}
}

@media (max-width: 980px) {
.safety1{width:882px; margin:0; padding:50px 49px;}
}

@media (max-width: 500px){
.safety1{width:90%; margin:0; padding:35px 5%;}
.safety1__box1{width:100%;}
.safety1__box2 h3{border-radius:0;}
.safety1__box1 li {padding-bottom: 10px;}
.safety1__box2__img1 img {
	width: 100%;
}
.safety1__box2__box1{width:100%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;} 
    
    .safety1__box2__box1 div ul {
        margin: 0;
        padding-left: 16px;
    list-style-type: disc;}	
    .safety1__box2__box1 div ul li:nth-of-type(1){padding-top:5px;}
    .safety1__box2__box1 div ul li{padding-bottom:5px;}
    .safety1__box2__box1 div{float:none; width:100%;}
    .safety1__box3 h3{border-radius:0;}
    .safety1__box3 table{float:none; width:100%;}
    .safety1__box2__box1 div:nth-of-type(even){width:100%;}
    .safety1__box3 p{position:relative; left:0; top:0;}
    .safety1__box3 table:nth-of-type(2){margin-left:0;}
    .safety1__box4 table{width:100%;}

table .tokubarty{font-size: 16px;}
table .tokubarty span{display:block;}

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

    .safety1__box2 li{float:none; width:100%;}
.widthanzen{width:45%;}
}

@media (max-width: 475px) {
.safety1__box2 h3{font-size:17px;}
.safety1__box3 h3{font-size:17px;}
.safety1__box4 h3{font-size:17px;}
}
@media (max-width: 450px) {
.safety1__box2 h3{font-size:16px;}
.safety1__box3 h3{font-size:16px;}
.safety1__box4 h3{font-size:16px;}
}
@media (max-width: 420px) {
    .safety1__box3 table{font-size:13px;}
    .safety1__box4 table{font-size:13px;}
    .safety1__box2 li{font-size:13px;}
    .safety1__box2 h3{font-size:15px;}
    .safety1__box3 h3{font-size:15px;}
	.safety1__box3 h3 span{font-size:11px;}
    .safety1__box4 h3{font-size:15px;}
    .safety1__box4 h3 span{font-size:11px;}
table .tokubarty{font-size: 13px;}
}
@media (max-width: 400px) {
    .safety1__box2 h3{font-size:14px;}
    .safety1__box3 h3{font-size:14px;}
	.safety1__box4 h3{font-size:14px;}
}
@media (max-width: 370px) {
	.safety1__box3 p{line-height:2}
	.safety1__box3 p span{display:block;}
 ? ?.safety1__box2 h3{font-size:13px;}
    .safety1__box3 h3{font-size:13px;}
	.safety1__box4 h3{font-size:13px;}
}
@media (max-width: 350px) {
    .safety1__box2 h3{font-size:12px;}
    .safety1__box3 h3{font-size:12px;}
	.safety1__box4 h3{font-size:12px;}
}