@charset "shift_jis";

/* Common
=======================================*/
body {
	font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Meiryo UI", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 1.5;
	color: #333;
	margin: 0 auto;
	min-width: 1400px;
}

h1 {
	width: 100%;
	margin: 0;
	padding: 0;
	line-height: 0;
	background: #000;
	text-align: center;
}

h2 {
	text-align: left;
	padding-top: 26px;
}

h3 {
	/*text-align:left;
	font-size:15px;
	font-weight:bold;
	line-height:1.5em;*/
}

h3.blue {
	color: #00a6db;
}

p {
	line-height: 1.5;
	font-size: 13px;
	text-align: left;
}

section {
	margin-bottom: 0;
}

li {
	list-style-type: none;
}

img {
	vertical-align: bottom;
}

/*link*/
a {
	color: #c4458f;
	text-decoration: underline;
}

/*clearfix*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}

* html .clearfix {
	height: 1px;
	/*\*/
	/*/
	height: auto;
	overflow: hidden;
	/**/
}

.cl_l {
	clear: left;
}

.cl_b {
	clear: both;
}

/*txt_box*/
.txt_box {
	margin: 0 auto;
	width: 940px;
}

.txt_box p {
	text-align: left;
	padding-left: 1em;
	text-indent: -1em;
	font-size: 13px;
	line-height: 1.5em;
}

.txt_box.w660 {
	margin: 0 auto;
	width: 660px;
}

.txt_box.w780 {
	margin: 0 auto;
	width: 780px;
}

.txt_box.w850 {
	margin: 0 auto;
	width: 850px;
}

.txt_box.w875 {
	margin: 0 auto;
	width: 875px;
}

.txt_box.w900 {
	margin: 0 auto;
	width: 900px;
}

.txt_box p.none {
	line-height: 0;
}

.co_f {
	color: #fff;
}

/*text-align*/
.al_l {
	text-align: left !important;
}

.al_c {
	text-align: center !important;
}

.al_r {
	text-align: right !important;
}

/*inner_box*/
.inner_box {
	width: 940px;
	margin: 0 auto;
}

.inner_box.white {
	background: #fff;
	width: 100%;
	margin: 0 auto;
	padding: 60px 0;
}

.inner_box.white_r {
	width: 940px !important;
	margin: 0 auto;
	padding: 0 0 40px !important;
	margin-bottom: 0 !important;
	position: relative;
	background: url(../img/white_box_bg.png) bottom center no-repeat;
}

.inner_box.white.r.care {
	width: 600px !important;
	margin: 0 auto;
	padding: 20px 0 !important;
}

.inner_box.white_w100 {
	background: #fff;
	width: 100%;
	margin: 0 auto;
}

/* .wrapper */
.wrapper {
	width: 960px;
	margin: 0 auto;
}

.wrapper.w940 {
	width: 940px;
	padding: 0 10px;
	margin: 0 auto;
}

/*btn*/
.btn {
	width: 614px;
	margin: 0 auto 20px;
}

.btn_01 {
	width: 450px;
	float: left;
	margin-right: 20px;
}

.btn_02 {
	width: 310px;
	float: left;
}

/*fit btn*/
#scroll_button {
	position: fixed;
	bottom: 0;
	width: 810px;
	margin: 0 auto;
	display: none;
	left: 50%;
	transform: translateX(-50%);
	z-index: 50;
}

#scroll_button #btn01 {
	margin: o auto;
}

#scroll_button img {
	max-width: 100%;
}

/* ---------------------------------------- 
- ぶらさげインデント
---------------------------------------- */
.note {
	font-size: 13px;
}

.note p {
	line-height: 1.5;
}

.note dt {
	float: left;
	margin-right: 0.4em;
	line-height: 1.5;
}

.note dd {
	overflow: hidden;
	padding: 0 !important;
	line-height: 1.5;
	text-align: left;
}

/* Clearfix */
dl.note:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

dl.note {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html dl.note {
	height: 1%;
}

dl.note {
	display: block;
}


/* section
=======================================*/

/* header 
---------------------------------------*/
header {
	width: 100%;
	height: 55px;
	background: #fff;
}

.header_box {
	width: 940px;
	margin: 0 auto;
}

header img {
	float: left;
}

header ul {
	padding-top: 20px;
	float: right;
}

header ul li {
	display: inline;
	border-left: solid 2px #fff;
	font-size: 13px;
}

header ul li.last {
	border-right: solid 2px #fff;
}

header ul li a {
	color: #a08250;
	font-weight: bold;
}

#header h1 img {
	margin: 0 auto;
	padding: 0;
	line-height: 0;
}

