@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);
@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

/* -------------------------------------------------
初期化
------------------------------------------------- */

* { margin:0; padding:0; max-height:999999px; }

body {
	font-family:'Noto Sans JP', sans-serif;
	font-size:small !important;
	font:x-small;
	-webkit-text-size-adjust:100%;
	color:#402000;
	min-width:320px;
}
html>/**/body { font-size:13px; }
#wrapper{ font-size:76.92%; line-height:1.5; }

h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
img { border:0; vertical-align:top; }
li, dd { list-style:none; }
strong { font-weight:bold; }

a { text-decoration:underline; overflow:hidden; color:#000; }
a:hover { text-decoration:none; }
a:focus{ outline:none;}

input,textarea{ font-family:inherit; }

/* -------------------------------------------------
共通クラス
------------------------------------------------- */

.clear{ clear:both; }
.cfix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.cfix { display:inline-block; }
* html .cfix { height:1%; }
.cfix { display:block; }

a.ovr:hover,
a:hover .ovr{ opacity:0.5; filter: alpha(opacity=50); -ms-filter: "alpha( opacity=50 )"; }
a:focus{ outline:none;}

/* -------------------------------------------------
ページ
------------------------------------------------- */

#header{ text-align:center; }

#nav{ position:fixed; bottom:0; left:0; right:0; z-index:100; }
#nav ul{ display:table; width:100%; }
#nav ul li{
	display:table-cell;
	width:25%;
}
#nav ul li a{
	display:block; overflow:hidden;
	border-radius:20px 20px 0 0;
	border-left:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF;
	border-top:2px solid #FFFFFF;
	box-shadow:3px 3px 8px rgba(0,0,0,0.60);
	text-align:center;
	margin-left:-2px; padding-top:5px;
}
#nav ul li:nth-child(1) a{ background:#92E23D; margin-left:0; }
#nav ul li:nth-child(2) a{ background:#D85AB3; }
#nav ul li:nth-child(3) a{ background:#FBA300; }
#nav ul li:nth-child(4) a{ background:#FD688D; }

