@charset "utf-8";
html {font-size: 62.5%;}
body {padding:0; margin:0;}
a{text-decoration: none; color: #000; margin: 0; padding: 0;}
#MW_wrap p {padding:0;margin:0;}
a img:hover{opacity: 0.7;}

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

.main {width: 100%; margin:0 auto 2%;}

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



/*.UL{background:linear-gradient(transparent 60%, #eed5b4 60%);}
*/
/*item*/

.item_content {
	width: 92%;
	margin: 0 auto 10%;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.item_wrap {
	width: 100%;
	margin: 8% 0 5%;
}

.sub_ttl{width: 100%; margin: 0 auto 6%;}
.sub_img{width: 100%; margin: 3% auto 6%;}

.item_box {
	width: 100%;
	margin: 0 auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
}
.box_reverse {flex-direction: row-reverse;}
.item1 {width: 50%; margin: 0 auto;}

/*.item1 img {border-radius: 15px;}*/

.cmt_box {width: 50%; margin: 0 auto;}

/*.fl_L{float: left;}
.fl_R{float: right;}*/

.cmt{
	width: 100%;
	font-size:2rem;
	margin:0 auto 5%;
	text-align: center;
	line-height: 1.8em;
}

.bold{font-weight: 600; font-size: 120%; display: block; margin: 0 auto 2%;}
.credit{
	width: 23%;
	padding: 0 1%;
	margin: 10% 0 0 76%;
	font-size:1.6rem;
	text-align: left;
	line-height: 1.7em;
}

.txt_L{text-align: left; margin:10% 0 0 5%; }

.sub_wrap {
	width: 100%;
	padding: 2% 2%;
	margin: 2% auto 5%;
	background-color:#f8f6ef; 
}

.sub_box {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
.subimg1 {width: 24%; margin: 0;}

.staff_box{
	width: 80%;
	margin: -6% auto 0;
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.staff1{
	width: 45%;
	margin: 0;
	box-sizing: border-box;
}

@media only screen and (max-width: 900px) {

	.pc {display:none;}
	.sp {display:block;}
	#MW_wrap {
		width:100%;
		padding: 2% 0 5%;
		margin:0 auto 10px;
	}	
	.main {width: 100%; margin:0 auto 2%;}
	.Lead_sp {
		display: block;
		text-align:center;
		font-size:1.5rem;
		padding:0 ;
		margin:6% auto;
		line-height:1.8;
	}
	.Lead_pc {display: none;}

/*item*/

	.item_content {
		width: 98%;
		margin: 0 auto 10%;
	}
	.item_box {width: 98%;margin: 0 auto;}
	
	.item1 {width: 44%; margin: 0 auto;}

	.cmt_box {width: 50%; margin: 0 auto;}
	
	.cmt{
		width: 100%;
		font-size:1.2rem;
		margin:0 auto 5%;
		line-height: 1.6em;
	}

	.bold{font-size: 105%; margin: 0 auto 2%;}
	.credit{
		width: 37%;
		margin: 3% 0 0 62%;
		font-size:1rem;
		line-height: 1.8em;
	}
	.txt_L{text-align: left; margin:10% 0 0 0; }
	
	.sub_wrap {
	width: 75%;
	padding: 3% 3% 0;
	margin: 5% auto 10%;
}
	
	.sub_box {
		width: 100%;
		margin: 0 auto;
	}
	.subimg1 {width: 48%; margin: 0 0 2%;}

	
	.staff_box{
		width: 98%;
		margin: -5% auto 0;
	}
	
	.staff1{width: 49%;}


}