@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}
a{ color: #000;}

#MW_wrap {
	clear: both;
	width:100%;
	max-width: 1000px;
	padding: 0 0 1%;
	margin:0 auto 10px;
	font-family: "Noto Sans JP", sans-serif;
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";*/
	/*font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";*/
	color: #000000;	
	/*background-color: #FFF2FA;*/
}

#MW_wrap h1{width: 100%; margin: 5% auto 2%; font-size: 4.5rem; font-weight: 600; text-align: left; color: #fff;}
.shadow{filter: drop-shadow(2px 2px 2px rgb(0,0,0,.4));}
#MW_wrap h2{width: 100%; margin: 5% auto 2%; font-size: 2rem; font-weight: 600; text-align: center;}
.sp {display:none;}
.clear {clear:both;}

.main {width: 100%; margin:5% auto 2%;}
	
.Lead_pc {
	display: block;
	text-align:center;
	font-size:1.8rem;
	padding:0 ;
	margin:3% auto 5%;
	line-height:2em;
}
.Lead_sp {display: none;}

.bold{font-size: 110%; font-weight: 500;}
/*item*/
.item_wrap {width: 65%; margin: 0 auto 15%;}
.main_item {width: 100%; margin: 0 auto;}
.item_box {width: 90%; margin: 10% auto 10%;}
.blk{width: 100%; height: 15px;  margin: 5% auto;}
/*.sub_ttl{width: 70%; margin: 0 auto 3%;}*/
/*.sub_ttl{text-align: center; font-weight: 600; font-size: 4.8rem; line-height: 1.1em;}*/
/*.u_line{border-bottom: 2px solid #000; line-height: 1;}
.sml{font-size: 2.2rem; font-weight: 400;}*/
.credit{
	text-align:left;
	font-size:1.4rem;
	width: 100%;
	max-width: 580px;
	margin:2% auto 1%;
	line-height: 1.8em;
	font-weight: 400;
}
.credit a{font-size: 1.2rem;}
.tax{font-size: 70%;}

.coorde_box{width: 50%; margin: 1% auto 5%;}


.img_box {
	position: relative;
	width: 100%;
	max-width: 560px;
	height: 670px;
	margin: 0 auto 2%;
}

.image {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim 6s infinite;
}

.image:nth-of-type(1) {
	animation-delay: 0s;
}
.image:nth-of-type(2) {
	animation-delay: 3s;
}
@keyframes change-img-anim {
	0%{ opacity: 0;}
	25%{ opacity: 1;}
	50%{ opacity: 1;}
	75%{ opacity: 0;}
	100%{ opacity: 0;}
}

.image3 {
	position: absolute;
	width: 100%;
	opacity: 0;
	animation: change-img-anim3 9s infinite;
}

.image3:nth-of-type(1) {
	animation-delay: 0s;
}
.image3:nth-of-type(2) {
	animation-delay: 3s;
}
.image3:nth-of-type(3) {
	animation-delay: 6s;
}
@keyframes change-img-anim3 {
  0%{ opacity: 0;}
 20%{ opacity: 1;}
  33%{ opacity: 1;}
  63%{ opacity: 0;}
  100%{ opacity: 0;}
}


@media only screen and (max-width: 900px) {
	.main {margin:0 auto 5%;}
	.pc {display:none;}
	.sp {display:block;}

	.Lead_sp {
		display: block;
		text-align:center;
		font-size:1.5rem;
		padding:0 ;
		margin:3% auto 8%;
		line-height:2;
	}
	.Lead_pc {display: none;}
	.main {width: 100%; margin:5% auto 2%;}
	#MW_wrap h1{width: 100%; margin: 5% auto 2%; font-size: 2.5rem;}
	#MW_wrap h2{width: 100%; margin: 5% auto 2%; font-size: 1.6rem;}
/*item*/
	.item_wrap {width: 90%; margin: 0 auto 15%;}
	.main_item {width: 100%; margin: 0 auto 3%;}
	.item_box {width: 90%; margin: 9% auto 2%;}
	.sml{font-size: 1.6rem;}

	.img_box {width: 100%; height: 98vw; margin: 0 auto 1%;}

	.credit{font-size:1.1rem; margin: 1% auto 2px;}	
	.credit a{font-size: 1rem;}
	
	.btn-1 {
		width: 30%;
		margin: 1% auto 7%;
		padding: 7px 0px;
		font-size: 1.3rem;
	}


}