.s00{ background:#FFEB37; padding:20px 10px; }
.s00 .cfix{ margin-bottom:20px; }
.s00 .photo{ float:right; }
.s00 h2{ font-size:17px; line-height:1.0; font-weight:600; margin-bottom:5px; }
.s00 .t01{ font-size:11px; line-height:1.5; font-weight:500; margin-bottom:5px; }
.s00 .t02{ font-size:17px; line-height:1.5; font-weight:600; }
.s00 .t03{ font-size:11px; line-height:1.5; font-weight:500; }
.s00 .btn{ margin:-8px; }
.s00 .btn ul{ display:table; width:100%; border-collapse:separate; border-spacing:8px; }
.s00 .btn li{ display:table-cell; width:33.33%; }
.s00 .btn li a{ display:block; background:#FFFFFF; text-align:center; }

.s01{}
.s01 h3{ background:#84DE21; text-align:center; }
.s01 .box{ background:#D0FB79; padding:30px 20px 30px; }
.s01 .box .d{ display:inline-block; font-size:11px; font-weight:600; line-height:1.0; color:#FFFFFF; background:#84DE21; padding:5px; }
.s01 .box .t{ display:inline-block; font-size:15px; font-weight:600; line-height:1.5; margin-left:0.5em; }
.s01 .box .b{ font-size:13px; line-height:1.5; padding:5px 0 20px; }
.s01 .box .btn{ text-align:center; padding-bottom:20px; }
.s01 .box .btn a{
	display:inline-block;
	background:#FE015B url(./img/sp/arr.png) right center no-repeat;
	background-size: 24px auto; border-radius:3px;
	font-size:15px; line-height:35px; font-weight:600; color:#FFFFFF;
	text-decoration:none; text-align:center;
	width:130px;
}
.s01 .point{
	background:
		url(./img/sp/bg_btm_1.png) center bottom no-repeat,
		url(./img/sp/bg_btm_2.png) center bottom repeat-x,
		url(./img/sp/01/bg.png) center top repeat;
	background-size:260px auto, 1px auto, 9px auto;
	padding:0 2px 60px;
}
.s01 .point h4{ text-align:center; padding:25px 0; }
.s01 .point ul{ display:table; width:100%; border-collapse:separate; border-spacing:14px; margin-bottom:5px; }
.s01 .point ul li{
	display:table-cell; vertical-align:middle; position:relative; width:50%;
	background:#FFEB37;
	border-radius:5px;
	font-size:13px; line-height:1.4; text-align:center;
	padding:14px 0;
}
.s01 .point ul li strong{ font-size:16px; line-height:1.4; font-weight:600; color:#FE0059; }
.s01 .point ul li h5{
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:12px; font-weight:900;line-height:20px; color:#FFFFFF;
	background:#FE015B; border-radius:50%; width:20px;
	position:absolute; top:-10px; left:0;
	border:2px solid #FFEB37;
	
}

.s02{ }
.s02 h3{ background:#D85AB3; text-align:center; }
.s02 .box{ background:#FACFF4; padding:0 10px 40px; }
.s02 .t01{ padding:20px 0; font-size:15px; line-height:1.5; font-weight:600; }
.s02 ul{}
.s02 li{ background:#FFFFFF; border-radius:3px; padding:12px; margin-bottom:20px; }
.s02 li .t00{
	display:table; width:100%;
	font-family:"Rounded Mplus 1c";
	margin-bottom:5px;
}
.s02 li .t00 span{ font-size:13px; line-height:1.2; }
.s02 li .t00 h4{
	display:table-cell; vertical-align:middle; position:relative;
	font-size:21px; line-height:1.2; font-weight:bold;
	padding:20px 0 0 12px;
}
.s02 li .t00 strong{
	display:inline-block; position:absolute; left:-12px; top:0;
	font-size:13px; line-height:21px; padding:0 5px;
	color:#FFFFFF;
}
.s02 li .t00 .i{ display:table-cell; width:116px; vertical-align:middle; text-align:right; }

.s02 li:nth-child(1) .t00{ background:#FEEFF0; color:#EA5283; }
.s02 li:nth-child(1) .t00 strong{ background:#EA5383; }
.s02 li:nth-child(2) .t00{ background:#FDF0FC; color:#D859B2; }
.s02 li:nth-child(2) .t00 strong{ background:#D859B2; }
.s02 li:nth-child(3) .t00{ background:#DDF7FF; color:#00B9EF; }
.s02 li:nth-child(3) .t00 strong{ background:#00B9EF; }
.s02 li:nth-child(4) .t00{ background:#E3FDF9; color:#26B7BC; }
.s02 li:nth-child(4) .t00 strong{ background:#26B7BC; }
.s02 li p{ font-size:13px; line-height:1.5; }
.s02 li p strong{ display:inline-block; font-size:14px; line-height:1.5; font-weight:600; margin-bottom:5px; }
.s02 .t02{ font-size:15px; line-height:1.5; font-weight:600; text-align:center; margin:15px 0 10px; }
.s02 .t03{ font-size:13px; line-height:1.5; background:#FFFFFF; border-radius:3px; padding:10px; }

.s03{ }
.s03 h3{ background:#FBA300; text-align:center; }
.s03 .box{ background:#FDFF97; padding:0 10px; }
.s03 h4{
	padding:15px 0 15px 20px;
	background:url(./img/sp/03/icon.png) left center no-repeat;
	background-size:14px auto;
	font-size:15px; line-height:1.5; font-weight:bold; color:#3F1F00;
}
.s03 h5{ background:#FBA300; font-size:15px; line-height:30px; font-weight:bold; text-align:center; color:#FFFFFF; }

.s03 .thum{ border:3px solid #FBA300; border-radius:3px; overflow:hidden; margin-bottom:15px; }
.s03 .thum img{ width:100%; }

.s03 table{ margin-bottom:25px; }
.s03 table td{ font-size:13px; line-height:1.5; padding-right:1em; }
.s03 iframe{ margin-bottom:15px; }
.s03 .text{ font-size:13px; line-height:1.5; padding-bottom:35px; }
.s03 .text:nth-of-type(2){ padding-bottom:50px; border-bottom:2px dotted #FBA300; }


.s04{}
.s04 h3{ background:#FD688D; text-align:center; }
.s04 .box{ background:#FFD7D0; padding:20px 10px 20px; }
.s04 .text{ font-size:13px; line-height:1.5; }
.s04 .tel{ text-align:center; margin:25px 0 30px; }
.s04 .tel a{
	display:inline-block; width:200px;
	border:2px solid #FD688D; border-radius:3px; margin:0 auto;
	padding:10px 20px;
	text-decoration:none;
}
.s04 .tel h4{ font-size:13px; line-height:1.5; }
.s04 .tel h4 span{ font-size:15px; line-height:1.5; font-weight:bold; }
.s04 .tel p { font-size:26px; line-height:1.5; color:#FD688D; font-weight:bold; }

.s04 .point{
	background:
		url(./img/sp/bg_btm_1.png) center bottom no-repeat,
		url(./img/sp/bg_btm_2.png) center bottom repeat-x,
		url(./img/sp/04/bg.png) center top repeat;
	background-size:260px auto, 1px auto, 9px auto;
	height:80px;
}
.s04 .box .btn{ text-align:center; padding-bottom:20px; }
.s04 .box .btn a{
	display:inline-block;
	background:#FD688D url(./img/sp/arr.png) right center no-repeat;
	background-size: 24px auto; border-radius:3px;
	font-size:15px; line-height:35px; font-weight:600; color:#FFFFFF;
	text-decoration:none; text-align:center;
	width:240px;
}

#footer{ background:#FFEB37; padding:20px 0 70px; }
#footer .copy{ font-size:13px; line-height:1.5; text-align:center; }

.upper{ position:relative; height:0; width:100%; font-size:0; line-height:0; }
.upper a{ position:absolute; right:10px; bottom:-10px; }


/* end */