@charset "UTF-8";

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


/*-------------------------------アウトソーシングコンテンツ------------------------------ */
.outsourcing{width:80%; margin:0 auto; padding:50px 0}
.outsourcing h3{padding: 0.4em 0;
    background: #3E3A39;
    border-radius: 30px;
    font-size: 20px;
    font-weight: 600;
    color: #fff;
text-align: center; margin:0 auto;}
.outsourcing__p1{width:87%; margin:20px auto 0; line-height:1.7;}

.outsourcing__box1{width:87%; margin:5px auto 0; padding:15px; border:2px solid #cccccc;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}
.outsourcing__box1 section h4{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; margin:0px 0 10px;}
.outsourcing__box1 section h4 a{color:#009647;}
.outsourcing__box1 section h4 a:hover{color: #d41d23;}
.outsourcing__box1 section:nth-of-type(1){padding-bottom:15px;}
.outsourcing__box1 section p{line-height:1.7;}
.outsourcing__box1 section p span{color:#009647;}
.outsourcing__box1 section p:nth-of-type(1){margin:0;}
.outsourcing__box1 section p:nth-of-type(2){margin:5px 0 0; padding-left:16px; text-indent:-16px;}
.outsourcing__box1 section p:nth-of-type(3){margin:5px 0 0; padding-left:16px; text-indent:-16px;}

.outsourcing ul{list-style:none; padding:0; width:87%; margin:40px auto 0;}
.outsourcing ul:after{
      display: block;
      clear: left;
      content: "";
}
.outsourcing li{width:30%; float:left;text-align:center;}
.outsourcing li:nth-of-type(2){margin:0 5%;}

.outsourcing li span{color:#006934;}
.outsourcing li img{width:100%;
 border:3px 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:block; margin-top:10px;}

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

@media (max-width: 500px) {
body .outsourcing{width:90%; margin:0; padding:35px 5% 0px;}

.outsourcing h3{width:auto; padding: 0.4em;
border-radius: 0px;
font-size: 18px;
line-height:1.7;}
	
.outsourcing__p1 {width: 95%;}
.outsourcing__box1 {width: 95%;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;}

.outsourcing ul{width: 95%; margin: 50px auto;}
.outsourcing li{float:none; width:100%;}
.outsourcing li:nth-of-type(2){margin: 50px 0;}
.outsourcing li:nth-of-type(3){margin:0;}
}