@charset "utf-8";
@media only screen and (max-width:640px){
article{
	padding-bottom:0;
	min-width:auto;
	min-width:initial;
	font-size:13px;
	padding-top:0;
}
.only_smart{
	display:block !important;
}
.only_smart_i{
	display:inline-block !important;
}
.only_pc{
	display:none !important;
}


article h1{
	margin:0;
	padding:0;
}
article h1 img{
	vertical-align:bottom;
}
article h1 + p{
	padding:0px 0 5%;
	font-size:16px;
	font-weight:bold;
	line-height:1.8;
	color:#ff6d25;
}
article > a img{
	width:80%;
	max-width:400px;
}
article > section{
	margin-top:20%;
	padding:5% 5% 10%;
	background:
		url(../images/bg_top.png)repeat-x center top,
		url(../images/bg.png) center top;
	background-size:800px auto;
}
article > section h2{
	margin-bottom:8%;
}
article > section h2 img{
	width:90%;
	display:inline-block;
	margin-top:-100%;
}



/* .cont */
.cont{
	max-width:1054px;
	margin:0 auto 7%;
	padding:5% 0;
	background-color:#fff;
	border:2px solid;
	border-radius:15px;
}
.cont h3{
	margin:0px 0 10px;
	padding:0 15px;
	text-align:center;
}
.cont h3 img{
	width:80%;
	max-width:250px;
	display:inlin-block;
	transform:none;
}
.cont figure{
	display:inline-block;
	margin:0;
}
.cont figure img{
	display:block;
}
.cont figure figcaption{
	margin-bottom:5px;
	position:relative;
	display:inline-block;
	font-size:16px;
	font-weight:bold;
	line-height:1.2;
}
.cont figure figcaption:before{
	content:'＼';
	position:absolute;
	right:100%;
	bottom:0;
}
.cont figure figcaption:after{
	content:'／';
	position:absolute;
	left:100%;
	bottom:0;
}


/* #cont1 */
#cont1 {
	border-color:#e8891a;;
}
#cont1 > ul{
	margin:5% 0 0;
}
#cont1 > ul > li {
	width:45%;
	margin:0 1% 5%;
	display:inline-block;
}
#cont1 > ul > li a{
	display:block;
	text-decoration:none;
}
#cont1 > ul > li a figure figcaption{
	color:#e8891a;
}
#cont1 dl {
	width:96%;
	margin:10px auto 0;
	padding:20px 0 2%;
	border-radius:10px;
	background-color:#fcc6a9;
	letter-spacing:-0.4em;
}
#cont1 dl dt{
	margin-bottom:10px;
}
#cont1 dl dt img{
	width:80%;
	max-width:300px;
}
#cont1 dl dd{
	width:96%;
	height:auto;
	display:block;
	margin:0 auto 2%;
	padding:10px 3%;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:10px;
	letter-spacing:normal;
}
#cont1 dl dd:last-of-type{
	width:96%;
	height:auto;
	margin-bottom:0;
}
#cont1 dl dd h4{
	font-size:16px;
	border-bottom:3px dotted #fcc6a9;
	margin:0 0 5px;
}
#cont1 dl dd:last-of-type h4{
	margin-bottom:5px;
}
#cont1 dl dd ul{
	width:18em;
	margin-left:1em;
	display:inline-block;
}
#cont1 dl dd ul li{
	font-size:14px;
	text-align:left;
	line-height:1.5;
}
#cont1 dl dd ul li:before{
	content:'';
	display:inline-block;
	vertical-align:middle;
	width:10px;
	height:10px;
	margin-right:5px;
	border-radius:50%;
	background-color:#ed641a;
}
#cont1 dl dd:last-of-type ul li{
	margin:0;
	display:block;
}
#cont1 dl dd:last-of-type p{
	font-size:13px;
	margin-bottom:0;
	padding-left:1em;
	text-indent:-1em;
	text-align:left;
}