/* main 
---------------------------------------*/
#main {
	width: 100%;
	height: 632px;
	margin: 0 auto;
	background: url(../img/main_bg.jpg) top center repeat-x;
}

#main .wrapper {
	width: 960px;
	height: 632px;
	margin: 0 auto;
	position: relative;
}

#main .wrapper .model {
	position: absolute;
	top: 0;
	right: -123px;
}

#main .wrapper dl {
	position: relative;
	margin-top: 16px;
}

#main .wrapper dl dd.btn {
	position: absolute;
	top: 192px;
	left: 166px;
	width: auto;
	margin: 0;
}

/* inquery 
---------------------------------------*/
#inquery {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #d60601;
}

.inquery_box {
	background-color: #fff;
	padding: 25px;
}

.inquery_box .btn {
	padding: 0;
	margin: 0 0 20px;
}

/*.store*/
#inquery .store {
	margin-bottom: 40px;
	border-bottom: #542a11 solid 2px;
	border-left: #6d2c11 solid 2px;
	border-right: #6d2c11 solid 2px;
	background-color: #fff;
}

#inquery .store li .btn {
	box-sizing: border-box;
	width: 100%;
	padding: 0;
	margin: 0;
	display: block;
	background: url(../img/store_acc_btn_open.png) top left no-repeat;
}

#inquery .store li.opened .btn img {
	opacity: 0;
	-ms-filter: "alpha(opacity=0)";
	/* ie 8 */
	-moz-opacity: 0;
	/* FF lt 1.5, Netscape */
	-khtml-opacity: 0;
	/* Safari 1.x */
	zoom: 1;
}

#inquery li ul.store_data {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	width: 80%;
	margin: auto;
	box-sizing: border-box;
}

#inquery li ul.store_data li {
	width: 50%;
	padding: 10px 0px;
	font-size: 24px;
	color: #b70034;
}

/* monitor 
---------------------------------------*/
#monitor {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #b10501;
}

#monitor .wrapper {
	margin: 0 auto;
	padding: 0 0 30px;
	background: #000;
}

#monitor h3 {
	/* padding-bottom: 40px; */
}

#monitor .note {
	color: #fff;
}

.monitor_al_c {
    margin-bottom: 30px;
}

/* point 
---------------------------------------*/
#point {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #b70601;
}

#point .wrapper {
	margin: 0 auto;
	padding: 30px 0;
	background: #fff;
}

#point .wrapper h3 {
	margin: 10px auto 0;
	text-align: center;
	padding-bottom: 30px;
}

/* taiken 
---------------------------------------*/
#taiken {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #8b0501;
}

#taiken .wrapper {
	margin: 0 auto;
	padding: 0;
	background: #fff;
}

#taiken h3 {
	margin: 0 auto 40px;
	text-align: center;
}

#taiken .wrapper {
	background: #8b0501;
}

#taiken .wrapper .wrapper_txt{
	text-align: right;
	color: #fff;
}

/* data 
---------------------------------------*/
#data {
	width: 100%;
	margin: 0 auto;
	padding: 0 0 40px;
	background: #6a0010 url(../img/data_bg.png) top center repeat-x;
}

#data .wrapper {
	margin: 0 auto;
	padding: 0;
}

#data h3 {
	margin: 0 auto 40px;
	text-align: center;
}

#data .note {
	color: #fff;
}

/* faq 
---------------------------------------*/
#faq {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0 0;
	background: #fefcef;
}

#faq h3 {
	margin: 0 auto 40px;
	text-align: center;
}

#faq .accordion li.question {
	margin-top: 20px;
	box-sizing: border-box;
	border-bottom: #c50038 solid 2px;

}

#faq .accordion li span {
	display: block;
	height: 98px;
	overflow: hidden;
	background: url(../img/faq_q_btn.png) top left no-repeat;
}

#faq .accordion li.opened span {
	background: url(../img/faq_q_btn_open.png) top left no-repeat;
}

#faq .accordion li span a {
	width: 100%;
	box-sizing: border-box;
	padding: 0 0 0 120px;
	display: block;
	font-size: 24px;
	color: #000;
	text-decoration: none;
}

#faq .accordion li span a.lh1L {
	box-sizing: border-box;
	line-height: 98px;
}

#faq .accordion li span a.lh2L {
	box-sizing: border-box;
	line-height: 34px;
	padding: 15px 0 15px 120px;
}

