@charset "UTF-8";

.business-contents{background:#f6f9fc;padding-top:20px;}
.business-contents > section{}
.business-contents > section:nth-child(even){background:#fff;}
.business-contents .wrapper{padding:60px 0 60px;}
.business-contents .image{width: 580px;display:none;}
.business-contents .on_img .image{float:right;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;}
.business-contents .image p{position: relative;}
.business-contents .image p.main{width: 580px;}
.business-contents .image p.sub{width: 280px;margin-top:20px;}
.business-contents .image p.sub:nth-child(odd){width: 280px;margin-left:20px;}
.business-contents .image p:before {content:"";display: block;padding-top: 56.89%; }
.business-contents .image p > span {position: absolute;top: 0;left: 0;width: 100%;height: 100%;
background:url(../images/home_biz_image.jpg) 50% 50% no-repeat;-webkit-background-size:cover;background-size:cover;}

.business-contents .text{width:100%;}
.business-contents .on_img .text{width:500px;padding-left:30pxfloat:left;}
.business-contents .text .name{color:#646464;font-size:22px;margin-bottom:9px;}
.business-contents .text h3{font-weight:bold;font-size:36px;line-height:1.1;margin-bottom:20px;}
.business-contents .text .in_text{line-height:2;margin-bottom:18px;}
.business-contents .text .btn{min-width:250px;display:inline-block;}



/** PC_more_big ****/
@media screen and (max-width:1200px) {

.business-contents .wrapper{padding:60px 20px 60px;}
.business-contents .image {width:48%;}
.business-contents .image p.main{width: 100%;}
.business-contents .image p.sub{width: 48%;margin-top:10px;}
.business-contents .image p.sub:nth-child(odd){width: 49%;margin-left:2%;}
.business-contents .on_img .text{width:50%;padding-left:0px;}
.business-contents.text .name{font-size:20px;}
.business-contents .text h3{font-size:32px;}

}


/** SP ****/
@media screen and (max-width:767px) {
.business-contents{padding-top:0}
.business-contents .wrapper{padding:40px 20px 40px;}
.business-contents.title{margin-bottom:30px;}
.business-contents .image{width:100%;margin:0 auto 30px;}
.business-contents .on_img .text{width:100%;}
.business-contents .text .name{font-size:18px;}
.business-contents .text h3{font-size:26px;}
.business-contents .btn{width:75%;max-width:250px;margin:0 auto;}

}
/** PC ****/
@media screen and (min-width:768px) {


}