@charset "utf-8"; 

.map002 {width:100%; float:left; clear:both;}
.map002_wrap {margin:0 auto; position:relative;}

.map002 .map002_box {float:left; width:100%; position:relative; background:#fff; box-sizing:border-box; overflow:hidden;}
.map002 .map002_box h4 {width:100%; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; line-height: 140%; color:#fff;}
.map002 .map002_box > ul {width:100%; float:left;}
.map002 .map002_box > ul li{width:100%; position:relative; float:left; font-size:13px;}
.map002 .map002_box > ul li a > div.mapimg {width:100%; height:100%; min-height:250px;}
.map002 .map002_box > ul li a > div.mapimg > img {min-width:110%; min-height:100%; position:absolute; top:-999px; left:-999px; right:-999px; bottom:-999px; margin:auto; padding-left:10%;}
.map002 .map002_box > ul li a .map1300 {width:100%; max-width:1330px; position:absolute; top:0; height:100%; left:0; box-sizing:border-box;}
.map002 .map002_box > ul li a .map002titleZone {width:50%; background:#012e5d; box-shadow: 2px 1px 4px rgb(0 0 0 / 20%); display:inline-block; box-sizing:border-box; text-align:left;}
.map002 .map002_box > ul li a .map002titleZone > p {width:23%; line-height: 140%; color:#fff; display:inline-block; vertical-align:top; margin-bottom:10px; box-sizing:border-box; clear:both; word-break:break-all;}
.map002 .map002_box > ul li a .map002titleZone > p:last-child {margin-bottom:0;}
.map002 .map002_box > ul li a .map002titleZone > span {width:75%; line-height: 140%; color:#fff; box-sizing:border-box; display:inline-block; margin-bottom:10px; word-break: keep-all; padding-left: 5px;}
.map002 .map002_box > ul li a .map002titleZone > span:last-child { margin-bottom:0;}


/* layout setting */
.border-radius .map002 .map002_box > ul li a .map002titleZone {border-radius:20px;}



	@media (min-width:1300px){
		.layout_01 .map002 .map002_box > ul li a .map1300 {left:50%; margin-left:-650px;}
		.mxwd100 .layout_01 .map002 .map002_box > ul li a .map1300 {padding-left:0;}
	}

	@media (min-width:800px){
		.layout_01 .map002 .map002_box > ul li a .map002titleZone {width:25%; height:320px;}
		.layout_06 .map002 .map002_box > ul li a .map002titleZone {width:37.5%;}
		.layout_04 .map002 .map002_box > ul li a .map002titleZone {width:90%;}

		.layout_height_H .map002 .map002_box > ul li a .map002titleZone {min-height:250px;}
		.layout_height_M .map002 .map002_box > ul li a .map002titleZone > span {-webkit-line-clamp: 3; -webkit-box-orient: vertical; display: -webkit-inline-box; overflow: hidden; }
	}
	@media (min-width:800px) and (max-width:1299px){
		.layout_01 .map002 .map002_box > ul li a .map002titleZone {width:33.3%;}
		.layout_03 .map002 .map002_box > ul li a .map002titleZone {width:90%;}
	}
	@media (min-width:600px){
		.layout_03.layout_height_M .map002 .map002_box > ul li a > div.mapimg > img {max-width:170%;}
		.layout_04.layout_height_M .map002 .map002_box > ul li a > div.mapimg > img {max-width:170%;}
		.layout_03.layout_height_L .map002 .map002_box > ul li a > div.mapimg > img {max-width:150%;}
		.layout_04.layout_height_L .map002 .map002_box > ul li a > div.mapimg > img {max-width:150%;}

		.layout_01 .map002 .map002_box > ul li a > div.mapimg {height:350px;}
		.layout_01 .map002 .map002_box > ul li a > div.mapimg.hgt100 {height: 75vh;}
		.layout_height_H .map002 .map002_box > ul li a > div.mapimg {height:350px;}

		.layout_height_L .map002 .map002_box > ul li a > div.mapimg {height:150px;}
		.layout_height_M .map002 .map002_box > ul li a > div.mapimg {height:250px;}
	}
	@media (min-width:600px) and (max-width:799px){
		.layout_block4 .layout_04 .map002 .map002_box > ul li a .map002titleZone {width:90%;}
	}
	@media (max-width:599px){
		.map002 .map002_box > ul li a .map002titleZone {width:100%;}
		.map002 .map002_box > ul li a > div.mapimg {height: 500px;}
		.map002 .map002_box > ul li a > div.mapimg > img {max-width: none;}
	}