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

html {
  height: 100%;
  overflow-y: scroll;
}

body {
  height: 100%;
  color: black;
  font-size: 12px;
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  line-height: 1.5;
}

article, aside, details, figcaption, figure, footer, header, menu, nav, section {
  display: block;
  margin: 0;
  padding: 0;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td {
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6 {
  font-size: 100%;
  font-weight: normal;
}

li {
  list-style: none;
}

img {
  border: 0;
  vertical-align: top;
}

a {
  color: #2e809a;
}
a:visited {
  color: #003366;
}
a:hover {
  text-decoration: none;
  color: #cc6600;
}
a:active {
  color: #cc9900;
}


/* wrapper
------------------------------------------------- */
#wrapper {
	max-width:640px;
	margin:0 auto;
}

/* header
------------------------------------------------- */
header  {
	background:#003685;
	min-height:30px;
	margin:0 auto;
	overflow:hidden;
	color:#FFF;
	font-size:93%;
}
header h1 {
	float:left;
	padding:5px 0 0 2%;
}
header .txt_link {
	float:right;
	padding:5px 2% 0 0;
}
header .txt_link a.arrow_link {
	background:url(../images/icn_arrow.png) no-repeat left 4px;
	padding-left:10px;
}

header .info_area {
	overflow:hidden;
	border-bottom:2px solid #d8d8d8;
	background:#FFF;
}
header .info_area .logo {
	width:50%;
	float:left;
	padding:3% 0 2% 18px;
}
header .info_area .tel {
	width:35%;
	float:right;
	padding:3% 20px 0 0;
}


/* footer
------------------------------------------------- */
footer {
	background:#ebebeb;
	padding: 7% 0 0 0;
	font-size:93%;
	text-align:center;
}
footer p {
	padding-bottom:3%;
}


/* floating
------------------------------------------------- */


#GoYoyaku{
	position:fixed;
	box-sizing:border-box;
	right:0;
	z-index:10000;
}


/* article
------------------------------------------------- */
article {
	margin:0 auto;
	clear:both;
}
* html article {
	zoom: 1;
}
*+html article {
	zoom: 1;
}
article:after {
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}


section h3{
	counter-increment:num;
	color:blue;
	font-size:150%;
	font-weight:bold;
	color:#36648e;
	padding:20px 0 0;
	text-align:center;
	background:url(../images/line_head.png) repeat-x;
	}

section h3 span{
	font-family: 'Dancing Script', cursive;
	font-size:115%;
	font-weight:bold;
	}

section h4:before{
	content: "";
	position: absolute;
    background: #fbd234;
    top: 50%;
    left: 0;
    margin: -2% 0;
    height: 1em;
    width: 1em;
    border-radius: 1em;
    -webkit-border-radius: 1em;
    -moz-border-radius: 1em;
    box-shadow: 1em 1em 1em #fbd234 inset;
    -moz-box-shadow: 1em 1em 1em #fbd234 inset;
    -webkit-box-shadow: 1em 1em 1em #fbd234 inset;
    -o-box-shadow: 1em 1em 1em #fbd234 inset;
    -ms-box-shadow: 1em 1em 1em #fbd234 inset;

	transform: skew(-8deg);
    -moz-transform: skew(-8eg);
    -webkit-transform: skew(-8deg);
	}

section h4{
	position: relative;
	font-size:115%;
	font-style:oblique !important;
	font-weight:bold;
	border-bottom:2px solid #000 ;
	padding:0 0 0 1.5em;
	}

/*
---------------------------------------*/


section .main_area {
	margin-bottom:4%;
}
section .main_area .btn {
	width:70%;
	position:absolute;
	top:68%;
	left:20%;
}


.boxNote {
	padding: 20px;
	border: 2px solid #ee3405;
	text-align: center;
	font-size: 16px;
}
.boxNote .heading {
	color: #ee3405;
	font-size: 20px;
	font-weight: bold;
}
.boxNote .btnTrial {
	margin-top: 10px;
}
.boxNote .btnTrial a {
	color: #000;
	padding-left: 20px;
	background: url(../images/ico_arrow.png) no-repeat left center;
	-webkit-background-size: 16px 16px;
	     -o-background-size: 16px 16px;
	        background-size: 16px 16px;
}
.boxNote .btnTrial a:hover {
	text-decoration: none;
}

section .box01 {
	width:95%;
	margin:30px auto 0;
}

section .TokutenBox{
	overflow:hidden;
	}

section .TokutenBox li{
	width:47%;
	border:1px solid #CCC;
	background:#FFF;
	margin:0 4.5% 4.5% 0;
	float:left;
}

section .TokutenBox li:nth-child(2n){
	margin-right:0;
	}

