@charset "utf-8";
@media screen and (max-width:868px){

#wrapper{
	background:url(../common/images/bg.png) center top;
	background-size:150px auto;
}


/* header */
header{
	padding:60px 0 0;
}
header section{
	padding:15% 3% 20%;
}
header section h1{
	margin-bottom:12%;
}
header section h1 img{
	width:98%;
}
header section ul{
	margin:0 0 60px;
}
header section ul li{
	display:inline-block;
	margin:0 30px;
	letter-spacing:0.08em;
	line-height:2;
	cursor:pointer;
}
header section ul li.active{
	color:#ab2025;
	border-bottom:2px solid #ab2025;
	position:relative;
}
header section ul li.active:after{
	content:'';
	display:block;
	width:18px;
	height:18px;
	border-right:4px solid #ab2025;
	border-bottom:4px solid #ab2025;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position:absolute;
	left:50%;
	top:150%;
	margin-left:-9px;
}
header section > div{
}

header section > div div{
	position:relative;
	height:0;
	padding-top:57%;
}

header section > div div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}



/* article */
article{
}


/* section */
section{
}


/* .cont */
.cont{
}


/* #cont1 */
#cont1{
	width:90%;
	margin:auto;
	padding:15% 5% 18%;
	background-color:#fff;
	font-size:3.6vw;
	font-family: 'Noto Sans JP', sans-serif;
	position:relative;
}
#cont1:before{
	content:'';
	display:block;
	width:10%;
	padding-top:10.5%;
	background:url(../images/cm/cont1_pin.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	left:-8px;
	top:-8px;
}
#cont1:after{
	content:'';
	display:block;
	width:10%;
	padding-top:10.5%;
	background:url(../images/cm/cont1_pin.png)no-repeat left top;
	background-size:100% auto;
	position:absolute;
	right:-8px;
	bottom:-8px;
}

#cont1 h2{
	margin-bottom:14%;
}
#cont1 h2 img{
	width:70%;
}
#cont1 figure img{
	width:90%;
	margin-bottom:5%;
}
#cont1 p{
	margin-top:2em;
	text-align:left;
	line-height:2;
}


/* article > ul */
article > ul{
	background-image:none;
}




}