@charset "utf-8";

/*sub_visual*/
@media screen and (max-width:1200px){
	img.sub_visual_pc{margin-top:40px;}
	.sub_visual h2{margin-top:-110px; font-size:28px;}
}
@media screen and (max-width:800px){
	.sub_visual img.sub_visual_pc{display:none;}
	.sub_visual img.sub_visual_mobile{display:block;}
	.sub_visual h2{margin-top:-160px;}
}
@media screen and (max-width:680px){
	.sub_visual h2{margin-top:-130px;}
}
@media screen and (max-width:580px){
	.sub_visual h2{margin-top:-130px;}
	.sub_visual{padding-top:34px;}
}
@media screen and (max-width:480px){ 
	.sub_visual h2{margin-top:-110px; font-size:24px;}
}
@media screen and (max-width:414px){
	.sub_visual h2{margin-top:-100px;}
}
@media screen and (max-width:360px){
	.sub_visual h2{margin-top:-80px;}
}

/*sub_contents*/
@media screen and (max-width:1200px){ 
	.sub_contents {margin-top:110px;}
	.sub_btn{width:90%; margin:0 auto;}
	.inner_content{width:90%;}
}
@media screen and (max-width:800px){
	.sub_contents {margin-top:160px;}
	.sub_contents > h3{font-size:28px;}
	.sub_btn .mu2 li{width:45%;}
	.sub_btn .mu6 li{width:33.333333%;}
	.sub_btn .mu6 li{border:0; border-top:1px solid #ddd; border-left:1px solid #ddd;}
	.sub_btn .mu6 li:nth-child(3),
	.sub_btn .mu6 li:nth-child(6){border-right:1px solid #ddd;}
	.sub_btn .mu6 li:nth-child(4),
	.sub_btn .mu6 li:nth-child(5),
	.sub_btn .mu6 li:nth-child(6){border-bottom:1px solid #ddd;}
	.inner_content{margin-top:0;}
}
@media screen and (max-width:680px){
	.sub_contents {margin-top:90px;}
}
@media screen and (max-width:640px){ 
	.sub_btn li a{font-size:17px;}
}
@media screen and (max-width:580px){ 
	.sub_contents {margin-top:60px;}
	.sub_btn li a{padding:12px 0;}
}
@media screen and (max-width:480px){ 
	.sub_contents > h3{font-size:24px;}
	.sub_btn{padding-bottom:20px;}
	.sub_btn li a{font-size:16px;}
}
@media screen and (max-width:414px){ 
	.sub_contents {margin-top:40px;}
}
@media screen and (max-width:360px){ 
	.sub_contents {margin-top:20px; padding:70px 0 50px 0;}
	.sub_btn{padding-bottom:0;}
	.sub_btn ul{padding-top:20px; padding-bottom:25px;}
	.sub_btn li a{font-size:15px;}
} 
/******************************************about********************************************/
@media screen and (max-width:1200px){
	.about_inner{margin-bottom:30px;}
	.about_inner .about_txt{padding:40px 0; text-align:center;}
}
@media screen and (max-width:800px){
	.about_inner img{width:80%;}
	.about_inner{margin-bottom:0;}
}
@media screen and (max-width:640px){
	.about_inner .about_txt span{font-size:18px;}
	.about_inner .about_txt h4{margin-bottom:30px; font-size:30px;}
	.about_inner .about_txt p{font-size:16px;}
	.about_inner .about_txt p.txt_yellow{margin:18px 0;}
}
@media screen and (max-width:580px){
	.about_inner .about_txt{width:80%;}
	.about_inner .about_txt span{font-size:17px;}
	.about_inner .about_txt h4{font-size:28px;}
	.about_inner .about_txt p{font-size:16px;}
	.about_inner .about_txt p br{display:none;}
}
@media screen and (max-width:480px){
	.about_inner .about_txt span{font-size:16px;}
	.about_inner .about_txt h4{font-size:24px;}
	.about_inner .about_txt p{font-size:15px;}
}
@media screen and (max-width:360px){
	.about_inner .about_txt{padding:20px 0;}
	.about_inner .about_txt span{font-size:15px;}
	.about_inner .about_txt h4{font-size:22px;}
	.about_inner .about_txt p{font-size:14px;}
}
/*vision*/
@media screen and (max-width:1200px){
	.inner_content img.about_vision_pc{width:60%;}
}
@media screen and (max-width:800px){
	.about_vision_pc{display:none;}
	.about_vision_mobile{display:inline-block;}
	.inner_content img.about_vision_mobile{width:70%;}
}
@media screen and (max-width:580px){
	.inner_content img.about_vision_mobile{width:80%;}
}
@media screen and (max-width:480px){
	.inner_content img.about_vision_mobile{width:84%;}
}
/****************************************************sub_portfolio**********************************************/
@media screen and (max-width:800px){
	.list_nav p,
	.list_nav ul{float:none;}
	.portfolio_list > ul{margin-bottom:0px;}
	.portfolio_list > ul > li{width:46%; margin:0 0 20px 0;}
	.portfolio_list > ul > li:nth-child(2n+1){margin-right:20px;}
	.portfolio_list li .list_detail{position:relative; bottom:0;}
}
@media screen and (max-width:680px){
	.list_nav{display:none;}
}
@media screen and (max-width:580px){
	.portfolio_list > ul > li{width:60%; margin:0 auto 20px;}
	.portfolio_list > ul > li:nth-child(2n+1){margin-right:0;}
	.page_cut li{margin-right:25px;}
}
@media screen and (max-width:480px){
	.portfolio_list > ul > li{width:80%; margin:0 auto 20px;}
	.list_detail h4{font-size:16px;}
}

/***************************************************sub_location*************************************************/
@media screen and (max-width:800px){
	.sub_location h4{font-size:26px;}
}
@media screen and (max-width:680px){
	.sub_location iframe{height:400px;}
}
@media screen and (max-width:580px){
	.sub_location span{width:170px; height:30px; line-height:30px;}
	.sub_location p{font-size:22px; margin-bottom:40px;}
}
@media screen and (max-width:414px){
	.sub_location h4{font-size:24px;}
	.sub_location p{font-size:20px; margin-bottom:20px;}
	.sub_location iframe{height:360px;}
}
@media screen and (max-width:360px){
	.sub_location h4{font-size:22px;}
	.sub_location span{width:160px; height:26px; font-size:14px; line-height:26px;}
	.sub_location p{font-size:18px;}
}