section .box02 {
	background:#f9f3e3;
	}


section .box_program {
	position:relative;
	padding-top:8%;
	}

section .box_program .count{
	position:absolute;
	top:2%;
	left:5%;
	}

section .box_program .count_txt{
	position:absolute;
	top:6%;
	left:17%;
	font-size:100%;
	color:#f92e0d;
	font-weight:bold;
	transform: rotate( -4deg );
	z-index:20;
	}

section .box_program .count_txt span{ font-size:140%; }

section .box_program .btn{
	display:block;
	box-sizing: border-box;
	background:#f92e0d;
	color:white;
	text-align:center;
	padding:2% 0;
	}

section ul.recommend{
	width:94%;
	margin:0 3%;
	font-weight:bold;
	text-align:center;
	padding:2% 0;
	}

section ul.recommend li{
	padding: 0.2em;
	background: #FFF;
	border: 0.5em solid #FFF;
	 -webkit-border-radius: 0.5em;
	 -moz-border-radius: 0.5em;
	border-radius: 0.5em;
	font-size:150%;
	}

section ul.recommend li:nth-child(1){
	color:#36648e;
	padding: 0.2em 0;
	margin-bottom:1%;
	background: url(../images/bg_box3.png) no-repeat 0 0;
	-webkit-background-size: contain;
    background-size: contain;
	border:none !important;
	font-size:115%;
	}
section ul.recommend li:nth-child(2){
	margin:0 0 2% 0;
	}
section ul.recommend li:nth-child(3){
	margin:2% 0 ;
	}

section .txt01{ font-size:150%; font-weight:bold; }
section .txt02{
    font-size:150%;
	background:#f7f943;
	font-weight:bold;
	padding:1%;
	}

section .txt03{
    font-size:120%;
	}

section .grn{
	color:#5cb813;
	text-decoration:underline;
	}

section .bold{
	font-weight:bold;
	}

section .txt01 span, .txt02 span, .txt03 span{ color:#f92e0d; }

section .tri_arrow {
	width: 0;
	height: 0;
	border: 46px solid transparent;
	border-top: 35px solid #feb410;
	margin:0 auto;
}

section .tit_speTaiken {
	padding-top:7%;
	}

section ul.faq{
	font-weight:normal;
	}

section ul.faq li.question{
	background:url(../images/ic_ques.png) no-repeat 0 0;
	display:block;
	overflow:inherit;
	vertical-align:middle;
	padding:1% 0 1% 3em;
	margin-bottom:3%;
	background-position: -2px -2px;
	}

section ul.faq li.answer{
	background:url(../images/ic_answ.png) no-repeat;
	vertical-align:middle;
	overflow:auto;
	padding:1% 0 1% 3em;
	margin-bottom:7%;
	background-position: -2px -2px;
	}


/* footer
------------------------------------------------- */
footer {
	clear:both;
	margin:0 auto;
}
footer p {
	padding-bottom:3%;
	text-align:center;
	font-size:93%;
}


/* img
------------------------------------------------- */
img.width100 {
	width:100%;
}
img.width90 {
	width:90%;
}
img.width80 {
	width:80%;
}
img.width75 {
	width:75%;
}
img.width72 {
	width:72%;
}

img.width60 {
	width:60%;
}


/* link
------------------------------------------------- */
a:link,
a:visited {
	color:#fff;
	text-decoration:none;
}
a:hover,
a:active {
	color:#fff;
	text-decoration:underline;
}


/* font
------------------------------------------------- */
.fs10 {font-size:10px;}
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs14 {font-size:14px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}

.fwb {font-weight:bold;}
.red {color:#bc0000;}


/* layout
------------------------------------------------- */
.fL {float:left;}
.fR {float:right;}
.clear {clear:both;}

.tal {text-align:left;}
.tar {text-align:right;}
.tac {text-align:center;}




/* margin
------------------------------------------------- */
.mb5 {margin-bottom:2%;}
.mb10 {margin-bottom:3%;}
.mb15 {margin-bottom:4%;}
.mb20 {margin-bottom:5%;}
.mb30 {margin-bottom:6%;}
.mb40 {margin-bottom:7%;}
.mb50 {margin-bottom:8%;}

.pb5 {padding-bottom:2%;}
.pb10 {padding-bottom:3%;}
.pb15 {padding-bottom:4%;}
.pb20 {padding-bottom:5%;}
.pb30 {padding-bottom:6%;}
.pb40 {padding-bottom:7%;}
.pb50 {padding-bottom:8%;}

/* color
------------------------------------------------- */
.org{ color:#f24f08 !important; }


/*img size
------------------------------------------------- */
.maxw50{ max-width:50%; }