html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}a{color:#333;text-decoration:none}a:hover{opacity:0.7}a:focus{outline:none}button{cursor:pointer}button:focus{outline:none}:root{font-size:62.5%}strong{font-weight:bold}body{font-family:'游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;width:100%;overflow-x:hidden;-webkit-text-size-adjust:100%;line-height:1.8;letter-spacing:0;color:#2b2b2b;box-sizing:border-box;font-weight:600}body.open{overflow:hidden}main{overflow-x:hidden}header,footer{width:100%}h1,h2,h3,h4,h5,h6{font-weight:700}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after{content:'';content:none}q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}img{vertical-align:bottom;max-width:100%}.wide .text h2,.review h3,.include#voice h2 span,.include#voice ul li dl dd p:first-of-type strong,.include#about h2,#top_page #mainvisual h2,#top_page #about h2,#top_page #effect .container .review h3,#top_page #reason h2,#voice_page .reviews .review h3,#voice_page #voice_02 ul li dl dd p strong,#post.instructor_page #instructor_detail>.container .messege h3,#about_page .about_section #about_01 h2,#about_page .about_section #about_02 .container h2,#about_page .about_section #about_06 .review h3,#lesson_page .lesson_section #lesson_01 h2,#lesson_page .lesson_section #lesson_06 .top_text p{font-family:YuMincho,'Yu Mincho',serif}@font-face{font-family:'din-regular';src:url(//hapibas.com/wp-content/themes/hapibas/assets/font/din-regular.otf)}@font-face{font-family:'DINEngschriftStd';src:url(//hapibas.com/wp-content/themes/hapibas/assets/font/DINEngschriftStd.otf)}.wp-pagenavi>*,#top_page #reason ul li>div.text h3{font-family:'DINEngschriftStd'}#top_page #mainvisual p,#page_header p,#post.instructor_page #blog .post_list li .image::after,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#about_page .about_section #about_05 .reason .num{font-family:'din-regular'}.include#blog ul li p small,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page #popular_block ul li .post_date,#post.column_page #relation_block ul li .post_date,#archive.column_page>section>.container>.flex .left .post_list li a .image .author,#archive.column_page>section>.container>.flex .left .post_list li a .image .icons,#archive.column_page>section>.container>.flex .left .post_list li a .text .post_title,#archive.column_page #popular_block ul li .post_date,#archive.column_page #relation_block ul li .post_date{font-size:1.2rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.include#blog ul li p small,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page #popular_block ul li .post_date,#post.column_page #relation_block ul li .post_date,#archive.column_page>section>.container>.flex .left .post_list li a .image .author,#archive.column_page>section>.container>.flex .left .post_list li a .image .icons,#archive.column_page>section>.container>.flex .left .post_list li a .text .post_title,#archive.column_page #popular_block ul li .post_date,#archive.column_page #relation_block ul li .post_date{font-size:1.2rem}}@media only screen and (max-width: 767px){.include#blog ul li p small,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page #popular_block ul li .post_date,#post.column_page #relation_block ul li .post_date,#archive.column_page>section>.container>.flex .left .post_list li a .image .author,#archive.column_page>section>.container>.flex .left .post_list li a .image .icons,#archive.column_page>section>.container>.flex .left .post_list li a .text .post_title,#archive.column_page #popular_block ul li .post_date,#archive.column_page #relation_block ul li .post_date{font-size:1rem}}.breadcrumbs [property='itemListElement'],main .sub_nav,#top_page #mainvisual p,#page_header p,#post.class_page .class_info dl.instructor dd,#archive.column_page>section>.container>.flex:not(ul) .right .bunner ul li,#post.column_page>section>.container>.flex:not(ul) .right .bunner ul li{font-size:1.4rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.breadcrumbs [property='itemListElement'],main .sub_nav,#top_page #mainvisual p,#page_header p,#post.class_page .class_info dl.instructor dd,#archive.column_page>section>.container>.flex:not(ul) .right .bunner ul li,#post.column_page>section>.container>.flex:not(ul) .right .bunner ul li{font-size:1.4rem}}@media only screen and (max-width: 767px){.breadcrumbs [property='itemListElement'],main .sub_nav,#top_page #mainvisual p,#page_header p,#post.class_page .class_info dl.instructor dd,#archive.column_page>section>.container>.flex:not(ul) .right .bunner ul li,#post.column_page>section>.container>.flex:not(ul) .right .bunner ul li{font-size:1.2rem}}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_date{font-size:1.5rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_date{font-size:1.4rem}}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_date{font-size:1.4rem}}.include#channel ul li,.include#school .map .map_image ul li a,#archive.class_page .class_section #map .map .map_image ul li a,#archive.class_page .class_section #area .area_search .area_inner>h2,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture>h3,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>div,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single p,#archive.column_page>section>.container>.flex:not(ul) .right .author_detail,#post.column_page>section>.container>.flex:not(ul) .right .author_detail,#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#archive.column_page>section>.container>.flex:not(ul) .right .tag nav a,#post.column_page>section>.container>.flex:not(ul) .right .tag nav a{font-size:1.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.include#channel ul li,.include#school .map .map_image ul li a,#archive.class_page .class_section #map .map .map_image ul li a,#archive.class_page .class_section #area .area_search .area_inner>h2,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture>h3,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>div,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single p,#archive.column_page>section>.container>.flex:not(ul) .right .author_detail,#post.column_page>section>.container>.flex:not(ul) .right .author_detail,#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#archive.column_page>section>.container>.flex:not(ul) .right .tag nav a,#post.column_page>section>.container>.flex:not(ul) .right .tag nav a{font-size:1.4rem}}@media only screen and (max-width: 767px){.include#channel ul li,.include#school .map .map_image ul li a,#archive.class_page .class_section #map .map .map_image ul li a,#archive.class_page .class_section #area .area_search .area_inner>h2,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture>h3,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>div,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single p,#archive.column_page>section>.container>.flex:not(ul) .right .author_detail,#post.column_page>section>.container>.flex:not(ul) .right .author_detail,#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#archive.column_page>section>.container>.flex:not(ul) .right .tag nav a,#post.column_page>section>.container>.flex:not(ul) .right .tag nav a{font-size:1.4rem}}#post.column_page #post_section>.container>.flex .left .author p,#post.column_page #post_section>.container>.flex .left .post_content p{font-size:1.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#post.column_page #post_section>.container>.flex .left .author p,#post.column_page #post_section>.container>.flex .left .post_content p{font-size:1.4rem}}@media only screen and (max-width: 767px){#post.column_page #post_section>.container>.flex .left .author p,#post.column_page #post_section>.container>.flex .left .post_content p{font-size:1.6rem}}.wp-pagenavi>*,.edit_content h3,.include#voice ul li dl dd p:first-of-type,.include#blog ul li p,#top_page #news dl dd p,.qa_contents .qa_content dd,#contact_section .form_box .privacy,#archive.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#post.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#archive.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page #popular_block ul li .post_title,#post.column_page #relation_block ul li .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_title,#archive.column_page #popular_block ul li .post_title,#archive.column_page #relation_block ul li .post_title,#lesson_page .lesson_section #lesson_04 dl dd,#sitemap .inner ul li{font-size:1.8rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.wp-pagenavi>*,.edit_content h3,.include#voice ul li dl dd p:first-of-type,.include#blog ul li p,#top_page #news dl dd p,.qa_contents .qa_content dd,#contact_section .form_box .privacy,#archive.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#post.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#archive.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page #popular_block ul li .post_title,#post.column_page #relation_block ul li .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_title,#archive.column_page #popular_block ul li .post_title,#archive.column_page #relation_block ul li .post_title,#lesson_page .lesson_section #lesson_04 dl dd,#sitemap .inner ul li{font-size:1.6rem}}@media only screen and (max-width: 767px){.wp-pagenavi>*,.edit_content h3,.include#voice ul li dl dd p:first-of-type,.include#blog ul li p,#top_page #news dl dd p,.qa_contents .qa_content dd,#contact_section .form_box .privacy,#archive.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#post.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#archive.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page #popular_block ul li .post_title,#post.column_page #relation_block ul li .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_title,#archive.column_page #popular_block ul li .post_title,#archive.column_page #relation_block ul li .post_title,#lesson_page .lesson_section #lesson_04 dl dd,#sitemap .inner ul li{font-size:1.5rem}}body,.review>.flex dl dd,#header,#footer .footer_middle .container>.flex .left,.include#voice ul li dl dt,.include#about p,.include#school h2+p,#top_page #about p,#top_page #effect .container .review>.flex dl dd,#top_page #media ul li,#archive.class_page .class_section>.container>p,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single h4,#voice_page .voice_section>.container>p,#voice_page .reviews .review>.flex dl dd,#voice_page #voice_02 ul li dl dt,#voice_page #voice_02 ul li dl dd p,#post.instructor_page #blog .container .post_list li .post_title,#post.instructor_page #relation .container .post_list li .post_title,#post.instructor_page #blog .container .post_list li .post_date,#post.instructor_page #relation .container .post_list li .post_date,#contact_section .form_box .form dd input,#contact_section .form_box .form dd textarea,#post.column_page #post_section>.container>.flex .left .post_content .contents>*,#about_page .about_section #about_01 p,#about_page .about_section #about_06 .review>.flex dl dd,#lesson_page .lesson_section #lesson_01 p,.reserve_section #booking-form table th,.reserve_section #booking-form table td,.reserve_section #booking-form table td *,.reserve_section .lesson_time{font-size:2rem}@media only screen and (min-width: 767px) and (max-width: 1024px){body,.review>.flex dl dd,#header,#footer .footer_middle .container>.flex .left,.include#voice ul li dl dt,.include#about p,.include#school h2+p,#top_page #about p,#top_page #effect .container .review>.flex dl dd,#top_page #media ul li,#archive.class_page .class_section>.container>p,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single h4,#voice_page .voice_section>.container>p,#voice_page .reviews .review>.flex dl dd,#voice_page #voice_02 ul li dl dt,#voice_page #voice_02 ul li dl dd p,#post.instructor_page #blog .container .post_list li .post_title,#post.instructor_page #relation .container .post_list li .post_title,#post.instructor_page #blog .container .post_list li .post_date,#post.instructor_page #relation .container .post_list li .post_date,#contact_section .form_box .form dd input,#contact_section .form_box .form dd textarea,#post.column_page #post_section>.container>.flex .left .post_content .contents>*,#about_page .about_section #about_01 p,#about_page .about_section #about_06 .review>.flex dl dd,#lesson_page .lesson_section #lesson_01 p,.reserve_section #booking-form table th,.reserve_section #booking-form table td,.reserve_section #booking-form table td *,.reserve_section .lesson_time{font-size:1.7rem}}@media only screen and (max-width: 767px){body,.review>.flex dl dd,#header,#footer .footer_middle .container>.flex .left,.include#voice ul li dl dt,.include#about p,.include#school h2+p,#top_page #about p,#top_page #effect .container .review>.flex dl dd,#top_page #media ul li,#archive.class_page .class_section>.container>p,#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single h4,#voice_page .voice_section>.container>p,#voice_page .reviews .review>.flex dl dd,#voice_page #voice_02 ul li dl dt,#voice_page #voice_02 ul li dl dd p,#post.instructor_page #blog .container .post_list li .post_title,#post.instructor_page #relation .container .post_list li .post_title,#post.instructor_page #blog .container .post_list li .post_date,#post.instructor_page #relation .container .post_list li .post_date,#contact_section .form_box .form dd input,#contact_section .form_box .form dd textarea,#post.column_page #post_section>.container>.flex .left .post_content .contents>*,#about_page .about_section #about_01 p,#about_page .about_section #about_06 .review>.flex dl dd,#lesson_page .lesson_section #lesson_01 p,.reserve_section #booking-form table th,.reserve_section #booking-form table td,.reserve_section #booking-form table td *,.reserve_section .lesson_time{font-size:1.4rem}}.wide .text p,.review>.flex dl dt,.edit_content h2,#top_page #effect .container .review>.flex dl dt,#voice_page .voice_nav a,#voice_page .reviews .review>.flex dl dt,#post.instructor_page #blog .post_list li .image::after,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#about_page .about_section #about_06 .review>.flex dl dt,.reserve_section .day-calendar table td,.reserve_section .day-calendar table th{font-size:2.2rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.wide .text p,.review>.flex dl dt,.edit_content h2,#top_page #effect .container .review>.flex dl dt,#voice_page .voice_nav a,#voice_page .reviews .review>.flex dl dt,#post.instructor_page #blog .post_list li .image::after,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#about_page .about_section #about_06 .review>.flex dl dt,.reserve_section .day-calendar table td,.reserve_section .day-calendar table th{font-size:1.8rem}}@media only screen and (max-width: 767px){.wide .text p,.review>.flex dl dt,.edit_content h2,#top_page #effect .container .review>.flex dl dt,#voice_page .voice_nav a,#voice_page .reviews .review>.flex dl dt,#post.instructor_page #blog .post_list li .image::after,#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#about_page .about_section #about_06 .review>.flex dl dt,.reserve_section .day-calendar table td,.reserve_section .day-calendar table th{font-size:1.6rem}}#archive.column_page>section>.container>.flex:not(ul) .right .popular h3,#post.column_page>section>.container>.flex:not(ul) .right .popular h3{font-size:2.3rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#archive.column_page>section>.container>.flex:not(ul) .right .popular h3,#post.column_page>section>.container>.flex:not(ul) .right .popular h3{font-size:2.1rem}}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular h3,#post.column_page>section>.container>.flex:not(ul) .right .popular h3{font-size:1.8rem}}.include .more,.include#lesson ul li p:not(.step),#top_page section .more,#post.class_page .class_sub,#archive.instructor_page #instructor_section .container .class_list .class_single a h4,#about_page .about_section #about_06 .more,#lesson_page .lesson_section #lesson_02 .container .more,#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(2),#lesson_page .lesson_section #lesson_04 .top_text p,#lesson_page .lesson_section #lesson_05 .container .more,#lesson_page .lesson_section #lesson_06 ul li h4,.reserve_section button[onclick='history.back()'],.reserve_section .monthly-calendar table td,.reserve_section .monthly-calendar table th,#sitemap .inner h3{font-size:2.4rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.include .more,.include#lesson ul li p:not(.step),#top_page section .more,#post.class_page .class_sub,#archive.instructor_page #instructor_section .container .class_list .class_single a h4,#about_page .about_section #about_06 .more,#lesson_page .lesson_section #lesson_02 .container .more,#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(2),#lesson_page .lesson_section #lesson_04 .top_text p,#lesson_page .lesson_section #lesson_05 .container .more,#lesson_page .lesson_section #lesson_06 ul li h4,.reserve_section button[onclick='history.back()'],.reserve_section .monthly-calendar table td,.reserve_section .monthly-calendar table th,#sitemap .inner h3{font-size:1.8rem}}@media only screen and (max-width: 767px){.include .more,.include#lesson ul li p:not(.step),#top_page section .more,#post.class_page .class_sub,#archive.instructor_page #instructor_section .container .class_list .class_single a h4,#about_page .about_section #about_06 .more,#lesson_page .lesson_section #lesson_02 .container .more,#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(2),#lesson_page .lesson_section #lesson_04 .top_text p,#lesson_page .lesson_section #lesson_05 .container .more,#lesson_page .lesson_section #lesson_06 ul li h4,.reserve_section button[onclick='history.back()'],.reserve_section .monthly-calendar table td,.reserve_section .monthly-calendar table th,#sitemap .inner h3{font-size:1.6rem}}#archive.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3,#post.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3{font-size:2.5rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#archive.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3,#post.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3{font-size:2.2rem}}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3,#post.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3{font-size:1.8rem}}.tel,.sec_title,#archive.class_page .class_section #area .area_search>h2,#contact_section .form_box input[type='submit'],#post.column_page #post_section>.container>.flex .left .post_title,#archive.column_page>section>.container>.flex .left>h3,#lesson_page .lesson_section #lesson_04 dl dt{font-size:2.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.tel,.sec_title,#archive.class_page .class_section #area .area_search>h2,#contact_section .form_box input[type='submit'],#post.column_page #post_section>.container>.flex .left .post_title,#archive.column_page>section>.container>.flex .left>h3,#lesson_page .lesson_section #lesson_04 dl dt{font-size:2.4rem}}@media only screen and (max-width: 767px){.tel,.sec_title,#archive.class_page .class_section #area .area_search>h2,#contact_section .form_box input[type='submit'],#post.column_page #post_section>.container>.flex .left .post_title,#archive.column_page>section>.container>.flex .left>h3,#lesson_page .lesson_section #lesson_04 dl dt{font-size:2.2rem}}.edit_content h1,.edit_content h4,#about_page .about_section #about_05 .reason .text h3,#lesson_page .lesson_section #lesson_07 .point_list p,.reserve_section .day_caption{font-size:2.8rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.edit_content h1,.edit_content h4,#about_page .about_section #about_05 .reason .text h3,#lesson_page .lesson_section #lesson_07 .point_list p,.reserve_section .day_caption{font-size:2.6rem}}@media only screen and (max-width: 767px){.edit_content h1,.edit_content h4,#about_page .about_section #about_05 .reason .text h3,#lesson_page .lesson_section #lesson_07 .point_list p,.reserve_section .day_caption{font-size:2.4rem}}.include#group h2,#top_page #about p strong,#top_page #reason ul li>div.text p,#lesson_page .lesson_section #lesson_01 p strong,#lesson_page .lesson_section #lesson_03 .text_02 .flex ul li,.reserve_section .select_title{font-size:3rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.include#group h2,#top_page #about p strong,#top_page #reason ul li>div.text p,#lesson_page .lesson_section #lesson_01 p strong,#lesson_page .lesson_section #lesson_03 .text_02 .flex ul li,.reserve_section .select_title{font-size:2.6rem}}@media only screen and (max-width: 767px){.include#group h2,#top_page #about p strong,#top_page #reason ul li>div.text p,#lesson_page .lesson_section #lesson_01 p strong,#lesson_page .lesson_section #lesson_03 .text_02 .flex ul li,.reserve_section .select_title{font-size:1.8rem}}.include#blog h2,.include#channel h2,.qa_contents .qa_content dt::before,.tab,#lesson_page .lesson_section #lesson_06 .top_text p{font-size:3.2rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.include#blog h2,.include#channel h2,.qa_contents .qa_content dt::before,.tab,#lesson_page .lesson_section #lesson_06 .top_text p{font-size:2.6rem}}@media only screen and (max-width: 767px){.include#blog h2,.include#channel h2,.qa_contents .qa_content dt::before,.tab,#lesson_page .lesson_section #lesson_06 .top_text p{font-size:2.4rem}}#page_header h2,#post.instructor_page #instructor_detail>.container dl dt,#post.instructor_page #blog .container h2,#post.instructor_page #relation .container h2,#archive.column_page>section>.container>.flex:not(ul) .left>h2,#post.column_page>section>.container>.flex:not(ul) .left>h2{font-size:3.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#page_header h2,#post.instructor_page #instructor_detail>.container dl dt,#post.instructor_page #blog .container h2,#post.instructor_page #relation .container h2,#archive.column_page>section>.container>.flex:not(ul) .left>h2,#post.column_page>section>.container>.flex:not(ul) .left>h2{font-size:2.6rem}}@media only screen and (max-width: 767px){#page_header h2,#post.instructor_page #instructor_detail>.container dl dt,#post.instructor_page #blog .container h2,#post.instructor_page #relation .container h2,#archive.column_page>section>.container>.flex:not(ul) .left>h2,#post.column_page>section>.container>.flex:not(ul) .left>h2{font-size:2.4rem}}.review h3,#top_page #effect .container h2 span,#top_page #effect .container .review h3,#post.class_page .google_map,#voice_page .voice_section section>.container>h2 span,#voice_page .reviews .review h3,#post.instructor_page #instructor_detail>.container .messege h3,#post.column_page #popular_block h2,#post.column_page #relation_block h2,#archive.column_page #popular_block h2,#archive.column_page #relation_block h2,#about_page .about_section #about_04 h2,#about_page .about_section #about_06 h2 span,#about_page .about_section #about_06 .review h3,#lesson_page .lesson_section #lesson_02 .container h2 span,.reserve_section .select_title+h4{font-size:3.8rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.review h3,#top_page #effect .container h2 span,#top_page #effect .container .review h3,#post.class_page .google_map,#voice_page .voice_section section>.container>h2 span,#voice_page .reviews .review h3,#post.instructor_page #instructor_detail>.container .messege h3,#post.column_page #popular_block h2,#post.column_page #relation_block h2,#archive.column_page #popular_block h2,#archive.column_page #relation_block h2,#about_page .about_section #about_04 h2,#about_page .about_section #about_06 h2 span,#about_page .about_section #about_06 .review h3,#lesson_page .lesson_section #lesson_02 .container h2 span,.reserve_section .select_title+h4{font-size:2.6rem}}@media only screen and (max-width: 767px){.review h3,#top_page #effect .container h2 span,#top_page #effect .container .review h3,#post.class_page .google_map,#voice_page .voice_section section>.container>h2 span,#voice_page .reviews .review h3,#post.instructor_page #instructor_detail>.container .messege h3,#post.column_page #popular_block h2,#post.column_page #relation_block h2,#archive.column_page #popular_block h2,#archive.column_page #relation_block h2,#about_page .about_section #about_04 h2,#about_page .about_section #about_06 h2 span,#about_page .about_section #about_06 .review h3,#lesson_page .lesson_section #lesson_02 .container h2 span,.reserve_section .select_title+h4{font-size:2.4rem}}.wide .text h2,.page_title,.title span,.include#voice h2 span,.include#lesson h2+p,.include#about h2,.include#school h2,#top_page #about h2,#top_page #reason h2,#top_page #media h2,#top_page #news h2,#archive.class_page .class_section>.container>h2,#post.class_page .post_section>.container>h2,#voice_page .voice_section>.container>h2,#archive.instructor_page #instructor_section .container .area_category,#post.instructor_page #instructor_detail>.container .area_category,#about_page .about_section #about_01 h2,#about_page .about_section #about_02 .container h2,#about_page .about_section #about_03 ol li,#about_page .about_section #about_05 h2,#lesson_page .lesson_section #lesson_01 h2,#lesson_page .lesson_section #lesson_03 .top_text h2,#lesson_page .lesson_section #lesson_03 .text_02>p,#lesson_page .lesson_section #lesson_03 .text_03>p,#lesson_page .lesson_section #lesson_04 .top_text h2,#lesson_page .lesson_section #lesson_05 ol li,.reserve_section .booking_title{font-size:4rem}@media only screen and (min-width: 767px) and (max-width: 1024px){.wide .text h2,.page_title,.title span,.include#voice h2 span,.include#lesson h2+p,.include#about h2,.include#school h2,#top_page #about h2,#top_page #reason h2,#top_page #media h2,#top_page #news h2,#archive.class_page .class_section>.container>h2,#post.class_page .post_section>.container>h2,#voice_page .voice_section>.container>h2,#archive.instructor_page #instructor_section .container .area_category,#post.instructor_page #instructor_detail>.container .area_category,#about_page .about_section #about_01 h2,#about_page .about_section #about_02 .container h2,#about_page .about_section #about_03 ol li,#about_page .about_section #about_05 h2,#lesson_page .lesson_section #lesson_01 h2,#lesson_page .lesson_section #lesson_03 .top_text h2,#lesson_page .lesson_section #lesson_03 .text_02>p,#lesson_page .lesson_section #lesson_03 .text_03>p,#lesson_page .lesson_section #lesson_04 .top_text h2,#lesson_page .lesson_section #lesson_05 ol li,.reserve_section .booking_title{font-size:3.6rem}}@media only screen and (max-width: 767px){.wide .text h2,.page_title,.title span,.include#voice h2 span,.include#lesson h2+p,.include#about h2,.include#school h2,#top_page #about h2,#top_page #reason h2,#top_page #media h2,#top_page #news h2,#archive.class_page .class_section>.container>h2,#post.class_page .post_section>.container>h2,#voice_page .voice_section>.container>h2,#archive.instructor_page #instructor_section .container .area_category,#post.instructor_page #instructor_detail>.container .area_category,#about_page .about_section #about_01 h2,#about_page .about_section #about_02 .container h2,#about_page .about_section #about_03 ol li,#about_page .about_section #about_05 h2,#lesson_page .lesson_section #lesson_01 h2,#lesson_page .lesson_section #lesson_03 .top_text h2,#lesson_page .lesson_section #lesson_03 .text_02>p,#lesson_page .lesson_section #lesson_03 .text_03>p,#lesson_page .lesson_section #lesson_04 .top_text h2,#lesson_page .lesson_section #lesson_05 ol li,.reserve_section .booking_title{font-size:2.5rem}}#lesson_page .lesson_section #lesson_03 .text_01 p{font-size:4.5rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#lesson_page .lesson_section #lesson_03 .text_01 p{font-size:3.4rem}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 p{font-size:2.8rem}}#top_page #mainvisual h2{font-size:4.6rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#top_page #mainvisual h2{font-size:3.6rem}}@media only screen and (max-width: 767px){#top_page #mainvisual h2{font-size:2.8rem}}#lesson_page .lesson_section #lesson_03 .text_01 ul li{font-size:5rem}@media only screen and (min-width: 767px) and (max-width: 1024px){#lesson_page .lesson_section #lesson_03 .text_01 ul li{font-size:4rem}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 ul li{font-size:3rem}}.container{max-width:1120px;margin-left:auto;margin-right:auto;padding:0 20px}@media only screen and (max-width: 767px){.container{padding:0 4vw;box-sizing:border-box}}.pc{display:block}@media only screen and (max-width: 767px){.pc{display:none}}.sp{display:none}@media only screen and (max-width: 767px){.sp{display:block}}.flex{display:flex;flex-wrap:wrap}.flex.between{justify-content:space-between}.flex.al_center{align-items:center}@media only screen and (max-width: 767px){.flex.break{flex-direction:column}}@media only screen and (max-width: 767px){.flex.break_r{flex-direction:column-reverse}}.tel{line-height:1.5;text-align:center;display:flex;align-items:center;flex-direction:column}.tel *{display:inline-block;white-space:nowrap}.tel strong{padding:6px 0 6px 22px;font-weight:bold;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_tel.svg) no-repeat left center;background-size:17px;font-size:78%}@media print, screen and (min-width: 767px){.tel strong{padding-left:36px;background-size:30px;font-size:90%;margin-right:50px}}.tel a{font-size:127%;width:100%}.tel small{font-size:60%}.wide{display:flex;align-items:flex-start;flex-direction:column;padding:0 4vw}@media print, screen and (min-width: 767px){.wide{padding:0 20px 0 0;flex-direction:row}}.wide .text{width:100%;position:relative;z-index:1;box-sizing:border-box;margin-top:40px}@media print, screen and (min-width: 767px){.wide .text{max-width:560px;margin-top:20px;padding-left:118px}}.wide .text h2{color:#ff7800}@media print, screen and (min-width: 767px){.wide .text h2{text-align:right}}.wide .text p{margin-top:10px;line-height:2;font-weight:500}@media print, screen and (min-width: 767px){.wide .text p{margin-top:36px}}.wide .image{width:100%;margin:auto;position:relative;text-align:right}@media print, screen and (min-width: 767px){.wide .image{width:50%;margin:0}}.wide .image::after{content:'';position:absolute;left:-30px;top:20px;background:#f09600;width:70%;height:100%}@media print, screen and (min-width: 767px){.wide .image::after{top:100px;right:-30px;left:auto;height:90%}}.wide .image img{position:relative;z-index:1;max-height:580px;object-fit:cover;object-position:bottom}.wide.right{flex-direction:column-reverse}@media print, screen and (min-width: 767px){.wide.right{justify-content:flex-end;flex-direction:row;padding:0 0 0 20px}}@media print, screen and (min-width: 767px){.wide.right .text{padding-right:118px;padding-left:0}}@media print, screen and (min-width: 767px){.wide.right h2{text-align:left}}.wide.right .image{text-align:left}@media print, screen and (min-width: 767px){.wide.right .image::after{right:auto;left:-30px}}.breadcrumbs{background:#fff;margin-top:3px}.breadcrumbs .container{display:flex;align-items:center;flex-wrap:wrap}.breadcrumbs [property='itemListElement']{padding-right:10px}.breadcrumbs [property='itemListElement']>a{text-decoration:underline}.breadcrumbs [property='itemListElement']:not(:first-of-type){padding-left:10px;position:relative}.breadcrumbs [property='itemListElement']:not(:first-of-type)::after{content:'';position:absolute;left:0;top:0;bottom:0;margin:auto;width:1px;height:55%;background:#ddd}.wp-pagenavi{display:flex;align-items:center;justify-content:center;margin-top:40px}@media print, screen and (min-width: 767px){.wp-pagenavi{margin-top:90px}}.wp-pagenavi .pages{display:none}.wp-pagenavi>*{margin:0 10px;text-align:center;line-height:1.3;display:flex;align-items:center;justify-content:center;box-sizing:border-box;border:none}.wp-pagenavi>*.first,.wp-pagenavi>*.last{font-family:'游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif}.wp-pagenavi>*.current{padding:0;border-bottom:1px solid #000}.wp-pagenavi>*.previouspostslink{width:10px;height:9px;margin-top:-5px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/pager_prev.svg) no-repeat center;background-size:6px;color:transparent}.wp-pagenavi>*.nextpostslink{width:10px;height:9px;margin-top:-5px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/pager_next.svg) no-repeat center;background-size:6px;color:transparent}.more{display:block;background:#fff;text-align:center;position:relative;border:2px solid #f09600;border-radius:60px;padding:6px 10px;box-shadow:0 2px 3px rgba(0,0,0,0.3);margin:auto;font-weight:700;box-sizing:border-box}.more::after{content:'';width:10px;height:10px;transform:rotate(45deg);border-top:3px solid #f09600;border-right:3px solid #f09600;position:absolute;right:30px;top:0;bottom:0;margin:auto}.more span{color:#f09600}.more.orange{background:#f09600;border:2px solid #fff}.more.orange:after{border-top:2px solid #f09600;border-right:2px solid #f09600}.more.orange span{color:#fff}.page_title{text-align:center}.page_title::after{content:'';display:block;width:100px;height:6px;margin:7px auto 0;background:#f09600}@media print, screen and (min-width: 767px){.page_title::after{width:130px;height:10px;margin:11px auto 0}}.page_title+p{margin-top:20px;text-align:center}@media print, screen and (min-width: 767px){.page_title+p{margin-top:43px}}.review{border:1px solid #f09600;background:#fff;margin-top:8px;padding:16px;box-sizing:border-box;position:relative}@media print, screen and (min-width: 767px){.review{padding:22px 45px 62px}}.review:after,.review:before{content:'';position:absolute;width:0;height:0}.review:before{top:0;left:0;border-top:10px solid #f09600;border-left:10px solid #f09600;border-right:10px solid transparent;border-bottom:10px solid transparent}@media print, screen and (min-width: 767px){.review:before{border-width:30px}}.review:after{bottom:0;right:0;border-bottom:10px solid #f09600;border-right:10px solid #f09600;border-top:10px solid transparent;border-left:10px solid transparent}@media print, screen and (min-width: 767px){.review:after{border-width:30px}}.review h3{letter-spacing:-0.06em;color:#ff7800}.review>.flex{margin-top:23px}@media print, screen and (min-width: 767px){.review>.flex dl{width:280px}}.review>.flex dl dt{border-bottom:2px dotted #f7ba55}.review>.flex dl dd{margin-top:20px;font-weight:500}@media only screen and (max-width: 767px){.review>.flex dl dd{font-size:1.6rem;line-height:2}}.review>.flex .images{margin-top:40px}@media print, screen and (min-width: 767px){.review>.flex .images{width:calc(100% - 280px - 42px);margin-top:0}}.review>.flex .images li{width:45%;position:relative}.review>.flex .images li::after{position:absolute;top:-25px;left:0;display:inline-block;color:#fff;width:100px;text-align:center}@media only screen and (min-width: 1024px){.review>.flex .images li::after{top:0}}.review>.flex .images li:first-of-type:after{content:'Before';background:#85aeaa}.review>.flex .images li:first-of-type::before{content:'';position:absolute;transform:rotate(0deg);top:45%;right:-25px;margin:auto;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #f09600}@media only screen and (min-width: 1024px){.review>.flex .images li:first-of-type::before{right:-40px}}.review>.flex .images li:last-of-type{margin-top:0}.review>.flex .images li:last-of-type:after{content:'After';background:#f09600}.title{text-align:center}.title span{display:inline-block;position:relative;background:#f9f5eb;padding:0 20px}.title span::after,.title span::before{content:'';position:absolute;width:32px;height:32px}.title span::after{top:-7px;left:-7px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/title_bg_01.svg) no-repeat center;background-size:cover}.title span::before{bottom:-7px;right:-7px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/title_bg_02.svg) no-repeat center;background-size:cover}@media print, screen and (min-width: 767px){.tel_btn{pointer-events:none}}.fade,.fade .fade_child{opacity:0}.fade.fade_in,.fade .fade_in.fade_child{-webkit-transform:translate(0, 0);transform:translate(0, 0);-webkit-transition:all 1000ms;transition:all 1000ms}.fade.fade_in.visible,.fade .fade_in.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_top,.fade .slide_top.fade_child{-webkit-transform:translate(0, -80px);transform:translate(0, -80px);-webkit-transition:all 1000ms;transition:all 1000ms}.fade.slide_top.visible,.fade .slide_top.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_bottom,.fade .slide_bottom.fade_child{-webkit-transform:translate(0, 80px);transform:translate(0, 80px);-webkit-transition:all 1000ms;transition:all 1000ms}.fade.slide_bottom.visible,.fade .slide_bottom.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_right,.fade .slide_right.fade_child{-webkit-transform:translate(80px, 0);transform:translate(80px, 0);-webkit-transition:all 1000ms;transition:all 1000ms}.fade.slide_right.visible,.fade .slide_right.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}.fade.slide_left,.fade .slide_left.fade_child{-webkit-transform:translate(-80px, 0);transform:translate(-80px, 0);-webkit-transition:all 1000ms;transition:all 1000ms}.fade.slide_left.visible,.fade .slide_left.visible.fade_child{opacity:1;-webkit-transform:translate(0, 0);transform:translate(0, 0)}@keyframes anim{0%{transform:scale(110%)}100%{transform:scale(100%)}}.header_bg{position:relative}@media print, screen and (min-width: 767px){.header_bg{height:160px}.header_bg::before{padding-bottom:110px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/flower.gif) center bottom repeat-x transparent;background-size:auto;background-size:auto 185px;width:100%;content:'';display:block;z-index:10;position:relative;top:0}}.header_bg::after{background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/header_bg3.png) repeat-x center bottom transparent;background-size:contain;z-index:9;position:absolute;width:100%;height:100px;top:0;content:'';display:block;filter:drop-shadow(2px 10px 4px rgba(0,0,0,0.15))}@media screen and (max-width: 374px){.header_bg::after{background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/header_bg3.png) repeat-x center bottom 5px/100%}}@media print, screen and (min-width: 767px){.header_bg::after{top:120px;background-size:auto;background-size:954px}}#header{width:100%;transition:0.3s;padding:24px 0 0px;background:#fff url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/bg_flower_02.png) repeat-x left top;background-size:auto 30px;z-index:9999;top:0;margin:0;position:relative}@media print, screen and (min-width: 767px){#header{top:-120px;position:absolute;width:100%;margin:155px auto 0;padding:30px 0 0;line-height:1;background:none}}#header.view{margin-top:0;top:0;position:fixed;padding-top:0;height:121px;transition:top 0.65s ease-in;-webkit-transition:top 0.65s ease-in;-moz-transition:top 0.65s ease-in;z-index:9999}@media only screen and (max-width: 767px){#header.view{height:50px}#header.view .container{top:20px}}#header.view::before{content:'';background-image:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/header_bg4.png);background-position:center;opacity:0.8;top:0;left:0;bottom:0;right:0;height:180px;position:absolute;z-index:-1;background-size:954px 180px;width:100%;filter:drop-shadow(2px 10px 4px rgba(0,0,0,0.15))}@media only screen and (max-width: 767px){#header.view::before{top:40px;background-size:100%;background-position:center bottom;background-repeat:no-repeat;height:50px}}#header .container{max-width:1178px;overflow:hidden;position:relative;z-index:101}#header .container .header_top .logo{width:180px}@media print, screen and (min-width: 767px){#header .container .header_top .logo{width:282px}}#header .container .header_top .logo img{width:100%}#header .container .header_top .sub_nav{width:50px}@media print, screen and (min-width: 767px){#header .container .header_top .sub_nav{width:100%;max-width:394px}}#header .container .header_top .sub_nav li{font-weight:600}#header .container .header_top .sub_nav li .contact.current span{color:#f09600}#header .container .header_top .sub_nav li .contact span{display:inline-block;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_mail.svg) no-repeat center left 9px;background-size:25px;padding-left:35px}@media only screen and (max-width: 767px){#header .container .header_top .sub_nav li .contact{display:none}}#header .container .header_top .sub_nav li .reserve{display:block;background:#f09600;width:186px;padding:16px 0;border-radius:40px;box-shadow:3px 3px 3px #969696;text-align:center;letter-spacing:4px;color:#fff}@media only screen and (max-width: 767px){#header .container .header_top .sub_nav li .reserve{display:none}}#header .container .header_top .sub_nav li:nth-of-type(3){z-index:101}@media print, screen and (min-width: 767px){#header .container .header_top .sub_nav li:nth-of-type(3){display:none}}#header .container .header_bottom{display:none}@media print, screen and (min-width: 767px){#header .container .header_bottom{display:block;margin-top:10px}}#header .container .header_bottom #gnavi{display:none}@media print, screen and (min-width: 767px){#header .container .header_bottom #gnavi{margin-right:28px;display:flex}}@media only screen and (min-width: 1024px){#header .container .header_bottom #gnavi li:not(:last-of-type){margin-right:20px}}@media only screen and (min-width: 1580px){#header .container .header_bottom #gnavi li:not(:last-of-type){margin-right:30px}}#header .container .header_bottom #gnavi li a{color:#111;font-weight:600}#header .container .header_bottom #gnavi li a.current{color:#f09600}#header .container .header_bottom #gnavi li a span{display:inline-block;padding:6px 0;box-sizing:border-box;position:relative}#sp_menu{opacity:0;pointer-events:none;width:100%;height:100vh;background:#f09600;position:fixed;top:0;left:0;z-index:9998;display:flex;align-items:center;justify-content:center}#sp_menu.open{opacity:1;pointer-events:all}#sp_menu ul{width:90%}#sp_menu ul li{border-top:1px solid #fff}#sp_menu ul li:last-of-type{border-bottom:1px solid #fff}#sp_menu ul li a{display:block;text-align:center;padding:8px 0;font-size:1.8rem;color:#fff}#footer{position:relative}@media print, screen and (min-width: 767px){#footer{padding-top:70px}}@media print, screen and (min-width: 767px){#footer::after{content:'';position:absolute;top:0;left:0;width:100%;height:70px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/bg_flower_01.png) repeat-x left bottom -1px;background-size:auto 70px}}#footer .sns{max-width:207px;justify-content:space-between}@media print, screen and (min-width: 767px){#footer .sns{gap:0 30px}}@media only screen and (max-width: 767px){#footer .sns{align-items:center;justify-content:center;margin:0 auto 20px}}#footer .sns li{width:15%;margin:0 6%}@media print, screen and (min-width: 767px){#footer .sns li{width:20%;margin:0;overflow:hidden;min-width:42px}}@media only screen and (max-width: 767px){#footer .sns li:nth-of-type(2){width:18%}}#footer .sns li a{width:100%;display:block;box-sizing:border-box;text-align:center}#footer .sns li a img{width:42px}@media only screen and (max-width: 767px){#footer .sns li a img{width:auto;height:100%}}#footer .footer_middle{background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/bg_flower_01.png) repeat-x left bottom;background-size:auto 40px;padding-bottom:25px;font-weight:600}@media print, screen and (min-width: 767px){#footer .footer_middle{background:#f3d48b;padding:40px 0}}#footer .footer_middle .container{padding:0}@media print, screen and (min-width: 767px){#footer .footer_middle .container{padding:0 20px}}#footer .footer_middle .container>.flex{flex-direction:column-reverse}@media print, screen and (min-width: 767px){#footer .footer_middle .container>.flex{flex-direction:row}}#footer .footer_middle .container>.flex .left{width:100%;padding:20px 0}@media print, screen and (min-width: 767px){#footer .footer_middle .container>.flex .left{display:flex;flex-direction:column;width:64%;max-width:724px;padding:0}#footer .footer_middle .container>.flex .left .footer_nav{margin-top:auto}}@media only screen and (max-width: 767px){#footer .footer_middle .container>.flex .left .footer_nav{padding:0 12vw;justify-content:center}#footer .footer_middle .container>.flex .left .footer_nav li{line-height:1;margin:5px 0}#footer .footer_middle .container>.flex .left .footer_nav li:not(:first-of-type)::before{content:'';display:inline-block;width:1px;height:100%;background:#000;margin:0 10px}}#footer .footer_middle .container>.flex .right{width:100%;background:#f3d48b;padding:40px 0}@media print, screen and (min-width: 767px){#footer .footer_middle .container>.flex .right{width:36%;max-width:318px;padding:0}}#footer .footer_bottom{background:#f09600;padding:12px 0}#footer .footer_bottom .copy{text-align:center;color:#fff;padding:10px 0;letter-spacing:1.8px;font-weight:400}#pagetop{opacity:0;width:60px;position:fixed;right:10px;bottom:70px;z-index:99;pointer-events:none;transition:0.3s}@media print, screen and (min-width: 767px){#pagetop{width:60px;bottom:18%;right:20px}}#pagetop.fixed{opacity:1;pointer-events:all}#fix_bn{position:fixed;bottom:5%;z-index:99;right:0}#fix_bn img{width:310px}.fix_spnav{position:fixed;bottom:0;left:0;z-index:9997;width:100%}@media only screen and (max-width: 767px){.sp_bold{font-weight:700 !important}}#navToggle{position:relative;cursor:pointer;width:50px;height:50px}@media only screen and (min-width: 1024px){#navToggle{display:none}}#navToggle span{display:block;position:absolute;left:0;right:0;width:50%;height:2px;margin:auto;border-radius:10px;-webkit-transition:0.25s ease-in-out;transition:0.25s ease-in-out;background:#F09600}#navToggle span:nth-of-type(1){top:26%}@media print, screen and (min-width: 767px){#navToggle span:nth-of-type(1){top:26%}}#navToggle span:nth-of-type(2){top:42%}@media print, screen and (min-width: 767px){#navToggle span:nth-of-type(2){top:42%}}#navToggle span:nth-of-type(3){top:58%}@media print, screen and (min-width: 767px){#navToggle span:nth-of-type(3){top:58%}}#navToggle.active{background:transparent}#navToggle.active span{top:50%}#navToggle.active span:nth-of-type(1){-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}#navToggle.active span:nth-of-type(2){-webkit-transform:rotate(45deg);transform:rotate(45deg)}#navToggle.active span:nth-of-type(3){opacity:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.edit_content p{display:block;margin:1em 0}.edit_content strong{font-weight:bold}.edit_content em{font-style:italic}.edit_content blockquote{display:block;-webkit-margin-before:1em;-webkit-margin-after:1em;-webkit-margin-start:40px;-webkit-margin-end:40px}.edit_content a{color:#348f3e;text-decoration:underline}.edit_content .aligncenter{display:block;margin:0 auto}.edit_content .alignright{float:right}.edit_content .alignleft{float:left}.edit_content img[class*="wp-image-"],.edit_content img[class*="attachment-"]{height:auto;max-width:100%}.edit_content .clearfix{overflow:hidden;zoom:1}.edit_content .clearfix:after{content:"";display:block;clear:both}@media print, screen and (min-width: 767px){.edit_content{padding:0}}.edit_content img{display:block;margin-left:auto;margin-right:auto}@media only screen and (max-width: 767px){.edit_content h1{font-size:2.0rem}}.edit_content p+p{margin-top:1.5em}@media print, screen and (min-width: 767px){.edit_content p+p{margin-top:2em}}.edit_content h1,.edit_content h2,.edit_content h3,.edit_content h4{margin-top:18px}@media print, screen and (min-width: 767px){.edit_content h1,.edit_content h2,.edit_content h3,.edit_content h4{margin-top:26px}}.edit_content h1+p,.edit_content h2+p,.edit_content h3+p,.edit_content h4+p{margin-top:0}.include .more{max-width:90%;padding:20px 0}@media print, screen and (min-width: 767px){.include .more{max-width:490px}}.include#voice{background:#f9f5eb;padding:40px 0}@media print, screen and (min-width: 767px){.include#voice{padding:80px 0 96px}}.include#voice .container{max-width:968px}.include#voice h2{position:relative;text-align:center}.include#voice h2::after{content:'';position:absolute;top:0;left:0;bottom:0;margin:auto;width:100%;height:1px;border-bottom:2px dotted #f09600}.include#voice h2 span{position:relative;z-index:1;color:#f09600;display:inline-block;padding:0 40px;background:#f9f5eb}.include#voice ul{margin-top:28px}.include#voice ul li{width:100%;border:1px solid #f09600;border-radius:10px;background:#fff;padding:24px 20px;box-sizing:border-box}@media print, screen and (min-width: 767px){.include#voice ul li{width:32%;max-width:310px;display:flex;flex-direction:column}}@media only screen and (max-width: 767px){.include#voice ul li:not(:first-of-type){margin-top:20px}}@media print, screen and (min-width: 767px){.include#voice ul li dl{flex-grow:1;position:relative;padding-bottom:50px}}.include#voice ul li dl dt{border-bottom:3px dotted #f09600}.include#voice ul li dl dd{margin-top:15px;font-weight:500}@media only screen and (max-width: 767px){.include#voice ul li dl dd p:first-of-type{font-size:1.6rem;line-height:2}}.include#voice ul li dl dd p:first-of-type strong{display:block;color:#ff7800;font-size:140%;line-height:1.3}@media print, screen and (min-width: 767px){.include#voice ul li dl dd p:first-of-type strong{font-size:165%}}.include#voice ul li dl dd p:last-of-type{display:inline-block;border:1px solid #000;border-radius:20px;margin-top:10px;padding:0 15px}@media print, screen and (min-width: 767px){.include#voice ul li dl dd p:last-of-type{position:absolute;bottom:0}}.include#voice .more{margin-top:40px}@media print, screen and (min-width: 767px){.include#voice .more{max-width:400px;margin-top:88px}}.include#lesson{background:#f09600;padding:30px 0}@media print, screen and (min-width: 767px){.include#lesson{padding:70px 0}}.include#lesson h2{font-size:2.6rem;text-align:center}@media print, screen and (min-width: 767px){.include#lesson h2{font-size:6rem}}.include#lesson h2 strong{display:inline-block;padding-bottom:30px;font-size:60%;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/lesson/titile_bg.svg) no-repeat bottom center;background-size:auto}.include#lesson h2 span{display:block}.include#lesson h2+p{text-align:center}.include#lesson ul{max-width:900px;margin:26px auto 0;justify-content:space-between}.include#lesson ul hr{position:relative;overflow:unset;border:none}.include#lesson ul hr::after{content:'';position:absolute;top:27px;right:0;left:-5px;margin:auto;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #fff}@media print, screen and (min-width: 767px){.include#lesson ul hr::after{top:30px;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:18px solid #fff}}.include#lesson ul li{width:23%}@media print, screen and (min-width: 767px){.include#lesson ul li{width:21%;max-width:155px;margin:0 2%}}.include#lesson ul li:last-of-type .step::after{content:none}.include#lesson ul li .step{font-size:3rem;position:relative;border:6px solid #fff;border-radius:50px;color:#fff;text-align:center;display:flex;align-items:center;justify-content:center;width:60px;height:60px;margin:auto}@media print, screen and (min-width: 767px){.include#lesson ul li .step{font-size:5rem;width:80px;height:80px}}.include#lesson ul li p:not(.step){margin-top:20px;line-height:1.5;font-weight:500}@media only screen and (max-width: 767px){.include#lesson ul li p:not(.step){font-size:1.3rem}}.include#lesson ul li p:not(.step) strong{display:block;text-align:center;font-size:125%;padding-bottom:5px;color:#fff}.include#lesson .more{margin-top:40px}@media print, screen and (min-width: 767px){.include#lesson .more{margin-top:50px;max-width:470px}}.include#lesson .more span{color:#000}.include#blog{padding:40px 0}@media print, screen and (min-width: 767px){.include#blog{padding:77px 0 108px}}.include#blog h2{text-align:center;line-height:1.6}@media only screen and (max-width: 767px){.include#blog h2{font-size:2.2rem}}.include#blog h2 span{display:inline-block;padding-left:54px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_blog.svg) no-repeat left center;background-size:42px}@media print, screen and (min-width: 767px){.include#blog h2 span{padding-left:130px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_blog.svg) no-repeat left center;background-size:100px}}.include#blog h2 span small{font-size:65%;display:block}.include#blog ul{margin-top:40px}@media print, screen and (min-width: 767px){.include#blog ul{margin-top:54px}}.include#blog ul::before{content:'';display:block;width:24%;order:1}.include#blog ul::after{content:'';display:inline-block;width:24%}.include#blog ul li{width:48%}@media print, screen and (min-width: 767px){.include#blog ul li{width:24%;max-width:248px;display:flex;flex-direction:column}}@media only screen and (max-width: 767px){.include#blog ul li:nth-of-type(n+3){margin-top:20px}}.include#blog ul li img{height:auto;border-radius:15px}@media print, screen and (min-width: 767px){.include#blog ul li img{height:200px;object-fit:contain}}.include#blog ul li p{margin-top:16px}@media only screen and (max-width: 767px){.include#blog ul li p{font-size:1.4rem}}@media print, screen and (min-width: 767px){.include#blog ul li p{margin-top:44px;flex-grow:1}}.include#blog ul li p small{display:block;color:#999}@media only screen and (max-width: 767px){.include#blog ul li p small{font-size:1.2rem}}.include#blog .more{margin-top:40px}@media print, screen and (min-width: 767px){.include#blog .more{max-width:370px;margin-top:100px}}.include#channel{background:#f9f5eb;padding:68px 0 46px}@media only screen and (max-width: 767px){.include#channel{padding:40px 0}}.include#channel .container{max-width:1000px}.include#channel h2{text-align:center;line-height:1.6}@media only screen and (max-width: 767px){.include#channel h2{font-size:2.3rem}}@media only screen and (max-width: 767px){.include#channel h2 small{font-size:74%;display:block}}.include#channel h2 span{display:inline-block;padding-left:60px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_channel.svg) no-repeat left center;background-size:50px}@media print, screen and (min-width: 767px){.include#channel h2 span{margin-left:-80px;padding-left:80px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_channel.svg) no-repeat left center;background-size:72px}}.include#channel ul{margin-top:30px}@media print, screen and (min-width: 767px){.include#channel ul{margin-top:51px}}.include#channel ul li{width:82%}@media print, screen and (min-width: 767px){.include#channel ul li{width:31%;max-width:312px}}@media only screen and (max-width: 767px){.include#channel ul li{margin:auto}.include#channel ul li:not(:first-of-type){margin-top:16px}}.include#channel ul li .youtube{position:relative;width:100%;padding-top:56.25%}.include#channel ul li .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}.include#about{padding:40px 0;background:#f9f5eb;text-align:center}@media print, screen and (min-width: 767px){.include#about{padding:76px 0 144px}}.include#about .container{position:relative}@media only screen and (max-width: 767px){.include#about .container{margin:0 4%}}.include#about .container .illust{display:none}@media print, screen and (min-width: 767px){.include#about .container .illust{display:block}}.include#about .container .illust p{position:absolute}.include#about .container .illust p:first-of-type{top:-4%;right:8%;width:143px}.include#about .container .illust p:last-of-type{bottom:-10%;left:8%;width:155px}.include#about h2{position:relative;z-index:1;font-weight:600}@media only screen and (max-width: 767px){.include#about h2{font-weight:700;font-size:min(6vw, 2.5rem)}}.include#about p{position:relative;z-index:1;margin-top:20px;line-height:2.8;text-align:left;font-weight:500}@media print, screen and (min-width: 767px){.include#about p{text-align:center;margin-top:38px}}.include#sns_link ul{max-width:920px;margin:36px auto;justify-content:center}@media print, screen and (min-width: 767px){.include#sns_link ul{margin:66px auto;gap:0 20px}}.include#sns_link li{width:80%;border:1px solid #f39800;border-radius:35px;margin-bottom:30px;font-weight:500;display:flex;justify-content:center;align-items:center;font-size:18px}@media print, screen and (min-width: 767px){.include#sns_link li{max-width:280px;width:30%;margin-bottom:0}}.include#sns_link li a{display:block;padding:16px 0;width:100%;text-align:center}.include#sns_link li a img{padding-right:15px}.include#sns_link li:nth-of-type(1) img{width:33px}.include#sns_link li:nth-of-type(2) img{width:44px}.include#sns_link li:nth-of-type(3) img{width:42px}.include#school{padding:40px 0}@media print, screen and (min-width: 767px){.include#school{padding:80px 0}}.include#school h2{text-align:center;margin-bottom:30px}.include#school h2+p{text-align:center;font-weight:500}@media only screen and (max-width: 767px){.include#school h2+p{font-size:1.9rem}}.include#school .map{background:#f9f5eb;margin-top:80px;padding:30px 0}@media only screen and (max-width: 767px){.include#school .map{margin-top:50px}}.include#school .map .map_image{width:80%;max-width:600px;position:relative;margin:auto}@media print, screen and (min-width: 767px){.include#school .map .map_image{width:100%;right:-60px}}.include#school .map .map_image ul li{position:absolute;width:180px}@media print, screen and (min-width: 767px){.include#school .map .map_image ul li{width:230px}}.include#school .map .map_image ul li:nth-of-type(1){top:59%;left:-8%}@media print, screen and (min-width: 767px){.include#school .map .map_image ul li:nth-of-type(1){top:63%;left:-22%}}.include#school .map .map_image ul li:nth-of-type(2){top:94%;left:10%}@media print, screen and (min-width: 767px){.include#school .map .map_image ul li:nth-of-type(2){left:17%}}.include#school .map .map_image ul li:nth-of-type(3){top:83%;left:47%}@media print, screen and (min-width: 767px){.include#school .map .map_image ul li:nth-of-type(3){top:85%}}.include#school .map .map_image ul li:nth-of-type(4){right:-10%;top:59%}@media print, screen and (min-width: 767px){.include#school .map .map_image ul li:nth-of-type(4){right:inherit;top:63%;left:74%}}.include#school .map .map_image ul li a{width:100%;border-radius:30px;display:block;background:#f09600;color:#fff;text-align:center;border:1px solid #f09600}@media print, screen and (min-width: 767px){.include#school .map .map_image ul li a{padding:6px 0}}@media only screen and (max-width: 767px){.include#school .map .map_image ul li a{width:90%;font-size:3vw}}.include#school .map .map_image ul li a:hover{opacity:1;background:#fff;color:#f09600;border:1px solid #f09600}.include#school .more{margin-top:40px}@media print, screen and (min-width: 767px){.include#school .more{max-width:370px;margin-top:88px}}.include#group{padding:40px 4%}@media print, screen and (min-width: 767px){.include#group{padding:60px 0}}.include#group h2{text-align:center}@media only screen and (max-width: 767px){.include#group h2{font-size:2.3rem}}.include#group ul{margin-top:20px;gap:20px}@media print, screen and (min-width: 767px){.include#group ul{margin-top:50px}}.include#group ul li{width:100%;background:#ebebeb}@media print, screen and (min-width: 767px){.include#group ul li{width:calc(100% / 3 - 20px)}}main .sub_nav{width:100%;background:#f7ca80;padding:8px 4vw}main .sub_nav li{width:48%}main .sub_nav li .more{padding:5px 0}main .sub_nav li .more::after{content:none}main .sub_nav li .contact span{display:inline-block;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_mail.svg) no-repeat left center;background-size:15px;padding-left:21px;color:#808080}main .sub_nav li .reserve{color:#000}#top_page section .more{max-width:90%;padding:20px 0}@media print, screen and (min-width: 767px){#top_page section .more{max-width:490px}}#top_page #mainvisual{position:relative;height:calc(100vh - 210px);overflow:hidden}#top_page #mainvisual #stand_image{position:relative;height:100%;z-index:1;object-fit:cover}#top_page #mainvisual h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;z-index:2;max-width:1200px;color:#f09600}#top_page #mainvisual p{position:absolute;left:0;right:0;bottom:0;margin:auto;background:#fff;width:122px;text-align:center;border-radius:6px 6px 0 0}#top_page #mainvisual p::after{content:'';position:absolute;right:10px;top:-5px;bottom:0;margin:auto;width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg)}#top_page #mainvisual #youtube{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:177.77777778vh;height:56.25vw;min-height:100%;min-width:100%}#top_page #mainvisual .video{line-height:0;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}#top_page #mainvisual .video video{position:absolute;top:50%;left:50%;object-fit:cover;transform:translate(-50%, -50%);width:100%;height:100%}#top_page>.bunner{padding:20px 0;position:relative}@media print, screen and (min-width: 767px){#top_page>.bunner{padding:0}}#top_page>.bunner .container{width:80vw;padding:0}@media print, screen and (min-width: 767px){#top_page>.bunner .container{overflow:hidden}}#top_page>.bunner .swiper-button-prev{position:absolute;left:calc(50% - 600px);top:53%}#top_page>.bunner .swiper-button-prev::after{background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/prev.svg) no-repeat bottom center/contain;content:'';width:30px;height:30px}#top_page>.bunner .swiper-button-next{position:absolute;right:calc(50% - 600px);top:53%}#top_page>.bunner .swiper-button-next::after{background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/next.svg) no-repeat bottom center/contain;content:'';width:30px;height:30px}@media print, screen and (min-width: 767px){#top_page>.bunner ul{display:flex;justify-content:space-between}}#top_page>.bunner ul li{height:auto !important}@media print, screen and (min-width: 767px){#top_page>.bunner ul li{min-height:140px}}#top_page>.bunner ul li a{display:flex;align-items:center;justify-content:center;height:100%;text-align:center}#top_page #about{padding:40px 0;background:#fcca45;text-align:center}@media print, screen and (min-width: 767px){#top_page #about{padding:76px 0 92px}}#top_page #about .container{position:relative}#top_page #about .container .illust{display:none}@media print, screen and (min-width: 767px){#top_page #about .container .illust{display:block}}#top_page #about .container .illust p{position:absolute}#top_page #about .container .illust p:first-of-type{top:-4%;right:8%;width:143px}#top_page #about .container .illust p:last-of-type{bottom:-10%;left:8%;width:155px}#top_page #about h2{position:relative;z-index:1;font-weight:600}@media only screen and (max-width: 767px){#top_page #about h2{font-weight:700;font-size:min(6vw, 2.5rem)}}#top_page #about p{position:relative;z-index:1;margin-top:44px;text-align:left;font-weight:500}@media only screen and (max-width: 767px){#top_page #about p{font-size:1.6rem}}@media print, screen and (min-width: 767px){#top_page #about p{text-align:center}}#top_page #about p+p{line-height:2.2}@media only screen and (max-width: 767px){#top_page #about p+p{line-height:2}}#top_page #about p strong{font-weight:500}#top_page #about .more{margin-top:40px}#top_page #method{padding:40px 0}@media print, screen and (min-width: 767px){#top_page #method{padding:100px 0}}#top_page #method .more{margin-top:40px}@media print, screen and (min-width: 767px){#top_page #method .more{max-width:400px}}#top_page #effect{background:#f9f5eb;padding-bottom:66px}@media only screen and (max-width: 767px){#top_page #effect{padding-bottom:40px}}@media print, screen and (min-width: 767px){#top_page #effect .wide .text{margin-top:42px}}#top_page #effect .wide .text h2{text-align:left}#top_page #effect .container{max-width:1000px}#top_page #effect .container h2{margin-top:40px;text-align:center}@media print, screen and (min-width: 767px){#top_page #effect .container h2{margin-top:120px;margin-bottom:30px}}#top_page #effect .container h2 span{display:inline-block;color:#f09600;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/effect/title_bg.svg) no-repeat bottom center;background-size:100% auto}@media print, screen and (min-width: 767px){#top_page #effect .container h2 span{padding:0 32px 66px}}@media only screen and (max-width: 767px){#top_page #effect .container h2 span{font-size:min(6vw, 2.4rem);padding:0 0 46px}}#top_page #effect .container .review{border:1px solid #f09600;background:#fff;margin-top:8px;padding:16px;box-sizing:border-box;position:relative}@media print, screen and (min-width: 767px){#top_page #effect .container .review{padding:22px 45px 62px}}#top_page #effect .container .review:after,#top_page #effect .container .review:before{content:'';position:absolute;width:0;height:0}#top_page #effect .container .review:before{top:0;left:0;border-top:10px solid #f7ba55;border-left:10px solid #f7ba55;border-right:10px solid transparent;border-bottom:10px solid transparent}@media print, screen and (min-width: 767px){#top_page #effect .container .review:before{border-width:30px}}#top_page #effect .container .review:after{bottom:0;right:0;border-bottom:10px solid #f7ba55;border-right:10px solid #f7ba55;border-top:10px solid transparent;border-left:10px solid transparent}@media print, screen and (min-width: 767px){#top_page #effect .container .review:after{border-width:30px}}#top_page #effect .container .review h3{letter-spacing:-0.1em;color:#ff7800}#top_page #effect .container .review>.flex{margin-top:23px}@media print, screen and (min-width: 767px){#top_page #effect .container .review>.flex dl{width:280px}}#top_page #effect .container .review>.flex dl dt{border-bottom:2px dotted #f7ba55}#top_page #effect .container .review>.flex dl dd{margin-top:20px;font-weight:500}@media only screen and (max-width: 767px){#top_page #effect .container .review>.flex dl dd{font-size:1.6rem}}#top_page #effect .container .review>.flex .images{margin-top:40px}@media print, screen and (min-width: 767px){#top_page #effect .container .review>.flex .images{width:calc(100% - 280px - 42px);margin-top:0}}#top_page #effect .container .review>.flex .images li{width:45%;position:relative}#top_page #effect .container .review>.flex .images li::after{position:absolute;top:-25px;left:0;display:inline-block;color:#fff;width:100px;text-align:center}@media only screen and (min-width: 1024px){#top_page #effect .container .review>.flex .images li::after{top:0}}#top_page #effect .container .review>.flex .images li:first-of-type:after{content:'Before';background:#85aeaa}#top_page #effect .container .review>.flex .images li:first-of-type::before{content:'';position:absolute;transform:rotate(0deg);top:45%;right:-25px;margin:auto;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #f09600}@media only screen and (min-width: 1024px){#top_page #effect .container .review>.flex .images li:first-of-type::before{right:-40px}}#top_page #effect .container .review>.flex .images li:last-of-type{margin:0}#top_page #effect .container .review>.flex .images li:last-of-type:after{content:'After';background:#f09600}#top_page #effect .container .more{margin-top:40px}@media print, screen and (min-width: 767px){#top_page #effect .container .more{margin-top:74px}}#top_page #reason{padding:30px 0 40px}@media print, screen and (min-width: 767px){#top_page #reason{padding:70px 0 90px}}#top_page #reason h2{color:#ff7800;text-align:center}@media print, screen and (min-width: 767px){#top_page #reason h2{margin-top:30px}}#top_page #reason ul{max-width:900px;margin:20px auto 0}@media print, screen and (min-width: 767px){#top_page #reason ul{margin-top:65px}}#top_page #reason ul li:not(:first-of-type){margin-top:40px}#top_page #reason ul li>div{width:100%}@media print, screen and (min-width: 767px){#top_page #reason ul li>div{width:50%}}#top_page #reason ul li>div.text{background:#f09600;color:#fff;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;padding:10px 0}@media print, screen and (min-width: 767px){#top_page #reason ul li>div.text{padding:0}}#top_page #reason ul li>div.text h3{font-weight:400;font-size:4rem;border-bottom:4px solid #fff;display:inline-block;line-height:1;padding:0 18px}@media print, screen and (min-width: 767px){#top_page #reason ul li>div.text h3{font-size:8rem;border-bottom:8px solid #fff}}#top_page #reason ul li>div.text p{line-height:1.3;text-align:center;margin-top:6px}@media only screen and (max-width: 767px){#top_page #reason ul li>div.text p{font-size:2rem}}@media print, screen and (min-width: 767px){#top_page #reason ul li>div.text p{line-height:1.8}}#top_page #reason ul li>div.text::after{content:'';position:absolute;top:0;left:0;width:0;height:0;border-top:10px solid #fff;border-right:10px solid #f7ba55;border-bottom:10px solid #f7ba55;border-left:10px solid #fff}@media print, screen and (min-width: 767px){#top_page #reason ul li>div.text::after{border-width:30px}}#top_page #reason .more{margin-top:40px}@media print, screen and (min-width: 767px){#top_page #reason .more{max-width:400px;margin-top:80px}}#top_page #media{padding:15px 0 40px}@media print, screen and (min-width: 767px){#top_page #media{padding:80px 0 110px}}#top_page #media .container{max-width:1000px}#top_page #media h2{text-align:center}#top_page #media ul{margin-top:30px}@media only screen and (max-width: 767px){#top_page #media ul{margin-top:10px;flex-direction:column}}#top_page #media ul::after{content:'';display:inline-block;width:31%}#top_page #media ul li{width:100%}@media print, screen and (min-width: 767px){#top_page #media ul li{width:31%;max-width:312px}}@media only screen and (max-width: 767px){#top_page #media ul li:not(:first-of-type){margin-top:16px}}#top_page #media ul li a{border-bottom:4px solid #f09600;padding-bottom:6px}@media only screen and (max-width: 767px){#top_page #media ul li a{width:100%;display:flex;align-items:center;justify-content:space-between;border:none;padding:0}#top_page #media ul li a>div{width:49%}#top_page #media ul li a>div.text{display:flex;flex-direction:column-reverse;border-bottom:2px solid #f09600;padding-bottom:6px}}#top_page #media ul li img{margin-bottom:12px;height:auto}#top_page #news{padding:40px 0;background:#f9f5eb}@media print, screen and (min-width: 767px){#top_page #news{padding:70px 0}}#top_page #news .container{max-width:900px}#top_page #news h2{text-align:center}#top_page #news h2+dl{margin-top:24px}#top_page #news dl{position:relative;padding:27px 0 35px;border-top:1px solid #7d7d7d}@media print, screen and (min-width: 767px){#top_page #news dl{padding:27px 57px 35px}}#top_page #news dl:last-of-type{border-bottom:1px solid #7d7d7d}#top_page #news dl::after{width:12px;height:12px;transform:rotate(45deg);border-top:3px solid #f09600;border-right:3px solid #f09600;position:absolute;right:30px;top:0;bottom:0;margin:auto}@media print, screen and (min-width: 767px){#top_page #news dl::after{content:''}}#top_page #news dl dt span{display:inline-block;background:#f09600 !important;padding:0 10px;color:#fff;font-weight:normal;font-size:80%}#top_page #news dl dt small{color:#999;font-size:1.3rem;float:right}@media print, screen and (min-width: 767px){#top_page #news dl dt small{float:none}}#top_page #news dl dd{margin-top:12px}#top_page #news dl dd p{position:relative;padding-right:20px;font-weight:500}@media print, screen and (min-width: 767px){#top_page #news dl dd p{padding-right:0}}#top_page #news dl dd p::after{content:'';width:10px;height:10px;transform:rotate(45deg);border-top:4px solid #f09600;border-right:4px solid #f09600;position:absolute;right:0;top:0;bottom:0;margin:auto}@media print, screen and (min-width: 767px){#top_page #news dl dd p::after{content:none}}#top_page #news .more{margin-top:40px}@media print, screen and (min-width: 767px){#top_page #news .more{max-width:400px}}#page_header{position:relative}#page_header h2{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;text-align:center;color:#fff}@media only screen and (max-width: 767px){#page_header h2{display:none}}#page_header .image img{width:100%}#page_header .bunner{position:absolute;bottom:-10%;right:0;z-index:1;max-width:336px;display:inline-block}#page_header .bunner img{width:100%}#page_header p{position:absolute;left:0;right:0;bottom:0;margin:auto;background:#fff;width:122px;text-align:center;border-radius:6px 6px 0 0}#page_header p::after{content:'';position:absolute;right:10px;top:-5px;bottom:0;margin:auto;width:6px;height:6px;border-right:1px solid #000;border-bottom:1px solid #000;transform:rotate(45deg)}#qa_page{padding-bottom:0}@media print, screen and (min-width: 767px){#qa_page{padding-bottom:160px}}#qa_page .container{max-width:1030px}#qa_page .qa_section{padding:30px 0}@media print, screen and (min-width: 767px){#qa_page .qa_section{padding:77px 0}}#qa_page .qa_section>.container p{line-height:2.2;font-weight:500}@media print, screen and (min-width: 767px){#qa_page .qa_section>.container p{text-align:center}}@media only screen and (max-width: 767px){#qa_page .qa_section>.container p{font-size:1.6rem;line-height:2}}#qa_page .qa_section>.container .sec_title{margin:0 0 40px;border-bottom:none}@media print, screen and (min-width: 767px){#qa_page .qa_section>.container .sec_title{margin-top:66px 0 0}}#qa_page .qa_section>.container nav{margin-top:20px}@media print, screen and (min-width: 767px){#qa_page .qa_section>.container nav{margin-top:40px}}#qa_page .qa_section>.container nav ul li{width:100%;margin-top:8px}@media print, screen and (min-width: 767px){#qa_page .qa_section>.container nav ul li{width:32%;max-width:330px;margin-left:2%;margin-top:18px}#qa_page .qa_section>.container nav ul li:nth-of-type(3n+1){margin-left:0}}@media only screen and (max-width: 767px){#qa_page .qa_section>.container nav ul li{font-size:1.6rem}}#qa_page .qa_section>.container nav ul li a{display:block;position:relative;border:1px solid #f09600;width:100%;padding:18px 5px;box-sizing:border-box;text-align:center;font-weight:500}@media only screen and (min-width: 767px) and (max-width: 1024px){#qa_page .qa_section>.container nav ul li a{font-size:1.6rem}}#qa_page .qa_section>.container nav ul li a::after{content:'';width:10px;height:10px;transform:rotate(45deg);border-top:2px solid #f09600;border-right:2px solid #f09600;position:absolute;right:16px;top:0;bottom:0;margin:auto}.sec_title{position:relative;margin-top:40px;padding-bottom:10px;text-align:center;border-bottom:1px solid #aaaaaa}@media print, screen and (min-width: 767px){.sec_title{margin-top:83px}}.sec_title::after{content:'';position:absolute;bottom:-8px;left:0;right:0;background:#f09600;width:176px;height:8px;margin:auto}.qa_contents{margin-top:38px}@media print, screen and (min-width: 767px){.qa_contents{margin-top:60px}}.qa_contents .qa_content{border-top:1px solid #aaa}.qa_contents .qa_content:last-of-type{border-bottom:1px solid #aaa}.qa_contents .qa_content dt{position:relative;padding:10px 30px 10px 10px;cursor:pointer}.qa_contents .qa_content dt.open{background:#f9f5eb}.qa_contents .qa_content dt.open span::before{transform:rotate(0deg)}.qa_contents .qa_content dt::before{display:inline-block;background:#f09600;border-radius:4px;color:#fff;width:45px;height:45px;margin-right:10px;padding:3px;text-align:center;line-height:1.4}@media only screen and (min-width: 767px) and (max-width: 1024px){.qa_contents .qa_content dt::before{line-height:1.8}}@media print, screen and (min-width: 767px){.qa_contents .qa_content dt::before{content:'Q'}}.qa_contents .qa_content dt p{display:inline-block;font-weight:500}@media only screen and (max-width: 767px){.qa_contents .qa_content dt p{font-size:1.6rem;line-height:2}}.qa_contents .qa_content dt span{width:18px;position:absolute;top:0;bottom:0;right:10px;margin:auto}@media print, screen and (min-width: 767px){.qa_contents .qa_content dt span{width:24px;right:24px}}.qa_contents .qa_content dt span::after,.qa_contents .qa_content dt span::before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;display:block;width:100%;height:2px;background:#f09600;transition:0.3s}.qa_contents .qa_content dt span::before{transform:rotate(90deg)}.qa_contents .qa_content dd{display:none;padding:20px 20px 20px 10px;line-height:2.1;font-weight:500}@media print, screen and (min-width: 767px){.qa_contents .qa_content dd{padding:17px 62px 107px}}.qa_contents .qa_content dd a{color:#f09600;text-decoration:underline}.qa_contents .qa_content dd a:hover{text-decoration:none}.qa_contents .qa_content dd.open{display:block}@media only screen and (max-width: 767px){#archive.class_page #page_header h2{display:none}}#archive.class_page .class_section{padding:40px 0}@media print, screen and (min-width: 767px){#archive.class_page .class_section{padding:100px 0}}#archive.class_page .class_section>.container{text-align:center}#archive.class_page .class_section>.container>h2{margin-bottom:30px}#archive.class_page .class_section>.container>p{font-weight:500}@media only screen and (max-width: 767px){#archive.class_page .class_section>.container>p{font-size:1.9rem}}#archive.class_page .class_section #map .map{background:#f9f5eb;margin-top:30px;padding:30px 0}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map{margin-top:80px}}#archive.class_page .class_section #map .map .map_image{width:80%;max-width:600px;position:relative;margin:auto}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image{width:100%;right:-60px}}#archive.class_page .class_section #map .map .map_image ul li{position:absolute;width:180px}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image ul li{width:230px}}#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(1){top:59%;left:-8%}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(1){top:63%;left:-22%}}#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(2){top:94%;left:10%}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(2){left:17%}}#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(3){top:83%;left:45%}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(3){top:85%}}#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(4){right:-10%;top:59%}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image ul li:nth-of-type(4){right:inherit;top:63%;left:74%}}#archive.class_page .class_section #map .map .map_image ul li a{width:100%;border-radius:30px;display:block;background:#f09600;color:#fff;text-align:center;cursor:pointer}@media print, screen and (min-width: 767px){#archive.class_page .class_section #map .map .map_image ul li a{padding:6px 0}}@media only screen and (max-width: 767px){#archive.class_page .class_section #map .map .map_image ul li a{width:90%;font-size:3vw}}#archive.class_page .class_section #map .map .map_image ul li a:hover{opacity:1;background:#fff;color:#f09600;border:1px solid #f09600}#archive.class_page .class_section #area{margin-top:40px}@media print, screen and (min-width: 767px){#archive.class_page .class_section #area{margin-top:80px}}#archive.class_page .class_section #area .area_search .pull_down{position:relative;cursor:pointer}#archive.class_page .class_section #area .area_search .pull_down.open span::before{transform:rotate(0deg)}#archive.class_page .class_section #area .area_search .pull_down span{width:14px;position:absolute;top:0;bottom:0;right:20px;margin:auto}#archive.class_page .class_section #area .area_search .pull_down span::after,#archive.class_page .class_section #area .area_search .pull_down span::before{content:'';position:absolute;top:0;bottom:0;left:0;margin:auto;display:block;width:100%;height:1px;background:#000}#archive.class_page .class_section #area .area_search .pull_down span::before{transition:0.3s;transform:rotate(90deg)}#archive.class_page .class_section #area .area_search>h2{background:#f9f5eb;padding:12px 10px;font-weight:500}@media print, screen and (min-width: 767px){#archive.class_page .class_section #area .area_search .area_inner.online{margin-top:72px}}#archive.class_page .class_section #area .area_search .area_inner.online>h2{background:#f9f5eb;color:#f15a24}@media print, screen and (min-width: 767px){#archive.class_page .class_section #area .area_search .area_inner.online>h2{border:none !important}}#archive.class_page .class_section #area .area_search .area_inner.online .class_list{display:block !important}#archive.class_page .class_section #area .area_search .area_inner>h2{background:#e49936;color:#FFF;padding:21px 10px;border-top:1px solid #e5d7c2}#archive.class_page .class_section #area .area_search .area_inner>h2:last-of-type{border-bottom:1px solid #e5d7c2}#archive.class_page .class_section #area .area_search .area_inner>.prefectures{display:none}#archive.class_page .class_section #area .area_search .area_inner>.prefectures.open{display:block}#archive.class_page .class_section #area .area_search .area_inner>.prefectures>.prefecture>h3{background:#edc48e}#archive.class_page .class_section #area .area_search .area_inner>.prefectures>.prefecture .prefecture>h3{background:#fce5c7}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture{border-top:1px solid #e5d7c2;border-bottom:1px solid #e5d7c2}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .prefecture{border-top:1px solid #c8c8c8;border-bottom:1px solid #c8c8c8;border-bottom:0}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture>h3{padding:21px 10px;font-weight:500}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list{display:none}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list.open{display:block}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single{border-top:1px solid #e5d7c2;padding:10px 0}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>div{padding-left:36px;font-weight:500}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>a{display:block}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>a>*{padding-left:36px}#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single h4{background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/class/icon_arrow.svg) no-repeat left 4px center;background-size:22px}@media only screen and (max-width: 767px){#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single h4{font-size:1.8rem}}#post.class_page{padding:30px 0}@media print, screen and (min-width: 767px){#post.class_page{padding:80px 0}}#post.class_page .post_section>.container{max-width:1000px}#post.class_page .post_section>.container>h2{text-align:center}#post.class_page .class_intro{margin-top:5px;flex-direction:column-reverse}@media print, screen and (min-width: 767px){#post.class_page .class_intro{margin-top:30px;flex-direction:row}}#post.class_page .class_intro .left{width:100%;display:flex;flex-direction:column;margin-top:20px}@media print, screen and (min-width: 767px){#post.class_page .class_intro .left{width:48%;max-width:430px;margin-top:0}}#post.class_page .class_intro .left p{font-weight:500}#post.class_page .class_intro .left .btn{margin-top:20px}@media print, screen and (min-width: 767px){#post.class_page .class_intro .left .btn{margin-top:auto}}#post.class_page .class_intro .left .btn a{width:90%;margin:30px auto 0;padding:11px 0;font-size:2.6rem;display:block;background:#f09600;border-radius:80px;box-shadow:3px 3px 6px 3px rgba(0,0,0,0.2);text-align:center;color:#fff}@media print, screen and (min-width: 767px){#post.class_page .class_intro .left .btn a{width:100%;margin:0;padding:36px 0;font-size:4.3rem}}#post.class_page .class_intro .left .tel{background:#f09600;border-radius:40px;margin-top:20px}@media print, screen and (min-width: 767px){#post.class_page .class_intro .left .tel{pointer-events:none;margin-top:auto}}#post.class_page .class_intro .left .tel a{padding:30px 20px;color:#FFF}#post.class_page .class_intro .left .tel a *{display:block;text-align:center}#post.class_page .class_intro .left .tel a strong{font-size:2.6rem;background:none}@media print, screen and (min-width: 767px){#post.class_page .class_intro .left .tel a strong{font-size:3.2rem}}#post.class_page .class_intro .left .tel a span{font-size:1.3rem}@media print, screen and (min-width: 767px){#post.class_page .class_intro .left .tel a span{font-size:1.6rem}}#post.class_page .class_intro .right{width:100%}@media print, screen and (min-width: 767px){#post.class_page .class_intro .right{width:50%;max-width:480px}}#post.class_page .class_info{margin-top:50px}@media print, screen and (min-width: 767px){#post.class_page .class_info{margin-top:147px}}#post.class_page .class_info dl{background-image:linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),linear-gradient(180deg, #9b9b9b 1px, transparent 1px);background-size:4px 100%,100% 2.5em}#post.class_page .class_info dl>*{line-height:2.45}#post.class_page .class_info dl dt{width:76px;box-sizing:border-box;padding:0 10px}@media print, screen and (min-width: 767px){#post.class_page .class_info dl dt{width:123px}}#post.class_page .class_info dl dd{width:calc(100% - 76px);font-weight:normal}@media print, screen and (min-width: 767px){#post.class_page .class_info dl dd{width:calc(100% - 123px)}}#post.class_page .class_info dl.instructor{background:#f9f5eb;border-top:1px dashed #9b9b9b;margin:0 0 50px}#post.class_page .class_info dl.instructor dd{padding:21px 0 0}#post.class_page .class_info dl.instructor dd figure{width:calc(96% / 3);margin-left:2%}@media print, screen and (min-width: 767px){#post.class_page .class_info dl.instructor dd figure{width:calc(82% / 9);max-width:80px;margin-left:2.2%}}#post.class_page .class_info dl.instructor dd figure figcaption{text-align:center}#post.class_page .class_info dl.instructor dd figure img{border-radius:50%}@media only screen and (max-width: 767px){#post.class_page .class_info dl.instructor dd figure:nth-of-type(3n+1){margin-left:0}}@media print, screen and (min-width: 767px){#post.class_page .class_info dl.instructor dd figure:nth-of-type(9n+1){margin-left:0}}#post.class_page .route_info{padding:10px 0;background:#f9f5eb}@media print, screen and (min-width: 767px){#post.class_page .route_info{max-width:998px;margin:0 auto;padding:10px 0 50px 20px}}#post.class_page .route_info h3{text-align:center}@media print, screen and (min-width: 767px){#post.class_page .route_info h3{text-align:left}}#post.class_page .route_info .flex{flex-direction:column}@media print, screen and (min-width: 767px){#post.class_page .route_info .flex{flex-direction:row}}#post.class_page .route_info .flex>div{margin-top:10px;margin-left:auto;margin-right:auto}@media print, screen and (min-width: 767px){#post.class_page .route_info .flex>div{margin-left:0;margin-right:0}#post.class_page .route_info .flex>div:nth-of-type(n+3){margin-top:40px}}#post.class_page .route_info .flex .left{width:90%;box-sizing:border-box;margin-top:10px;font-weight:normal}@media print, screen and (min-width: 767px){#post.class_page .route_info .flex .left{width:55%;padding:0 20px 0 128px}}#post.class_page .route_info .flex .right{width:90%;text-align:center}@media print, screen and (min-width: 767px){#post.class_page .route_info .flex .right{width:45%;max-width:400px}}#post.class_page .class_sub{text-align:center;color:#f09600;letter-spacing:0.1em;margin-bottom:15px}#post.class_page .class_sub.mt50{margin-top:50px}#post.class_page .class_sub.mt80{margin-top:80px}#post.class_page .class_sub span{position:relative;padding:0 20px}@media print, screen and (min-width: 767px){#post.class_page .class_sub span{padding:0 40px}}#post.class_page .class_sub span::before{position:absolute;content:'';width:0;height:0;border-style:solid;border-color:transparent transparent transparent #f09800;top:5px;left:0;border-width:5px 0 5px 8px}@media print, screen and (min-width: 767px){#post.class_page .class_sub span::before{border-width:10px 0 10px 17.3px}}#post.class_page .class_sub span::after{position:absolute;content:'';width:0;height:0;border-style:solid;border-width:5px 8px 5px 0;border-color:transparent #f09800 transparent transparent;top:5px;right:0}@media print, screen and (min-width: 767px){#post.class_page .class_sub span::after{border-width:10px 17.3px 10px 0}}#post.class_page .google_map{text-align:center;margin-top:20px}@media print, screen and (min-width: 767px){#post.class_page .google_map{margin-top:80px}}#post.class_page .google_map iframe{width:100%;height:30vh}@media print, screen and (min-width: 767px){#post.class_page .google_map iframe{height:520px}}.class_slider{overflow:hidden;margin:10px auto 0;max-width:600px}@media print, screen and (min-width: 767px){.class_slider{margin-top:0}}.class_slider img{width:100%}.class_slider .swiper-container{width:100%;max-width:940px}.class_slider .swiper-container.slider-thumbnail{margin-top:10px}@media print, screen and (min-width: 767px){.class_slider .swiper-container.slider-thumbnail{margin-top:16px}}.class_slider .swiper-container.slider-thumbnail .swiper-wrapper{justify-content:space-between}.class_slider .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide{width:24% !important;height:100%;opacity:0.5;overflow:hidden}.class_slider .swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{opacity:1}@media only screen and (max-width: 767px){#voice_page #page_header h2{display:none}}#voice_page .voice_section{padding:40px 0}@media print, screen and (min-width: 767px){#voice_page .voice_section{padding:68px 0 120px}}#voice_page .voice_section>.container{text-align:center}#voice_page .voice_section>.container>h2{padding:5px 0;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/voice/title_bg.svg) no-repeat bottom center}#voice_page .voice_section>.container>p{margin-top:40px;font-weight:500}@media only screen and (max-width: 767px){#voice_page .voice_section>.container>p{font-size:1.6rem;line-height:2;text-align:left}}#voice_page .voice_section section>.container>h2{text-align:center}#voice_page .voice_section section>.container>h2 span{display:inline-block;color:#f09600;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/effect/title_bg.svg) no-repeat bottom center;background-size:100% auto}@media print, screen and (min-width: 767px){#voice_page .voice_section section>.container>h2 span{padding:0 32px 69px}}@media only screen and (max-width: 767px){#voice_page .voice_section section>.container>h2 span{font-size:min(6vw, 2.4rem);padding:0 0 46px}}#voice_page .voice_nav{margin:36px 0;justify-content:center}#voice_page .voice_nav a{display:flex;align-items:center;justify-content:center;width:48px;height:48px;margin:0 10px;border-radius:40px;color:#fff;background:#f09600;box-shadow:2px 2px 5px 3px rgba(0,0,0,0.3)}@media print, screen and (min-width: 767px){#voice_page .voice_nav a{width:80px;height:80px}}@media only screen and (max-width: 767px){#voice_page .voice_nav a{font-size:1.4rem}}#voice_page .reviews .review{border:3px solid #f09600;background:#fff;margin-top:8px;padding:16px;box-sizing:border-box;position:relative}@media print, screen and (min-width: 767px){#voice_page .reviews .review{padding:22px 45px 62px}}#voice_page .reviews .review:not(:first-of-type){margin-top:50px}#voice_page .reviews .review:after,#voice_page .reviews .review:before{content:'';position:absolute;width:0;height:0}#voice_page .reviews .review:before{top:0;left:0;border-top:10px solid #f09600;border-left:10px solid #f09600;border-right:10px solid transparent;border-bottom:10px solid transparent}@media print, screen and (min-width: 767px){#voice_page .reviews .review:before{border-width:30px}}#voice_page .reviews .review:after{bottom:0;right:0;border-bottom:10px solid #f09600;border-right:10px solid #f09600;border-top:10px solid transparent;border-left:10px solid transparent}@media print, screen and (min-width: 767px){#voice_page .reviews .review:after{border-width:30px}}#voice_page .reviews .review h3{letter-spacing:-0.06em;color:#ff7800}#voice_page .reviews .review>.flex{margin-top:23px}@media print, screen and (min-width: 767px){#voice_page .reviews .review>.flex dl{width:280px}}#voice_page .reviews .review>.flex dl dt{border-bottom:2px dotted #f7ba55}#voice_page .reviews .review>.flex dl dd{margin-top:20px;line-height:2;font-weight:500}@media only screen and (max-width: 767px){#voice_page .reviews .review>.flex dl dd{font-size:1.6rem}}#voice_page .reviews .review>.flex .images{margin-top:40px}@media print, screen and (min-width: 767px){#voice_page .reviews .review>.flex .images{width:calc(100% - 280px - 42px);margin-top:0}}#voice_page .reviews .review>.flex .images li{width:45%;position:relative}#voice_page .reviews .review>.flex .images li::after{position:absolute;top:-25px;left:0;display:inline-block;color:#fff;width:100px;text-align:center}@media only screen and (min-width: 1024px){#voice_page .reviews .review>.flex .images li::after{top:0}}#voice_page .reviews .review>.flex .images li:first-of-type:after{content:'Before';background:#85aeaa}#voice_page .reviews .review>.flex .images li:first-of-type::before{content:'';position:absolute;transform:rotate(0deg);top:45%;right:-25px;margin:auto;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #f09600}@media only screen and (min-width: 1024px){#voice_page .reviews .review>.flex .images li:first-of-type::before{right:-40px}}#voice_page .reviews .review>.flex .images li:last-of-type{margin-top:0}#voice_page .reviews .review>.flex .images li:last-of-type:after{content:'After';background:#f09600}#voice_page #voice_01{margin-top:54px}#voice_page #voice_01 .container{max-width:1000px}#voice_page #voice_02{margin-top:50px;background:#f9f5eb;padding-top:40px}@media print, screen and (min-width: 767px){#voice_page #voice_02{margin-top:104px}}#voice_page #voice_02 .container{max-width:1080px}#voice_page #voice_02 .container>h2 span{padding:0 32px 26px}@media print, screen and (min-width: 767px){#voice_page #voice_02 .container>h2 span{padding:0 170px 70px}}@media only screen and (max-width: 767px){#voice_page #voice_02 .container>h2 span{font-size:min(6vw, 2.4rem)}}#voice_page #voice_02 ul{margin-top:28px}#voice_page #voice_02 ul li{width:100%;border:3px solid #f09600;background:#fff;margin-top:20px;padding:24px 20px;box-sizing:border-box}@media print, screen and (min-width: 767px){#voice_page #voice_02 ul li{width:48%;max-width:520px;margin-top:50px}}@media only screen and (max-width: 767px){#voice_page #voice_02 ul li:not(:first-of-type){margin-top:20px}}#voice_page #voice_02 ul li dl dt{overflow:hidden;border-bottom:3px dotted #f09600;padding-bottom:10px;font-weight:500}#voice_page #voice_02 ul li dl dt span{display:inline-block;border:1px solid #000;border-radius:20px;padding:0 16px;float:right}#voice_page #voice_02 ul li dl dd{margin-top:15px}#voice_page #voice_02 ul li dl dd p{font-weight:500}@media only screen and (max-width: 767px){#voice_page #voice_02 ul li dl dd p{font-size:1.6rem;line-height:2}}#voice_page #voice_02 ul li dl dd p strong{display:block;color:#ff7800;font-size:140%;line-height:1.3;margin-bottom:0.6em}@media print, screen and (min-width: 767px){#voice_page #voice_02 ul li dl dd p strong{font-size:160%}}#archive.instructor_page #instructor_section{padding:30px 0 50px}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section{padding:136px 0 170px}}#archive.instructor_page #instructor_section .container{max-width:990px}#archive.instructor_page #instructor_section .container .area_category{padding-bottom:10px;text-align:center;border-bottom:1px solid #f09600}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section .container .area_category{padding-bottom:21px}}#archive.instructor_page #instructor_section .container .page_title+.prefecture{margin-top:40px}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section .container .page_title+.prefecture{margin-top:72px}}#archive.instructor_page #instructor_section .container .prefecture{margin-top:30px}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section .container .prefecture{margin-top:46px}}#archive.instructor_page #instructor_section .container .class_list::before{content:'';display:block;width:calc(88vw / 2);order:1}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section .container .class_list::before{width:calc((100% - 54px) / 4)}}#archive.instructor_page #instructor_section .container .class_list::after{content:'';display:inline-block;width:calc(88vw / 2)}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section .container .class_list::after{width:calc((100% - 54px) / 4)}}#archive.instructor_page #instructor_section .container .class_list .class_single{width:calc(88vw / 2);min-height:calc(88vw / 2);margin-top:30px;border-radius:14px;box-shadow:2px 2px 3px rgba(0,0,0,0.4);overflow:hidden}@media print, screen and (min-width: 767px){#archive.instructor_page #instructor_section .container .class_list .class_single{width:calc((100% - 54px) / 4);max-width:234px;min-height:234px;margin-top:47px}}#archive.instructor_page #instructor_section .container .class_list .class_single a{display:block;position:relative;height:100%}#archive.instructor_page #instructor_section .container .class_list .class_single a h4{width:100%;position:absolute;left:0;bottom:0;padding:1px 10px;box-sizing:border-box;line-height:1.4;font-weight:500;background:linear-gradient(to right, rgba(240,150,0,0.7), rgba(255,255,255,0.7))}#archive.instructor_page #instructor_section .container .class_list .class_single a img{width:100%;height:100%;object-fit:cover}#post.instructor_page #page_header h2{display:none}#post.instructor_page #instructor_detail{padding:30px 0 50px}@media print, screen and (min-width: 767px){#post.instructor_page #instructor_detail{padding:60px 0 170px}}#post.instructor_page #instructor_detail>.container{max-width:1000px}#post.instructor_page #instructor_detail>.container .area_category{padding-bottom:10px;margin-top:35px;text-align:center;border-bottom:1px solid #f09600}@media print, screen and (min-width: 767px){#post.instructor_page #instructor_detail>.container .area_category{padding-bottom:21px;margin-top:61px}}#post.instructor_page #instructor_detail>.container .messege{margin-top:37px;border-top:1px solid #f09600;padding-top:30px}#post.instructor_page #instructor_detail>.container .messege .sp .image{display:block;width:48vw;height:48vw;margin:auto;border:1px solid #f09600;border-radius:50%;overflow:hidden}#post.instructor_page #instructor_detail>.container .messege .sp .image img{object-fit:cover;width:100%;height:100%}#post.instructor_page #instructor_detail>.container .messege h3{color:#f7931e}@media only screen and (max-width: 767px){#post.instructor_page #instructor_detail>.container .messege h3{margin-top:30px}}#post.instructor_page #instructor_detail>.container .messege .flex{margin-top:10px;align-items:center;justify-content:space-between}@media print, screen and (min-width: 767px){#post.instructor_page #instructor_detail>.container .messege .flex{margin-top:38px;justify-content:center;gap:0 30px}}#post.instructor_page #instructor_detail>.container .messege .left{line-height:1.85}@media print, screen and (min-width: 767px){#post.instructor_page #instructor_detail>.container .messege .left{max-width:480px;width:50%}}#post.instructor_page #instructor_detail>.container .messege .left p{font-weight:500}#post.instructor_page #instructor_detail>.container .messege .right{display:none}@media print, screen and (min-width: 767px){#post.instructor_page #instructor_detail>.container .messege .right{display:block;max-width:320px;width:32%;border:1px solid #f09600;border-radius:50%;overflow:hidden}}#post.instructor_page #instructor_detail>.container .messege .right img{object-fit:cover;width:100%;height:100%}#post.instructor_page #instructor_detail>.container dl{margin-top:33px}#post.instructor_page #instructor_detail>.container dl dt{border-bottom:1px solid #f09600;padding-bottom:0;line-height:1.7;font-weight:600}@media only screen and (max-width: 767px){#post.instructor_page #instructor_detail>.container dl dt{font-size:1.6rem}}#post.instructor_page #instructor_detail>.container dl dt:not(:first-of-type){margin-top:30px}#post.instructor_page #instructor_detail>.container dl dd{margin-top:18px}#post.instructor_page #instructor_detail>.container dl dd p{font-weight:500}#post.instructor_page #instructor_detail>.container dl dd ul li{font-weight:500}#post.instructor_page #instructor_detail>.container dl dd ul li a{border-bottom:1px solid #f09600}#post.instructor_page #blog .container,#post.instructor_page #relation .container{max-width:908px}#post.instructor_page #blog .container h2,#post.instructor_page #relation .container h2{text-align:left}@media print, screen and (min-width: 767px){#post.instructor_page #blog .container h2,#post.instructor_page #relation .container h2{text-align:center}}@media only screen and (max-width: 767px){#post.instructor_page #blog .container h2,#post.instructor_page #relation .container h2{font-size:2.2rem}}@media print, screen and (min-width: 767px){#post.instructor_page #blog .container .post_list,#post.instructor_page #relation .container .post_list{justify-content:space-between}}#post.instructor_page #blog .container .post_list:after,#post.instructor_page #relation .container .post_list:after{content:'';width:32%;max-width:264px;display:block}#post.instructor_page #blog .container .post_list li,#post.instructor_page #relation .container .post_list li{width:24%;max-width:264px}#post.instructor_page #blog .container .post_list li img,#post.instructor_page #relation .container .post_list li img{height:auto}#post.instructor_page #blog .container .post_list li .author,#post.instructor_page #relation .container .post_list li .author{background:#f09600;color:#fff;text-align:center;display:inline-block;padding:3px 34px;line-height:1;margin-top:22px}#post.instructor_page #blog .container .post_list li .post_title,#post.instructor_page #relation .container .post_list li .post_title{line-height:1.4}#post.instructor_page #blog .container .post_list li .post_date,#post.instructor_page #relation .container .post_list li .post_date{color:#999}@media only screen and (max-width: 767px){#post.instructor_page #blog .container .post_list li .post_date,#post.instructor_page #relation .container .post_list li .post_date{font-size:1.2rem}}@media only screen and (max-width: 767px){#post.instructor_page #blog .container .post_list li .post_title,#post.instructor_page #relation .container .post_list li .post_title{font-size:1.4rem}#post.instructor_page #blog .container .post_list li .post_date,#post.instructor_page #relation .container .post_list li .post_date{font-size:1.2rem}}#post.instructor_page #blog .more,#post.instructor_page #relation .more{max-width:470px;margin-top:50px;padding:20px 0}#post.instructor_page #relation{padding:40px 0;background:#f9f5eb}@media print, screen and (min-width: 767px){#post.instructor_page #relation{padding:45px 0 80px}}#post.instructor_page #relation .container .post_list{justify-content:space-between}@media print, screen and (min-width: 767px){#post.instructor_page #relation .container .post_list{margin-top:20px;flex-direction:row;justify-content:space-between}}#post.instructor_page #relation .container .post_list li{width:48%;margin-top:30px}@media print, screen and (min-width: 767px){#post.instructor_page #relation .container .post_list li{max-width:208px;width:31%;margin-top:60px}}#post.instructor_page #relation .container .post_list li img{border-radius:15px}#post.instructor_page #blog{padding:40px 0}@media print, screen and (min-width: 767px){#post.instructor_page #blog{padding:45px 0 100px}}#post.instructor_page #blog .post_list{margin-top:40px}@media print, screen and (min-width: 767px){#post.instructor_page #blog .post_list:after{content:none !important}}#post.instructor_page #blog .post_list li:nth-of-type(1) .image::after{content:'1'}#post.instructor_page #blog .post_list li:nth-of-type(2) .image::after{content:'2'}#post.instructor_page #blog .post_list li:nth-of-type(3) .image::after{content:'3'}#post.instructor_page #blog .post_list li .image{position:relative}#post.instructor_page #blog .post_list li .image img{height:auto}#post.instructor_page #blog .post_list li .image::after{width:40px;text-align:center;position:absolute;top:0;left:0;background:#f09600;color:#fff}#post.instructor_page #blog .post_list li .image .author{position:absolute;right:0;bottom:0}#post.instructor_page #blog .post_list li .post_title{margin-top:12px}.tab_group{display:flex;justify-content:center;margin-top:20px}.tab{max-width:345px;width:48%;padding:5px;list-style:none;border:solid 3px #f7931e;box-sizing:border-box;text-align:center;cursor:pointer;color:#f7931e;margin:0 4px}@media only screen and (max-width: 767px){.tab{padding:2px;font-size:1.8rem}}.panel_group{border-top:none}.panel{display:none}.tab.is_active{color:#fff;background:#f7931e;transition:all 0.2s ease-out;position:relative}.tab.is_active::after{content:'';position:absolute;transform:rotate(90deg);bottom:-25px;left:0;right:0;margin:auto;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:30px solid #f09600}.panel.is_show{display:block}#contact #page_header h2,#trial_form #page_header h2{display:none}#contact_section{padding:30px 0 50px}@media print, screen and (min-width: 767px){#contact_section{padding:90px 0}}#contact_section .mb30{margin-bottom:30px}#contact_section .center{text-align:center}#contact_section .container{max-width:922px}#contact_section .container .page_title{margin-bottom:40px}#contact_section .container h3{font-size:1.2em}@media only screen and (max-width: 767px){#contact_section .container{padding:0}#contact_section .container>p,#contact_section .container>h2{padding:0 4vw}}#contact_section .container .page_title+p{font-weight:500}#contact_section .form_box{margin-top:30px}@media print, screen and (min-width: 767px){#contact_section .form_box{margin-top:85px}}#contact_section .form_box .form{display:flex;flex-wrap:wrap;flex-direction:column;padding:0 4vw;box-sizing:border-box}@media print, screen and (min-width: 767px){#contact_section .form_box .form{flex-direction:row;align-items:center;padding:0}}@media print, screen and (min-width: 767px){#contact_section .form_box .form>*:not(:first-of-type){margin-top:30px}}#contact_section .form_box .form dt{text-align:left;margin-top:20px;font-weight:500}@media print, screen and (min-width: 767px){#contact_section .form_box .form dt{width:222px;margin-top:0}}#contact_section .form_box .form dt .required{color:red}#contact_section .form_box .form dt:last-of-type{margin-bottom:auto}#contact_section .form_box .form dd{margin-top:10px;font-weight:500}@media print, screen and (min-width: 767px){#contact_section .form_box .form dd{width:calc(100% - 222px);margin-top:0}}#contact_section .form_box .form dd input,#contact_section .form_box .form dd textarea{width:100%;border:1px solid #f7931e;padding:10px 20px;box-sizing:border-box}#contact_section .form_box .form dd input[type='email'],#contact_section .form_box .form dd input[type='text']{height:50px}#contact_section .form_box .form dd textarea{height:327px}#contact_section .form_box .mwform-checkbox-field label,#contact_section .form_box .mwform-radio-field label{font-weight:600}#contact_section .form_box input[type='checkbox'],#contact_section .form_box input[type='radio']{display:none}#contact_section .form_box input[type='checkbox']+span,#contact_section .form_box input[type='radio']+span{display:inline-block;min-height:20px;position:relative;padding:0 0 0 20px;margin-bottom:0;cursor:pointer;vertical-align:bottom;font-weight:500}@media print, screen and (min-width: 767px){#contact_section .form_box input[type='checkbox']+span,#contact_section .form_box input[type='radio']+span{padding:0 0 0 70px}}#contact_section .form_box input[type='checkbox']+span:after,#contact_section .form_box input[type='checkbox']+span:before,#contact_section .form_box input[type='radio']+span:after,#contact_section .form_box input[type='radio']+span:before{position:absolute;content:'';-webkit-transition:all 0.3s ease;transition:all 0.3s ease}#contact_section .form_box input[type='checkbox']+span:after,#contact_section .form_box input[type='radio']+span:after{left:0;top:0;bottom:0;margin:auto;width:14px;height:14px;background:#fff;border:2px solid #000}@media print, screen and (min-width: 767px){#contact_section .form_box input[type='checkbox']+span:after,#contact_section .form_box input[type='radio']+span:after{left:36px}}#contact_section .form_box input[type='checkbox']:checked+span:after,#contact_section .form_box input[type='radio']:checked+span:after{background:#f7931e}#contact_section .form_box input[type='submit']{display:block;background:#f09600;width:90%;max-width:360px;margin:20px auto 0;padding:23px 0;border-radius:50px;box-shadow:3px 3px 3px #969696;text-align:center;letter-spacing:4px;color:#fff;font-family:'游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;font-weight:600;border:none}@media print, screen and (min-width: 767px){#contact_section .form_box input[type='submit']{margin-top:46px}}#contact_section .form_box .privacy{margin-top:10px;font-weight:600;text-align:center}@media print, screen and (min-width: 767px){#contact_section .form_box .privacy{margin-top:45px}}#contact_section .form_box .privacy a{color:red;font-weight:500;display:inline-block;margin-top:30px}@media print, screen and (min-width: 767px){#contact_section .form_box .privacy a{margin-top:0}}#contact_section .form_box .privacy .note{font-size:120%;margin-top:6px;font-weight:500;padding:12px 0}@media print, screen and (min-width: 767px){#contact_section .form_box .privacy .note{padding:0;font-size:82.5%}}#archive.column_page>section>.container,#post.column_page>section>.container{max-width:1110px}@media only screen and (max-width: 767px){#archive.column_page>section>.container,#post.column_page>section>.container{padding:0}}#archive.column_page>section>.container>.flex:not(ul),#post.column_page>section>.container>.flex:not(ul){flex-direction:column}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul),#post.column_page>section>.container>.flex:not(ul){flex-direction:row}}#archive.column_page>section>.container>.flex:not(ul) .left,#post.column_page>section>.container>.flex:not(ul) .left{width:100%;padding:0 4vw;box-sizing:border-box}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .left,#post.column_page>section>.container>.flex:not(ul) .left{width:60%;max-width:680px;padding:0}}#archive.column_page>section>.container>.flex:not(ul) .left>h2,#post.column_page>section>.container>.flex:not(ul) .left>h2{position:relative;padding-bottom:5px;color:#f7931e;border-bottom:1px solid #b3b3b3}#archive.column_page>section>.container>.flex:not(ul) .left>h2 span,#post.column_page>section>.container>.flex:not(ul) .left>h2 span{position:relative}#archive.column_page>section>.container>.flex:not(ul) .left>h2 span::after,#post.column_page>section>.container>.flex:not(ul) .left>h2 span::after{content:'';position:absolute;bottom:-16px;left:0;background:#f7931e;width:58px;height:4px;margin:auto}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .left>h2 span::after,#post.column_page>section>.container>.flex:not(ul) .left>h2 span::after{bottom:-19px}}#archive.column_page>section>.container>.flex:not(ul) .left>h2 span>span,#post.column_page>section>.container>.flex:not(ul) .left>h2 span>span{color:#2b2b2b}#archive.column_page>section>.container>.flex:not(ul) .left>h2 span>span::after,#post.column_page>section>.container>.flex:not(ul) .left>h2 span>span::after{display:none}#archive.column_page>section>.container>.flex:not(ul) .left>h2 small,#post.column_page>section>.container>.flex:not(ul) .left>h2 small{font-size:50%;float:right;margin-top:20px}#archive.column_page>section>.container>.flex:not(ul) .right,#post.column_page>section>.container>.flex:not(ul) .right{width:100%;margin-top:50px}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right,#post.column_page>section>.container>.flex:not(ul) .right{width:34%;max-width:330px;margin-top:0}}#archive.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3,#post.column_page>section>.container>.flex:not(ul) .right>div:not(.author_detail) h3{padding-bottom:6px}#archive.column_page>section>.container>.flex:not(ul) .right .author_detail,#post.column_page>section>.container>.flex:not(ul) .right .author_detail{align-items:center;padding:30px 4vw;background:#f9f5eb}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .author_detail,#post.column_page>section>.container>.flex:not(ul) .right .author_detail{margin:20px 0;padding:0;background:none}}#archive.column_page>section>.container>.flex:not(ul) .right .author_detail .image,#post.column_page>section>.container>.flex:not(ul) .right .author_detail .image{width:90px;height:90px;box-sizing:border-box;border:1px solid #b3b3b3;border-radius:50%;overflow:hidden}#archive.column_page>section>.container>.flex:not(ul) .right .author_detail .image img,#post.column_page>section>.container>.flex:not(ul) .right .author_detail .image img{width:100%}#archive.column_page>section>.container>.flex:not(ul) .right .author_detail .text,#post.column_page>section>.container>.flex:not(ul) .right .author_detail .text{width:calc(100% - 90px - 18px)}#archive.column_page>section>.container>.flex:not(ul) .right .author_detail .text h3,#post.column_page>section>.container>.flex:not(ul) .right .author_detail .text h3{font-size:144%;line-height:1.2}#archive.column_page>section>.container>.flex:not(ul) .right .author_detail .text p,#post.column_page>section>.container>.flex:not(ul) .right .author_detail .text p{line-height:1.8;margin-top:6px}#archive.column_page>section>.container>.flex:not(ul) .right .pager,#post.column_page>section>.container>.flex:not(ul) .right .pager{padding:40px 4vw;overflow:hidden}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .pager,#post.column_page>section>.container>.flex:not(ul) .right .pager{display:none}}#archive.column_page>section>.container>.flex:not(ul) .right .pager .prev,#post.column_page>section>.container>.flex:not(ul) .right .pager .prev{float:left;position:relative}#archive.column_page>section>.container>.flex:not(ul) .right .pager .prev::before,#post.column_page>section>.container>.flex:not(ul) .right .pager .prev::before{content:'';width:10px;height:10px;display:inline-block;border-top:2px solid #f09600;border-left:2px solid #f09600;transform:rotate(-45deg)}#archive.column_page>section>.container>.flex:not(ul) .right .pager .next,#post.column_page>section>.container>.flex:not(ul) .right .pager .next{float:right;position:relative}#archive.column_page>section>.container>.flex:not(ul) .right .pager .next::after,#post.column_page>section>.container>.flex:not(ul) .right .pager .next::after{content:'';width:10px;height:10px;display:inline-block;border-top:2px solid #f09600;border-right:2px solid #f09600;transform:rotate(45deg)}#archive.column_page>section>.container>.flex:not(ul) .right .popular,#post.column_page>section>.container>.flex:not(ul) .right .popular{margin-top:0;padding:30px 4vw;background:#f9f5eb}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular,#post.column_page>section>.container>.flex:not(ul) .right .popular{margin-top:50px;padding:0;background:none}}#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group{margin-top:0}#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab{background:#fbe1c3;color:#f7931e;border:none;border-radius:5px 5px 0 0;margin:0;width:50%}#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab.is_active,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab.is_active{background:#f7931e;color:#fff}#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab.is_active::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .tab_group .tab.is_active::after{content:none}#archive.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .panel_group,#post.column_page>section>.container>.flex:not(ul) .right .popular .tab_panel .panel_group{margin-top:20px}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list{flex-direction:column}}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:not(:first-of-type),#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:not(:first-of-type){margin-top:20px}}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:nth-of-type(1) .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:nth-of-type(1) .image::after{content:'1'}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:nth-of-type(2) .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:nth-of-type(2) .image::after{content:'2'}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:nth-of-type(3) .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li:nth-of-type(3) .image::after{content:'3'}}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a{display:flex;align-items:center;justify-content:space-between;width:100%;max-width:100%}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image{position:relative;width:56%;max-width:182px}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after{width:40px;text-align:center;position:absolute;top:0;left:0;background:#f09600;color:#fff}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image::after{content:''}}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image img,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image img{max-height:100px;object-fit:cover}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image .author,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .image .author{position:absolute;right:0;bottom:0;font-size:10px;padding:0 20px;color:#fff}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text{width:40%}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_title{font-size:1.4rem}}#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date{margin-top:6px;color:#999}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date,#post.column_page>section>.container>.flex:not(ul) .right .popular .post_list li a .text .post_date{font-size:1.2rem}}#archive.column_page>section>.container>.flex:not(ul) .right .serch,#post.column_page>section>.container>.flex:not(ul) .right .serch{background:#fff;margin-top:0;padding:30px 4vw}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .serch,#post.column_page>section>.container>.flex:not(ul) .right .serch{margin-top:35px;padding:0;background:none}}#archive.column_page>section>.container>.flex:not(ul) .right .serch .select,#post.column_page>section>.container>.flex:not(ul) .right .serch .select{width:100%;height:40px;border:1px solid #000;position:relative}#archive.column_page>section>.container>.flex:not(ul) .right .serch .select select,#post.column_page>section>.container>.flex:not(ul) .right .serch .select select{border:none;display:block;width:100%;height:100%;padding:0 10px;box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}#archive.column_page>section>.container>.flex:not(ul) .right .serch .select .arrow,#post.column_page>section>.container>.flex:not(ul) .right .serch .select .arrow{border-left:1px solid #000;width:40px;height:100%;position:absolute;top:0;right:0;bottom:0;margin:auto;pointer-events:none}#archive.column_page>section>.container>.flex:not(ul) .right .serch .select .arrow::after,#post.column_page>section>.container>.flex:not(ul) .right .serch .select .arrow::after{content:'';position:absolute;top:0;right:6px;bottom:0;left:0;width:14px;height:14px;margin:auto;border-top:1px solid #000;border-right:1px solid #000;transform:rotate(45deg)}#archive.column_page>section>.container>.flex:not(ul) .right .tag,#post.column_page>section>.container>.flex:not(ul) .right .tag{background:#f9f5eb;margin-top:0;padding:30px 4vw}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .tag,#post.column_page>section>.container>.flex:not(ul) .right .tag{margin-top:64px;padding:0;background:none}}#archive.column_page>section>.container>.flex:not(ul) .right .tag nav,#post.column_page>section>.container>.flex:not(ul) .right .tag nav{display:flex;flex-wrap:wrap;justify-content:flex-start;gap:6px 10px}#archive.column_page>section>.container>.flex:not(ul) .right .tag nav a,#post.column_page>section>.container>.flex:not(ul) .right .tag nav a{color:#ff7800;display:inline-block;border:1px solid #ff7800;box-shadow:2px 2px 0 rgba(0,0,0,0.3);padding:3px 8px;background:#fff}#archive.column_page>section>.container>.flex:not(ul) .right .bunner,#post.column_page>section>.container>.flex:not(ul) .right .bunner{padding:30px 4vw}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex:not(ul) .right .bunner,#post.column_page>section>.container>.flex:not(ul) .right .bunner{margin-top:86px;padding:0}}#archive.column_page>section>.container>.flex:not(ul) .right .bunner ul,#post.column_page>section>.container>.flex:not(ul) .right .bunner ul{margin-top:20px}#archive.column_page>section>.container>.flex:not(ul) .right .bunner ul li,#post.column_page>section>.container>.flex:not(ul) .right .bunner ul li{text-indent:-1em;padding-left:1em;letter-spacing:-0.03em}#post.column_page #post_section{padding:30px 0}@media print, screen and (min-width: 767px){#post.column_page #post_section{padding:50px 0}}#post.column_page #post_section>.container>.flex .left .post_title{color:#f7931e;margin-top:40px}#post.column_page #post_section>.container>.flex .left .thumbnail{margin-top:47px}#post.column_page #post_section>.container>.flex .left .thumbnail img{width:100%;height:250px;object-fit:cover}@media print, screen and (min-width: 767px){#post.column_page #post_section>.container>.flex .left .thumbnail img{height:414px}}#post.column_page #post_section>.container>.flex .left .author{margin:15px 0 37px;background-size:64px;background-position:left center;background-repeat:no-repeat;padding:8px 0 2px 84px}#post.column_page #post_section>.container>.flex .left .author p{line-height:1.9}#post.column_page #post_section>.container>.flex .left .post_content p{font-weight:normal}@media only screen and (max-width: 767px){#post.column_page #post_section>.container>.flex .left .post_content p{line-height:2}}#post.column_page #post_section>.container>.flex .left .post_content p strong{padding-bottom:30px;border-bottom:1px solid #ff7800;display:block}#post.column_page #post_section>.container>.flex .left .post_content .contents{border:1px solid #ff7800;border-radius:16px;padding:13px 22px 90px}@media only screen and (max-width: 767px){#post.column_page #popular_block .container,#post.column_page #relation_block .container{padding:0 4vw}}#post.column_page #popular_block h2,#post.column_page #relation_block h2{text-align:center}#post.column_page #popular_block ul,#post.column_page #relation_block ul{margin-top:20px}@media print, screen and (min-width: 767px){#post.column_page #popular_block ul,#post.column_page #relation_block ul{margin-top:36px}}#post.column_page #popular_block ul::before,#post.column_page #relation_block ul::before{content:'';display:block;width:23%;order:1}#post.column_page #popular_block ul::after,#post.column_page #relation_block ul::after{content:'';display:inline-block;width:23%}#post.column_page #popular_block ul li,#post.column_page #relation_block ul li{width:48%}@media print, screen and (min-width: 767px){#post.column_page #popular_block ul li,#post.column_page #relation_block ul li{width:23%;max-width:248px}}#post.column_page #popular_block ul li .image,#post.column_page #relation_block ul li .image{position:relative}#post.column_page #popular_block ul li .image .author,#post.column_page #relation_block ul li .image .author{position:absolute;right:0;bottom:0;font-size:10px;padding:0 20px;color:#fff;background:#f09600;font-size:1.2rem}#post.column_page #popular_block ul li .image img,#post.column_page #relation_block ul li .image img{height:200px;object-fit:cover;border-radius:14px}@media only screen and (max-width: 767px){#post.column_page #popular_block ul li .image img,#post.column_page #relation_block ul li .image img{max-height:128px}}#post.column_page #popular_block ul li .post_title,#post.column_page #relation_block ul li .post_title{line-height:1.8;margin-top:42px}@media only screen and (max-width: 767px){#post.column_page #popular_block ul li .post_title,#post.column_page #relation_block ul li .post_title{font-size:1.4rem}}#post.column_page #popular_block ul li .post_date,#post.column_page #relation_block ul li .post_date{color:#999;margin-top:3px}@media only screen and (max-width: 767px){#post.column_page #popular_block ul li .post_date,#post.column_page #relation_block ul li .post_date{font-size:1.2rem}}@media print, screen and (min-width: 767px){#post.column_page #relation_block .container{padding:50px 0}}#post.column_page #popular_block{padding:30px 0 0}@media print, screen and (min-width: 767px){#post.column_page #popular_block{background:#f9f5eb;padding:50px 0}}#archive.column_page>section>.container .more{max-width:348px;margin-top:30px;padding:16px 0;color:#f09600}@media print, screen and (min-width: 767px){#archive.column_page>section>.container .more{margin-top:56px}}#archive.column_page>section>.container>.flex .left>h3{margin-top:20px;letter-spacing:-0.03em}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex .left>h3{font-size:1.4rem}}#archive.column_page>section>.container>.flex .left>h3 span{display:inline-block;padding-left:54px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_blog.svg) no-repeat left center;background-size:42px}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex .left>h3 span{padding-left:130px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_blog.svg) no-repeat left center;background-size:100px}}#archive.column_page>section>.container>.flex .left>h3 span strong{display:block}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex .left>h3 span strong{font-size:150%;display:block}}#archive.column_page>section>.container>.flex .left .post_list{justify-content:space-between}#archive.column_page>section>.container>.flex .left .post_list::after{content:'';display:inline-block;width:31%}#archive.column_page>section>.container>.flex .left .post_list li{width:48%;margin-top:30px}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex .left .post_list li{max-width:208px;width:31%;margin-top:60px}}#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1),#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2){width:100%;margin-top:34px}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1),#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2){max-width:317px;width:49%;margin-top:70px}}#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .image img,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .image img{max-height:196px}#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_title{margin-top:16px}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_title,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_title{font-size:1.6rem}}#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_date{margin-top:11px}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(1) .text .post_date,#archive.column_page>section>.container>.flex .left .post_list li:nth-of-type(2) .text .post_date{font-size:1.2rem}}#archive.column_page>section>.container>.flex .left .post_list li a{width:100%;max-width:100%}#archive.column_page>section>.container>.flex .left .post_list li a .image{position:relative;width:100%}#archive.column_page>section>.container>.flex .left .post_list li a .image img{width:100%;max-height:128px;object-fit:contain}#archive.column_page>section>.container>.flex .left .post_list li a .image .author,#archive.column_page>section>.container>.flex .left .post_list li a .image .icons{position:absolute;right:0;bottom:0;padding:0 20px;color:#fff}#archive.column_page>section>.container>.flex .left .post_list li a .image .icons{padding:0;right:auto;left:0}#archive.column_page>section>.container>.flex .left .post_list li a .image .icons .icon{display:inline-block;padding:0 20px}#archive.column_page>section>.container>.flex .left .post_list li a .text .post_title{line-height:1.4;margin-top:14px}@media only screen and (max-width: 767px){#archive.column_page>section>.container>.flex .left .post_list li a .text .post_title{font-size:1.4rem}}#archive.column_page>section>.container>.flex .left .post_list li a .text .post_date{font-size:1.2rem;color:#999;margin-top:5px}@media print, screen and (min-width: 767px){#archive.column_page>section>.container>.flex .right .popular{margin-top:-12px}}#archive.column_page>section>.container>.flex .right .serch{margin-top:20px}#archive.column_page>section>.container>.flex .right .tag{margin-top:22px}#archive.column_page #column_block{padding:30px 0 0}@media print, screen and (min-width: 767px){#archive.column_page #column_block{padding:60px 0 140px}}#archive.column_page #column_block>h2 span{position:relative}#archive.column_page #column_block>h2 span::after{content:'';position:absolute;bottom:-19px;left:0;background:#f7931e;width:58px;height:4px;margin:auto}@media only screen and (max-width: 767px){#archive.column_page #popular_block .container,#archive.column_page #relation_block .container{padding:0 4vw}}#archive.column_page #popular_block h2,#archive.column_page #relation_block h2{text-align:center}#archive.column_page #popular_block ul,#archive.column_page #relation_block ul{margin-top:20px}@media print, screen and (min-width: 767px){#archive.column_page #popular_block ul,#archive.column_page #relation_block ul{margin-top:36px}}#archive.column_page #popular_block ul::before,#archive.column_page #relation_block ul::before{content:'';display:block;width:23%;order:1}#archive.column_page #popular_block ul::after,#archive.column_page #relation_block ul::after{content:'';display:inline-block;width:23%}#archive.column_page #popular_block ul li,#archive.column_page #relation_block ul li{width:48%;margin-bottom:15px}@media print, screen and (min-width: 767px){#archive.column_page #popular_block ul li,#archive.column_page #relation_block ul li{width:23%;max-width:248px}}#archive.column_page #popular_block ul li .image,#archive.column_page #relation_block ul li .image{position:relative}#archive.column_page #popular_block ul li .image .author,#archive.column_page #relation_block ul li .image .author{position:absolute;right:0;bottom:0;font-size:10px;padding:0 20px;color:#fff;background:#f09600;font-size:1.2rem}#archive.column_page #popular_block ul li .image img,#archive.column_page #relation_block ul li .image img{height:200px;object-fit:cover;border-radius:14px}@media only screen and (max-width: 767px){#archive.column_page #popular_block ul li .image img,#archive.column_page #relation_block ul li .image img{height:128px}}#archive.column_page #popular_block ul li .post_title,#archive.column_page #relation_block ul li .post_title{line-height:1.8;margin-top:42px}@media only screen and (max-width: 767px){#archive.column_page #popular_block ul li .post_title,#archive.column_page #relation_block ul li .post_title{font-size:1.4rem}}#archive.column_page #popular_block ul li .post_date,#archive.column_page #relation_block ul li .post_date{color:#999;margin-top:3px}@media only screen and (max-width: 767px){#archive.column_page #popular_block ul li .post_date,#archive.column_page #relation_block ul li .post_date{font-size:1.2rem}}#archive.column_page #popular_block{padding:30px 0 0}@media print, screen and (min-width: 767px){#archive.column_page #popular_block{background:#f9f5eb;padding:50px 0}}#archive.column_page #relation_block{padding:30px 0 40px}@media print, screen and (min-width: 767px){#archive.column_page #relation_block{background:none;padding:60px 0}}#archive.column_page #news_block{padding:30px 0 0;background:#f9f5eb}@media print, screen and (min-width: 767px){#archive.column_page #news_block{padding:42px 0}}@media only screen and (max-width: 767px){#about_page #page_header h2{display:none}}#about_page .about_section #about_01{padding:40px 0;background:#f9f5eb;text-align:center}@media print, screen and (min-width: 767px){#about_page .about_section #about_01{padding:76px 0 144px}}#about_page .about_section #about_01 .container{position:relative}#about_page .about_section #about_01 .container .illust{display:none}@media print, screen and (min-width: 767px){#about_page .about_section #about_01 .container .illust{display:block}}#about_page .about_section #about_01 .container .illust p{position:absolute}#about_page .about_section #about_01 .container .illust p:first-of-type{top:-4%;right:8%;width:143px}#about_page .about_section #about_01 .container .illust p:last-of-type{bottom:-10%;left:8%;width:155px}#about_page .about_section #about_01 h2{position:relative;z-index:1;font-weight:600}@media only screen and (max-width: 767px){#about_page .about_section #about_01 h2{font-weight:700;font-size:min(6vw, 2.5rem)}}#about_page .about_section #about_01 p{position:relative;z-index:1;margin-top:20px;line-height:2;text-align:left;font-weight:500}@media print, screen and (min-width: 767px){#about_page .about_section #about_01 p{text-align:center;margin-top:38px;line-height:2.8}}@media only screen and (max-width: 767px){#about_page .about_section #about_01 p{font-size:1.6rem;line-height:2}}#about_page .about_section #about_02{padding:40px 0}@media print, screen and (min-width: 767px){#about_page .about_section #about_02{padding:111px 0 156px}}#about_page .about_section #about_02>h2{padding:0 4vw}@media print, screen and (min-width: 767px){#about_page .about_section #about_02>h2{padding:0}}#about_page .about_section #about_02 .wide{margin-top:40px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide{margin-top:77px}}#about_page .about_section #about_02 .wide+.wide{margin-top:40px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide+.wide{margin-top:208px}}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide+.wide .text h2{left:auto;right:0;width:200%;max-width:600px;background:#f9f5eb}}#about_page .about_section #about_02 .wide+.wide .text p{font-weight:500}#about_page .about_section #about_02 .wide.right{margin-top:40px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide.right{margin-top:70px}}#about_page .about_section #about_02 .wide.left{background:#f9f5eb;padding-bottom:40px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide.left{padding-bottom:114px}}#about_page .about_section #about_02 .wide .text{position:relative;z-index:10}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide .text h2{position:absolute;top:20px;left:0;display:inline-block;width:200%;max-width:776px;background:#fff}}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .wide .text p{margin-top:116px}}#about_page .about_section #about_02 .wide .text p span{color:#ff7800;font-weight:bold}#about_page .about_section #about_02 .container{max-width:1032px;padding-top:40px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .container{padding-top:68px}}#about_page .about_section #about_02 .container h2{color:#ff7800}#about_page .about_section #about_02 .container .flex{margin-top:32px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .container .flex{flex-direction:row}}#about_page .about_section #about_02 .container .flex .text{width:100%;line-height:2;font-weight:500}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .container .flex .text{width:48%;max-width:435px}}@media only screen and (max-width: 767px){#about_page .about_section #about_02 .container .flex .text{font-size:1.6rem;line-height:2}}#about_page .about_section #about_02 .container .flex .image{width:100%;margin-top:30px}@media print, screen and (min-width: 767px){#about_page .about_section #about_02 .container .flex .image{width:48%;max-width:442px;margin:0}}#about_page .about_section #about_03{background:#f9f5eb;padding:40px 0}@media print, screen and (min-width: 767px){#about_page .about_section #about_03{padding:110px 0 130px}}#about_page .about_section #about_03 .container{max-width:1057px}#about_page .about_section #about_03 h2{text-align:center}#about_page .about_section #about_03 h2 span{background:#fff}#about_page .about_section #about_03 ol{margin-top:50px;justify-content:center}#about_page .about_section #about_03 ol li{width:40%;display:inline-block;text-align:center;border-radius:40px;margin:0 10px;background:#f09600;color:#fff}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ol li{width:228px}}#about_page .about_section #about_03 ol+p{text-align:center;margin-top:20px;font-weight:500}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ol+p{margin-top:58px}}@media only screen and (max-width: 767px){#about_page .about_section #about_03 ol+p{font-size:1.6rem;line-height:2}}#about_page .about_section #about_03 ul{margin-top:30px}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul{margin-top:58px}}#about_page .about_section #about_03 ul li:nth-of-type(1) p:first-of-type{background:#f8edc7}#about_page .about_section #about_03 ul li:nth-of-type(3) p:first-of-type{background:#f7e9a8}#about_page .about_section #about_03 ul li:nth-of-type(5) p:first-of-type{background:#f8e19d}#about_page .about_section #about_03 ul li:nth-of-type(odd){width:100%}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd){max-width:300px;width:calc((100% - 154px) / 3)}}@media only screen and (max-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd):not(:last-of-type){margin-bottom:30px}}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd):not(:last-of-type) p:first-of-type::before{content:'';position:absolute;right:-48px;top:0;bottom:0;margin:auto;display:block;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid #f6ae57}}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd):not(:last-of-type) p:first-of-type::after{content:'休憩\A２分';position:absolute;right:-57px;bottom:26px;margin:auto;white-space:pre;display:block;font-weight:500}}#about_page .about_section #about_03 ul li:nth-of-type(odd) p small{font-weight:500}@media only screen and (max-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd) p small{font-size:1.6rem;line-height:2}}#about_page .about_section #about_03 ul li:nth-of-type(odd) p:first-of-type{text-align:center;width:60vw;height:60vw;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;margin:auto}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd) p:first-of-type{width:100%;height:27vw;max-height:300px}}#about_page .about_section #about_03 ul li:nth-of-type(odd) p:first-of-type strong{font-size:200%;display:block;line-height:1.9}#about_page .about_section #about_03 ul li:nth-of-type(odd) p:first-of-type strong span{font-size:90%}#about_page .about_section #about_03 ul li:nth-of-type(odd) p:last-of-type{width:70vw;margin-top:36px;margin-left:auto;margin-right:auto;font-weight:500}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd) p:last-of-type{width:auto}}@media only screen and (max-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd) p:last-of-type{font-size:1.6rem;line-height:2}}#about_page .about_section #about_03 ul li:nth-of-type(odd) .image{margin-top:20px;text-align:center}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd) .image{margin-top:33px}}#about_page .about_section #about_03 ul li:nth-of-type(odd) .image img{max-height:46vw}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(odd) .image img{max-height:247px}}#about_page .about_section #about_03 ul li:nth-of-type(even){width:60vw;position:relative;margin:0 auto 30px}@media print, screen and (min-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(even){width:77px}}@media only screen and (max-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(even) .sp{position:absolute;top:0;right:0}}@media only screen and (max-width: 767px){#about_page .about_section #about_03 ul li:nth-of-type(even)::before{content:'';margin:auto;display:block;width:0;height:0;border-top:26px solid #f6ae57;border-right:18px solid transparent;border-left:18px solid transparent}}#about_page .about_section #about_04{padding:60px 0 80px}@media print, screen and (min-width: 767px){#about_page .about_section #about_04{padding:92px 0 164px}}#about_page .about_section #about_04 .container{max-width:722px}#about_page .about_section #about_04 h2{text-align:center}#about_page .about_section #about_04 .youtube{position:relative;width:100%;margin-top:20px;padding-top:56.25%}#about_page .about_section #about_04 .youtube iframe{position:absolute;top:0;right:0;width:100%;height:100%}#about_page .about_section #about_05{background:#f9f5eb;padding:50px 0 60px}@media print, screen and (min-width: 767px){#about_page .about_section #about_05{padding:110px 0 130px}}#about_page .about_section #about_05 .container{max-width:1000px}#about_page .about_section #about_05 h2{text-align:center;font-family:YuMincho, 'Yu Mincho', serif}#about_page .about_section #about_05 .reason{margin-top:30px;background:#fff;position:relative}@media print, screen and (min-width: 767px){#about_page .about_section #about_05 .reason{margin-top:76px;padding:38px 0}}#about_page .about_section #about_05 .reason+.reason{margin-top:50px}@media print, screen and (min-width: 767px){#about_page .about_section #about_05 .reason+.reason{margin-top:80px}}#about_page .about_section #about_05 .reason .num{width:50px;height:50px;position:absolute;top:0;right:0;background:#f09600;color:#fff;display:flex;align-items:center;justify-content:center;font-size:2rem}@media print, screen and (min-width: 767px){#about_page .about_section #about_05 .reason .num{width:80px;height:80px;font-size:5rem}}#about_page .about_section #about_05 .reason .image{width:100%}@media print, screen and (min-width: 767px){#about_page .about_section #about_05 .reason .image{width:50%}}#about_page .about_section #about_05 .reason .text{width:100%;padding:15px 10px 30px;box-sizing:border-box;position:relative}@media print, screen and (min-width: 767px){#about_page .about_section #about_05 .reason .text{position:static;width:50%;padding:0 76px 0 50px}}#about_page .about_section #about_05 .reason .text h3{color:#ff7800;line-height:1.6}@media only screen and (max-width: 767px){#about_page .about_section #about_05 .reason .text h3{padding-right:15%}}#about_page .about_section #about_05 .reason .text h3+p{margin-top:10px;font-weight:500}@media print, screen and (min-width: 767px){#about_page .about_section #about_05 .reason .text h3+p{margin-top:0.5em}}@media only screen and (max-width: 767px){#about_page .about_section #about_05 .reason .text h3+p{font-size:1.6rem;line-height:2}}#about_page .about_section #about_06{padding:60px 0}@media print, screen and (min-width: 767px){#about_page .about_section #about_06{padding:116px 0}}#about_page .about_section #about_06 .container{max-width:1000px}#about_page .about_section #about_06 h2{text-align:center}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 h2{margin-bottom:30px}}#about_page .about_section #about_06 h2 span{display:inline-block;color:#f09600;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/effect/title_bg.svg) no-repeat bottom center;background-size:100% auto}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 h2 span{padding:0 32px 66px}}@media only screen and (max-width: 767px){#about_page .about_section #about_06 h2 span{font-size:min(6vw, 2.4rem);padding:0 0 46px}}#about_page .about_section #about_06 .more{max-width:420px;color:#f09600;margin-top:36px;padding:17px}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 .more{margin-top:76px}}#about_page .about_section #about_06 .review{border:1px solid #f09600;background:#fff;margin-top:8px;padding:16px;box-sizing:border-box;position:relative}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 .review{padding:22px 45px 62px}}#about_page .about_section #about_06 .review:after,#about_page .about_section #about_06 .review:before{content:'';position:absolute;width:0;height:0}#about_page .about_section #about_06 .review:before{top:0;left:0;border-top:10px solid #f09600;border-left:10px solid #f09600;border-right:10px solid transparent;border-bottom:10px solid transparent}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 .review:before{border-width:30px}}#about_page .about_section #about_06 .review:after{bottom:0;right:0;border-bottom:10px solid #f09600;border-right:10px solid #f09600;border-top:10px solid transparent;border-left:10px solid transparent}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 .review:after{border-width:30px}}#about_page .about_section #about_06 .review h3{letter-spacing:-0.06em;color:#ff7800}#about_page .about_section #about_06 .review>.flex{margin-top:23px}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 .review>.flex dl{width:280px}}#about_page .about_section #about_06 .review>.flex dl dt{border-bottom:2px dotted #f7ba55}#about_page .about_section #about_06 .review>.flex dl dd{margin-top:20px;font-weight:500}@media only screen and (max-width: 767px){#about_page .about_section #about_06 .review>.flex dl dd{font-size:1.6rem;line-height:2}}#about_page .about_section #about_06 .review>.flex .images{margin-top:40px}@media print, screen and (min-width: 767px){#about_page .about_section #about_06 .review>.flex .images{width:calc(100% - 280px - 42px);margin-top:0}}#about_page .about_section #about_06 .review>.flex .images li{width:45%;position:relative}#about_page .about_section #about_06 .review>.flex .images li::after{position:absolute;top:-25px;left:0;display:inline-block;color:#fff;width:100px;text-align:center}@media only screen and (min-width: 1024px){#about_page .about_section #about_06 .review>.flex .images li::after{top:0}}#about_page .about_section #about_06 .review>.flex .images li:first-of-type:after{content:'Before';background:#85aeaa}#about_page .about_section #about_06 .review>.flex .images li:first-of-type::before{content:'';position:absolute;transform:rotate(0deg);top:45%;right:-25px;margin:auto;width:0;height:0;border-top:15px solid transparent;border-bottom:15px solid transparent;border-left:20px solid #f09600}@media only screen and (min-width: 1024px){#about_page .about_section #about_06 .review>.flex .images li:first-of-type::before{right:-40px}}#about_page .about_section #about_06 .review>.flex .images li:last-of-type{margin:0}#about_page .about_section #about_06 .review>.flex .images li:last-of-type:after{content:'After';background:#f09600}#lesson_page{padding-bottom:0}@media print, screen and (min-width: 767px){#lesson_page{padding-bottom:160px}}#lesson_page .lesson_section #lesson_01{background:#f9f5eb;text-align:center}#lesson_page .lesson_section #lesson_01 .container{position:relative;padding-top:40px;padding-bottom:40px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_01 .container{padding-top:98px;padding-bottom:142px}}#lesson_page .lesson_section #lesson_01 .container .illust{display:none}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_01 .container .illust{display:block}}#lesson_page .lesson_section #lesson_01 .container .illust p{position:absolute}#lesson_page .lesson_section #lesson_01 .container .illust p:first-of-type{top:-4%;right:8%;width:143px}#lesson_page .lesson_section #lesson_01 .container .illust p:last-of-type{bottom:0;left:8%;width:155px}#lesson_page .lesson_section #lesson_01 h2{position:relative;z-index:1;font-weight:600}#lesson_page .lesson_section #lesson_01 p{position:relative;z-index:1;margin-top:38px;line-height:2.8;text-align:left;font-weight:500}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_01 p{text-align:center}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_01 p{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_01 p+p{line-height:2.2}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_01 p+p{line-height:2}}#lesson_page .lesson_section #lesson_02{padding:40px 0}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02{padding:116px 0 107px}}#lesson_page .lesson_section #lesson_02 .title{padding:0 4vw}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .title{padding:0}}#lesson_page .lesson_section #lesson_02 .wide{margin-top:40px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .wide{margin-top:65px}}#lesson_page .lesson_section #lesson_02 .wide .text{position:relative;z-index:10}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .wide .text h2{position:absolute;top:0;left:0;display:inline-block;width:200%;max-width:776px;background:#fff}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .wide .text p{margin-top:100px}}#lesson_page .lesson_section #lesson_02 .container{max-width:1000px}#lesson_page .lesson_section #lesson_02 .container h2{margin-top:60px;text-align:center}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .container h2{margin-top:162px}}#lesson_page .lesson_section #lesson_02 .container h2 span{display:inline-block;color:#f09600;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/top/effect/title_bg.svg) no-repeat bottom center;background-size:100% auto}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .container h2 span{padding:0 32px 70px}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_02 .container h2 span{font-size:min(6vw, 2.4rem);padding:0 0 46px}}#lesson_page .lesson_section #lesson_02 .container .review{margin-top:20px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .container .review{margin-top:45px}}#lesson_page .lesson_section #lesson_02 .container .more{max-width:420px;color:#f09600;margin-top:40px;padding:17px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_02 .container .more{margin-top:76px}}#lesson_page .lesson_section #lesson_03{padding:60px 0;background:#f4f7f1}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03{padding:111px 0}}#lesson_page .lesson_section #lesson_03 .container{max-width:1000px}#lesson_page .lesson_section #lesson_03 .top_text{text-align:center}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .top_text h2{font-size:2rem}}#lesson_page .lesson_section #lesson_03 .top_text h2 span{display:inline-block;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/lesson/title_bg_01.svg) no-repeat bottom center;background-size:100% auto;width:100%;max-width:1000px;padding:0 0 20px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .top_text h2 span{padding:0 0 56px}}#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(1){font-size:3rem;color:red}@media only screen and (min-width: 767px) and (max-width: 1024px){#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(1){font-size:4rem}}@media only screen and (min-width: 1024px){#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(1){font-size:6rem}}#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(2){margin-top:7px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(2){margin-top:7px}}#lesson_page .lesson_section #lesson_03 .top_text p:nth-of-type(2) strong{font-size:133%;color:red}#lesson_page .lesson_section #lesson_03 .text_01{position:relative;max-width:900px;border:6px solid #7fa8a0;box-shadow:5px 5px 0 #7fa8a0;background:#fff;text-align:center;margin:46px auto 0;padding:45px 20px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01{margin:120px auto 0;padding:77px 20px;box-shadow:11px 11px 0 #7fa8a0}}#lesson_page .lesson_section #lesson_03 .text_01 .fukidashi{width:100%;max-width:36vw;position:absolute;top:-18%;left:-2%}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 .fukidashi{width:100%;max-width:256px;top:-19%;left:0}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 p{font-size:2rem}}#lesson_page .lesson_section #lesson_03 .text_01 ul{display:inline-block;margin-top:27px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 ul{margin-top:46px}}#lesson_page .lesson_section #lesson_03 .text_01 ul li{text-align:left;display:flex;align-items:center}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 ul li{white-space:nowrap;font-size:min(5vw, 2rem)}}#lesson_page .lesson_section #lesson_03 .text_01 ul li:not(:first-of-type){margin-top:28px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 ul li:not(:first-of-type){margin-top:48px}}#lesson_page .lesson_section #lesson_03 .text_01 ul li span{display:inline-block;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#85aeaa;border-radius:6px;color:#fff;text-align:center;margin-right:10px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_01 ul li span{width:68px;height:68px;margin-right:32px}}#lesson_page .lesson_section #lesson_03 .text_01 ul li strong{color:red}#lesson_page .lesson_section #lesson_03 .text_02>p,#lesson_page .lesson_section #lesson_03 .text_03>p{text-align:center}#lesson_page .lesson_section #lesson_03 .text_02>p::before,#lesson_page .lesson_section #lesson_03 .text_03>p::before{content:'';width:50px;height:38px;display:block;margin:30px auto;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/lesson/arrow.svg) no-repeat bottom center;background-size:100% auto}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02>p::before,#lesson_page .lesson_section #lesson_03 .text_03>p::before{width:80px;height:52px;margin:61px auto 32px}}#lesson_page .lesson_section #lesson_03 .text_02>p{text-align:center}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02>p::before{margin-top:0}}#lesson_page .lesson_section #lesson_03 .text_02 .flex{margin-top:39px}#lesson_page .lesson_section #lesson_03 .text_02 .flex ul{width:44%}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02 .flex ul{width:calc((100% - 355px) / 2)}}#lesson_page .lesson_section #lesson_03 .text_02 .flex ul li{color:red}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02 .flex ul li{font-size:min(5vw, 2rem)}}#lesson_page .lesson_section #lesson_03 .text_02 .flex p{width:100%;padding-left:10px;box-sizing:border-box;line-height:2;font-weight:500}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02 .flex p{width:calc((100% - 355px) / 2)}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02 .flex p{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_03 .text_02 .flex .image{width:54%}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_03 .text_02 .flex .image{width:100%;max-width:355px}}#lesson_page .lesson_section #lesson_03 .text_03 .image{margin-top:46px}#lesson_page .lesson_section #lesson_04{padding:40px 0}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04{padding:125px 0}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_04 .container{padding:0}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text{margin-top:35px}}#lesson_page .lesson_section #lesson_04 .top_text h2{position:relative;text-align:center}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text h2{padding:0 4vw}}@media only screen and (min-width: 767px) and (max-width: 1024px){#lesson_page .lesson_section #lesson_04 .top_text h2::after{left:2%}}@media only screen and (min-width: 1024px){#lesson_page .lesson_section #lesson_04 .top_text h2::after{left:7%}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text h2::after{content:'';position:absolute;top:-20px;width:156px;height:280px;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/lesson/img_04.svg) no-repeat center;background-size:contain}}#lesson_page .lesson_section #lesson_04 .top_text h2 span{display:inline-block;background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/lesson/title_bg_02.svg) no-repeat bottom center;background-size:100% auto;width:100%;max-width:1000px;padding:0 0 20px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text h2 span{padding:0 0 56px}}#lesson_page .lesson_section #lesson_04 .top_text h2 span strong{color:#548b80}#lesson_page .lesson_section #lesson_04 .top_text .image{padding:0 4vw;margin-top:10px;text-align:center}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text .image{margin-top:0;padding:0}}#lesson_page .lesson_section #lesson_04 .top_text .image img{max-width:759px;width:100%}#lesson_page .lesson_section #lesson_04 .top_text p{margin-top:53px;padding:4vw;background:#f9f5eb;font-weight:500}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text p{padding:42px 20px 64px}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_04 .top_text p{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_04 dl{margin-top:26px;width:100%;max-width:1000px;margin-left:auto;margin-right:auto;padding:0 4vw;box-sizing:border-box}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 dl{padding:0}}#lesson_page .lesson_section #lesson_04 dl+dl{margin-top:65px}#lesson_page .lesson_section #lesson_04 dl dt{position:relative;border-bottom:1px solid #f09600;padding-bottom:11px}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_04 dl dt{font-size:1.8rem}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 dl dt{padding-left:48px}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 dl dt::after{content:'';position:absolute;top:-11px;left:0;bottom:0;margin:auto;width:22px;height:3px;background:#ff7800}}#lesson_page .lesson_section #lesson_04 dl dd{padding-top:15px;word-break:break-all;font-weight:500}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_04 dl dd{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_04 dl dd span{color:#ff7800;display:none}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_04 dl dd span{display:inline-block}}#lesson_page .lesson_section #lesson_05{background:#f9f5eb;padding:40px 0}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05{padding:110px 0 130px}}#lesson_page .lesson_section #lesson_05 .container{max-width:1057px}#lesson_page .lesson_section #lesson_05 .container .more{max-width:420px;color:#f09600;margin-top:40px;padding:17px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 .container .more{margin-top:76px}}#lesson_page .lesson_section #lesson_05 h2{text-align:center}#lesson_page .lesson_section #lesson_05 h2 span{background:#fff}#lesson_page .lesson_section #lesson_05 ol{margin-top:50px;justify-content:center}#lesson_page .lesson_section #lesson_05 ol li{width:40%;display:inline-block;text-align:center;border-radius:40px;margin:0 10px;background:#f09600;color:#fff}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ol li{width:228px}}#lesson_page .lesson_section #lesson_05 ol+p{text-align:center;margin-top:20px;font-weight:500}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ol+p{margin-top:58px}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_05 ol+p{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_05 ul{margin-top:30px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul{margin-top:58px}}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(1) p:first-of-type{background:#f8edc7}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(3) p:first-of-type{background:#f7e9a8}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(5) p:first-of-type{background:#f8e19d}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd){width:100%}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd){max-width:300px;width:calc((100% - 154px) / 3)}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd):not(:last-of-type){margin-bottom:30px}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd):not(:last-of-type) p:first-of-type::before{content:'';position:absolute;right:-48px;top:0;bottom:0;margin:auto;display:block;width:0;height:0;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:18px solid #f6ae57}}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd):not(:last-of-type) p:first-of-type::after{content:'休憩\A２分';position:absolute;right:-57px;bottom:26px;margin:auto;white-space:pre;display:block;font-weight:500}}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) p small{font-weight:500}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) p small{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) p:first-of-type{text-align:center;width:60vw;height:60vw;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;position:relative;margin:auto}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) p:first-of-type{width:100%;height:27vw;max-height:300px}}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) p:first-of-type strong{font-size:180%;display:block;line-height:1.9}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) .image{margin-top:20px;text-align:center}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) .image{margin-top:33px}}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) .image img{max-height:46vw}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) .image img{max-height:247px}}#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(even){width:60vw;position:relative;margin:0 auto 30px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(even){width:77px}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(even) .sp{position:absolute;top:0;right:0}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(even)::before{content:'';margin:auto;display:block;width:0;height:0;border-top:26px solid #f6ae57;border-right:18px solid transparent;border-left:18px solid transparent}}#lesson_page .lesson_section #lesson_06{padding:40px 0}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_06{padding:100px 0}}#lesson_page .lesson_section #lesson_06 .container{max-width:1080px}#lesson_page .lesson_section #lesson_06 .top_text{text-align:center}#lesson_page .lesson_section #lesson_06 .top_text .page_title{margin-top:40px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_06 .top_text .page_title{margin-top:66px}}#lesson_page .lesson_section #lesson_06 .top_text p{margin-top:32px}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_06 .top_text p{margin-top:20px;font-size:1.5rem}}#lesson_page .lesson_section #lesson_06 ul{margin-top:64px}#lesson_page .lesson_section #lesson_06 ul li{width:100%;background:#f09600;border-radius:8px;box-sizing:border-box;padding:0 25px 30px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_06 ul li{width:31%;max-width:340px;padding:0 25px 40px;display:flex;flex-direction:column}}#lesson_page .lesson_section #lesson_06 ul li:not(:first-of-type){margin-top:20px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_06 ul li:not(:first-of-type){margin-top:0}}#lesson_page .lesson_section #lesson_06 ul li .image{text-align:center}#lesson_page .lesson_section #lesson_06 ul li .image img{max-width:80px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_06 ul li .image img{max-width:150px}}#lesson_page .lesson_section #lesson_06 ul li h4{color:#fff;margin-top:20px;flex-grow:1;line-height:1.5}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_06 ul li h4{font-size:2.4rem;margin-top:10px}}#lesson_page .lesson_section #lesson_06 ul li p{margin-top:14px;line-height:1.5;flex-grow:1;font-weight:500;margin-bottom:20px}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_06 ul li p{font-size:1.6rem;margin-top:5px;margin-bottom:5px;line-height:2}}#lesson_page .lesson_section #lesson_07{background:#f9f5eb;padding:40px 0}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_07{padding:100px 0}}#lesson_page .lesson_section #lesson_07 .container{max-width:1000px}#lesson_page .lesson_section #lesson_07 .flex{margin-top:40px;flex-direction:column-reverse}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_07 .flex{margin-top:57px;flex-direction:row}}#lesson_page .lesson_section #lesson_07 .flex .text{width:100%;margin-top:calc(4vw + 20px);font-weight:500}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_07 .flex .text{width:50%;max-width:435px;margin-top:0}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_07 .flex .text p{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_07 .flex .image{width:100%;position:relative}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_07 .flex .image{width:45%;max-width:450px}}#lesson_page .lesson_section #lesson_07 .flex .image img{position:relative;z-index:1}#lesson_page .lesson_section #lesson_07 .flex .image::after{content:'';position:absolute;background:#f09600;width:70%;height:90%;left:-4vw;bottom:-4vw}@media only screen and (min-width: 1024px){#lesson_page .lesson_section #lesson_07 .flex .image::after{width:380px;height:380px;left:-40px;bottom:-72px}}#lesson_page .lesson_section #lesson_07 .point_list{margin-top:30px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_07 .point_list{margin-top:0}}#lesson_page .lesson_section #lesson_07 .point_list p{color:#ff7800}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_07 .point_list p{font-size:2rem}}#lesson_page .lesson_section #lesson_07 .point_list ul{font-weight:normal}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_07 .point_list ul{margin-top:20px}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_07 .point_list ul li{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_08{padding:60px 0}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_08{padding:100px 0}}#lesson_page .lesson_section #lesson_08 .container{max-width:1080px}#lesson_page .lesson_section #lesson_08 .flex{margin-top:40px;align-items:flex-start;flex-direction:column}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_08 .flex{margin-top:57px;flex-direction:row}}#lesson_page .lesson_section #lesson_08 .flex .image{position:relative}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_08 .flex .image{width:49%;max-width:528px}}#lesson_page .lesson_section #lesson_08 .flex .image::after{content:'';position:absolute;background:#f09600;width:70%;height:90%;left:-4vw;bottom:-4vw}@media only screen and (min-width: 1024px){#lesson_page .lesson_section #lesson_08 .flex .image::after{width:380px;height:380px;left:auto;right:-40px;bottom:-72px}}#lesson_page .lesson_section #lesson_08 .flex .image img{position:relative;z-index:1}#lesson_page .lesson_section #lesson_08 .flex .text{margin-top:calc(4vw + 20px);font-weight:500}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_08 .flex .text{width:42%;max-width:435px;margin-top:0}}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_08 .flex .text p{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_08 .flex .text ul{margin-top:30px}@media print, screen and (min-width: 767px){#lesson_page .lesson_section #lesson_08 .flex .text ul{margin-top:66px}}#lesson_page .lesson_section #lesson_08 .flex .text ul li{font-weight:500}@media only screen and (max-width: 767px){#lesson_page .lesson_section #lesson_08 .flex .text ul li{font-size:1.6rem;line-height:2}}#lesson_page .lesson_section #lesson_08 .flex .text ul li strong{display:block;font-weight:bold}.reserve_section{padding:100px 0}.reserve_section *{font-weight:600}.reserve_section .container{max-width:860px}.reserve_section #booking-form{margin-top:30px}.reserve_section #booking-form #booking-reservation-fieldset{margin-top:30px;font-family:YuMincho, 'Yu Mincho', serif}.reserve_section #booking-form #client-furigana,.reserve_section #booking-form #client-furigana2,.reserve_section #booking-form #client-name,.reserve_section #booking-form #client-name2{width:30%;margin-left:5px}.reserve_section #booking-form table td,.reserve_section #booking-form table th{vertical-align:middle}.reserve_section .content-form fieldset{border:2px solid #f09600;margin-top:20px;font-family:YuMincho, 'Yu Mincho', serif}.reserve_section .booking-completed,.reserve_section .error-box{text-align:center}.reserve_section .booking-completed p,.reserve_section .error-box p{margin-top:50px}.reserve_section .booking_title{text-align:center}.reserve_section .select_title{margin-top:108px;border-left:8px solid #f39800;line-height:1.1;padding-left:20px}.reserve_section .select_title+h4{margin-top:70px;text-align:center}.reserve_section .lesson_time{text-align:center;margin-top:60px}.reserve_section .day_caption{text-align:center;color:#999;margin-top:28px}.reserve_section button[onclick='history.back()']{margin-top:30px;border:1px solid #000;border-radius:6px;background:#fff;color:#000;font-weight:600;padding:0 10px}.reserve_section .monthly-prev-next{margin-top:34px}.reserve_section .monthly-prev-next .monthly-prev *{color:#999}.reserve_section .monthly-prev-next .monthly-prev *::before{content:'';width:10px;height:10px;display:inline-block;border-top:2px solid #f09600;border-left:2px solid #f09600;transform:rotate(-45deg);vertical-align:2px}.reserve_section .monthly-prev-next .monthly-next *{color:#f09600}.reserve_section .monthly-prev-next .monthly-next *::after{content:'';width:10px;height:10px;display:inline-block;border-top:2px solid #f09600;border-right:2px solid #f09600;transform:rotate(45deg);vertical-align:2px}.reserve_section .monthly-calendar table{margin-top:48px}.reserve_section .monthly-calendar table td,.reserve_section .monthly-calendar table th{border:1px solid #f09600}.reserve_section .monthly-calendar table td.sat{background:#f4fcff}.reserve_section .monthly-calendar table td.sun{background:#fff8fe}.reserve_section .day-calendar table{margin:47px auto 0}.reserve_section .day-calendar table td,.reserve_section .day-calendar table th{border:1px solid #999;padding:11px 0}.reserve_section .day-calendar table td a.booking-timelink,.reserve_section .day-calendar table th a.booking-timelink{color:#f09600;position:relative}.reserve_section .day-calendar table td a.booking-timelink::before,.reserve_section .day-calendar table th a.booking-timelink::before{position:absolute;content:'';border:3px solid #f09600;width:14px;height:14px;border-radius:50%;top:50%;left:50%;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);box-sizing:border-box;background:#fff}#sitemap .inner{max-width:1020px;margin:0 4%}@media print, screen and (min-width: 767px){#sitemap .inner{margin:0 auto 100px}}#sitemap .inner h3{margin:20px 0}@media print, screen and (min-width: 767px){#sitemap .inner h3{margin:100px 0 50px}}#sitemap .inner h3 span{position:relative;padding-left:25px}#sitemap .inner h3 span::before{position:absolute;content:'';background:#808080;width:19px;height:1px;top:50%;left:0}#sitemap .inner ul{display:flex;justify-content:flex-start;border-bottom:1px solid #f09600;padding-bottom:30px;margin-bottom:30px;flex-wrap:wrap}#sitemap .inner ul.between{justify-content:space-between;border-bottom:none;padding-right:100px}@media only screen and (max-width: 767px){#sitemap .inner ul.between li{width:100%}}#sitemap .inner ul li{padding-left:30px;margin-bottom:10px;font-weight:500}#sitemap .inner ul li.icon{position:relative;font-weight:700}#sitemap .inner ul li.icon::before{position:absolute;content:'';background:url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon.svg) no-repeat center center/contain;width:24px;height:24px;top:calc(50% - 12px);left:0}#sitemap .inner ul li.w100{width:100%}#online-lesson_page{padding:30px 0}@media print, screen and (min-width: 767px){#online-lesson_page{padding:80px 0}}#online-lesson_page .section .container h2{font-size:2.5rem;text-align:center}@media print, screen and (min-width: 767px){#online-lesson_page .section .container h2{font-size:4rem}}#online-lesson_page .section .container .class_intro{margin-top:5px;display:flex;justify-content:space-between;flex-direction:column-reverse}@media print, screen and (min-width: 767px){#online-lesson_page .section .container .class_intro{margin-top:30px;flex-direction:row}}#online-lesson_page .section .container .class_intro .left{width:100%;display:flex;flex-direction:column;margin-top:20px}@media print, screen and (min-width: 767px){#online-lesson_page .section .container .class_intro .left{width:48%;max-width:430px;margin-top:0}}#online-lesson_page .section .container .class_intro .left p{font-weight:500}#online-lesson_page .section .container .class_intro .left p+p{margin-top:30px}#online-lesson_page .section .container .class_intro .left p.link strong a{color:#ff0000}#online-lesson_page .section .container .class_intro .right{width:100%}@media print, screen and (min-width: 767px){#online-lesson_page .section .container .class_intro .right{width:50%;max-width:480px}} .am-oit__img {
display: none!important;
} .pankuzu {
background: #fff;
}
#about_page .pankuzu,
#lesson_page .pankuzu {
background: #f9f5eb;
}
.pankuzu .aioseo-breadcrumbs {
width: 1120px;
margin: 0 auto;
padding: 5px 20px;
font-size: 14px;
font-weight: normal;
}
.pankuzu .aioseo-breadcrumbs span.aioseo-breadcrumb-separator {
padding: 0 5px;
}
#post.column_page,
#archive.column_page,
.page404 {
padding: 30px 0;
}
.pankuzu2 {
padding-top: 30px;
}
@media print, screen and (min-width: 767px) {
#post.column_page,
#archive.column_page,
.page404 {
padding: 80px 0;
}
.pankuzu2 {
padding-top: 80px;
}
}
@media only screen and (max-width: 767px) {
.pankuzu .aioseo-breadcrumbs {
padding: 5px 4vw;
}
.pankuzu .aioseo-breadcrumbs {
font-size: 12px;
}
} #header .container .header_top .sub_nav li .shop span {
display: inline-block;
background: url(//hapibas.com/wp-content/themes/hapibas/assets/images/common/icon_cart.svg) no-repeat center left 9px;
background-size: 25px;
padding-left: 35px;
}
#top_page #mainvisual #stand_image {
position:relative;
width: 100%;
z-index:1;
object-fit:cover
}
#top_page #mainvisual h2 {
font-family: '游ゴシック体', YuGothic, '游ゴシック', 'Yu Gothic', sans-serif;
color: #fff;
text-shadow: 2px 2px 6px #00000062;
font-size: 50px;
line-height: 1.4;
top: 65%;
}
#header .container .header_top .sub_nav li:nth-of-type(4) {
z-index: 101;
}
#header .container .header_top .sub_nav li +li {
margin-left: 20px;
}
#top_page #mainvisual h2 span {
font-size: 35px;
text-shadow: none;
}
#top_page .movie_bk_2 {
display: flex;
justify-content: center;
}
#top_page .movie_bk_2 {
margin-top: 70px;
}
#top_page .movie_bk_2 .movie_box .movie_comment {
text-align: center;
color: #F09600;
}
#top_page .movie_bk_2 .movie_box .movie_info {
text-align: center;
font-weight: normal;
font-size: 16px;
}
#top_page section .more_square {
border-radius: 0;
}
.include#channel .youtube_btn {
text-align: center;
margin-top: 50px;
}
#archive.class_page .class_section #area .area_search .area_inner>.prefectures .prefecture .class_list .class_single>a:hover {
opacity: 1;
color: #F09600;
transition: 0.2s;
text-decoration: underline;
}
#post.class_page .banner_bk {
text-align: center;
}
#about_page .about_section .movie_bk {
text-align: center;
}
#about_page .about_section .movie_bk_1 {
max-width: 722px;
margin: auto;
padding: 0 20px;
}
#about_page .about_section .movie_bk_2 {
display: flex;
justify-content: center;
}
#about_page .about_section .movie_bk_1 .movie_box iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
}
#about_page .about_section .movie_bk .movie_box .movie_comment {
text-align: center;
color: #F09600;
}
#about_page .about_section .movie_bk .movie_box .movie_info {
text-align: center;
font-weight: normal;
font-size: 16px;
}
#about_page .about_section #about_03 ul li:nth-of-type(odd) p:first-of-type strong {
font-size: 180%;
line-height: 1.5;
}
#about_page .about_section #about_02 .feature_3 .text p span {
color: #ff7800;
font-weight: bold;
}
#lesson_page .lesson_section #lesson_05 ul li:nth-of-type(odd) p:first-of-type strong {
font-size: 160%;
line-height: 1.5;
}
#lesson_page .movie_bk {
text-align: center;
}
#lesson_page .movie_bk_2 {
display: flex;
justify-content: center;
}
#lesson_page .movie_bk .movie_box .movie_comment {
text-align: center;
color: #F09600;
}
#lesson_page .movie_bk .movie_box .movie_info {
text-align: center;
font-weight: normal;
font-size: 16px;
}
#voice_page .voice_section .movie_bk {
display: flex;
justify-content: center;
}
#voice_page .voice_section .movie_bk .movie_box .movie_comment {
text-align: center;
color: #F09600;
}
#voice_page .voice_section .movie_bk .movie_box .movie_info {
text-align: center;
font-weight: normal;
font-size: 16px;
}
.include#channel .youtube_btn {
text-align: center;
}
#post.class_page .lesson_img {
margin: 50px auto 25px auto;
width: 650px;
}
#post.class_page .lesson_img_txt {
font-weight: normal;
}
#post.class_page .lesson_img_txt a {
text-decoration: underline;
}
@media print, screen and (min-width: 767px) {
#header .header_top .logo.pc_none {
display: none;
}
#header .header_top.flex.between {
justify-content: flex-end;
}
#header .container .header_bottom {
display: flex;
align-items: flex-end;
margin-top: -20px;
}
#header .container .header_bottom .logo,
#header .container .header_bottom .logo h1{
width: 220px;
margin-right: 50px;
}
#header .container .header_bottom .logo a {
display: inline-block;
}
#header .container .header_bottom .logo a img {
width: 100%;
}
#header .container .header_bottom #gnavi {
width: 100%;
}
#header .container .header_top .sub_nav li:nth-of-type(3) {
display: block;
}
#header .container .header_top .sub_nav li:nth-of-type(4) {
display: none;
}
#header .container .header_top .sub_nav {
max-width: 100%;
justify-content: flex-end;
}
#top_page .movie_bk_2 .movie_box {
margin: 0 15px;
}
#top_page .movie_bk_2 .movie_box iframe {
border-radius: 16px;
}
#top_page section .more_square {
width: 280px;
margin-top: 50px;
}
.include#channel .youtube_btn {
margin: 80px 0;
}
#footer .sns {
max-width: 260px;
flex-wrap: nowrap;
}
#post.class_page .panorama_bk {
margin-top: 60px;
}
#post.class_page .banner_bk {
margin-top: 100px;
} 
#about_page .about_section .movie_bk {
margin-top: 120px;
}
#about_page .about_section .movie_bk .movie_box iframe {
border-radius: 16px;
}
#about_page #about_04 .container iframe {
border-radius: 16px;
}
#about_page .about_section .movie_bk .movie_comment_2 {
margin-top: 15px!important;
line-height: 2!important;
font-weight: 600!important;
}
#about_page .about_section .movie_bk_2 {
margin-top: 70px;
}
#about_page .about_section .movie_bk_2 .movie_box {
margin: 0 15px 50px 15px;
}
#about_page .about_section #about_02 .wide .text h2 {
font-size: 33px;
width: fit-content;
}
#about_page .about_section #about_02 .wide+.wide .text h2 {
width: fit-content;
}
#about_page .about_section #about_02 .container h2 {
font-size: 33px;
}
#about_page .about_section #about_02 .wide .text p {
margin-top: 150px;
}
#lesson_page .movie_bk_2 {
margin-top: 70px;
}
#lesson_page .movie_bk_2 .movie_box {
margin: 0 15px 50px 15px;
}
#lesson_page .movie_bk .movie_box iframe {
border-radius: 16px;
}
#voice_page .voice_section .movie_bk {
flex-wrap: wrap;
margin-top: 70px;
}
#voice_page .voice_section .movie_bk .movie_box {
margin: 0 15px 50px 15px;
}
#voice_page .voice_section .movie_bk .movie_box iframe {
border-radius: 16px;
}
.include#voice .more {
margin-top: 50px;
}
}
@media only screen and (max-width: 767px) {
#header .container .header_top .logo img {
width: 130px;
}
#header .container .header_top .sub_nav li .shop {
display: none;
}
#top_page #mainvisual {
height: 450px;
}
#top_page #mainvisual h2 {
font-size: 30px;
text-align: center;
}
#top_page #mainvisual #stand_image {
object-position: 35% 50%;
}
#top_page .movie_bk_2 {
flex-direction: column;
padding: 0 4vw;
margin-top: 50px;
}
#top_page .movie_bk_2 .movie_box {
margin-bottom: 30px;
}
#top_page .movie_bk_2 .movie_box iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
border-radius: 8px;
}
#top_page .movie_bk_2 .movie_box .movie_comment {
font-size: 16px;
}
#top_page .movie_bk_2 .movie_box .movie_info {
font-size: 14px;
}
#top_page section .more_square {
margin-top: 30px;
}
.include#channel .youtube_btn {
margin-top: 30px;
}
#post.class_page .panorama_bk {
margin-top: 50px;
}
#post.class_page .panorama_bk iframe {
height: 450px;
}
#post.class_page .banner_bk {
margin-top: 50px;
}
#post.class_page .lesson_img {
margin: 20px 0;
width: 100%;
}
#about_page .movie_bk {
flex-direction: column;
padding: 0 4vw;
margin-top: 50px;
}
#about_page .movie_bk .movie_box iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
border-radius: 8px;
}
#about_page #about_04 .container iframe {
border-radius: 8px;
}
#about_page .about_section .movie_bk .movie_comment_2 {
text-align: center!important;
margin-top: 0!important;
line-height: 1.6!important;
font-weight: 600!important;
}
#about_page .about_section .movie_bk_2 .movie_box {
margin-bottom: 30px;
}
#about_page .about_section .movie_bk .movie_box .movie_comment {
font-size: 16px;
}
#about_page .about_section .movie_bk .movie_box .movie_info {
font-size: 14px;
}
#lesson_page .movie_bk {
flex-direction: column;
padding: 0 4vw;
margin-top: 50px;
}
#lesson_page .movie_bk_2 .movie_box {
margin-right: 0;
margin-bottom: 30px;
margin-left: 0;
}
#lesson_page .movie_bk .movie_box iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
border-radius: 8px;
}
#lesson_page .movie_bk .movie_box .movie_comment {
font-size: 16px;
}
#lesson_page .movie_bk .movie_box .movie_info {
font-size: 14px;
}
#voice_page .voice_section .movie_bk {
flex-direction: column;
padding: 0 4vw;
margin-top: 50px;
}
#voice_page .voice_section .movie_bk .movie_box {
margin-bottom: 30px;
}
#voice_page .voice_section .movie_bk .movie_box iframe {
aspect-ratio: 16 / 9;
width: 100%;
height: auto;
border-radius: 8px;
}
#voice_page .voice_section .movie_bk .movie_box .movie_comment {
font-size: 16px;
}
#voice_page .voice_section .movie_bk .movie_box .movie_info {
font-size: 14px;
}
#footer .sns {
flex-wrap: nowrap;
}
} .swiper-button-next, .swiper-button-prev {
display: none!important;
} #post.column_page #post_section>.container>.flex .left .post_content p strong {
padding-bottom: 0;
border-bottom: none;
display: inline;
}
#ez-toc-container .ez-toc-js-icon-con {
display: none!important;
}
#ez-toc-container {
padding: 10px 20px!important;
margin-top: 1em!important;
}