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

/* .cont */
.cont{
	padding:60px 0 0;
}


/* #cont1 */
#cont1{
	padding-left:3%;
	padding-right:3%;
}
#cont1 ol{
	display: block;
	max-width:480px;
	margin:auto;
}
#cont1 ol > li{
	width:100%;
	margin-bottom:20px;
	padding:5%;
	border-radius:10px;
}
#cont1 ol > li:last-child{
	margin-bottom:0;
}
#cont1 ol > li img{
	width:100%;
	margin-bottom:15px;
}
#cont1 ol > li section h3{
	margin-bottom:10px;
	font-size:16px;
}
#cont1 ol > li section h3 span{
	width:30px;
	margin-right:10px;
	font-size:12px;
}

#cont1 ol > li:first-child{
	width:100%;
	margin-bottom:20px;
	padding:5%;
	border-radius:10px;
}
#cont1 ol > li:first-child img{
	width:100%;
}
#cont1 ol > li:first-child section{
	width:auto;
	margin-left:0;
	display:block;
}
#cont1 ol > li:first-child section ul{
	margin-top:5px;
}
#cont1 ol > li:first-child section ul li{
	font-size:11px;
}
#cont1 ol > li:first-child section dl{
	margin:10px 0;
}
#cont1 ol > li:first-child section dl dt{
	margin-bottom:5px;
}
#cont1 ol > li:first-child section dl dd{
	display:inline-block;
	margin-right:15px;
	font-size:16px;
}
#cont1 ol > li:first-child section dl dd span{
	margin-right:0.5em;
	font-size:10px;
}
#cont1 ol > li:first-child section .more{
	width:260px;
	line-height:40px;
}
#cont1 ol > li:first-child section .more:after{
	right:15px;
}


/* #cont2 */
#cont2{
	width:auto;
	padding-left:3%;
	padding-right:3%;
}
#cont2 ol{
	display: block;
	margin:auto;
}
#cont2 ol li{
	display:inline-block;
	vertical-align:middle;
	width:80px;
	line-height:1.5;
	margin:20px 5px;
	position:relative;
	z-index:2;
	font-size:14px;
	color:#fff;
}
#cont2 ol li:after{
	right:102%;
}
#cont2 > dl{
	margin-top:30px;
	text-align:left;
}
#cont2 > dl > dt{
	width:110px;
	padding:20px 0 0 10px;
	float:left;
	font-size:12px;
}
#cont2 > dl > dd{
	padding:20px 0px 20px 140px;
	border-bottom:1px solid;
}
#cont2 > dl > dd > span{
	display:block;
	margin-top:20px;
	font-size:12px;
}
#cont2 > dl > dd .more{
	width:264px;
	margin-top:20px;
	line-height:28px;
}
#cont2 > dl > dd dl{
	margin:20px 0 -10px;
}
#cont2 > dl > dd dl dd{
	font-size:12px;
}
#cont2 > dl > dd dl dd:before{
	content:'・';
	margin-right:0.5em;
}



/* #cont3 */
#cont3{
	padding-bottom:60px;
}
#cont3 ul{
	margin:0 auto 40px;
	display: block;
}
#cont3 ul li{
	width:auto;
	position:relative;
}
#cont3 ul li div{
	width:auto;
	text-align:center;
}
#cont3 ul li div p{
	margin-bottom:15px;
	font-size:18px;
}


@media screen and (max-width:540px){
#cont2 ol{
	width:280px;
	margin:auto;
}
#cont2 ol li:nth-child(n+4){
	margin-top:30px;
}
#cont2 > dl > dt{
	width:auto;
	padding:10px 0 0 5px;
	float:none;
	font-size:12px;
	font-weight:bold;
}
#cont2 > dl > dd{
	padding:10px 0px 10px 5px;
}
#cont2 > dl > dd > span{
	display:block;
	margin-top:10px;
	font-size:10px;
}
#cont2 > dl > dd .more{
	width:240px;
	margin-top:20px;
	line-height:28px;
}
#cont2 > dl > dd dl{
	margin:5px 0 -5px;
}
#cont2 > dl > dd dl dd{
	font-size:12px;
}

}