@charset "utf-8";
/* ===================================================================
	common.css
=================================================================== */

/*----------------------------------------------------
	共通
----------------------------------------------------*/
body,
td,
th,
input,
textarea {
	color: #000000;
	font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
	font-size: 12px;
	line-height: 1.5;
}

a,
a:link,
a:visited,
a:active,
a:hover,
a:hover img {
	color: #000000;
	text-decoration: none;
/*
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .80;
*/
}

a:hover {
	text-decoration: underline;
}
a:hover,
a:hover img,
.img_hover:hover {
/*
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	opacity: .80;
*/
}
.dis_sp{display:none;}

img {
	vertical-align: bottom;
	min-height: 0px;
}
.img_ck {
	font-size: 1px;
	line-height: 0;
}

/* clearfix (micro) */
.clearfix:before,
.clearfix:after {
	content: ' ';
	display: table;
}
.clearfix:after {
	clear: both;
}
/* For IE 6/7 only */
.clearfix {
	*zoom: 1;
}

/*---------------------------------------------------------------------------*/
/* margin */
.mar_t0 {
	margin-top: 0 !important;
}
.mar_t5 {
	margin-top: 5px !important;
}
.mar_t10 {
	margin-top: 10px !important;
}
.mar_t15 {
	margin-top: 15px !important;
}
.mar_t20 {
	margin-top: 20px !important;
}
.mar_t25 {
	margin-top: 25px !important;
}
.mar_t30 {
	margin-top: 30px !important;
}
.mar_t35 {
	margin-top: 35px !important;
}
.mar_t40 {
	margin-top: 40px !important;
}
.mar_t45 {
	margin-top: 45px !important;
}
.mar_t50 {
	margin-top: 50px !important;
}

.mar_b0 {
	margin-bottom: 0 !important;
}
.mar_b5 {
	margin-bottom: 5px !important;
}
.mar_b10 {
	margin-bottom: 10px !important;
}
.mar_b15 {
	margin-bottom: 15px !important;
}
.mar_b20 {
	margin-bottom: 20px !important;
}
.mar_b25 {
	margin-bottom: 25px !important;
}
.mar_b30 {
	margin-bottom: 30px !important;
}
.mar_b35 {
	margin-bottom: 35px !important;
}
.mar_b40 {
	margin-bottom: 40px !important;
}
.mar_b45 {
	margin-bottom: 45px !important;
}
.mar_b50 {
	margin-bottom: 50px !important;
}

.mar_l0 {
	margin-left: 0 !important;
}
.mar_l5 {
	margin-left: 5px !important;
}
.mar_l10 {
	margin-left: 10px !important;
}
.mar_l15 {
	margin-left: 15px !important;
}
.mar_l20 {
	margin-left: 20px !important;
}
.mar_l25 {
	margin-left: 25px !important;
}
.mar_l30 {
	margin-left: 30px !important;
}
.mar_l35 {
	margin-left: 35px !important;
}
.mar_l40 {
	margin-left: 40px !important;
}
.mar_l45 {
	margin-left: 45px !important;
}
.mar_l50 {
	margin-left: 50px !important;
}

.mar_r0 {
	margin-right: 0 !important;
}
.mar_r5 {
	margin-right: 5px !important;
}
.mar_r10 {
	margin-right: 10px !important;
}
.mar_r15 {
	margin-right: 15px !important;
}
.mar_r20 {
	margin-right: 20px !important;
}
.mar_r25 {
	margin-right: 25px !important;
}
.mar_r30 {
	margin-right: 30px !important;
}
.mar_r35 {
	margin-right: 35px !important;
}
.mar_r40 {
	margin-right: 40px !important;
}
.mar_r45 {
	margin-right: 45px !important;
}
.mar_r50 {
	margin-right: 50px !important;
}

/* float */
.fl_l {
	float: left !important;
}
.fl_r {
	float: right !important;
}
.fl_n {
	float: none !important;
}

/* font color */
.f_c_red {
	color: #ff0000 !important;
}
.f_c_yellow {
	color: #ffff00 !important;
}
.f_c_blue {
	color: #0000ff !important;
}
.f_c_gray {
	color: #cccccc !important;
}
.f_c_gray_2 {
	color: #999999 !important;
}

.t_align_l {
	text-align: left !important;
}
.t_align_c {
	text-align: center !important;
}
.t_align_r {
	text-align: right !important;
}

.f_weight_bold {
	font-weight: bold !important;
}
.f_weight_normal {
	font-weight: normal !important;
}


