/*@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Lato:400,700);
@import url(http://fonts.googleapis.com/earlyaccess/notosansjp.css);*/


* { margin: 0; padding: 0; }
*,
*:before,
*:after { box-sizing: border-box; }
html { font-size: 62.5%; height: auto; min-height: 100vh; }
body { line-height: 1.6; height: auto; min-height: 100vh; min-width: 320px; }
body,
td,
th { color: #666666; font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 1.4rem; line-height: 1.6; }
table { border-collapse: collapse; border-spacing: 0; }
td,
th { vertical-align: baseline; }
img { vertical-align: top; max-width: 100%; height: auto; }
li { list-style: none; }
a { cursor: pointer; color: #0000cc; text-decoration: underline; }
a:hover { color: #255bbe; text-decoration: none; }
/*===clearfix===*/
.clearfix:after { content: ""; display: block; clear: both; }
/*===共通項目===*/
body { min-height: 100vh; }
#wrap_all { overflow: hidden; width: 100%; min-height: 100vh; display: flex; flex-direction: column; }
#main { flex: 1 1 auto; position: relative; }
.wrap { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 10px; }
.boxlink { cursor: pointer; }
.f-left { float: left; }
.f-right { float: right; }
.clear { clear: both; }
.no-pd-bottom { padding-bottom: 0 !important; }
.no-pd-top { padding-top: 0 !important; }
.no-pd-left { padding-left: 0 !important; }
.no-pd-right { padding-right: 0 !important; }
.no-mg-bottom { margin-bottom: 0 !important; }
.no-mg-top { margin-top: 0 !important; }
.no-mg-left { margin-left: 0 !important; }
.no-mg-right { margin-right: 0 !important; }
.no-border { border: none !important; }
.no-border-left { border-left: none !important; }
.no-border-bott { border-bottom: none !important; }
.no-bg { background: none !important; }
.mg-bt5 { margin-bottom: 5px !important; }
.mg-bt10 { margin-bottom: 10px !important; }
.mg-bt15 { margin-bottom: 15px !important; }
.mg-bt20 { margin-bottom: 20px !important; }
.mg-bt25 { margin-bottom: 25px !important; }
.mg-bt30 { margin-bottom: 30px !important; }
.mg-bt35 { margin-bottom: 35px !important; }
.mg-bt40 { margin-bottom: 40px !important; }
.mg-bt50 { margin-bottom: 50px !important; }
.mg-bt55 { margin-bottom: 55px !important; }
.mg-bt60 { margin-bottom: 60px !important; }
.mg-bt65 { margin-bottom: 65px !important; }
.mg-bt70 { margin-bottom: 70px !important; }
.mg-center { margin: 0 auto; }
.txt-left { text-align: left; }
.txt-right { text-align: right; }
.txt-center { text-align: center; }
.img-circle img { border-radius: 100%; }
/*image*/
.alignleft { display: inline; float: left; margin-right: 1.62em; }
.alignright { display: inline; float: right; margin-left: 1.62em; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }
img.alignleft,
img.alignright,
img.aligncenter { margin-bottom: 1.62em; background: #ffffff; }
/*font family*/
.fnt_ex { font-family: '游明朝', 'YuMincho', 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'MS PMincho', 'メイリオ', 'Meiryo', 'serif'; font-weight: 800; }
.fnt_ex02 { font-family: "メイリオ", 'Meiryo', "ヒラギノ角ゴ Pro W3", 'Hiragino Kaku Gothic Pro', "ＭＳ Ｐゴシック", 'sans-serif'; }
/*header*/

header { position: fixed; left: 0; top: 0; width: 100%; z-index: 99; transition: all 0.3s ease-in-out 0s; }
.hd_top { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; background: #000000; color: #ffffff;}
.hd_h1 { margin: 0; font-weight: normal; }
.hd_des { font-size: 1.2rem; text-align: right; }
.hd_des a { margin-right: 10px; color: #ffffff; font-weight: bold; font-size: 1.4rem; text-decoration: none; }
.hd_des a:before { content: "\f095"; font-family: "FontAwesome"; /*display: inline-block;*/ padding: 0 5px 0 0; }
.hd_logo img { width: 100%; max-width: 170px;/*95px;*/ vertical-align: middle; }
.hd_navmenu li a { display: block; position: relative; color: #363636; font-size: 1.5rem; text-decoration: none; }
.hd_navmenu li a:hover { color: #fd8a17; }
.hd_btn a { display: flex; flex-direction: row; justify-content: flex-start; align-items: center; position: relative; padding: 8px 50px 8px 10px; background: rgba(0,140,199,0.7); color: #ffffff; text-decoration: none; }
.hd_btn a:hover { background: rgba(253,138,23,0.7); }
.hd_btn a:hover:after { border-top: 2px solid #fa8a17; border-right: 2px solid #fa8a17; }
.hd_btn a:before { content: ""; position: absolute; top: 50%; right: 10px; width: 25px; height: 25px; border-radius: 100%; background: #ffffff; transform: translateY(-50%); }
.hd_btn a:after { content: ""; position: absolute; top: 50%; right: 20px; width: 8px; height: 8px; border-top: 2px solid #008CC7; border-right: 2px solid #008CC7; transform: translateY(-50%) rotate(45deg); }
/*content*/
.cmn_btn a { display: flex; justify-content: center; flex-direction: column; align-items: center; position: relative; border-bottom-style: solid; border-color: #b37a29; background: linear-gradient(to bottom, #ffb641 0%, #fd8a17 100%); color: #ffffff; text-decoration: none; }
.cmn_btn a::before { content: ""; position: absolute; top: 50%; right: 25px; width: 40px; height: 40px; border-radius: 100%; background: #ffffff; transform: translateY(-50%); }
.cmn_btn a::after { content: ""; position: absolute; top: 50%; right: 40px; width: 14px; height: 14px; border-top: 4px solid #fd8a17; border-right: 4px solid #fd8a17; transform: translateY(-50%) rotate(45deg); }
.cmn_btn a:hover { border-bottom-width: 0px; background: linear-gradient(to bottom, #A0E2FC 0%, #24BBE6 100%); }
.cmn_btn a:hover:after { border-top: 4px solid #24BBE6; border-right: 4px solid #24BBE6; }
/*footer*/
#footer { background: #000000; color: #ffffff; }
.ft_copy { padding: 8px 15px; background: #363636; color: #ffffff; text-align: center; font-size: 1.2rem; }
a[data-cal] { text-decoration: none; }
/*追加 20180723 start*/
.subpage { background: #e9f9fe; }
.feature { display: flex; align-items: flex-end; justify-content: flex-start; overflow: hidden; position: relative; }
.feature_img { width: 100%; max-height: 350px; overflow: hidden; }
.feature_img img { width: 100%; /*max-width: none; min-height: 100%; */height:auto; }
.feature_info { display: flex; align-items: flex-end; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.feature_ttl { position: relative; line-height: 1; color: #000000; font-size: 1.5rem; z-index: 2; }
.feature_ttl .feature_ttl_en { padding-right: 15px; text-transform: uppercase; }
.feature_ttl span {display:inline-block;}
.breakcrumb_link { padding: 4px 0; border-bottom: 1px solid #cccccc; background: #ffffff; }
#breakcrumbs { width: 100%; max-width: 1120px; margin: 0 auto; padding: 0 10px; text-align: right; }
#breakcrumbs span { color: #0000cc; }
.ft_info { background: rgb(114,237,242); background: linear-gradient(to right, rgba(114,237,242,1) 0%, rgba(57,98,208,1) 100%); color: #ffffff; }
.ft_info_sub { display: flex; align-items: center; position: relative; padding: 20px 10px; }
.ft_info_sub:after { content: ""; position: absolute; bottom: 0; height: 2px; background: #ffffff; opacity: 0.5; }
.ft_info_lbl { font-size: 1.8rem; }
.ft_info_phone a { display: block; line-height: 1.2; padding-bottom: 6px; color: #ffffff; font-weight: bold; text-decoration: none; }
.ft_info_box { font-size: 1.5rem; text-align: center; }
.ft_info_btn a { display: flex; align-items: center; justify-content: center; position: relative; padding: 0 55px; background: #ffffff; color: #3c8ce7; text-decoration: none; font-weight: bold; }
.ft_info_btn a::before { content: ""; position: absolute; top: 50%; right: 15px; width: 40px; height: 40px; border-radius: 100%; background: #3c8ce7; transform: translateY(-50%); }
.ft_info_btn a::after { content: ""; position: absolute; top: 50%; right: 30px; width: 14px; height: 14px; border-top: 4px solid #ffffff; border-right: 4px solid #ffffff; transform: translateY(-50%) rotate(45deg); }
.ft_info_des { padding: 18px 10px; text-align: center; }
.ft_sub { background: #363636; color: #ffffff; }
.ft_logo img { width: 100%; max-width: 164px; }
.ft_lst { display: flex; justify-content: flex-end; flex-direction: row; position: relative; }
.ft_lst:after { content: ""; position: absolute; right: 0; bottom: 0; height: 2px; background: #ffffff; opacity: 0.5; }
.ft_lst li a { color: #ffffff; text-decoration: none; font-size: 1.4rem; }
.ft_sub_copy { font-size: 1.2rem; }
/*追加 20180723 end*/
/*thanks*/
.btnbacktotop_cover { align-items: center; display: flex; justify-content: center; padding-top: 30px; }
.btnbacktotop { border-radius: 100px; box-shadow: 3px 3px 3px rgba( 0, 0, 0, .2 ); margin: 0px 10px; max-width: 385px; width: 100%; border-bottom: 4px solid #c45f15; }
.btnbacktotop a { background: rgb(255,182,65); background: linear-gradient(to bottom, rgba(255,182,65,1) 0%, rgba(253,138,23,1) 100%); border-bottom: 5px solid #c45f15; border-radius: 100px; border-width: 1px 0px 0px 0px; color: #fff; cursor: pointer; display: block; font-size: 1.8rem; font-weight: bold; height: 100%; max-width: 385px; padding: 22px 10px; position: relative; text-align: center; text-decoration: none; width: 100%; }
.btnbacktotop:hover { box-shadow: none; position: relative; top: 2px; }
.error_wrap { background: #fff; padding-bottom: 50px; padding-top: 10px; }
.error_text { font-size: 1.5rem; padding-top: 30px; }
/*css part06 start*/
.hm_part06 { background: url(../images/home/hm_bg04.png) center repeat; }
.hm_part06lst li { border-style: solid; border-width: 1px 1px 5px 1px; border-color: #6accc4 #6accc4 #c6e8e5 #6accc4; background: #ffffff; }
.hm_part06lst_box01 { position: relative; background: url(../images/home/hm_ic10.png) no-repeat top center #6accc4; color: #ffffff; }
.hm_part06lst_name { width: 120px; margin: 0 auto; color: #6accc4; text-align: center; }
.hm_part06lst_box02 { display: flex; justify-content: flex-end; flex-direction: row; align-items: center; position: relative; }
.hm_part06lst_info { color: #343434; margin-right: 10px; }
.hm_part06lst_img { position: absolute; bottom: 0; left: 0px; width:40%;max-width: 150px; }
.hm_part06lst_lbl { display: inline-block; position: relative; color: #6accc4; }
.hm_part06lst_lbl:after { content: ""; display: inline-block; width: 44px; height: 37px; margin-left: 18px; background: url(../images/home/hm_ic11.png) no-repeat center; background-size: 44px; }
.hm_part06lst_ttl { padding: 1px 0; background: #c6e8e5; color: #ffffff; text-align: center; }
.hm_part06lst_sttl span { background: #ffffff; background: linear-gradient(to bottom, #ffffff 0%, #ffffff 60%, #ffff00 60%, #ffff00 100%); }
.hm_part06_btn a { display: block; max-width: 300px; margin: 0 auto; padding: 11px 10px; border-radius: 30px; background: #353535; color: #ffffff; font-weight: bold; text-align: center; text-decoration: none; letter-spacing: -2px; }
/*css part06 end*/

.maya_lblttl span { position: relative; }
.maya_lblttl { position: relative; padding: 15px 0; background: url(../images/home/mashi_lbl_top.jpg) /*#22c0e7*/ #000 top center repeat-x; color: #ffffff; font-weight: bold; text-align: center; z-index: 1; }
.maya_lblttl:after { content: ""; position: absolute; bottom: 0px; left: 0; right: 0; width: 100%; height: 10px; background: url(../images/home/mashi_lbl_top.jpg) top center repeat-x; transform: rotate(180deg); }
.maya_lblttlstyle { background: url(../images/home/mashi_lbl_top01.jpg) /*#3dbfb4*/ #000 top center repeat-x; }
.maya_lblttlstyle:after { background: url(../images/home/mashi_lbl_top01.jpg) top center repeat-x; }
.maya_style { background: #363636; }
.maya_style:before { content: ""; position: absolute; top: 5px; right: 0; left: 0; height: 1px; background: #ffffff; }
.maya_style:after { height: 1px; bottom: 5px; background: #ffffff; }
/*css part09 start*/
.hm_part09 { position: relative; border-top: 1px solid #cccccc; z-index: 10; }
.hm_course_box { box-shadow: 0px 0px 12px 5px rgba(204,204,204,0.6); background: #ffffff; }
.hm_course_lbl { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-content: stretch; align-items: stretch; background: #daa520; /*#22c0e7;*/}
.hm_course_ttl { color: #ffffff; font-weight: 800;padding: 10px 0; }
.hm_course_ttl span { font-weight: normal; }
.hm_course_ttl span:before { content: "・"; }
.hm_course_ttl .hm_course_abts { display: inline-block; font-weight: normal; }
.hm_course_price { background: #f2f2f2; color: #343434; text-align: center;padding: 10px 0;}


.hm_course_details { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; }
.hm_course_thumb img { max-width: 150px; }
.hm_course_lst li:before { content: "■"; }
.hm_course_note li { position: relative; padding: 0 0 0 16px; }
.hm_course_note li:before { content: "※"; position: absolute; top: 0px; left: 0; }
.hm_part09 { background: url(../images/home/hm_bg04.png) center repeat; }
/*css part09 end*/

.hm_faqques { position: relative; border-bottom: 1px dotted #cccccc; background: url(../images/home/hm_ic14.png) no-repeat center left; background-size: 35px; cursor: pointer; }
.hm_faqques:after { content: ""; position: absolute; top: 50%; right: 0; width: 8px; height: 5px; border-right: 4px solid transparent; border-left: 4px solid transparent; border-top: 5px solid #363636; transform: translateY(-50%); }
.hm_faqans_active:after { border-top: 0; border-bottom: 5px solid #363636; }
.hm_faqans { background: url(../images/home/hm_ic15.png) no-repeat center left; background-size: 35px; display:none;}
/*css part12 start*/
.hm_part12_ttl { position: relative; border-bottom: 1px solid #cccccc; color: #000000; }
.hm_part12_ttl span { display: block; line-height: 1.4; }
.hm_part12_ttl:before { content: ""; position: absolute; left: 0; width: 80px; height: 5px; background: #daa520; /*#c1ecfc;*/ }
.hm_part12_stylettl { margin-bottom: 5px; padding-left: 12px; border: none; }
.hm_part12_stylettl:before { content: ""; position: absolute; top: 3px; left: 0; width: 5px; height: 40px; background: #daa520;/*#c1ecfc;*/ }
.hm_part_map { padding-bottom: 20px; width: 100%; }
.hm_part_map iframe { min-width: 100% !important; border: none; }
.hm_part12_dl { font-size: 1.5rem; }
.hm_part12_dl dd { padding-bottom: 25px; }
.hm_part12_box { position: relative; overflow: hidden; margin-bottom: 8px; border: 1px solid #ccc; /*#22c0e7;*/ background: url(../images/home/hm_bg09.png); }
.hm_part12_boxlst { counter-reset: step; }
.hm_part12_boxlst li { position: relative; }
.hm_part12_boxlst li:after { content: ""; position: absolute; }
.hm_part12_boxlst li .hm_part12_boxlbl:before { content: counter(step)"."; counter-increment: step; letter-spacing: 1px; }
.hm_part12_boxlst li:last-child:after { display: none; }
.hm_part12_boxttl { text-align: center; }
.hm_part12_boxttl span { display: inline-block; background: -webkit-linear-gradient(left, /*#028dc4*/ #daa520 0%, /*#22c0e7*/ #daa520 100%); background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
.hm_part12_boximg img { width: 100%; max-width: 108px; }
/*css part12 end*/

.btnbacktotop a::after { background: url(../images/common/ic_arrow_orange.png) #fff no-repeat; background-size: 7px 11px; background-position: 7px; content: ""; height: 20px; position: absolute; right: 13px; top: calc(50% - 10px); border-radius: 50px; width: 20px; }
.cmn_info_phone { position: relative; }
.mce-preview-object { display: block; }
#wpadminbar {position:fixed !important;}

#wrap_all {flex: 1 1 auto;}
body { display: flex; }


.ft_bannerbox .itembox {
    position: relative;
}
.ft_bannerbox .itembox a img {
    width: 100%;
    max-width: 367px;
}

.ft_bannerbox span { position: absolute; top: 6px; right: 3px; }
.ft_bannerbox span { width: 34px; height: 34px; background: #000; display: block; position: absolute; top: 7px; right: -11px; z-index: 1; border-radius: 100%; }
.ft_bannerbox span::before { content: ''; width: 18px; height: 30px; position: absolute; top: -9px; right: 8px; margin-top: -4px; z-index: 2; border: solid 9px transparent; border-bottom-width: 9px; border-bottom-style: solid; border-bottom-color: transparent; border-bottom: solid 9px #fff; transition: .1s; -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); transform: rotate(0deg); }
.ft_bannerbox span::after { content: ''; width: 18px; height: 3px; position: absolute; z-index: 2; background: #fff; right: 8px; top: 21px; transition: .2s; }
.ft_bannerbox span.active::after { top: 9px; }
.ft_bannerbox span.active::before { top: 20px; -webkit-transform: rotate(180deg); transform: rotate(180deg); }

.cmn_info_time, .cmn_info_time a { color: #666; }
.cmn_info_time a { text-decoration: underline; }
.cmn_info_time a:hover {text-decoration: none;}
.cmn_info_lbl { position: relative; padding: 0 70px; text-align: center; z-index: 2; }
.cmn_info_lbl:before { content: ""; position: absolute; top: 50%; left: 0; width: 65px; height: 1px; background: #333333; transform: translateY(-50%); z-index: -1; }
.cmn_info_lbl:after { content: ""; position: absolute; top: 50%; right: 0; width: 65px; height: 1px; background: #333333; transform: translateY(-50%); z-index: -1; }
.cmn_info_txt { text-align: left; }
.hm_part01_des { text-align: left; }
.ft_infocard a { text-decoration: underline; color: #fff; }


 @media screen and (min-width: 768px), print {
	 .ft_bannerbox {
    position: fixed;
    bottom: -75px;
    right: 50px;
    z-index: 9999;
		 /*display:none;*/
}

}
 @media screen and (max-width: 767px) {
	 .ft_bannerbox { display:none;
    position: fixed;
    bottom: 70px;
    right: 0; left:0; margin:0 auto;
    z-index: 9999;
		    max-width: 367px;
}

}


/*追加 20190702 */

.img-center{
 display:block;
 margin-left:auto;
 margin-right:auto;
}

.text-left{text-align:left;}
.text-center{text-align:center;}
.text-right{text-align:right;}

.float-box{
 max-width:100%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
}
.float-box:after {
 content: '';
 display: block;
 clear: both;
}
.float-left {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right {
 float:right;
 margin-left:30px;
}
.float-left01 {
 float:left;
 margin-right:30px;
 text-align:left;
}
.float-right01 {
 float:right;
 margin-left:30px;
}

.box-in {
 zoom: 1;
 width: 1000px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
}
.box-in:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.box-in02 {
 zoom: 1;
 width: 1200px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
}
.box-in02:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }

.box3 ul {
 zoom: 1;
 width: 980px;
 margin:0 auto !important;
 margin-top:30px;
 margin-left:50px;
 margin-bottom:30px;
}
.box3 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box3 li {
 float: left;
 width:300px;
 margin: 10px 40px 10px 0;
 text-align:left;
 font-size:100%;
 color:#333;
}
.box3 li:last-child {
 float: left;
 width:300px;
 margin: 10px 0 10px 0;
 text-align:left;
 font-size:100%;
 color:#333;
}
.box3 li img{
 margin-bottom:10px;
}
.box3 li p{
 width:300px;
 font-size:120%;
}

.box4 ul {
 zoom: 1;
 width: 962px;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
}
.box4 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box4 li {
 float: left;
 margin: 10px 20px 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.box4 li:last-child {
 float: left;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.box4 li img{
 margin-bottom:10px;
}

.step-box{
 width:70%;
 margin:0 auto;
 padding:0 0 30px 0;
 text-align:left;
 border-bottom:1px dashed #ccc;
}
.step-box:after {
 content: '';
 display: block;
 clear: both;
}
.step-txt{
 padding-top:20px;
 font-size:120%;
 text-align:left;
}
.arrow-center img{
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin:0 auto;
 margin-top:15px;
 text-align:center;
}

.box-white{
 width:96%;
 margin:0 auto;
 padding:30px 0 30px 0;
 background:#fff;
}
.box-white01{
 width:96%;
 margin:0 auto;
 padding:30px 20px 30px 20px;
 background:#fff;
}
.box-white00{
 width:96%;
 margin:0 auto;
 padding:0 20px 0 20px;
 background:#fff;
}

.online-name{font-size:200%;font-weight:bold;}
.online-result{padding-top:20px;font-size:140%;}