/* #cont2 */
#cont2 {
	padding-bottom:7%;
	border-color:#109322;
}
#cont2 h3 {
	margin-bottom:5%;
}
#cont2 figure figcaption {
	color:#109322;
}
#cont2 > a {
	width:45%;
	display:inline-block;
}
#cont2 > p {
	width:300px;
	margin:5% auto;
	padding:8px 40px 4px 10px;
	font-size:16px;
	font-weight:bold;
	line-hieght:1.2;
	color:#109322;
	background-color:#fff15a;
	border-radius:40px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;
}
#cont2 > p img {
	width:60px;
	margin-top:-5px;
	display:block;
	position:absolute;
	left:auto;
	right:-10px;
	top:50%;
	display:inline-block;
	transform:translateY(-40%);
}
#cont2 > ul {
	margin-top:30px;
}
#cont2 > ul > li {
	width:45%;
	margin:0 1% 5%;
	display:inline-block;
}
#cont2 > ul > li:last-child {
	margin-bottom:0;
}
#cont2 > ul > li a{
	display:block;
	text-decoration:none;
}



/* #cont3 */
#cont3 {
	margin-bottom:10%;
	border-color:#f24597;
}
#cont3 h3 {
	margin-bottom:0;
}
#cont3 h3 img {
	width:90%;
	max-width:300px;
}
#cont3 a {
	width:45%;
	display:inline-block;
}
#cont3 figure figcaption {
	color:#f24597;
}
#cont3 > img {
	width:96%;
	margin:3% auto;
	display:block;
}
#cont3 h4 {
	margin-bottom:0;
}
#cont3 dl {
	width:90%;
	font-size:13px;
	display:inline-block;
	text-align:left;
}
#cont3 dl dt {
	width:70px;
	float:left;
}
#cont3 dl dt:nth-of-type(n+2) {
	margin-top:15px;
}
#cont3 dl dd {
	min-height:3.2em;
	margin:0;
	padding:0 0 0 75px;
	box-sizing:border-box;
	text-align: justify;
	text-justify: inter-ideograph;
}
#cont3 dl dd:nth-of-type(n+2) {
	margin:10px 0 0;
	padding-top:3px;
}
#cont3 dl dd span {
	color:#f24597;
	font-weight:bold;
}
#cont3 section {
	width:94%;
	margin:8% auto 0;
	padding:0 0 3%;
	background-color:#fffed3;
	border-radius:10px;
	position:relative;
}
#cont3 section h5{
	margin:0;
	position:static;
	left-auto;
	top:auto;
}
#cont3 section h5 img{
	width:120px;
	margin-top:-20px;
}
#cont3 section a{
	vertical-align:middle;
	margin:0 3% 0;
}
#cont3 section figure figcaption {
	color:#e8891a;
}
#cont3 section p{
	width:42%;
	display:inline-block;
	vertical-align:middle;
	font-size:16px;
	font-weight:bold;
	color:#985024;
	text-align:left;
	line-height:1.5;
}


/* #cont4 */
#cont4 {
	margin-bottom:0;
	padding:0 3% 3%;
	box-sizing:border-box;
	border-color:#ff5409;
	text-align:left;
}
#cont4 h3 {
	margin:-5% 0 10px;
	padding:0;
	text-align:center;
}
#cont4 h3 img{
	width:100%;
	max-width:300px;
	transform:none;
}
#cont4 p {
	font-size:14px;
	font-weight:bold;
	letter-spacing:0.08em;
}

#cont4 div {
	width:auto;
	display:block;
	vertical-align:middle;
	margin-right:0;
}
#cont4 div p {
	margin-bottom:10px;
}
#cont4 div p span {
	color:#ff5409;
}

#cont4 div + img{
	width:60%;
	max-width:200px;
	display:block;
	margin:auto;
}
#cont4 > p {
	padding:3%;
	box-sizing:border-box;
	color:#ff5409;
	background-color:#fff959;
	text-align:left;
	border-radius:10px;
}



}



@media only screen and (max-width:480px){

.cont figure figcaption{
	font-size:12px;
}

article h1 + p{
	font-size:14px;
	letter-spacing:-0.05em;
}

#cont2 > p {
	width:260px;
	margin:5% auto 0;
	padding:3px 10px 2px 0px;
	box-sizing:border-box;
	font-size:12px;
	font-weight:bold;
	line-hieght:1.1;
	letter-spacing:-0.05em;
	color:#109322;
	background-color:#fff15a;
	border-radius:40px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;
}
#cont2 > p img {
	width:40px;
	margin-top:-5px;
	display:block;
	position:absolute;
	left:auto;
	right:-5px;
	top:50%;
	display:inline-block;
	transform:translateY(-40%);
}

#cont3 section p{
	font-size:14px;
}

}