/*--------------------------------------
2019.3新フッタ上共通コンバージョンエリア
---------------------------------------*/
.bottom_conversion{
	width:100%;
	min-width:1000px;
/*	height:310px;*/
	padding-bottom:30px;
	margin-top:50px;
	background:url(/common/base/images/bottom_conversionBG_pc.png) no-repeat center center;
	background-size:cover;
	position:relative;
}
.bottom_conversion_catch{
	padding-top:40px;
	margin-bottom:0px;
	text-align:center;
	font-size:32px;
	color:#00afec;
	font-weight:400;
}

.bottom_conversion_headline{
	padding-top:2px;
	text-align:center;
	font-size:16px;
	font-weight:400;
}
.bottom_conversion_btn{
	padding-top:22px;
	text-align:center;
}
.bottom_conversion_btn a{
	display:inline-block;
	padding:20px 80px;
	position:relative;
	background:rgba(255,141,18,1);
	color:#fff;
	font-size:26px;
	font-weight:700;
	transition:background ease 0.4s;
}
.bottom_conversion_btn a:hover{
	text-decoration:none;
	background:rgba(255,141,18,0.75);
}
.bottom_conversion_btn a:after{
	content:"";
	position: absolute;
	top: 50%;
	right: 20px;
	width: 8px;
	height: 8px;
	border-right: 2px solid #fff;
	border-top: 2px solid #fff;
	transform: rotate(45deg) translateY(-2px);
	transform-origin: right 50% 0;
}
.bottom_conversion_text{
	padding-top:10px;
	font-size:14px;
	text-align:center;
}
.bottom_conversion_text a{
	color:#00b2ee;
	text-decoration:underline;
}


.bottom_conversion_phone{
	display:flex;
	width:1000px;
	margin:0 auto;
	padding-top:40px;
	align-items: center;
}
.bottom_phone_headline{
	width:45%;
	text-align:right;
}
.bottom_phone_headline span{
	display:inline-block;
	margin-right:25px;
	padding:5px 25px;
	background:#a7a7a7;
	border-radius:8px;
	color:#fff;
	font-size:16px;
}
.bottom_phone_area{
	width:55%;
}
.bottom_phone_catch{
	font-size:19px;
	font-family:"Yu Mincho","游明朝","ヒラギノ明朝 Pro W6","HiraMinPro-W6",serif;
	font-weight:700;
	letter-spacing:0.075em;
	vertical-align:text-bottom;
}
.bottom_phone_number{
	display:inline-block;
	position:relative;
	padding-left:86px;
	font-size:30px;
	font-family:"Yu Mincho","游明朝","ヒラギノ明朝 Pro W6","HiraMinPro-W6",serif;
	font-weight:700;
	letter-spacing:0.05em;
}
.bottom_phone_number a,
.bottom_phone_number a:hover{
	text-decoration:none;
}

.bottom_phone_number:after{
	content:"";
	display:block;
	position:absolute;
	left:26px;
	top:5px;
	width:54px;
	height:32px;
	background:url(/common/base/images/icon_freedial.png) no-repeat left center;
}






/*---------------------------------------------------------------------------*/
body {
	background: none;
}

/*---------------------------------------------------------------------------*/
#container {
	position: relative;
	width: 100%;
}

a[href^="tel:"] {
    color: inherit!important;
    pointer-events: none;
    text-decoration: none!important;
}

