@charset "UTF-8";

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

/* ----------------------------------------------------------------------
構内作業ページ
---------------------------------------------------------------------- */

.Onsite1{margin:0 auto; width:80%;}
.Onsite1 section{padding-top:50px;}
.Onsite1 section:nth-of-type(4){padding-bottom:50px;}
.Onsite1 h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}
.Onsite1__box1:after{
      display: block;
      clear: left;
      content: "";
}
.Onsite1__box1{-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
margin-top:20px; padding:5px; position:relative;
border:2px solid #cccccc;}

.Onsite1__box1 img{vertical-align:bottom; float:left; 
width:20%; display:block;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.Onsite1__box1 p{width:76.5%; float:right; margin:0; padding-left:2%; padding-right:1.5%; line-height:1.7; padding-top:5px;}
.Onsite1__box1 ul{padding-left:15px; clear:both; margin:0; list-style:none;
padding-top:10px; border-top:1px dashed #f1f1f1;}
.Onsite1__box1 ul li{margin-bottom:10px; background-image: url(../img/list_mark.png);
background-size:5px 16px;
background-repeat: no-repeat;
background-position: 0px 5px; padding-left:10px; line-height:1.7;}

.Onsite1__box1__img{margin-bottom:15px;}

.Onsite1 ol{margin:20px auto 0 auto; padding:15px 10px 15px 35px; border:2px solid #cccccc; color:#009647;}
.Onsite1 ol li{line-height:1.7;}

.Onsite1 ol li .list__color{width:120px; display:inline-block; color:#000000;}
.Onsite1 ol li .list__color2{color:#000000;}

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

@media (max-width: 500px) {
.Onsite1{margin:0; width:90%; padding:0 5%;}
.Onsite1 section{width:100%;}
.Onsite1 section:nth-of-type(1) {padding-top: 35px;}
.Onsite1 h3{width:auto; padding: 0.4em;
border-radius: 0px;
font-size: 16px;
line-height:1.7;}
    
.Onsite1__box1{width:100%;}
.Onsite1__box1 img{width: 100%; float:none;}
.Onsite1__box1 p{width:auto; float:none; margin:0; padding:15px 5px 10px;}
.Onsite1__box1 .p3kou{padding:0px 5px 10px;}

.Onsite1__box1 ul{padding-left:5px;}
.Onsite1 section:nth-of-type(4){padding-bottom:0px;}
	
.Onsite1 ol{padding-left:30px;}
.Onsite1 ol li{padding-bottom:10px;}
.Onsite1 ol li:last-of-type{padding-bottom:0px;}
.Onsite1 ol li .list__color{width:100%; font-weight:bold;}
.Onsite1 ol li .list__color2{width:100%; display:block;}
}

@media (max-width: 400px) {
.Onsite1__box1 p{font-size:15px;}
.Onsite1 ol{font-size:15px;}
.Onsite1__box1 ul{font-size:15px;}
.Onsite1__box1 ul li{background-position: 0px 4px;}
}