@charset "utf-8";





@media only screen and (max-width: 480px) {



#h2-bg-about{
	background: transparent url(../i/h2_bg_about.jpg) no-repeat center center ;
	background-size: cover;
}



.head-lead{
	width:100%;
	margin: 0 0 0px 0;
	text-align: left;
	display: block;
	justify-content: space-between;
}

.lead-h3{
	font-size:27px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}

.lead-h3 span{
	display: block;
	color:#f29600;
	font-size:16px;
	line-height: 1.5;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: 0.15em;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}

.mid-h3{
	font-size:27px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}

.mid-h3 span{
	display: block;
	color:#f29600;
	font-size:16px;
	line-height: 1.5;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: 0.15em;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}




.lead-p{
	padding: 0 0px;
	margin: 0;
}



.about-company{
	width: 100%;
	margin: 45px 0 0 0;
	padding: 0 0px 0 0px;
	text-align: left;
}

.about-company-info{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.company-h4{
	font-size:21px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 18px 0;
}

.about-company-photo{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.about-company-photo img{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.about-business{
	width: 100%;
	margin: 30px 0 0 0;
	padding: 0 0px 0 0px;
	text-align: left;
}




.aboutgmap iframe,
.aboutgmap object,
.aboutgmap embed {
	width: 100%;
	height: 300px;
	padding:0 0px 0 0px;

}


.staff{
	width: 100%;
	margin: 60px 0 0 0;
	padding:0px 0 0 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}

.staff-box{
	width:100%;
	margin: 0 0 42px 0;
	display: flex;
	justify-content: space-between; 
}

.staff-box-left{
	width:30%;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}
.staff-box-left img{
	width:100%;
}
.staff-box-right{
	width:65%;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.name-jp{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}
.name-en{
	font-size: 12px;
	font-weight: 500;
	color:#aaa;
	line-height: 1;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}
.yakushoku{
	font-size: 13px;
	font-weight: 500;
	color:#f29600;
	line-height: 1;
	margin: 0 0 9px 0;
	padding: 0 0 0 0;
}
.comment{
	font-size: 10px;
	line-height: 1.8;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}



}/*//end  max-width: 480px ///////////////////////*/







@media only screen and (min-width: 481px) {
	

#h2-bg-about{
	background: transparent url(../i/h2_bg_about.jpg) no-repeat center center ;
	background-size: cover;
}

.head-lead{
	width:100%;
	margin: 0 0 0px 0;
	text-align: left;
}

.lead-h3{
	font-size:30px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}

.lead-h3 span{
	display: block;
	color:#f29600;
	font-size:18px;
	line-height: 1.5;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: 0.15em;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}

.lead-p{
	padding: 0 21px;
	margin: 0;
}



.about-company{
	width: 100%;
	margin: 45px 0 0 0;
	padding: 0 40px 0 40px;
	display: flex;
	justify-content: space-between;
	text-align: left;
}

.about-company-info{
	width: 260px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.company-h4{
	font-size:21px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 18px 0;
}

.about-company-photo{
	width: 630px;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}
.about-company-photo figure, .about-company-photo img,{
	width: 100%;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}


.about-business{
	width: 100%;
	margin: 45px 0 0 0;
	padding: 0 40px 0 40px;
	text-align: left;
}


.mid-h3{
	font-size:30px;
	font-weight: 500;
	line-height: 1.5;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}

.mid-h3 span{
	display: block;
	color:#f29600;
	font-size:18px;
	line-height: 1.5;
	font-family: 'Oswald', sans-serif;
	font-weight: 500;
	letter-spacing: 0.15em;
	padding: 0 0 0 0;
	margin: 0 0 24px 0;
}




.aboutgmap iframe,
.aboutgmap object,
.aboutgmap embed {
	width: 100%;
	height: 400px;
	padding:0 21px 0 21px;

}


.staff{
	width: 100%;
	margin: 60px 0 0 0;
	padding:0px 0 0 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between; 
}

.staff-box{
	width:470px;
	margin: 0 0 46px 0;
	display: flex;
	justify-content: space-between; 
}

.staff-box-left{
	width:200px;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}
.staff-box-right{
	width:250px;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}

.name-jp{
	font-size: 18px;
	font-weight: 500;
	line-height: 1;
	margin: 5px 0 12px 0;
	padding: 0 0 0 0;
}
.name-en{
	font-size: 12px;
	font-weight: 500;
	color:#aaa;
	line-height: 1;
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
}
.yakushoku{
	font-size: 13px;
	font-weight: 500;
	color:#f29600;
	line-height: 1;
	margin: 0 0 18px 0;
	padding: 0 0 0 0;
}
.comment{
	font-size: 14px;
	line-height: 1.8;
	margin: 0 0 0px 0;
	padding: 0 0 0 0;
}


}/*//end  min-width: 481px ///////////////////////*/