#faq .accordion li.question ul.answer {
	box-sizing: border-box;
	display: block;
	background: #fff url(../img/faq_a_bg.png) 20px 20px no-repeat;
	padding: 20px;
	border-left: #c50038 solid 2px;
	border-right: #c50038 solid 2px;
}

#faq .accordion li.question ul.answer li {
	box-sizing: border-box;
	padding: 0 20px 20px 100px;
	font-size: 20px;
}


/* inquery_b 
---------------------------------------*/
#inquery_b {
	width: 100%;
	margin: 0 auto;
	padding: 40px 0;
	background: #8b0501;
}

.inquery_box {
	background-color: #fff;
	padding: 25px;
}

.inquery_box .btn {
	padding: 0;
	margin: 0 0 20px;
}


#contents_main ul.accordion {
	background: url(../img/contents_bottom_course_bg.gif) center bottom no-repeat;
	width: 780px;
	margin: 60px auto 60px;
	display: block;
	overflow: hidden;
}

#contents_main ul.accordion li span {
	background: #f4889b url(../img/icn_close.gif) 98% center no-repeat;
	cursor: pointer;
	overflow: hidden;
	display: block;
	width: 780px;
}

#contents_main ul.accordion li.opened span {
	background: #f4889b url(../img/icn_open.gif) 98% center no-repeat;
	display: block;
	overflow: hidden;
}

#contents_main ul.accordion li.closed span {
	background: #f4889b url(../img/icn_close.gif) 98% center no-repeat;
	display: block;
	overflow: hidden;
}

#contents_main ul li ul {
	width: 680px;
	margin: 40px auto 20px;
}

#contents_main ul li ul li {
	position: relative;
}

#contents_main ul li ul li p.link {
	position: absolute;
	top: 144px;
	left: 193px;
	width: auto;
	font-size: 19px;
}

#contents_main ul li ul li p.link a {
	color: #f4879a;
}

/* contents_bottom 
---------------------------------------*/
#contents_bottom .course {
	background: #c4003a;
	padding: 40px 0;
}

#contents_bottom .inner_box.blue {
	width: 100%;
	padding: 40px 0;
	background: #d2ecfa;
}

#contents_bottom .inner_box.blue .txt_box p {
	color: #4d4d4d;
}

#contents_bottom .inner_box.blue .txt_box p a {
	color: #4d4d4d;
}

.plan {
	width: 100%;
	margin: 0 auto;
	padding: 20px 0;
}

.plan ul {
	width: 700px;
	margin: 0 auto;
}

.plan li {
	float: left;
	margin: 0 20px 0 0;
}

.plan li.last {
	margin-right: 0;
}

#package {
	width: 100%;
	padding: 50px 0;
	background: #ca0318;
	text-align: center;
}

#package ul {
	width: 950px;
	margin: 0 auto;
	text-align: left;
	font-size: 14px;
	line-height: 22px;
	color: #fff;
}

.txt_indent{
	font-size: 13px;
}

/* footer
=======================================*/
#footer {
	margin-top: 10px;
}

#footer p {
	width: 660px;
	font-size: 10px;
	text-align: right;
	padding: 10px 0 120px;
	color: #000;
	margin: 0 auto;
}

.link01 {
	font-weight: bold;
}

.link02 li {
	padding-bottom: 5px;
}

#pageTop {
	position: fixed;
	z-index: 100;
	right: 15px;
	bottom: 15px;
}

/* margin /* padding
=======================================*/
/*margin : bottom*/
.mb5 {
	margin-bottom: 5px !important;
}

.mb10 {
	margin-bottom: 10px !important;
}

.mb12 {
	margin-bottom: 12px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb28 {
	margin-bottom: 28px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.mb80 {
	margin-bottom: 80px !important;
}

.mb90 {
	margin-bottom: 90px !important;
}

/*margin : right*/
.mr6 {
	margin-right: 6px;
}

.mr14 {
	margin-right: 14px;
}

.ml7 {
	margin-left: 7px;
}

/*padding : top*/
.pt20 {
	padding-top: 20px !important;
}

.pt30 {
	padding-top: 30px !important;
}

/*padding : bottom*/
.pb5 {
	padding-bottom: 5px !important;
}

.pb10 {
	padding-bottom: 10px !important;
}

.pb15 {
	padding-bottom: 15px !important;
}

.pb20 {
	padding-bottom: 20px !important;
}

.pb25 {
	padding-bottom: 25px !important;
}

.pb30 {
	padding-bottom: 30px !important;
}

.pb35 {
	padding-bottom: 35px !important;
}

.pb40 {
	padding-bottom: 40px !important;
}

.pb45 {
	padding-bottom: 45px !important;
}