@charset "UTF-8";

@media (max-width:1700px){
	.identity > div:after {right:0}
	.business > div:after {left:0}
	.business .desc {padding-left:0}
}
	
@media (max-width:1024px){
	.visual {height:70rem}
	.visual .desc {padding-right:0; top:20rem}
	.visual .desc .title {font-size:5rem}
	.visual .desc .con  {font-size:1.6rem; line-height:1.4}
	
	.section {padding:4rem 2rem 5rem}
	.section .title {font-size:4rem; margin-bottom:3rem}
	
	.identity .list {flex-direction:column; width:100%}
	.identity .list li {width:100%; height:10rem; margin-bottom:1.5rem}
	.identity .after .desc {max-width:100%; height:auto; padding:3rem 2rem 10rem; text-align:center}
	.identity .after .more {bottom:3rem}
	.identity .list .active {max-width:100%; height:43rem}
	
	.business .group {height:auto; justify-content:inherit}
	.business .desc .wbr {display:inline-block}
	.business .img {position:relative; left:auto; width:100%; margin-top:4rem}
	.business .img img {display:block; width:100%}
	
	.business .group01 b {display:block}
	.business .group02 {margin-top:5rem}
	.business .group02 .desc {padding-left:0}
	.business .group02 li + li {margin-top:2rem}
	.business .group02 .eng {width:30rem}
	.business .group02 .img {right:auto}
}

@media (max-width:490px){
	.visual {height:55rem}
	.visual:after {bottom:1rem}
	.visual .desc {top:17.5rem}
	.visual .desc .title {font-size:4rem}
	.visual .desc .con {margin-top:1.5rem}
	.visual .control_box {top:auto; bottom:10rem}
	
	.business .group02 span {display:block}
}