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

article{
	margin-bottom:3px;
	padding-bottom:60px;
	min-width:auto;
	min-width:initial;
	font-family: 'メイリオ', 'Meiryo',  "MS P Gothic", "ＭＳ Ｐゴシック", 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', sans-serif;
	font-size:15px;
	line-height:1.9;
	text-align:center;
	background:url(../images/bg.jpg)repeat-y center top;
	background-size:auto auto;
}
.only_pc{
	display:none !important;
}
.only_smart{
	display:block !important;
}
article img{
	max-width:100%;
}
article h1{
	height:auto;
	margin:0 0 30px;
	padding:50% 0 0;
	background:#fff url(../images/h1.png)no-repeat center top;
	background-size:cover;
	text-indent:-9999px;
}
article nav{
	padding-bottom:1%;
	background:url(../images/nav_bg.png)repeat-x center top;
	background-size:auto 100%;
}
article nav ul li{
	width:28%;
	display:inline-block;
	margin:0 1%;
}

/* .cont */
.cont h2{
	margin-top:-50px;
	padding:50px 5% 0;
}
.cont > div{
	width:auto;
	margin:10px 1%;
	border:2px solid #f8ed6d;
	background-color:#fff;
	border-radius:20px;
}


/* #cont1 */
#cont1{
	padding:40px 0 40px;
	background-image:none;
}
#cont1 div dl{
	padding:30px 0 10px;
}
#cont1 div dl dt,
#cont1 div dl dd{
	display:inline-block;
	vertical-align:top;
	margin:0 3%;
}
#cont1 div dl dt{
	width:25%;
	margin-left:3%;
}
#cont1 div dl dt > img{
	width:auto;
}
#cont1 div dl dt a{
	display:block;
	margin-top:10px;
}
#cont1 div dl dd{
	width:60%;
}
#cont1 div dl dd p{
	margin:0 0 20px;
	text-align:left;
}
#cont1 div dl dd p span{
	background-color:#fdf56d;
}
#cont1 div > ul{
	padding:50px 0 10px;
	background-color:#fffdde;
	border-radius:0 0 30px 30px;
}
#cont1 div > ul > li{
	width:90%;
	max-width:542px;
	height:auto;
	margin:0 auto 30px;
	padding:30px 5% 10%;
	box-sizing:border-box;
	display:inline-block;
	vertical-align:top;
	border:2px solid #fff21d;
}
#cont1 div > ul > li h3{
	display:inline-block;
	text-align:center;
}
#cont1 div > ul > li h3 img{
	width:70%;
	margin:auto;
}
#cont1 div > ul > li:first-child{
	background:#fff url(../images/cont1_bg_1.png)no-repeat center bottom;
	background-image:100% auto;
}
#cont1 div > ul > li:nth-child(2){
	background:#fff url(../images/cont1_bg_2.png)no-repeat center bottom;
	background-image:100% auto;
}

#cont1 div > ul > li:last-child{
	background:#fff url(../images/cont1_bg_2.png)no-repeat center bottom;
	background-image:100% auto;
}

#cont1 div > ul > li h3{
	margin:0 0 5px;
}
#cont1 div > ul > li p{
	margin:0;
	text-align:left;
}
#cont1 div > ul > li:nth-child(2) p{
	display:inline-block;
	margin:10% 0;
}

#cont1 div > ul > li:last-child p{
	margin:10% 0;
}
#cont1 div > ul > li ul{
	margin-bottom:10%;
	text-align:left;
}
#cont1 div > ul > li ul li{
	display:inline-block;
	text-align:left;
	letter-spacing:-0.05em;
}
#cont1 div > ul > li ul li:before{
	content:'●';
	color:#fdd414;
}
#cont1 div > ul > li > img{
	width:auto;
	max-width:60%;
	display:block;
	margin:auto;
}


/* #cont2 */
#cont2{
	padding:0;
	background:url(../images/cont_bg.png)no-repeat center top;
}
#cont2 div section:first-child{
	padding:10px 0 20px;
	background-color:#fffdde;
	border-radius:30px 30px 0 0;
}
#cont2 div section:last-child{
	padding:30px 0 20px;
	background-color:#fff;
	border-radius:0 0 30px 30px;
}
#cont2 div section h3{
	margin-bottom:5px;
}
#cont2 div section h3{
	display:inline-block;
	text-align:center;
}
#cont2 div section h3 img{
	width:60%;
	margin:auto;
}

#cont2 div section ul li{
    width: 44%;
    height: auto;
    display:inline-block;
    -webkit-perspective: none;
    -ms-perspective: none;
    perspective: none;
    cursor:pointer;
}
#cont2 div section:first-child ul li{
    margin:10px 2%;
}
#cont2 div section:last-child ul li{
    margin:10px 2%;
}



/* #cont3 */
#cont3{
	margin:70px 0 70px;
	padding:0;
	background:url(../images/cont_bg.png)no-repeat center top;
}
#cont3 div{
	padding:30px 0 20px;
	background-color:#fffdde;
}
#cont3 div ul li{
    width: 44%;
    height: auto;
    margin:10px 2%;
    display:inline-block;
}




}





@media only screen and (max-width:480px){
/* #cont1 */
#cont1 div dl{
	padding:30px 0 45%;
	background:url(../images/cont1_2.png)no-repeat center bottom;
	background-size:94% auto;
}
#cont1 div dl dd img{
	display:none;
}
#cont1 div > ul > li{
	padding:30px 5% 15%;
}
#cont1 div > ul > li:nth-child(2){
	background:#fff url(../images/cont1_bg_1.png)no-repeat center bottom;
	background-image:100% auto;
}

#cont1 div > ul > li:last-child{
	background:#fff url(../images/cont1_bg_2.png)no-repeat center bottom;
	background-image:100% auto;
}

#cont1 div > ul > li:last-child p{
	margin-bottom:60px;
}


}