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

/* article */
article{
	padding-top:0;
}


/* h1 */
h1{
}
h1 img{
	width:100%;
}


/* #cont0 */
#cont0{
}
#cont0 h2{
	margin-bottom:4%;
	font-size:7vw;
	font-family: 'Roboto', sans-serif;
	letter-spacing:0.03em;
	text-indent:0.03em;
}
#cont0 p{
	font-size:12px;
	font-weight:normal;
	line-height:2;
	padding:0 5%;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont0 ul{
	padding-left:calc(1.5em + 5%);
	padding-right:5%;
}
#cont0 ul li{
	margin-bottom:10px;
	font-size:12px;
	font-weight:normal;
	list-style:disc;
}

#cont0 section:first-of-type{
	padding:17% 0 50%;
	background:url(../images/top/cont0_bg1.png)no-repeat center bottom;
	background-size:100% auto;
	position:relative;
	z-index:1;
}
#cont0 section:last-of-type{
	margin:-10% 0 0;
	padding:20% 0 calc(10% - 10px);
	background:url(../images/top/cont0_bg2.png)repeat-y center top;
	background-size:100% auto;
	overflow:hidden;
}
#cont0 section:last-of-type div{
	width:auto;
	margin:0 auto;
	padding:0;
	text-align:left;
}
#cont0 section:last-of-type div h2{
	text-align:center;
}


/* .cont */
.cont{
	padding:0 0 10%;
	overflow:hidden;
}
.cont h2{
	margin-bottom:13%;
	line-height:2.5;
	font-size:7vw;
	font-weight:500;
	font-family: 'Roboto', sans-serif;
	color:#706958;
	background-color:#e6e4de;
	position:relative;
}
.cont h2:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 20px 35px 0 35px;
	border-color: #e6e4de transparent transparent transparent;
	position:absolute;
	top:100%;
	left:50%;
	transform:translateX(-50%);
}


/* #cont1 */
#cont1{
	margin-top:10%;
}
#cont1 > ul > li{
	width:80%;
	margin-left:0;
	display:inline-block;
	vertical-align:top;
}
#cont1 > ul > li ul{
	padding-left:1.2em;
}
#cont1 > ul > li ul li{
	margin-bottom:10px;
	font-size:12px;
	font-weight:500;
	list-style:disc;
	text-align:left;
}
#cont1 > ul > li:last-child ul li:last-child{
	list-style:none;
	margin-left:-1em;
}


/* #cont2 */
#cont2{
}
#cont2 ul{
	width:90%;
	margin:auto;
}
#cont2 ul li{
	width:49%;
	display:inline-block;
}
#cont2 ul li img{
	width:100%;
	max-width:200px;
}
#cont2 ul li:first-child{
	margin:0 0 20px;
	padding-left:0;
}
#cont2 ul li:nth-child(2){
	margin:0 0 20px;
	padding-right:0;
}


/* #cont3 */
#cont3{
}
#cont3 dl{
	width:90%;
	margin:auto;
	padding:0;
	text-align:left;
}
#cont3 dl dt{
	padding:0 0 2% 0;
	font-size:14px;
	font-weight:bold;
	float:none;
}
#cont3 dl dd{
	margin-bottom:10px;
	padding:0 0 2% 0;
	font-size:12px;
	font-weight:500;
	border-bottom:1px solid #989898;
}



}