@media (max-width: 1080px) {
	body{overflow-x:hidden; font-size: 1rem; }
.w1200_new,.leftLoop01,.slideBox01{
	width:100%; height: auto;
}
.w100 img{/*width:100%;*/margin: 10px 0;}
/*.box01 img{width:100%;}*/
.mgl50,.mgr50{margin:0;}

h2{margin:20px 0;}
.banner_con{
	width:100%;
	height: 72vw;
}
.banner{
	background-size:163%;
	height:auto;
}
.banner_con .logo{
	display: block; padding:15px;
}
.banner_con .logo img{width:45%;}

.bg01,.bg02,.bg03,.bg04{height: auto; background-repeat: repeat; padding:0 0 10vw 0;}
.mgt30{
	margin-top:1em
}
.text{ font-size: 1rem; margin-top: auto; padding: 10px 4%; width: 92%;margin: -15% 0 0 0;height: auto;overflow: auto;}
	.text .p h1{font-size:1.5rem;}
.bg01,.bg02,.bg03{height:auto;overflow: hidden;background-repeat: repeat;background-size: 100vh 100%;padding: 0;}
.box01 h2 img{
	width:220%;
	margin-left: -60%;
	margin-bottom: 10px;
}
	.box02 h2 img{width:60%;margin: 10px;}
	.bg01 .yg_banner{background-color:#e9f1fc; background-size:100%; height: auto;}
	.bg01 .yg_banner dl{padding:10px 10px 10px 35%; width:65%;}
	.bg01 .yg_banner dt{font-size:1.2rem; line-height: 1.5; width:100%; margin-bottom:10px;}
	.bg01 .yg_banner dd a{font-size: 1rem; width:58%; height: auto; line-height: 1;}
	
.bg03 .swiper{padding-bottom: 60px;}
.bg03 .swiper-slide{width:90%; height: auto}
.bg03 .swiper-pagination-bullet,.bg03 .swiper-pagination-bullet,.bg04 .swiper-pagination-bullet{width:10px;}
	.bg03 .swiper-slide h1{font-size: 1.1rem; line-height:1.5; height: 60px;margin-top: -60px;}
	
.list01{width:100%;}
.list01 li{height: auto; width:100%;}
.list01 li .pic{float: left;}
.list01 li .pic img{width:100%; height: auto;}
.list01 li .info{padding:5%; float: left; width:90%;}
.list01 li .info h1{font-size: 1.3rem; margin:15px 0;}
.list01 li .info p{font-size: 1rem;}

}