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

/* header */
header{
	height:auto;
	padding:60px 0 0;
	background-image:none;
}
header section{
	width:auto;
	margin:auto;
	padding-right:0;
}
header section h1{
	float:none;
}
header section p{
	padding:10% 0 25%;
	text-align:center;
}



/* article */
article{
}


/* section */
section{
}


/* .cont */
.cont{
}


/* #cont1 */
#cont1{
}
#cont1 h2{
	padding:12% 0;
	background:url(../common/images/bg.png)center top;
	background-size:150px auto;
}
#cont1 ul li{
	padding:12% 0 0;
}
#cont1 ul li:first-child{
	padding-bottom:20%;
	height:auto;
	background:url(../images/about/cont1_1_bg_s.png)no-repeat center top;
	background-size:cover;
}
#cont1 ul li:first-child section{
	width:auto;
	margin:auto;
	padding-right:0;
	overflow:hidden;
}
#cont1 ul li:first-child section h3{
	float:none;
}
#cont1 ul li:first-child section p{
	padding:25% 0 0;
	text-align:center;
}
#cont1 ul li:first-child section a{
	display:inline-block;
	width:80%;
	max-width:340px;
	line-height:45px;
	margin-top:15%;
	background:url(../images/top/link_bg.png)repeat-y center top;
	background-size:100% auto;
	font-size:16px;
	color:#fff;
	letter-spacing:0.2em;
	position:relative;
}
#cont1 ul li:first-child section a:after{
	content:'▼';
	margin-left:3%;
	font-size:11px;
	color:#ccac5d;
	position:absolute;
}

#cont1 ul li:nth-child(2){
	padding-bottom:20%;
	height:auto;
	background:url(../images/about/cont1_2_bg_s.png)no-repeat center top;
	background-size:cover;
}
#cont1 ul li:nth-child(2) section{
	width:auto;
	margin:auto;
	padding-right:0;
	overflow:hidden;
}
#cont1 ul li:nth-child(2) section h3{
	margin-bottom:50%;
	float:none;
}
#cont1 ul li:nth-child(2) section p{
	padding:0 0 10%;
	text-align:center;
	position:relative;
}
#cont1 ul li:nth-child(2) section p:first-of-type{
	margin-bottom:0;
}
#cont1 ul li:nth-child(2) section p:last-of-type{
	margin-left:0;
	padding-bottom:20%;
}
#cont1 ul li:nth-child(2) section p a{
	position:absolute;
	left:30%;
	top:0;
	width:22%;
}

#cont1 ul li:nth-child(3){
	height:auto;
	padding-bottom:20%;
	background:url(../images/about/cont1_3_bg_s.png)no-repeat center top;
	background-size:cover;
}
#cont1 ul li:nth-child(3) section{
	width:auto;
	margin:auto;
	padding-right:0;
	overflow:hidden;
}
#cont1 ul li:nth-child(3) section h3{
	margin-bottom:15%;
	float:none;
}
#cont1 ul li:nth-child(3) section p{
	padding-right:0;
	text-align:center;
}


#cont1 ul li:last-child{
	margin-top:-1px;
	padding-bottom:20%;
	height:auto;
	background:url(../images/about/cont1_4_bg_s.png)no-repeat center top;
	background-size:cover;
}
#cont1 ul li:last-child section{
	width:auto;
	margin:auto;
	padding-right:0;
	overflow:hidden;
}
#cont1 ul li:last-child section h3{
	margin-bottom:30%;
	float:none;
}
#cont1 ul li:last-child section p{
	padding-right:0;
	text-align:center;
	position:relative;
}


/* #cont2 */
#cont2{
	padding:15% 0;
	background:
		url(../images/about/cont2_bottom_s.png)no-repeat center bottom,
		url(../common/images/bg.png) center top;
	background-size:80% auto,150px auto;
}
#cont2 h2{
	margin-bottom:10%;
}
#cont2 p{
	display:block;
	padding:8% 5% 0;
	font-size:3.7vw;
	color:#672a01;
	line-height:2.4;
	letter-spacing:0.05em;
	text-align:left;
}


/* #cont3 */
#cont3{
	padding:15% 0 0;
	background:url(../common/images/bg.png)center top;
	background-size:150px auto;
}
#cont3 h2{
	margin-bottom:10%;
}
#cont3 p{
	display:block;
	margin:0;
	padding:0 5% 15%;
	font-size:3.7vw;
	color:#672a01;
	line-height:2.4;
	letter-spacing:0.05em;
	text-align:left;
}
#cont3 div{
	position:relative;
	height:0;
	margin:0 3%;
	padding-top:53%;
}

#cont3 div iframe{
	position:absolute;
	top:0;
	left:0;
	width:100% !important;
	height:100% !important;
}


}