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

#MW_wrap {
	clear: both;
	width:100%;
	max-width: 1200px;
	padding: 0;
	padding-bottom: 3%;
	margin:0 auto 20px;
	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;	
}

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

.sp {display:none;}

h2{width: 100%; background-color: #000; color: #fff; font-size: 15px; text-align: center; padding: 5px 0;}

.item_box{	width: 100%; margin: 10% auto 5%; display:flex; flex-wrap:wrap; justify-content: space-between;}
.item1{	width: 57%;	margin: 0;	}
.item2{	width: 40%;	margin: 0;	}

/*.item_box3{	width: 80%; margin: 5% auto 10%;	display:flex; flex-wrap:wrap; justify-content: space-between;}
.item3{	width: 32%;	margin: 0;	}*/
/* スライダ―のCSS */
/*.slider { width: 90%; margin: 0 auto;   display: flex;    gap: 15px;    overflow-x: auto;}
.slide {width: 400px;}
.slide img { width: 320px;}*/

.point_video {display: block; width: 100%; margin: 0 auto;}
.point_video iframe {width: 100%;}



/* General button style (reset) */
/*.btn {
	border: none;
	font-family: inherit;
	color: inherit;
	background: none;
	cursor: pointer;
	display: inline-block;
	text-align: center;
	letter-spacing: 1px;
	font-weight: 600;
	outline: none;
	position: relative;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	
}*/


/* Button 1 */
/*.btn-1 {
	width: 45%;
    display: block;
    padding: 8px 0px;
    font-size: 14px;
    color: #000;
    background-color: #fff;
	position: absolute;
	bottom: 7%;
	left: 5%;
}

.btn-2 {
	width: 65%;
    display: block;
    margin: 4% auto 0;
    padding: 8px 0px;
    font-size: 14px;
    color: #fff;
    background-color: #000;
}

.btn:hover {
	color: #000;
	background-color: #7D7D7D;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
}*/

@media only screen and (max-width: 750px) {
	.main {margin:0 auto 2%; width: 100%;}
	.pc {display:none;}
	.sp {display:block;}
	
	h2{width: 100%; font-size: 14px; padding: 4px 0;}

	.item_box{	width: 100%; margin: 10% auto 5%; display: block;}
	.item1{	width: 100%;	margin: 0 auto 10%;	}
	.item2{	width: 100%;	margin: 0;	}
	
	/*.point_video {display: block; width: 100%; margin: 10% auto 5%;}*/
	
	/*.slider { width: 100%; margin: 0 auto; gap: 10px; }
	.slide {width: 350px;}
	.slide img { width: 300px;}*/
}