@media screen and (max-width: 374px) {
footer .ft_lstbtn li a { font-size: 1.2rem; }
footer .ft_lstbtn li:first-child a span:before { background-size: 15px auto; height: 15px; width: 15px; }
footer .ft_lstbtn li:last-child a span:before { background-size: 15px auto; height: 12px; width: 15px; }
.breakcrumb_link { display: none !important; }
}
@media screen and (max-width: 767px) {
.sphiden { display: none !important; }
.hd_logo a { display: block; padding: 0 10px; }
.hd_navmenu { display: none; width: 100%; margin: 10px 0 0 0; padding: 15px 0; background: rgba(0,0,0,0.8); }
.hd_navmenu li a { display: block; padding: 10px; border-bottom: 1px dotted #ffffff; color: #ffffff; font-size:1.3rem;}
.hd_navmenu li:last-child a { border-bottom: 0; }
.hd_btn { width: 290px; }
.hd_btn a span { padding-left: 15px; font-weight: 800; font-size: 2.4rem; }
.changeicon .icon_menu span:nth-of-type(1) { transform: translateY(10px) rotate(-45deg); }
.changeicon .icon_menu span:nth-of-type(2) { opacity: 0; }
.changeicon .icon_menu span:nth-of-type(3) { transform: translateY(-4px) rotate(45deg); }
/*content*/
.cmn_btn a { padding: 5px 10px; border-bottom-width: 8px; font-size: 1.6rem; }
.cmn_btn a span { font-weight: bold; font-size: 1.8rem; }
.cmn_btn a span strong { line-height: 1.2; font-size: 3rem; }
/*home↓↓↓↓↓↓*/
.cmn_info_phone { display: block; }
.cmn_info_phone a { display: inline-block; padding-left: 28px; background: url(../images/common/ic_phone.png) no-repeat left center; background-size: 26px; }
.cmn_btn a:before { right: 15px; width: 25px; height: 25px; }
.cmn_btn a:after { right: 25px; width: 10px; height: 10px; border-top-width: 2px; border-right-width: 2px; }
.ft_lstbtn { display: flex; flex-direction: row; justify-content: center; align-items: center; position: fixed; right: 0; bottom: 0; left: 0; padding: 10px; background: rgba(255,255,255,0.5); z-index: 99999; }
.ft_lstbtn li { width: calc((100% - 10px) / 2); margin-left: 10px; }
.ft_lstbtn li:first-child { margin-left: 0; }
.ft_lstbtn li a { display: block; padding: 8px 5px; border: 1px solid #363636; border-radius: 20px; text-decoration: none; text-align: center; }
.ft_lstbtn li:first-child a { background: #ffffff; color: #353535; border: 1px solid #E4403D; }
.ft_lstbtn li:last-child a { background: #363636; color: #ffffff; }
.ft_lstbtn li:first-child a span { display: inline-block; }
.ft_lstbtn li:first-child a span:before { display: inline-block; content: ""; width: 25px; height: 24px; margin-right: 5px; background: url(../images/common/ico-campaign-flower.png) no-repeat; background-size: 25px auto; vertical-align: middle; }
.ft_lstbtn li:last-child a span:before { display: inline-block; content: ""; width: 27px; height: 20px; margin-right: 5px; background: url(../images/common/ft_pc.png) no-repeat; background-size: 27px; vertical-align: middle; }
/*追加 20180723 start*/
.feature_info { padding: 15px 0; }
.feature_ttl .feature_ttl_en { font-size: 3rem; }
.breakcrumb_link { display: none !important; } 
.ft_sub_wrap { padding: 0; }
.ft_sub { padding: 20px 0 0 0; }
.ft_info_sub { flex-direction: column; padding: 0 10px 20px 10px; }
.ft_info_sub:after { right: 0; left: 0; }
.ft_info { padding: 15px 0 0px 0; }
.ft_logo { padding-bottom: 20px; text-align: center; }
.ft_lst { flex-wrap: wrap; justify-content: center; padding-bottom: 10px; border-bottom: 1px solid #ffffff; }
.ft_lst:after { display: none; }
.ft_lst li { margin-bottom: 10px; border-left: 1px solid #ffffff; }
.ft_lst li:first-child { border-left: 0; }
.ft_lst li a { display: inline-block; padding: 0 12px; }
.ft_sub_copy { padding: 10px 0; text-align: center; }
.ft_info_lbl { padding-bottom: 10px; }
.ft_info_box { padding-bottom: 20px; }
.ft_info_phone a { font-size: 3rem; }
.ft_info_btn a { width: 290px; height: 60px; border-radius: 40px; font-size: 2.5rem; }
.ft_info_btn a span { font-size: 1.8rem; }
/*追加 20180723 end*/

.cmn_info { padding: 40px 10px 20px; }
.cmn_info_box { padding-bottom: 18px; }
.cmn_info_btn { padding-bottom: 12px; }
.cmn_info_btn a { height: 88px; border-radius: 44px; word-break: keep-all; }
.cmn_info_des { text-align: center; }
.cmn_info_lbl { display: inline-block; margin-bottom: 10px; }
.cmn_info_phone { line-height: 1; font-size: 2.5rem; padding-bottom: 5px; }
.cmn_info_phone strong { font-size: 1.5rem; }
.cmn_info_time { font-size: 1.4rem; }
.cmn_info_txt { padding: 0 0 20px 0; }
/*css part06 start*/
.hm_part06 { padding: 0 0 52px 0; }
.hm_part06_des { padding: 30px 0; text-align: center; }
.hm_part06lst li { margin-bottom: 20px; }
.hm_part06lst_box01 { min-height: 92px; background-size: 195px; }
.hm_part06lst_name,
.hm_part06lst_orther { font-size: 1.2rem; }
.hm_part06lst_name { width: 75px; line-height: 1.3; padding-top: 8px; }
.hm_part06lst_box02 { padding: 15px 0 25px 0; }
.hm_part06lst_orther { position: absolute; right: 12px; bottom: 10px; }
.hm_part06lst_info { width: 100%; line-height: 1.3; padding-right: 10px; padding-left: 190px; }
.hm_part06lst_img { left: 0; }
.hm_part06lst_img img { max-width: 160px; }
.hm_part06lst_lbl { padding-bottom: 10px; padding-left: 8px; }
.hm_part06lst_lbl:after { width: 30px; height: 25px; background-size: 30px !important; }
.hm_part06lst_ttl { font-size: 1.8rem; }
.hm_part06lst_des { padding: 12px 28px 30px 28px; }
.hm_part06lst_orther { width: 110px; }
/*css part06 end*/

.maya_lblttl span { font-size: 2.4rem; line-height: 1.2; }
.maya_lblttl { font-size: 2rem; }
.maya_lblspn { font-size: 1.8rem; }
.maya_lblspn { padding: 18px 0 20px; }
/*css part09 start*/
.hm_part09 { padding: 30px 0 28px 0; }
.hm_course_box { margin: 0 0 20px 0; }
.hm_course_lbl { padding: 0px 20px 0px 15px; }
.hm_course_ttl { padding: 12px 5px; font-size:90%;}
.hm_course_ttl .hm_course_abts { padding: 0 0 0 5px; font-size: 1.2rem; }
.hm_course_ttl span { padding-left: 15px; }
.hm_course_price { padding: 12px 10px;  font-size:90%;}
.hm_course_price span { font-size: 1.2rem; }
.hm_course_details { padding: 10px 20px; }
.hm_course_lst { padding: 0 0 0 12px; }
.hm_course_lst li:before { padding-right: 3px; font-size: 1rem; }
.hm_course_thumb { min-width: 100px; max-width: 100px; height: 100px; }
.hm_course_thumb img { width: 100%; }
/*css part09 end*/

.hm_faq { padding-bottom: 30px; }
.hm_faqques,
.hm_faqans { padding: 13px 10px 13px 40px; }
.hm_faqans { display: none; }
/*css part12 start*/
.hm_part12_wrap { padding-top: 20px; }
.hm_part12_box { padding: 20px 0 0px 0; }
.hm_part12_ttl { margin-bottom: 8px; padding-bottom: 3px; }
.hm_part12_stylettl { font-size: 1.8rem; }
.hm_part12_boxttl { line-height: 0.9; padding-bottom: 10px; font-weight: bold; font-size: 1.8rem; }
.hm_part12_boxttl strong { font-size: 4rem; font-style: italic; }
.hm_part12_boxlst { padding: 0 15px; }
.hm_part12_boxlst li { display: flex; justify-content: flex-start; flex-direction: row; align-items: center; margin-bottom: 25px; }
.hm_part12_boxlst li:after { height: 13px; right: 0; bottom: -20px; left: 0; background: url(../images/home/hm_ic16.png) no-repeat center; background-size: 32px; }
.hm_part12_boximg { width: 85px; min-width: 85px; max-width: 85px; padding: 0 15px 0 0; text-align: center; }
.hm_part_map iframe { min-height: 200px; }
.hm_part12_step { position: absolute; top: -30px; left: -30px; width: 60px; height: 60px; line-height: 102px; background: #222; /*#22c0e7;*/ color: #ffffff; font-weight: bold; font-size: 1.4rem; text-align: center; transform: rotate(-45deg); }
.hm_part12_ttl:before { bottom: -1px; }
/*css part12 end*/

}
@media screen and (max-width: 1109px) {
#header.subpage_header { top: 0 !important; position: relative !important; }
.hd_navmenu { display: none !important; }
.hd_btn { display: none; }
.hd_des { display: none; }
.hd_h1 { padding: 2px 0px; font-size: 1.2rem; }
.hd_top { padding: 2px 10px; }
.hd_h1 { font-size: 1.2rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; }
.hd_des { display: none; }
.navsub { padding-bottom: 22px; }
.navsub_box { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; justify-content: space-between; width: 100%; padding: 10px 20px; }
.hd_logo a { display: block; }
.icon_menu { position: relative; width: 30px; height: 30px; margin-right: 10px; cursor: pointer; }
.icon_menu:after { content: "Menu"; position: absolute; right: 0; bottom: 0; left: 0; line-height: 1; color: #333333; font-size: 1.2rem; text-align: center; }
.changeicon .icon_menu { margin: 14px auto; }
.icon_menu span { transition: all 0.4s; border-radius: 2px; background-color: #333333; width: 100%; height: 2px; position: absolute; left: 0; }
.icon_menu span:nth-of-type(1) { top: 0; }
.icon_menu span:nth-of-type(2) { top: 6px; width: 80%; }
.icon_menu span:nth-of-type(3) { top: 12px; width: 60%; }
.icon_menu_close { position: relative; width: 30px; height: 30px; background: url(../images/common/ic_close.png) no-repeat; cursor: pointer; }
#header.scrollheader { border-bottom: 3px solid rgba(0,140,199,0.7); }
#header.scrollheader .icon_menu:after { color: #333333; }
#header.scrollheader .icon_menu span { background-color: #333333; }
.nav-global { position: fixed; top: 27px; left: 100%; width: 100%; overflow-y: scroll; transition: .4s; transform: translateX(0); padding: 0; padding-bottom: 0px; background: #ffffff; z-index: 999; visibility: hidden; }
.nav-global { width: 80%; max-width: 350px; }
.nav-global.is-active { height: auto; position: absolute; visibility: visible; transform: translateX(-100%); transition: .4s; padding-bottom: 60px; }
.ftlstbtn_acctive { position: fixed !important; }
.modal-overlay { display: none; position: fixed; top: 0; left: 0; z-index: 100; width: 100%; height: 100%; overflow-y: auto; background-color: rgba(51,51,51,0.75); }
.nav-global .navsub_box { border-bottom: 1px dashed #cccccc; }
.sp_menu_infor { padding: 10px 0 0 0; text-align: center; }
.sp_menu_infor_phone { position: relative; color: #333333; font-weight: bold; font-size: 2.4rem; }
.sp_menu_infor_phone a { color: #333333; text-decoration: none; }
.sp_menu_infor_phone:before { content: "tel:"; font-size: 1.4rem; }
.sp_menu_infor_timework { padding-bottom: 10px; font-size: 1.2rem; }
.sp_menu_infor_btn { max-width: 230px; margin: 0 auto 16px; }
.sp_menu_infor_btn a { position: relative; display: block; padding: 6px 5px 6px 30px; background: #24bbe6; border-bottom: 3px solid #16708a; border-radius: 25px; color: #ffffff; font-size: 1.8rem; text-decoration: none; }
.sp_menu_infor_btn a:before { display: inline-block; content: ""; width: 27px; height: 20px; margin: 0 12px 0 0; background: url(../images/common/ic_pc.png) no-repeat; background-size: 100% auto; vertical-align: text-top; }
.sp_menu_lbl { padding: 4px 20px; background: #e7f9fd; color: #287a9E; }
.sp_menu_navi { position: relative; display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-content: stretch; align-items: stretch; }
.sp_menu_brder { border-top: 1px dashed #cccccc; }
.sp_menu_brder:before { content: ""; position: absolute; top: 0; left: 0; right: 0; width: 1px; height: 100%; margin: 0 auto; border-left: 1px dashed #cccccc; }
.sp_menu_navi li { width: 50%; }
.sp_menu_brder li { width: 50%; border-bottom: 1px dashed #cccccc; }
.sp_menu_navi li a { display: block; padding: 10px 0; color: #333333; text-decoration: none; text-align: center; }
.sp_menu_navi li span { width: 22px; height: 22px; margin: 0 10px 0 -20px; }
.sp_menu_navi li span img { max-width: 22px; }
/*追加 20180723 start*/
#header.subpage_header { position: relative !important; border-bottom: 3px solid rgba(0,140,199,0.7); background: #ffffff; }
#header.subpage_header .navsub { padding-bottom: 0; }
#header.subpage_header .icon_menu span { background-color: #333333; }
#header.subpage_header .icon_menu:after { color: #333333; }
/*追加 20180723 end*/
}
@media screen and (min-width: 1110px) and (max-width: 1200px) {
.hd_navmenu li a {
padding: 18px .4vw; font-size: 1.3rem; }
}
@media screen and (min-width: 768px), print {
.pchiden { display: none !important; }
/*content*/
.cmn_btn a { padding: 5px 60px; border-bottom-width: 10px; font-size: 2.4rem; }
.cmn_btn a span { font-weight: bold; }
.cmn_btn a span.fnt_ex03  {font-size:1.5rem;}
.cmn_btn a span strong { line-height: 1; font-size: 5rem; }
/*home↓↓↓↓↓↓*/
.hd_sub { padding-top: 120px !important; }
/*追加 20180723 start*/
.feature_info { padding: 30px 0; }
.feature_ttl .feature_ttl_en { font-size: 6rem; }
.faq_wrap { padding: 0 60px; }
.ft_sub { padding: 12px 0; }
.ft_sub_wrap { display: flex; justify-content: space-between; align-items: center; padding: 0 60px; }
.ft_info_sub { padding: 0 60px 20px 60px; }
.ft_info_sub:after { right: 60px; left: 60px; }
.ft_info { padding: 58px 0 35px 0; }
.ft_logo { padding-top: 10px; }
.ft_lst { padding: 15px 0; }
.ft_lst:after { left: 29%; }
.ft_lst li:last-child { padding-right: 0; }
.ft_lst li a:hover { color: #fd8a17; }
.ft_sub_copy { padding: 5px 0; text-align: right; }
.ft_info_phone a { font-size: 4rem; }
.ft_info_btn a { height: 80px; border-radius: 40px; font-size: 3rem; }
.ft_info_btn a span { font-size: 2rem; }
.ft_info_btn a:hover { background: #fd8a17; color: #ffffff; }
.ft_info_btn a:hover:before { background: #ffffff; }
.ft_info_btn a:hover:after { border-top-color: #fd8a17; border-right-color: #fd8a17; }
.ft_info_des { padding-right: 60px; padding-left: 60px; }
/*追加 20180723 end*/

.cmn_info { padding: 25px 10px; }
.cmn_info_box { display: flex; /*justify-content: center;*/ flex-direction: row; align-items: center; padding-bottom: 18px; }
.cmn_info_btn { width: 550px; }
.cmn_info_btn a { height: 120px; border-radius: 120px; }
.cmn_info_des { width: calc(100% - 550px); max-width: 455px; padding-left: 35px; }
.cmn_info_lbl { margin-bottom: 10px; font-size: 1.8rem; }
.cmn_info_phone { line-height: 1; font-size: 3.2rem; text-align: center; }
.cmn_info_phone span strong { font-size: 2rem; }
/*css part06 start*/
.hm_part06 { padding: 0 0 52px 0; }
.hm_part06_des { padding: 30px 0; text-align: center; }
.hm_part06lst { display: flex; flex-direction: row; flex-wrap: wrap; }
.hm_part06lst li { width: calc((100% - 20px) / 2); margin-bottom: 20px; margin-left: 20px; }
.hm_part06lst li:nth-child(2n - 1) { margin-left: 0; }
.hm_part06lst_box01 { min-height: 110px; }
.hm_part06lst_name,
.hm_part06lst_orther { line-height: 1.4; font-size: 1.6rem; z-index: 2; }
.hm_part06lst_name { padding-top: 6px; }
.hm_part06lst_box02 { padding: 15px 0 25px 0; }
.hm_part06lst_orther { position: absolute; right: 12px; bottom: 20px; }
.hm_part06lst_info { width: 100%; line-height: 1.3; padding-left: 42%; font-size: 2rem; }
.hm_part06lst_ttl { font-size: 2.4rem; }
.hm_part06lst_des { padding: 12px 28px 30px 28px; font-size: 1.5rem; }
.hm_part06_btn a { font-size: 2.4rem; }
.hm_part06lst_orther { width: 155px; }
/*css part06 end*/
	
.maya_lblttl span { font-size: 4rem; line-height: 1.2; }
.maya_lblspn { padding: 30px 10px 40px; }
.maya_lblttl { font-size: 4rem; }
/*css part09 start*/
.hm_part09 { padding: 50px 0 40px 0; }
.hm_course_txt { margin: 0 50px; padding-bottom: 20px; }
.hm_course_note { margin: 0 50px; }
.hm_course_box { margin: 0 50px 30px; padding-top: 30px; }
.hm_course_lbl { padding: 0px 20px 0 50px; font-size: 3rem; }
.hm_course_ttl .hm_course_abts { padding: 0 0 0 30px; font-size: 2rem; }
.hm_course_ttl span { padding-left: 60px; font-size: 2rem; }
.hm_course_price { min-width: 250px; }
.hm_course_price span { font-size: 1.4rem; }
.hm_course_details { padding: 30px 50px; }
.hm_course_lst { padding: 0 0 0 50px; font-size: 1.8rem; }
.hm_course_lst li { position: relative; padding: 0 0 0 16px; }
.hm_course_lst li:before { position: absolute; top: 4px; left: 0; font-size: 1.3rem; }
*::-ms-backdrop, .hm_course_ttl {
position:relative;
padding: 14px 0 6px;
}
*::-ms-backdrop, .hm_course_price {
position:relative;
padding: 14px 0 6px;
}
/*css part09 end*/
	/*faq*/
.hm_faq { padding-bottom: 30px !important; }
.hm_faq { padding-bottom: 50px; font-size: 1.8rem; }
.hm_faqques,
.hm_faqans { padding: 13px 10px 13px 40px; }
/*css part12 start*/
.hm_part12_wrap { padding-top: 30px; }
.hm_part12_box { padding: 16px 0 35px 0; }
.hm_part12_ttl { line-height: 1; margin-bottom: 18px; padding-bottom: 8px; font-size: 3rem; }
.hm_part12_ttl span { font-size: 1.8rem; }
.hm_part12_boxttl { line-height: 0.9; padding-bottom: 10px; font-weight: bold; font-size: 3rem; }
.hm_part12_boxttl strong { font-size: 10rem; font-style: italic; }
.hm_part12_boxlst { display: flex; justify-content: center; flex-direction: row; }
.hm_part12_boxlst li { width: calc(100% / 4); padding: 0 33px; }
.hm_part12_boxlst li:after { width: 18px; top: 0; right: -9px; bottom: 0; background: url(../images/home/hm_ic13.png) no-repeat center; background-size: 18px; }
.hm_part12_boxlst li:last-child:after { display: none; }
.hm_part12_boximg { padding-bottom: 10px; text-align: center; }
.hm_part12_boxlbl { font-size: 1.8rem; letter-spacing: -2px; }
.hm_part_map iframe { min-height: 400px; }
.hm_part12_step { position: absolute; top: -60px; left: -60px; width: 120px; height: 120px; line-height: 205px; background: #222;/*#22c0e7;*/ color: #ffffff; font-weight: bold; font-size: 2rem; text-align: center; transform: rotate(-45deg); }
.hm_part12_ttl:before { bottom: -3px; }
/*css part12 end*/
.cmn_info_phone a:before { content: ""; position: absolute; top: 8px; left: 0; width: 28px; height: 30px; background: url(../images/common/ic_phone.png) no-repeat; background-size: 100% auto; }
.cmn_info_phone a { padding: 0 0 0 30px; position: relative; }
.cmn_info_phone strong { font-size: 2rem; }
.cmn_info_time { font-size: 1.6rem; text-align: center; }
}
/*追加 20180723 start*/
@media screen and (min-width: 768px) and (max-width: 1109px) {
.ft_info_sub { flex-wrap: wrap; justify-content: center; }
.ft_info_btn { width: 100%; padding: 20px 0 0 0; }
.ft_info_btn a { width: 500px; margin: 0 auto; }
.ft_lst li { padding: 0 5px; }
.ft_lst li a { font-size: 1.1rem; }
}
/*追加 20180723 end*/


@media screen and (min-width: 1110px) {
body { overflow: visible !important; }
.hd_top { padding: 2px 25px 2px 30px; }
.hd_h1 { width: 1100px; }
/*.hd_des { width: calc(100% - 315px); }*/
.hd_des {  width: calc(100% + 180px); }
.hd_des a { pointer-events: none; }
.navsub { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; padding-top: 10px; padding-bottom: 22px; transition: all 0.3s ease-in-out 0s; }
.navsub_box { display: flex; justify-content: flex-start; align-items: center; flex-direction: row; width: calc(100% - 250px); }
.hd_logo { width: 270px; background: #fff; text-align: center; }
.hd_logo a { display: block; padding: 13px 10px 12px 10px; }
.hd_navmenu { display: flex; flex-direction: row; flex-wrap: nowrap; justify-content: flex-start; align-content: flex-start; align-items: flex-start; width: calc(100% - 180px); padding-left: 8px; }
.hd_btn { width: 420px; }
.hd_btn a { padding: 8px 35px 8px 10px; }
.hd_btn a span { padding-left: 15px; font-weight: 800; font-size: 1.8rem; }
.hd_h1 { font-size: 1.2rem; }
.icon_menu { display: none; }
#header.scrollheader { position: fixed; border-bottom: 5px solid rgba(0,140,199,0.7); }
.nav-global { display: none; }
/*追加 20180723 start*/
.subpage_header { position: relative; }
.subpage_header .navsub { padding-bottom: 10px; }
.ft_info_sub { justify-content: space-between; flex-direction: row; }
.ft_info_btn a { width: 300px; }
.ft_lst li { padding: 0 8px; }
/*追加 20180723 end*/
}
@media screen and (min-width: 1200px) {
.hd_navmenu li a {
padding: 18px .6vw; font-size: 1.4rem; }
}
#header.scrollheader { background: #ffffff; }
#header.scrollheader .navsub { padding: 0; }
@media screen and (min-width: 768px) and (max-width: 979px) {
.cmn_info .cmn_info_box { flex-wrap: wrap; }
.cmn_info .cmn_info_btn { width: 100%; max-width: 550px; margin: 0 auto; padding-bottom: 15px; }
.cmn_info .cmn_info_des { width: 100%; padding-left: 0; text-align: center; margin: 0 auto; }
.cmn_info .cmn_info_lbl { width: 350px; margin: 0 auto; }
.cmn_info .cmn_info_phone { display: inline-block; }
.cmn_info .cmn_info_txt,
.cmn_info_toptxt { text-align: center; }
.maya_lblttl span { font-size: 4rem !important; }
}
.cmn_info_phone a { color: #fd8a17; font-weight: bold; text-decoration: none; }
.cmn_info_phone a span { background: -webkit-linear-gradient(left, #fd8a17 0%, #ffb641 100%); background-clip: border-box; -webkit-text-fill-color: transparent; -webkit-background-clip: text; }
 @media screen and (max-width: 480px) {
.maya_lblttl span { font-size: 1.6rem !important; }
}
 @media screen and (min-width: 980px) and (max-width: 1200px) {
.maya_lblttl span { font-size: 4rem !important; }
}
@media screen and (min-width: 768px) and (max-width: 880px) {
.ft_sub_wrap { padding: 0px 10px; }
.ft_logo { width: 150px; }
}
 @media screen and (max-width: 767px) {
*::-ms-backdrop, .hm_course_ttl {
position:relative;
padding: 14px 0 6px;
}
*::-ms-backdrop, .hm_course_price {
position:relative;
padding: 14px 10px 6px;
}
}
/*追加 20190325 start*/
.cmn_info_toptxt { color: #666; font-weight: bold; line-height: 1.4; padding-top: 30px; position: relative; text-align: center; }
.cmn_info_toptxt::before { background: url(../images/common/first_bef.png) no-repeat; background-size: contain; content: ''; display: block; position: absolute; top: 35px; left: 7px; }
.cmn_info_toptxt::after { background: url(../images/common/first_aft.png) no-repeat; background-size: contain; content: ''; display: block; position: absolute; top: 35px; right: 7px; }
.cmn_info_toptxt_during { color: #fd8a17; font-weight: bold; line-height: 1.1; }
.cmn_info_toptxt_note { color: #666; display: block; }
@media screen and (max-width: 767px) {
.cmn_info_toptxt { font-size: 1.8rem; margin-bottom: 10px; padding-left: 35px; padding-right: 35px; }
.cmn_info_toptxt_note { font-size: 1.4rem; }
.cmn_info_toptxt::before,
.cmn_info_toptxt::after { height: 40px; width: 26px; }
.ft_lstbtn {padding:10px 5px;}
.ft_lstbtn li {margin:0 5px; width:calc(100% - 10px);}
.ft_lstbtn li:last-child a {border:1px solid #363636;}
}
@media screen and (min-width: 768px), print {
.cmn_info_toptxt { font-size: 3.5rem; margin-bottom: 20px; padding-left: 45px; padding-right: 45px; }
.cmn_info_toptxt_note { font-size: 2.4rem; }
.cmn_info_toptxt::before,
.cmn_info_toptxt::after { height: 50px; width: 33px; }
}
/*追加 20190325 end*/


/*追加 20190702*/


@media screen and (max-width: 767px), print {

.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{
 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:none;
 margin-right:0;
 text-align:left;
}
.float-right01 {
 float:none;
 margin-left:0;
}

.box-in{
 zoom: 1;
 width: 98%;
 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: 98%;
 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: 98%;
 margin:0 auto;
 margin-top:30px;
 margin-bottom:30px;
}
.box3 ul:after {
 content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.box3 li {
 float: none;
 margin: 10px 0 10px 0;
 text-align:left;
 font-size:100%;
}
.box3 li:last-child {
 float: none;
 margin: 10px 0 10px 0;
 text-align:left;
 font-size:100%;
}
.box3 li img{
 margin-bottom:10px;
}

.box4 ul {
 zoom: 1;
 width: 98%;
 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: none;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.box4 li:last-child {
 float: none;
 margin: 10px 0 10px 0;
 text-align:center;
 font-size:90%;
 color:#fff;
}
.box4 li img{
 margin-bottom:10px;
}

.step-box{
 width:90%;
 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{
 margin-top:0;
 padding-top:0;
 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:160%;line-height:130%;font-weight:bold;}
.online-result{padding-top:20px;font-size:120%;line-height:130%;}

}