/*---------------------------------------------------------------------------*/
@media screen and (min-width: 769px) {/*PCサイズ*/
    .pc {
        display: block!important;
    }
    .sp {
        display: none!important;
    }
	.isSP{
		display:none;
	}
	.bottom_fix_btn_sp{
        display: none;
	}
    header {
        -webkit-box-shadow: 0 5px 5px -5px #aaaaaa;
        -moz-box-shadow: 0 5px 5px -5px #aaaaaa;
        box-shadow: 0 5px 5px -5px #aaaaaa;
        height: 218px;
        min-width: 1000px;
        position: relative;
        width: 100%;
        z-index: 100;
    }
    header .header_txt {
        line-height: 1;
        margin: 0 auto;
        padding: 8px 0 9px;
        text-align: right;
        width: 1000px;
    }
    header .header_txt img {
        float: right;
    }
    header .header_area {
        border-top: 3px solid #00afec;
        width: 100%;
    }
    header .header_area .header_area_in {
        margin: 0 auto;
        width: 1000px;
    }
    header .header_area .header_area_in .sub_nav {
        font-size: 0;
        margin: 0 0 18px;
        padding: 10px 0 0;
        text-align: right;
    }
    header .header_area .header_area_in .sub_nav li {
        display: inline-block;
        font-size: 11px;
        margin: 0 0 0 20px;
        padding: 0 0 0 20px;
        vertical-align: middle;
    }
    header .header_area .header_area_in .sub_nav li.question {
        background: url(../images/header_icon_01.png) left center no-repeat;
    }
    header .header_area .header_area_in .sub_nav li.contact {
        background: url(../images/header_icon_02.png) left center no-repeat;
    }
    header .header_area .header_area_in .sub_nav li.recruit {
        background: url(../images/header_icon_03.png) left center no-repeat;
    }
		header .header_area .header_area_in .sub_nav li.kinder {
    background: url(../images/header_icon_04.png) left center no-repeat;
}
    header .header_area .header_area_in .sub_nav li a {
        color: #747474;
    }
    header .header_area .header_area_in .sub_nav li.recruit a {
        color: #24c0f4;
    }
		header .header_area .header_area_in .sub_nav li.kinder a {
        color: #24c0f4;
    }
    header .header_area .header_area_in .header_logo {
        float: left;
    }
    header .header_area .header_area_in .header_title {
        background: url(/common/base/images/header_title.png) no-repeat left top;
        box-sizing: border-box;
        height: 20px;
        float: left;
        margin: 22px 0 0 22px;
        width: 379px;
    }
    header .header_area .header_area_in .header_box {
        float: right;
    }
    header .header_area .header_area_in .header_box .header_tel {
        margin: 0 0 10px;
    }
    header .header_area .header_area_in .header_box .btn_pamphlet {
        background: #266bd2;
        float: left;
        width: 130px;
    }
    header .header_area .header_area_in .header_box .btn_pamphlet a {
        color: #ffffff;
        display: block;
        font-size: 12px;
      line-height: 1;
        padding: 11px 0;
        text-align: center;
    }
    header .header_area .header_area_in .header_box .btn_lesson {
        background: #ff8d12;
        float: left;
        margin: 0 0 0 6px;
        width: 130px;
    }
    header .header_area .header_area_in .header_box .btn_lesson a {
        color: #ffffff;
        display: block;
        font-size: 12px;
      line-height: 1;
        padding: 11px 0;
        text-align: center;
    }
    header .header_area .header_area_in .header_box .btn_pamphlet a:hover,
    header .header_area .header_area_in .header_box .btn_lesson a:hover {
        text-decoration: none;
    }
    header .header_area .header_area_in nav {
        margin: 24px 0 0;
        position: relative;
    }
    header .header_area .header_area_in nav ul {
        font-size: 0;
        text-align: left;
    }
    header .header_area .header_area_in nav > ul > li {
        box-sizing: border-box;
        display: inline-block;
        font-size: 14px;
        font-weight: bold;
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
        line-height: 1;
        text-align: center;
        vertical-align: middle;
    }
    header .header_area .header_area_in nav > ul > li:nth-of-type(1){
        min-width: 96px;
    }
    header .header_area .header_area_in nav > ul > li:nth-of-type(2){
        min-width: 199px;
    }
    header .header_area .header_area_in nav > ul > li:nth-of-type(3){
        min-width: 226px;
    }
    header .header_area .header_area_in nav > ul > li:nth-of-type(4){
        min-width: 120px;
    }
    header .header_area .header_area_in nav > ul > li:nth-of-type(5){
        min-width: 150px;
    }
    header .header_area .header_area_in nav > ul > li:nth-of-type(6){
        min-width: 204px;
    }
    header .header_area .header_area_in nav > ul > li a {
        display: block;
        padding: 17px 0;
        letter-spacing: 1px;
    }
    header .header_area .header_area_in nav > ul > li.now_page > a {
        color: #00b2ee;
        position: relative;
    }
    header .header_area .header_area_in nav > ul > li.now_page > a:after {
        background-color: #00b2ee;
        content: "";
        position: absolute;
        height: 2px;
        width: calc(100% - 46px);
        top: 32px;
        left: 24px;
    }
    header .header_area .header_area_in nav > ul > li a:hover {
        text-decoration: none;
        color: #00afec;
    }
    header .header_area .header_area_in nav > ul > li {
        border-left: 1px solid #dbdbdb;
    }
    header .header_area .header_area_in nav ul li.btn_search {
        padding: 5px 0 5px 20px;
    }
    header .header_area .header_area_in nav ul li.btn_search a {
        background: url(/common/images/icon_btn_search.png) no-repeat 28px center #00b2ee;
        color: #FFF;
        padding: 12px 48px 12px 60px;
        transition: all 0.3s;
    }
    header .header_area .header_area_in nav ul li.btn_search a:hover {
        opacity: 0.7;
    }
    header .header_area .header_area_in .sub_area {
        background: #ffffff;
        box-sizing: border-box;
        display: none;
        left: 0;
        padding: 14px 8px 12px;
        position: absolute;
        top: 48px;
        width: 100%;
    }
    header .header_area .header_area_in .sub_area .sub_courses {
        display: table;
        width: 100%;
    }
    header .header_area .header_area_in .sub_area .sub_courses li {
        border-left: 3px solid #ffffff;
        border-right: 3px solid #ffffff;
        display: table-cell;
        font-weight: normal;
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
        height: 60px;
        vertical-align: middle;
    }
    header .header_area .header_area_in .sub_area .sub_courses li a {
        box-sizing: border-box;
        color: #ffffff;
        display: block;
        font-size: 16px;
        height: 60px;
        line-height: 20px;
        padding: 9px 0 0;
        text-align: center;
    }
    header .header_area .header_area_in .sub_area .sub_courses li a:hover {
        text-decoration: none;
    }
    header .header_area .header_area_in .sub_area .sub_courses li a span {
        font-size: 14px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(1) {
        background: #00afec;
        width: 182px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(2) {
        background: #95c818;
        width: 127px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(3) {
        background: #f5ab00;
        width: 127px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(4) {
        background: #4786c9;
        width: 127px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(5) {
        background: #ef8453;
        width: 127px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(6) {
        background: #1db8c1;
        width: 127px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(7) {
        background: #ae76ed;
        width: 127px;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(2) a {
        padding: 18px 0 0;
    }
    header .header_area .header_area_in .sub_area .sub_courses li:nth-of-type(7) a {
      font-size: 14px;
    }
    header.header_fix .header_area nav ul li {
        font-size: 12px;
        vertical-align: top;
    }
    header.header_fix .header_area nav ul li:first-of-type {
        border: none;
    }
    header.header_fix .header_area nav ul li a {
        padding: 12px 8px;
    }
    header.header_fix .header_area .header_area_in nav > ul > li.now_page > a:after {
        width: calc(100% - 20px);
        left: 10px;
    }
    header.header_fix .header_area .header_area_in .sub_area {
        left: -65px;
        top: 49px;
        width: 1000px;
    }

    header.header_fix .header_area {
        background: #ffffff;
        border-top: none;
        -webkit-box-shadow: 0 5px 5px -5px #aaaaaa;
        -moz-box-shadow: 0 5px 5px -5px #aaaaaa;
        box-shadow: 0 5px 5px -5px #aaaaaa;
        left: 0;
        min-width: 1000px;
        position: fixed;
        top: -218px;
        width: 100%;
        z-index: 100;
    }
    header.header_fix .header_area .header_area_in {
        position: relative;
    }
    header.header_fix .header_area .sub_nav,
    header.header_fix .header_area .header_title,
    header.header_fix .header_area .header_tel {
        display: none;
    }
    header.header_fix .header_area .header_logo {
        padding: 7px 0 7px;
        width: 57px;
    }
    header.header_fix .header_area .header_logo img {
        height: auto;
        width: 100%;
    }
    header.header_fix .header_area .header_box .btn_pamphlet {
        margin: 9px 0 7px;
        width: 106px;
    }
    header.header_fix .header_area .header_box .btn_pamphlet a {
        padding: 15px 0;
    }
    header.header_fix .header_area .header_box .btn_lesson {
        margin: 9px 0 7px 3px;
        width: 106px;
    }
    header.header_fix .header_area .header_box .btn_lesson a {
        padding: 7px 0 6px;
        line-height: 1.2;
    }
    header.header_fix .header_area nav {
        left: 65px;
        margin: 0;
        position: absolute;
        top: 13px;
    }
    header.header_fix .header_area nav ul li {
        height: 33px;
    }
    header.header_fix .header_area .header_area_in nav > ul > li:nth-of-type(1),
    header.header_fix .header_area .header_area_in nav > ul > li:nth-of-type(2),
    header.header_fix .header_area .header_area_in nav > ul > li:nth-of-type(3),
    header.header_fix .header_area .header_area_in nav > ul > li:nth-of-type(4),
    header.header_fix .header_area .header_area_in nav > ul > li:nth-of-type(5),
    header.header_fix .header_area .header_area_in nav > ul > li:nth-of-type(6){
        min-width: 0;
    }
    header.header_fix .header_area nav ul li.btn_search {
        background: none;
        margin: 0;
        padding: 0 0 0 8px;
    }
    header.header_fix .header_area nav ul li.btn_search a {
        background: url(/common/images/icon_btn_search_fix.png) no-repeat left center;
        color: #000;
        padding: 12px 8px 12px 18px;
    }
    header.header_fix .header_area nav ul li.btn_search a:hover {
        color: #00afec;
    }

    .df {
        display: block;
    }
    .fixdf {
        display: none;
    }
    header.header_fix .df {
        display: none;
    }
    header.header_fix .fixdf {
        display: block;
    }
    .header_txt h1{
        font-size: 90%;
        color: #999;
        float: left;
        font-weight: normal;
    }
    .header_txt{
        overflow: hidden;
    }
    /*---------------------------------------------------------------------------*/
    .pagetop {
        bottom: 290px;
        display: none;
        margin: 0;
        position: fixed;
        right: 0;
        z-index: 99;
    }

    /*---------------------------------------------------------------------------*/
    footer {
        background: #ffffff;
        min-width: 1000px;
        position: relative;
        width: 100%;
		padding-bottom:150px;
    }
    footer .f_link_area {
        padding: 44px 0;
        width: 100%;
    }
    footer .f_link_area .f_link_area_in {
        margin: 0 auto;
        width: 1000px;
    }
    footer .f_link_area .f_link_area_in .f_link {
        float: left;
        margin: 0 0 0 38px;
        text-align: left;
        width: 302px;
    }
    footer .f_link_area .f_link_area_in .f_link:first-child {
        margin: 0 0 0 3px;
    }
    footer .f_link_area .f_link_area_in .f_link .f_link_box {
        border-top: 3px solid #f1f1f1;
        padding: 15px 0 10px 8px;
    }
    footer .f_link_area .f_link_area_in .f_link .f_link_box .f_link_title {
        padding: 0 0 15px;
    }
    footer .f_link_area .f_link_area_in .f_link .f_link_box .f_link_title a {
        color: #00b2ee;
        font-size: 13px;
        font-weight: bold;
    }
    footer .f_link_area .f_link_area_in .f_link .f_link_box .f_link_list {
        margin: 0 0 15px;
    }
    footer .f_link_area .f_link_area_in .f_link .f_link_box .f_link_list li {
        padding: 0 0 8px;
    }
    footer .f_link_area .f_link_area_in .f_link .f_link_box .f_link_list li a {
        color: #414141;
        font-size: 12px;
    }

    footer .other_link_area {
        background: #fafafa;
        padding: 25px 0 40px;
        width: 100%;
    }
    footer .other_link_area .other_link_in {
        margin: 0 auto;
        width: 1000px;
    }
    footer .other_link_area .other_link_in .other_link_title {
        color: #333333;
      font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
        font-size: 15px;
        margin: 0 0 30px;
        text-align: center;
    }
    footer .other_link_area .other_link_in .other_link_list {
        border-left: 1px solid #cbcbcb;
        box-sizing: border-box;
        float:  left;
        height: auto;
        min-height: 88px;
        padding: 8px 33px 0;
        /*height: 130px;
        padding: 8px 38px 0;*/
        text-align: left;
		width:33.33%;
    }
    footer .other_link_area .other_link_in .other_link_list:first-child {
        border-left: none;
        padding: 8px 33px 0 12px;
        /*padding: 8px 38px 0 48px;*/
    }
    footer .other_link_area .other_link_in .other_link_list:last-child {
        padding: 8px 0 0 33px;
        /*padding: 8px 0 0 38px;*/
    }
    footer .other_link_area .other_link_in .last {
        padding: 8px 0 0 30px\9;
    }
    footer .other_link_area .other_link_in .other_link_list li {
        padding: 0 0 7px;
    }
    footer .other_link_area .other_link_in .other_link_list li.space {
        line-height: 1;
        padding: 0;
    }
    footer .other_link_area .other_link_in .other_link_list li a {
      font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
      font-size: 13px;
    }

    footer .copyright {
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
        font-size: 11px;
        line-height: 1;
        margin: 0 auto;
        padding: 18px 0;
        text-align: center;
        width: 1000px;
    }
    footer .copyright .about_eiken {
        margin-bottom: 1.2em;
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
        font-size: 10px;
        color: #717171;
    }


	/*下貼り付き。2019.1.21*/
	.bottom_fix{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		background:rgba(237,237,237,.9);
		padding:25px 0;
		z-index:990;
		display:none;
	}
	.bottom_fix_box{
		width:1000px;
		margin:0 auto;
		display:flex;
		align-items: center;
		justify-content:space-between;
	}
	.bottom_fix_text{
		width:44%;
		font-size:20px;
		color:#000;
	}



	.bottom_fix_btn_sp{
		display:none;
	}
	.bottom_fix_btn_pc{
		width:54%;
		display:flex;
		justify-content:space-between;
	}
	.bottom_fix_btn_pc p{
		width:45%;
	}

	.bottom_fix_btn_pc.isSpBtn{
		display:none;
	}
	.bottom_fix_btn_pc a{
		display:block;
		width:100%;
		padding:20px 0;
		background:rgba(255,141,18,1);
		text-align:center;
		color:#fff !important;
		text-decoration:none;
		font-weight:700;
		font-size:21px;
		letter-spacing:0.05em;
		transition:background ease 0.4s;
	}
	.bottom_fix_btn_pc a:hover{
		background:rgba(255,141,18,.9);
	}
	.bottom_fix_btn_pc .blue_btn a{
		background:rgba(38,107,210,1);
	}
	.bottom_fix_btn_pc .blue_btn a:hover{
		background:rgba(38,107,210,.9);
	}
	.sp_br{
		display:none;
	}

}















@media screen and (max-width: 768px) {/*SPサイズ*/
    body,
    td,
    th,
    input,
    textarea {
        font-size: 12px;
    }
	.bottom_fix_btn_pc{
		display:none;
	}
    .pc {
        display: none!important;
    }
    .sp {
        display: block!important;
    }
	.isPC{
		display:none;
	}
	.dis_sp{display:block;}

    #container {
        min-width: 320px;
        position: relative;
        width: 100%;
    }

    .contents {
        padding: 64px 0 0;
        width: 100%;
    }
    .contents.h1wrap {
        padding: 0 0;
        width: 100%;
    }
    /*---------------------------------------------------------------------------*/
    header img {
        height: auto;
        width: 100%;
    }
    header {
        left: 0;
        min-width: 320px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    header.h1wrap {
        background: #ffffff;
        left: 0;
        min-width: 320px;
        position: static;
        top: 0;
        width: 100%;
        z-index: 100;
    }
    header .head_txt {
        font-size: 0;
        line-height: 1;
        margin: 0 0 0 auto;
        padding: 6px 2%;
        text-align: right;
        width: 105px;
    }
    header h1 {
        line-height: 15px;
    }
    header .head_area {
        border-top: 2px solid #00afec;
        -webkit-box-shadow: 0 5px 5px -5px #aaaaaa;
        -moz-box-shadow: 0 5px 5px -5px #aaaaaa;
        box-shadow: 0 5px 5px -5px #aaaaaa;
        position: relative;
        width: 100%;
        z-index: 10;
        background-color:#fff;
    }
    header .logo {
        float: left;
        line-height: 1;
        padding: 6px 0 6px 3%;
        width: 147px;
    }
    header .head_btn_area {
        float: right;
        font-size: 0;
    }
    header .head_btn_area .head_btn_request,
    header .head_btn_area .head_btn_lesson,
    header .head_btn_area .head_btn_menu {
        display: inline-block;
        vertical-align: top;
    }
    header .head_btn_area .head_btn_request {
        background: #266bd2;
    }
    header .head_btn_area .head_btn_lesson {
        background: #ff8d12;
    }
    header .head_btn_area .head_btn_request a,
    header .head_btn_area .head_btn_lesson a {
        box-sizing: border-box;
        display: block;
        height: 44px;
        text-align: center;
        width: 53px;
    }
    header .head_btn_area .head_btn_request a {
        padding: 17px 0 0;
    }
    header .head_btn_area .head_btn_lesson a {
        padding: 12px 0 0;
    }
    header .head_btn_area .head_btn_request a span,
    header .head_btn_area .head_btn_lesson a span {
        display: inline-block;
        vertical-align: middle;
        width: 35px;
    }
    header .head_btn_area .head_btn_menu {
        box-sizing: border-box;
        height: 44px;
        width: 43px;
    }
    header .head_btn_area .head_btn_menu .head_menu_txt {
        margin: 0 auto;
        width: 26px;
    }
    header .head_btn_area .head_btn_menu .menu_btn {
        height: 14px;
        margin: 10px auto 6px;
        position: relative;
        -webkit-transform: translateY(1px);
        -moz-transform: translateY(1px);
        transform: translateY(1px);
        width: 20px;
    }
    header .head_btn_area .head_btn_menu .menu_btn span {
        background: #00afec;
        display: block;
        font-size: 0;
        height: 2px;
        left: 0;
        line-height: 1;
        opacity: 1;
        position: absolute;
        -webkit-transition: all 0s ease 0s, all 0.35s ease 0s;
        transition: all 0s ease 0s, all 0.35s ease 0s;
        width: 100%;
    }
    header .head_btn_area .head_btn_menu .menu_btn span:nth-child(1) {
        top: 0px;
    }
    header .head_btn_area .head_btn_menu .menu_btn span:nth-child(2) {
        top: 6px;
    }
    header .head_btn_area .head_btn_menu .menu_btn span:nth-child(3) {
        top: 12px;
    }
    header .head_btn_area .head_btn_menu .menu_btn.on span:nth-child(1) {
        opacity: 1;
        -moz-transform: translateY(6px) rotate(225deg);
        -webkit-transform: translateY(6px) rotate(225deg);
        -o-transform: translateY(6px) rotate(225deg);
        -ms-transform: translateY(6px) rotate(225deg);
        transform: translateY(6px) rotate(225deg);
    }
    header .head_btn_area .head_btn_menu .menu_btn.on span:nth-child(2) {
        opacity: 0;
    }
    header .head_btn_area .head_btn_menu .menu_btn.on span:nth-child(3) {
        opacity: 1;
        -moz-transform: translateY(-6px) rotate(-225deg);
        -webkit-transform: translateY(-6px) rotate(-225deg);
        -o-transform: translateY(-6px) rotate(-225deg);
        -ms-transform: translateY(-6px) rotate(-225deg);
        transform: translateY(-6px) rotate(-225deg);
    }
    header h1 {
        font-size:10px;
        font-weight: normal;
        padding: 5px 0 0 15px;
        color:#999;
    }
    .nav_area {
        display: none;
        left: 0;
        overflow-y: scroll;
        position: absolute;
        top: 64px;
        width: 100%;
    }
    nav {
        background: #00afec;
    }
    nav .nav_list {
        font-size: 0;
        padding: 10px 5% 16px;
        text-align: left;
    }
    nav .nav_list li {
        background: #ffffff;
        border-top: 1px solid #e9e9e9;
    }
    nav .nav_list li a {
        background: url(/sp/common/base/images/icon_01.png) 97% center no-repeat;
        background-size: 5px auto;
        color: #00afec;
        display: block;
        font-size: 12px;
        padding: 10px 12px;
    }
    nav .nav_list li a span {
        padding: 0 0 0 10px;
    }
    nav .nav_list li a span.icon {
        color: #c2c2c2;
        padding: 0;
    }
    nav .close_btn {
        border-top: 1px solid #b3e7f9;
        padding: 12px 0;
    }
    nav .close_btn span {
        display: block;
        margin: 0 auto;
        width: 77px;
    }

	footer{
		padding-bottom:30vw;
	}
    /*---------------------------------------------------------------------------*/
    footer img {
        height: auto;
        width: 100%;
    }
    footer .footer_list {
        font-size: 0;
        padding: 0 5% 20px;
        text-align: center;
    }
    footer .footer_list li {
        border-right: 1px solid #e5e5e5;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        width: 35%;
    }
    footer .footer_list li.non_b_r {
        border-right: none;
    }
    footer .footer_list li a {
        color: #636363;
        display: block;
        font-size: 10px;
        line-height: 1.2;
    }
    footer .footer_list li:last-of-type a {
        line-height: 24px;
    }
    footer .footer_list li a span {
        display: inline-block;
        padding: 10px 0 14px;
        text-align: left;
        vertical-align: middle;
    }
    footer .other_link_title {
        background: url(/sp/common/base/images/footer_icon_01.png) center bottom no-repeat;
        background-size: 10px auto;
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
        font-size: 12px;
        line-height: 1;
        margin: 0 auto 12px;
        padding: 0 0 16px;
        width: 114px;
        text-align: center;
    }
    footer .other_link_list li {
        background: url(/sp/common/base/images/footer_icon_02.png) 97% center no-repeat;
        background-size: 6px auto;
        border-top: 1px solid #e5e5e5;
    }
    footer .other_link_list li a {
        display: block;
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
        font-size: 11px;
        padding: 12px 5%;
    }
    footer .copyright {
        font-family: 'ヒラギノ明朝 Pro W3', 'Hiragino Mincho Pro', '游明朝', 'YuMincho', 'メイリオ', Meiryo, "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", sans-serif !important;
        font-size: 10px;
        margin: 0 auto;
        padding: 20px 0;
        text-align: center;
        width: 100%;
    }
    footer .copyright .about_eiken {
        margin-bottom: 1.2em;
        font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', Osaka, Tahoma, Verdana, Arial, Verdana, sans-serif;
        font-size: 10px;
        color: #717171;
        padding: 0 1em;
        text-align: left;
    }

    header .head_area.fixed {
        position: fixed;
        top: 0;
        z-index: 1000;
            transform: translate3d(0, 0, 0);
    }
    .nav_area {
        display: none;
        left: 0;
        overflow-y: scroll;
        position: absolute;
        top: 84px;
        width: 100%;
        z-index:2000;
    }
    header.fixed .nav_area {
        display: none;
        left: 0;
        overflow-y: scroll;
        position: fixed;
        top: 46px;
        width: 100%;
        z-index:2000;
    }

    a[href^="tel:"] {
        pointer-events: initial;
    }

	/*下貼り付き。2019.1.21*/
	.bottom_fix{
		position:fixed;
		left:0;
		bottom:0;
		width:100%;
		background:rgba(237,237,237,.9);
		padding:5vw 0;
		z-index:990;
		display:none;
	}
	.bottom_fix_box{
		width:100%;
		display:flex;
		align-items: center;
	}
	.bottom_fix_text{
		display:none;
	}


	.bottom_fix_btn_sp{
		width:92%;
		margin:0 auto;
		display:flex;
		justify-content:space-between;
	}
	.bottom_fix_btn_sp p{
		width:47%;
	}


	.bottom_fix_btn_sp a{
		display:block;
		width:100%;
		padding:3vw 0;
		background:rgba(255,141,18,1);
		text-align:center;
		color:#fff;
		text-decoration:none;
		font-size:4vw;
		transition:background ease 0.4s;
	}
	.bottom_fix_btn_sp a:hover{
		background:rgba(255,141,18,.9);
	}
	.bottom_fix_btn_sp .blue_btn a{
		background:rgba(38,107,210,1);
	}
	.bottom_fix_btn_sp .blue_btn a:hover{
		background:rgba(38,107,210,.9);
	}


	/*--------------------------------------
	2019.3新フッタ上共通コンバージョンエリア
	---------------------------------------*/
	.bottom_conversion{
		width:100%;
		min-width:0;
		height:auto;
		margin-top:0;
		background:#fff;
		box-sizing:border-box;
		border-top:4vw solid #e5e5e5;
		border-bottom:4vw solid #e5e5e5;
		border-left:5vw solid #e5e5e5;
		border-right:5vw solid #e5e5e5;
		position:relative;
	}
	.bottom_conversion_catch{
		padding-top:9vw;
		font-size:5.2vw;
		color:#00afec;
		text-align:center;
	}
	.bottom_conversion_headline{
		padding-top:1vw;
		text-align:center;
		font-size:3.8vw;
		font-weight:400;
	}
	.bottom_conversion_btn{
		padding-top:5vw;
		text-align:center;
		width:86%;
		margin:0 auto;
	}
	.bottom_conversion_btn a{
		display:block;
		padding:4vw 0 3.5vw 0;
		position:relative;
		background:rgba(255,141,18,1);
		color:#fff;
		font-size:4.2vw;
		transition:none;
	}
	.bottom_conversion_btn a:hover{
		text-decoration:none;
	}
	.bottom_conversion_btn a:after{
		content:"";
		position: absolute;
		top: 50%;
		right: 6vw;
		width: 8px;
		height: 8px;
		border-right: 2px solid #fff;
		border-top: 2px solid #fff;
		transform: rotate(45deg) translateY(-2px);
		transform-origin: right 50% 0;
	}
	.bottom_conversion_text{
		text-align:center;
		padding-top:4vw;
	}

	.bottom_conversion_phone{
		display:block;
		width:86%;
		margin:0 auto;
		padding-top:6vw;
		padding-bottom:6vw;
		text-align:center;
	}
	.bottom_phone_headline{
		width:100%;
		border-top:1px solid #d2d2d2;
		border-bottom:1px solid #d2d2d2;
		padding:2vw 0;
		text-align:center;
	}
	.bottom_phone_headline span{
		display:inline;
		margin-right:0;
		padding:0;
		background:none;
		color:#000;
		font-size:3.4vw;
	}
	.bottom_phone_area{
		width:100%;
		padding-top:2vw;
	}
	.bottom_phone_catch{
		font-size:3.4vw;
		font-family:"Yu Mincho","游明朝","ヒラギノ明朝 Pro W6","HiraMinPro-W6",serif;
		font-weight:700;
		letter-spacing:0.075em;
		vertical-align:middle;
	}
	.bottom_phone_number{
		display:inline-block;
		position:relative;
		padding-left:12vw;
		font-size:6vw;
		font-family:"Yu Mincho","游明朝","ヒラギノ明朝 Pro W6","HiraMinPro-W6",serif;
		font-weight:700;
		letter-spacing:0.05em;
		vertical-align:middle;
	}
	.bottom_phone_number a,
	.bottom_phone_number a:hover{
		text-decoration:none;
	}

	.bottom_phone_number:after{
		content:"";
		display:block;
		position:absolute;
		left:2vw;
		top:2vw;
		width:8vw;
		height:6vw;
		background:url(/common/base/images/icon_freedial.png) no-repeat left center;
		background-size:100% auto;
	}




}