@charset "utf-8";
html,body{margin:0;}
article{
	margin-bottom:0;
	min-width:1012px;
	font-family: 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
 	font-size:15px;
	line-height:1.6;
	text-align:center;
	padding-top:20px;
}
a{
	-webkit-transition: opacity 0.3s ease-out;
	transition: opacity 0.3s ease-out;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	-o-transition: all 0.3s ease-out;
	-ms-transition: all 0.3s ease-out;
}
a:hover{
	opacity: 0.8;
}
.only_smart,
.only_smart_i{
	display:none !important;
}

article img{
	max-width:100%;
}
article ul{
	margin:0;
	padding:0;
}
article ul li{
	list-style:none;
}
article h1{
	margin:0;
	padding:0;
}
article h1 img{
	vertical-align:bottom;
}
article h1 + p{
	padding:0px 80px 40px;
	font-size:17px;
	font-weight:bold;
	line-height:1.8;
	color:#ff6d25;
}
article > section{
	padding-bottom:50px;
	background:
		url(../images/bg_top.png)repeat-x center top,
		url(../images/bg.png) center top;
}
article > section h2{
	margin-bottom:80px;
}



/* .cont */
.cont{
	max-width:1054px;
	margin:0 auto 70px;
	padding:0 0 20px;
	background-color:#fff;
	border:2px solid;
	border-radius:20px;
}
.cont h3{
	margin:-20px 0 10px;
	padding:0 20px;
	text-align:left;
}
.cont h3 img{
	width:300px;
	display:inlin-block;
	transform:rotate(-5deg);
}
.cont figure{
	display:inline-block;
	margin:0;
}
.cont figure img{
	display:block;
}
.cont figure figcaption{
	margin-bottom:10px;
	position:relative;
	display:inline-block;
	font-size:20px;
	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:50px 0 30px;
}
#cont1 > ul > li {
	margin:0 25px;
	display:inline-block;
}
#cont1 > ul > li a{
	display:block;
	text-decoration:none;
}
#cont1 > ul > li a figure figcaption{
	color:#e8891a;
}
#cont1 dl {
	width:97%;
	margin:10px auto 0;
	padding:20px 0 10px;
	border-radius:15px;
	background-color:#fcc6a9;
	letter-spacing:-0.4em;
}
#cont1 dl dt{
	margin-bottom:10px;
}
#cont1 dl dd{
	width:48%;
	height:190px;
	display:inline-block;
	vertical-align:top;
	margin:0.7%;
	padding:20px 15px 0;
	box-sizing:border-box;
	background-color:#fff;
	border-radius:15px;
	letter-spacing:normal;
}
#cont1 dl dd:last-of-type{
	width:97%;
	height:180px;
}
#cont1 dl dd h4{
	font-size:24px;
	border-bottom:3px dotted #fcc6a9;
	margin:0 0 10px;
}
#cont1 dl dd:last-of-type h4{
	margin-bottom:20px;
}
#cont1 dl dd ul{
	display:inline-block;
}
#cont1 dl dd ul li{
	font-size:23px;
	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 20px;
	display:inline-block;
}
#cont1 dl dd:last-of-type p{
	font-size:19px;
}




/* #cont2 */
#cont2 {
	padding-bottom:65px;
	border-color:#109322;
}
#cont2 h3 {
	margin-bottom:30px;
}
#cont2 figure figcaption {
	color:#109322;
}
#cont2 > a {
	display:inline-block;
}
#cont2 > p {
	margin:0 0 40px 15px;
	padding:20px;
	font-size:23px;
	font-weight:bold;
	line-hieght:1.2;
	color:#109322;
	background-color:#fff15a;
	border-radius:20px;
	display:inline-block;
	vertical-align:bottom;
	position:relative;
}
#cont2 > p img {
	width:60px;
	margin-top:-5px;
	display:block;
	position:absolute;
	left:calc(50% - 30px);
}
#cont2 > ul {
	margin-top:30px;
}
#cont2 > ul > li {
	margin:0 25px;
	display:inline-block;
}
#cont2 > ul > li a{
	display:block;
	text-decoration:none;
}



/* #cont3 */
#cont3 {
	border-color:#f24597;
}
#cont3 h3 {
	margin-bottom:30px;
}
#cont3 a {
	display:inline-block;
}
#cont3 figure figcaption {
	color:#f24597;
}
#cont3 > img {
	margin-left:40px;
	display:inline-block;
	vertical-align:top;
}
#cont3 dl {
	font-size:23px;
	display:inline-block;
	text-align:left;
}
#cont3 dl dt {
	float:left;
}
#cont3 dl dt:nth-of-type(n+2) {
	margin-top:30px;
}
#cont3 dl dd {
	min-height:3.2em;
	padding:0 0 0 120px;
	box-sizing:border-box;
}
#cont3 dl dd:nth-of-type(n+2) {
	margin-top:30px;
	padding-top:0.3em;
}
#cont3 dl dd span {
	color:#f24597;
	font-weight:bold;
}
#cont3 section {
	width:94%;
	margin:30px auto 0;
	padding:30px 0;
	background-color:#fffed3;
	border-radius:10px;
	position:relative;
}
#cont3 section h5{
	margin:0;
	position:absolute;
	left:-15px;
	top:-25px;
}
#cont3 section a{
	vertical-align:middle;
	margin:0 60px;
}
#cont3 section figure figcaption {
	color:#e8891a;
}
#cont3 section p{
	display:inline-block;
	vertical-align:middle;
	font-size:24px;
	font-weight:bold;
	color:#985024;
	text-align:left;
	line-height:2;
}


/* #cont4 */
#cont4 {
	margin-bottom:0;
	padding:0 100px 30px;
	box-sizing:border-box;
	border-color:#ff5409;
	text-align:left;
}
#cont4 h3 {
	margin:-25px 0 10px;
	padding:0;
	text-align:center;
}
#cont4 h3 img{
	width:445px;
	transform:none;
}
#cont4 p {
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.08em;
}

#cont4 div {
	width:480px;
	display:inline-block;
	vertical-align:middle;
	margin-right:50px;
}
#cont4 div p {
	margin-bottom:30px;
}
#cont4 div p span {
	color:#ff5409;
}

#cont4 div + img{
	vertical-align:middle;
}
#cont4 > p {
	padding:20px 100px;
	box-sizing:border-box;
	color:#ff5409;
	background-color:#fff959;
	text-align:left;
	border-radius:15px;
}
