@charset "UTF-8";
/* CSS Document */

#hero{
	background: url("../img/business/hero_pc.jpg") no-repeat center center;
	background-size: cover;
	height: 300px;
}
#hero .inner{}
#hero h1{
    /* opacity: 0; */
    font-size: 32px;
    text-align: center;
    line-height: 1.4em;
    margin: 0;
    padding: 80px 0 0 0;
    font-weight: bold;
}

#content.business-page{
    padding: 40px 0;
}

#business-wrap{
    margin-bottom: 80px;
}

#business-wrap h2{
    font-size: 28px;
    font-weight: bold;
    text-align: center;
    margin: 40px 0;
}
#business-wrap h2 span{
    font-size: 16px;
    display: block;
    color: #ef821f;
    margin-bottom: 10px;
}
#business-wrap h4{
    font-size: 18px;
    margin: 40px auto 60px;
}

.business-box{
	overflow: hidden;
	clear: both;
	margin-bottom: 60px;
}
.business-box .business-img{
    width: 40%;
    float: left;
}
.business-box .business-text{
    width: calc(60% - 20px);
    float: left;
    border-left: 4px solid #ef821f;
    margin: 50px 0px 0 20px;
    padding: 20px 0 20px 20px;
}
.business-box .business-text h3{font-size: 21px;margin-bottom: 10px;}
.business-box .business-text p{
    padding: 0 0 0 10px;
    line-height: 1.6em;
}
.business-box:nth-child(2n) .business-img{float: right;}
.business-box:nth-child(2n) .business-text{float: right;margin: 50px 20px 0 0px;}
.business-box:nth-child(2n) .business-text p{}


@media print, screen and (max-width: 767px){


.business-box{
	overflow: hidden;
	clear: both;
	margin-bottom: 60px;
}
.business-box .business-img{
    width: 40%;
    float: none;
    margin: auto;
}
.business-box .business-text{
    width: 90%;
    float: none;
    margin: 0 auto;
    padding: 20px 0 20px 20px;
}
.business-box .business-text h3{font-size: 21px;margin-bottom: 10px;}
.business-box .business-text p{
    padding: 0 0 0 10px;
    line-height: 1.6em;
}
.business-box:nth-child(2n) .business-img{float: none;}
.business-box:nth-child(2n) .business-text{float: none;margin: 0 auto;}
.business-box:nth-child(2n) .business-text p{}

	
header{
}
header #hero{
}
header #hero h2{width: 80%;margin: 0 auto;}
header #hero h3{text-align: center;}
header #hero{
}
header #hero .inner{position: relative;}
header #news{}
header #news{}
header #news{}
header #news{}
header #news{
    width: 100%;
}
header #news .inner{
}
header #news .inner h2{width: 30%;}
header #news .inner ul{
	width: 70%;
}
header #news .inner ul li{
}
header #news .inner ul li time{
}

#wrapper{position: static;}
#content{}
#mission-wrap{
	width: 100%;
	padding: 5% 0 10% 0;
}
#business-wrap h4{
    margin: 40px auto 60px;
    width: 90%;
}
#mission-wrap .business-box{
}
#mission-wrap .business-box .inner{display: inherit;padding: 0 2% 0 2%;}
#mission-wrap .business-box h2{
	width: 80%;
	margin: 0 auto;
}
#mission-wrap .business-box h3{
    text-align: center;
    margin-top: 2%;
    margin-bottom: 6%;
}
#mission-wrap .mission-btn{
	width: 90% !important;
	margin: 0 auto;
}
#mission-wrap .mission-btn .img{width: 60%;}
#mission-wrap .mission-btn h3{width: 40%;padding: 4% 0 0 0;}
#mission-wrap .mission-btn h3 span{
}
#mission-wrap .mission-btn h3:after{
}
#mission-wrap .mission-btn a{
}
#mission-wrap .customer-box{margin: -5% 0 0 0;}
#mission-wrap .customer-box .inner{
    padding: 0 2% 0 2%;
}
#mission-wrap .customer-box .inner div.customer-bg{width: 100%;position: relative;right: 0;padding: 10% 10% 10% 10%;overflow: hidden;}
#mission-wrap .customer-box .inner div.customer-bg h2{width: 100%;text-align: center;}
#mission-wrap .customer-box .inner div.customer-bg h3{width: 100%;padding: 0;}
#mission-wrap .customer-box .inner div.customer-btn{float: none;margin: -5% auto 0 auto;}
#vision-wrap{padding: 10% 2%;}
#vision-wrap h2{width: 60%;}
#vision-wrap h3{font-size: 28px;line-height: 1.4em;margin: 4% 0 4% 0;}
#vision-wrap h4{margin-bottom: 4%;}
#vision-wrap p{
}
#vision-wrap p a{width: 80%;}
#works-wrap{
}
#works-wrap{padding: 10% 2%;}
#works-wrap h2{
    width: 40%;
}
#works-wrap h3{
    margin: 2% 0 4% 0;
}
#works-wrap h4{
}
#works-wrap .works-box{
	width:100%;
	padding: 5%;
	position: relative;
	left: 0;
}
#works-wrap .works-box ul{
	width: 100%;
}
#works-wrap .works-box ul li{
}
#works-wrap .works-box ul li{width: 100%;}
#works-wrap .works-box ul li a{background: url(../img/common/icon_arrow2.png) no-repeat 95%;background-size: 10px;}
#works-wrap .works-btn{
}
#works-wrap .works-btn a{margin: 5% auto 0 auto;width: 80%;}
#office-wrap{padding: 10% 2%;}
#office-wrap h2{
    width: 60%;
}
#office-wrap h3{
    padding: 2% 0 4%;
}
#office-wrap ul{
    width: 90%;
    margin: 0 auto;
}
#office-wrap ul li{
	width: 100%;
	margin-bottom: 4%;
}

#contact-wrap{margin-top: 0;padding: 10% 2%;}
#contact-wrap h2{width: 60%;}
#contact-wrap h3{margin: 4% 0 4% 0;}
#contact-wrap ul{
    width: 90%;
    margin: auto;
}
#contact-wrap ul li{
	margin-bottom: 4%;
	width: 100%;
}
#contact-wrap ul li:nth-child(1){
}
#contact-wrap ul li:nth-child(2){

}
#contact-wrap ul li a{
}
#contact-wrap ul li p{
}

}