@charset "UTF-8";

:root {
    --color-main-bg:#07FB7E;
    --color-main-text:#000;
    --color-sub-bg:#FFFD18;
    --color-sub-text:#000;
    --color-btn-bg:#FEFD18;
    --color-btn-text:#000;
    --color-cvbtn-bg:#FEFD18;
    --color-cvbtn-text:#000;

    --min-layout-width: 500;
    --min-ratio: calc(1 / var(--min-layout-width) * 100vw);

    --size-header-sp:60px;
    --size-header-pc:118px;

}

/* reset
----------------------------------------------------------------------*/
*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert;}
*,*::before,*::after{box-sizing:border-box;}
html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none;}
body{min-height:100vh;scroll-behavior:smooth;text-rendering:optimizeSpeed;font-size:12px;}
a,button:not([disabled]){cursor:pointer;}
ol,ul,menu,summary{list-style:none;}
ol{counter-reset:revert;}
img{max-inline-size:100%;max-block-size:100%;}
table{border-collapse:collapse;}
input,textarea{-webkit-user-select:auto;}
textarea{white-space:revert;}
meter{-webkit-appearance:revert;appearance:revert;}
q::before,q::after{content:none;}
:where(pre){all:revert;box-sizing:border-box;}
::placeholder{color:unset;}
:where([hidden]){display:none;}
:where([contenteditable]:not([contenteditable="false"])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto;}
:where([draggable="true"]){-webkit-user-drag:element;}
:where(dialog:modal){all:revert;box-sizing:border-box;}
::-webkit-details-marker{display:none;}
strong{font-weight:bold;}
mark{background:linear-gradient(transparent 70%, var(--color-main-bg) 70%);}

.pv0{padding-top:0 !important; padding-bottom:0 !important;}
.pt0{padding-top:0 !important;}
.pb0{padding-bottom:0 !important;}
.tac{text-align:center;}


.pc-view{display:none;}
.tb-view{display:none;}
.sp-view{display:block;}
@media screen and (min-width: 561px) {
    .pc-view{display:none;}
    .tb-view{display:block;}
    .sp-view{display:none;}   
}
@media screen and (min-width: 769px) {
    .pc-view{display:block;}
    .tb-view{display:none;}
    .sp-view{display:none;}
}

body{color:#333; font-family: "Zen Kaku Gothic New", "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;}

/* header
----------------------------------------------------------------------*/
.u-spItem {display:none;}
@media screen and (max-width: 768px) {
    .u-spItem {display:block;}
    .u-pcItem {display:none;}
}

header { display: block; margin: 0; padding: 0; font-size: 100%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; position: relative; }
.g-header { width: 100%; z-index: 100; }
.g-header img { display: block; }
.g-header_lyt { border-bottom: #ececec 1px solid; padding: 12px 10px 14px 20px; background: #fff; position: fixed; top: 0; left: 0; right: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; z-index: 1100; }
.g-header_logo { width: 125px; }
.g-header_logo a { display: block; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.g-header_logo a:hover,
.g-headerCv_ico:hover { opacity: .6; }
.g-headerCv { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: bold; }
.g-headerCv .menuwrap { display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center;}
.g-headerCv .menuwrap .cvbtn5{font-size:16px;}
.g-headerCv .menuwrap .cvbtn5>p{padding:5px 30px;}
.g-headerCv .menuwrap .cvbtn5>p>.pr{font-size:11px;}
.g-headerCv em { font-size: 11px; text-align: center; display: block; }
.g-headerCv_btn { display: block; background: var(--color-btn-bg); color: var(--color-btn-text) !important; font-size: 14px; font-weight: bold; text-decoration: none; border: 2px solid transparent; padding: 8px 1.5em 8px 1em; line-height: 1.2; border-radius: 0.5em; margin: 1px 0 0 22px; -webkit-transition: background 300ms, border-color 300ms, text-shadow 300ms; transition: background 300ms, border-color 300ms, text-shadow 300ms; position: relative; }
.g-headerCv_btn::after { position: absolute; border: 2px solid var(--color-btn-text); border-width: 0 2px 2px 0; content: ""; display: inline-block; height: 6.5px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); width: 6.5px; -webkit-transition: border-color 300ms; transition: border-color 300ms; margin: auto; top: 0; bottom: 0; right: 0.5em; }
.g-headerCv_btn:hover { color: var(--color-btn-text) !important; border: 2px solid var(--color-btn-bg); background: #fff; }
.g-headerCv_btn:hover::after { border: 2px solid var(--color-btn-text); border-width: 0 2px 2px 0; }
.g-headerCv_btn span { font-size: 12px; display: inline-block; letter-spacing: -0.05em; }
.menuwrap>p:has(.g-headerCv_ico){border:2px solid #000;border-radius:9999px;font-weight:bold;box-shadow:3px 2px 0px 0px rgba(0, 0, 0, 0.3);padding:15px 10px;margin:0 0 0 10px;}
.g-headerCv_ico { text-decoration: none; color: #000; font-size: 14px;/*1.4rem;*/ line-height: 1.2; padding-left: 32px; margin-left: 32px; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.g-headerCv_ico[data-ico="seminar"]::before { content: ""; display: block; width: 26px; height: 19px; position: absolute; left: -32px; top: -2px; background: url(../images/header_ico_seminar.png) no-repeat left top / 100% auto; }
.g-headerCv_ico[data-ico="digital"]::before { content: ""; display: block; width: 24px; height: 18px; position: absolute; left: -30px; top: 0; background: url(../images/header_ico_pamphlet.png) no-repeat left top / 100% auto; }
.g-headerCv_ico[data-ico="analog"]::before { content: ""; display: block; width: 17px; height: 20px; position: absolute; left: -4px; top: 0; background: url(../images/header_ico_request.png) no-repeat left top / 100% auto; }
.g-headerCv_ico[data-ico="line"]::before { content: ""; display: block; width: 14px; height: 22px; position: absolute; left: -20px; top: -1px; /*background: url(/assets/images/icon_smartphone.svg) no-repeat left top / 100% auto;*/ }
.g-headerCv_ico[data-ico="analog"] { display: inline-block; padding-left: 20px; position: relative; }
.g-headerCv_ico[data-ico="digital"] { display: inline-block; padding-left: 0; margin-left: 35px; position: relative; }
.g-headerCv_ico[data-ico="seminar"] { display: inline-block; padding-left: 0; margin-left: 35px; position: relative; }
.g-headerCv_ico[data-ico="line"] { display: inline-block; padding-left: 0; position: relative; }
.g-headerCv_ico span { font-size: 12px; }

@media screen and (max-width: 1399px) {
    .g-headerCv_ico { margin-left: 14px; }
    .g-headerCv_btn { margin-left: 10px; width: 180px; }
    .g-headerCv_ico[data-ico="digital"] { margin-left: 44px; }
}
@media screen and (max-width: 899px) {
    .g-headerCv_ico { font-size: 14px; }
}
@media screen and (max-width: 768px) {
    .g-header { padding: 0; position: relative; }
    .g-header_lyt { padding: 5px 15px 0; height: 56px; /*position: relative; top: auto; left: auto; right: auto;*/ display: block; }
    .g-header_logo { width: 92px; margin-top: 6px; }
    .g-header_logo a:hover, .g-headerCv_ico:hover { opacity: 1; }
    .g-headerCv { position: fixed; bottom: 0; left: 0; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; background: #fff; flex-wrap: wrap; }
    .g-headerCv>p { width: calc((100% - 1px) / 4); }
    .g-headerCv_btn { height: 50px; padding: 8px 13px 13px; border-radius: 0; border: none; text-align: left; margin: 0; }
    .g-headerCv_btn::after, .g-headerCv_ico::after { border: 2px solid var(--color-btn-text); border-width: 0 2px 2px 0; content: ""; display: block; height: 6px; width: 6px; margin-left: 0; position: absolute; right: 10px; top: 50%; margin-top: -3px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
    .g-headerCv_btn:hover { color: var(--color-btn-bg) !important; background: transparent; }
    .g-headerCv_btn:hover::after { border-color: var(--color-btn-bg) !important; }
    .g-headerCv_ico { display: block; height: 50px; background: #7cbc29; color: #fff; margin-left: 0; padding: 15px 13px 12px; }
    .g-headerCv_ico[data-ico="analog"]::before, .g-headerCv_ico[data-ico="digital"]::before, .g-headerCv_ico[data-ico="seminar"]::before, .g-headerCv_ico[data-ico="line"]::before { display: none; }
    .g-headerCv_ico[data-ico="analog"], .g-headerCv_ico[data-ico="digital"], .g-headerCv_ico[data-ico="seminar"], .g-headerCv_ico[data-ico="line"] { display: block; padding-top: 8px; padding-left: 13px; margin-left: 0; }
    .g-headerCv>p { width: calc((100% - 1px) / 2); }
    .g-headerCv_btn { font-size: 82%; padding-top: 11px; letter-spacing: 0.01em; }
    .g-headerCv_btn span { font-size: 10px; }
    .g-headerCv em { text-align: left; }
    .g-headerCv .menuwrap { width: 100%; justify-content: center; }
    .g-headerCv .menuwrap p { width: 50%; }
    .g-headerCv_ico { line-height: 50px; padding: 0 0 0 4vw !important; }
    .g-headerCv_ico.linebtn { background: #41aa46; }
    .g-headerCv_btn { width: 100%; }
 }
@media screen and (max-width: 374px) {
    .g-headerCv_ico { font-size: 1px; }
}

/* g-headerNav */
.g-headerNav { background: var(--color-main-bg); padding: 0 34px; font-weight: bold; position: fixed; top: 78px; left: 0; width: 100vw; }
.g-headerNav_inner,.g-headerNav_list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 13px; color: var(--color-main-text); height:40px; }
.g-headerNav_name { padding-right: 21px; border-right: 1px solid var(--color-main-text); line-height: 1.0; /*margin-bottom: 4px;*/ white-space: nowrap; font-size:14px; }
.g-headerNav_list { /*margin-bottom: 6px;*/ letter-spacing: .005em; margin-left: -1px; }
.g-headerNav_list li { margin-left: 22px; }
.g-headerNav_list a { text-decoration: none; color: var(--color-main-text); display: block; -webkit-transition: opacity 300ms; transition: opacity 300ms; white-space: nowrap; }
.g-headerNav_inner>p { width: 113px; margin-left: 22px; }
.g-headerNav_inner>p a { display: block; -webkit-transition: opacity 300ms; transition: opacity 300ms; }
.g-headerNav_list a:hover,
.g-headerNav_inner>p a:hover { opacity: .6; }
.g-header_trigger { display: none; }

@media screen and (max-width: 768px) {
    .g-headerNav { padding: 0; overflow-y: scroll; position: fixed; top: 0; right: 0; z-index: 1200; width: 100%; height: 100%; background: rgba(0, 0, 0, .9); color: #fff; transform: translateX(100%); transition: transform 0.2s cubic-bezier(0.4, 0, 0.2, 1); }
    .g-headerNav_inner, .g-headerNav_list, .g-headerNav_cvlist { display: block; font-size: 15px; text-align:center;}
    .g-headerNav_name { margin-top: 60px; padding: 0 5.333% 21px; border-right: none; line-height: inherit; margin-bottom: 0; border-bottom: 1px solid #fff; }
    .g-headerNav_list, .g-headerNav_cvlist { margin-bottom: 0; margin-left: 0; display:inline; }
    .g-headerNav_cvlist { margin-top: 20px; padding-bottom: 30px; display:block; }
    .g-headerNav_list li { margin-left: 0; border-bottom: 1px solid #fff; }
    .g-headerNav_list a, .g-headerNav_cvlist a { display: block; color: #fff; text-decoration: none; padding: 13px 5% 14px; font-weight: normal; }
    .g-headerNav_cvlist a {padding: 7px 5% 7px 5%; font-weight: 900; font-size: 14px; }
    .g-headerNav_cvlist a.cvbtn5{margin:0 auto 10px;padding:0;}
    .g-headerNav_cvlist a.cvbtn5:hover{background-color:#FFF;color:#000;}
    .g-headerNav_cvlist a[data-ico="seminar"]::before { content: ""; display: block; width: 17px; height: 12px; position: absolute; left: 19px; top: 13px; /*background: url(../images/header_ico_seminar_sp.png) no-repeat left top / 100% auto;*/ }
    .g-headerNav_cvlist a[data-ico="digital"]::before { content: ""; display: block; width: 17px; height: 13px; position: absolute; left: 20px; top: 12px; /*background: url(../images/course_ico_pamphlet_on.png) no-repeat left top / 100% 100%;*/ }
    .g-headerNav_cvlist a[data-ico="analog"]::before { content: ""; display: block; width: 17px; height: 21px; position: absolute; left: 20px; top: 8px; /*background: url(../images/course_ico_request_on.png) no-repeat left top / 100% 100%;*/ }
    .g-headerNav_cvlist a[data-ico="line"]::before { content: ""; display: block; width: 17px; height: 21px; position: absolute; left: 20px; top: 8px; /*background: url(/assets/images/icon_smartphone.svg) no-repeat left top / 100% 100%;*/ }
    .g-headerNav_cvlist a span { display: inline-block; }
    .g-headerNav_cvlist .g-headerCv_btn { width: 90%; max-width: 340px; margin: 10px auto 0; border-radius: 24px; padding: 13px 5% 15px; height: auto; text-align: center; font-size: 14px; }
    .g-headerNav_cvlist .g-headerCv_btn::after { position: relative; right: auto; top: auto; display: inline-block; margin: 0 0 0 7px; vertical-align: 1px; }
    .g-headerNav_cvlist .g-headerCv_btn span { font-size: 14px; }
    .g-headerNav_inner>p { width: 150px; margin: 15px 5%; }
    .g-headerNav_list a:hover, .g-headerNav_inner>p a:hover { opacity: 1; }
    .g-header_trigger { -webkit-appearance: none; appearance: none; background: none; border: none; display: -ms-flexbox; display: flex; position: fixed; top: 0; right: 0; width: 56px; height: 56px; font-weight: bold; font-size: 10px; z-index: 2000; }
    .g-header_trigger:focus { outline: none; }
    .g-header_trigger::before, .g-header_trigger span::after, .g-header_trigger span::before { display: block; position: absolute; top: 50%; left: 50%; width: 26px; height: 2px; margin-left: -13px; background: #000; content: ""; transition: all .2s; }
    .g-header_trigger::before { margin-top: -11px; animation: menu-bar01 0.4s forwards; }
    .g-header_trigger span { display: block; overflow: hidden; text-indent: 100%; white-space: nowrap; position: static; }
    .g-header_trigger span::before { opacity: 1; margin-top: -1px; }
    .g-header_trigger span::after { margin-top: 9px; animation: menu-bar03 0.4s forwards; }
    .g-header.is-open .g-headerNav { transform: translateX(0); }
    .g-header.is-open .g-header_trigger { position: fixed; z-index: 1500; }
    .g-header.is-open .g-header_trigger::before, .g-header.is-open .g-header_trigger span::after, .g-header.is-open .g-header_trigger span::before { background: #fff; z-index: 1000; }
    .g-header.is-open .g-header_trigger::before { animation: active-menu-bar01 0.4s forwards; }
    .g-header.is-open .g-header_trigger span::before { opacity: 0; }
    .g-header.is-open .g-header_trigger span::after { animation: active-menu-bar03 0.4s forwards; }
}

/* アニメーション設定 */
@keyframes menu-bar01 { 0% { transform: translateY(5px) rotate(45deg); } 50% { transform: translateY(5px) rotate(0); } 100% { transform: translateY(0) rotate(0); } }
@keyframes menu-bar03 { 0% { transform: translateY(-10px) rotate(-45deg); } 50% { transform: translateY(-10px) rotate(0); } 100% { transform: translateY(0) rotate(0); } }
@keyframes active-menu-bar01 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(10px) rotate(0); } 100% { transform: translateY(10px) rotate(45deg); } }
@keyframes active-menu-bar03 { 0% { transform: translateY(0) rotate(0); } 50% { transform: translateY(-10px) rotate(0); } 100% { transform: translateY(-10px) rotate(-45deg); } }

/* g-headerNav_list */
.g-headerNav_list.sp { display: none; }

@media screen and (max-width: 768px) {
    .g-headerNav_list.sp { display: block; }
    .g-headerNav_list.sp li a { font-weight: bold; }
    .g-headerNav_name { margin-top: 21px; color:#fff; }
}
@media screen and (max-width: 768px) { .g-headerCv_btn { font-size: 80%; padding-top: 5px; } }
@media screen and (max-width: 768px) { .g-headerCv_btn { padding-top: 10px; } }

/* 20231205 */
@media screen and (min-width: 769px) { .g-header { padding:var(--size-header-pc) 0 0; } }
@media screen and (max-width: 768px) { .g-header_lyt { height:var(--size-header-sp); } }
@media screen and (min-width: 769px) { .g-header_logo.anv40th { width: 200px; } }
@media screen and (max-width: 768px) { .st-footerBottom { padding-bottom: 120px; } .g-header_logo.anv40th { width: 170px; } }
@media screen and (max-width: 768px) { .g-headerNav_list li{font-size:14px;} }


/* footer
----------------------------------------------------------------------*/
footer{padding-top:60px; padding-bottom:150px; text-align:center; background:#EFEFEF;}
footer>.inner{width:100%;max-width:1200px; margin:0 auto;padding:0 15px;}
footer .logo { width: 154px; margin: 0 auto 50px; }
footer .ft_menu li {margin-bottom: 30px;}
footer .ft_menu li a {font-family: Zen Kaku Gothic New;font-weight: 700;font-size:14px;line-height: 150%;}
footer .sns_box {width: 74%;margin: 0 auto 20px;padding-bottom: 20px;border-bottom: 1px solid #6D6E71;}
footer .sns_box ul {justify-content: center;gap: 12px;}
.fix_sns_box ul li,footer .sns_box ul li {width: 24px;}
footer .ft_mark {width:100%;max-width:300px;margin: 0 auto;}
footer .ft_mark li {margin-bottom: 20px;display: flex;justify-content: flex-start;}
footer .ft_mark li .img_box{flex:none;width:75px;}
footer .ft_mark li:nth-child(2) .img_box{width:120px;}
footer .ft_mark li p {font-family: Roboto;font-weight: 400;font-size: 12px;line-height: 150%;text-align: left;margin-left: 20px;}
.footer_copy {font-family: Zen Kaku Gothic New;font-weight: 400;font-size:14px;line-height: 150%;}

@media screen and (min-width: 769px) {
    footer .ft_menu li{display:inline-block; margin-left:10px; margin-right:10px;}
    footer .ft_mark{width:100%;max-width:800px; display:flex; flex-flow:row; align-items:flex-start; gap:20px;}
    footer .ft_mark li{display:flex; width:calc(100% / 3);}
    footer .ft_mark li .img_box{flex:none;width:50px;}
    footer .ft_mark li:nth-child(2) .img_box{width:100px;}
    footer .logo {margin: 0 auto 60px;}
}
@media screen and (max-width: 500px) {
    footer {padding-top:30px;}
    footer .logo { width: calc(154 * var(--min-ratio)); margin: 0 auto 30px;}
    footer .ft_menu li { margin-bottom: 6vw;}
    footer .ft_menu li a { font-size:14px;}
    footer .sns_box { width: 74vw; margin: 0 auto 4vw; padding-bottom: 4vw;}
    footer .sns_box ul { gap: 2.4vw;}
    .fix_sns_box ul li,footer .sns_box ul li { width: 4.8vw;}
    footer .ft_mark li { margin-bottom: 4vw;}

    footer .ft_mark li p { font-size:12px; margin-left: 4vw;}
    .footer_copy { font-size:12px;}
}


/* main
----------------------------------------------------------------------*/
main{width:100%;}
main>.inner{width:100%;max-width:1200px; margin:0 auto;padding:0 15px;}
hgroup{text-align:center;}
@media screen and (max-width: 768px) { main{margin-top:var(--size-header-sp);} }

.sec{padding:30px 0;}
.sec.bg-main{background-color:var(--color-main-bg);}
.sec.bg-sub{background-color:var(--color-sub-bg);}
.sec.bg-gray{background-color:#DFE5EC;}
.sec.bg-cream{background-color:#FFF0AC;}
.sec.bg-blue{background-image:linear-gradient(45deg, #1265f1, #001043);color:#FFF;}
.sec.bg-orange{background-image:linear-gradient(45deg, #FFAD00, #FF6A00);color:#FFF;}
.sec.bg-pink{background-image:linear-gradient(69.22deg, #FFE3F7 0%, #FAC6EE 21.46%, #EEDBFF 49.62%, #CFDAFF 99.21%);}
.sec>.inner{width:100%;max-width:1200px; margin:0 auto;padding:0 15px;}
.sec>.inner[id]{padding-top:148px;margin-top:-148px;}

.allows{position:relative;
    &::after{content:'';width:100px;height:20px;background-color:#FFF;position:absolute;bottom:-18px;left:50%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%);z-index:2;}
}
.allows.bg-main::after{background-color:var(--color-main-bg);}
.allows.bg-sub::after{background-color:var(--color-sub-bg);}
.allows.bg-gray::after{background-color:#DFE5EC;}
.allows.bg-cream::after{background-color:#FFF0AC;}
.allows.bg-blue::after{background-color:#1265f1;}
.allows.bg-orange::after{background-color:#FFAD00;}
.allows.bg-pink{background-color:#FAC6EE;}

/* mv */
.mv{position:relative; overflow:hidden;
    &::before {content:""; position:absolute; top:0; left:0; width:100%; height:540px; background-image:url('../images/mv_26.png'); background-size:cover; background-position:center; filter:blur(20px); z-index:1;}
}
.mv>.inner{margin:0 auto; text-align:center; background-image:url('../images/mv_26.png'); height:540px; background-size:auto 540px; background-position:center; background-repeat:no-repeat;position:relative;z-index:2;}
.mv .ttl-box{display:inline-block; position:relative; top:230px; text-align:center; font-size:35px; font-family:Arial; font-weight:bold; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.mv .ttl-box>.ttl1{color:var(--color-main-bg); font-size:75px;display:block;text-align:left;margin-left:45px;line-height:1;}
.mv .ttl-box>.ttl2{color:var(--color-main-bg); font-size:60px; position:absolute; top:15px; left:130px;}
.mv .ttl-box>.ttl3{font-size:60px; }  
.mv .ttl-box>.ttl4{padding-left:5px;} 
.mv .ttl-box>.ttl5{display:block;text-align:right;margin-top:-100px;}
.mv .txt-sub1{position:absolute;writing-mode:vertical-rl; font-size:20px; top:50px; left:10vw; font-weight:bold; letter-spacing:2px; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.mv .txt-sub1 span{color:var(--color-main-bg); font-size:28px;    padding-bottom: 5px;}
.mv .txt-sub2{position:relative; top:280px; font-size:20px; font-weight:bold;word-break:keep-all;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
.mv .mv-marks{width:110px; position:absolute; top:10px; right:5vw;}
.mv .mv-marks-att{position: absolute; right:5vw; top:240px; font-size:9px; background-color:rgb(255, 255, 255, 0.8);}
.mv .mv-marks-att a{text-decoration:underline;}

/* cvbtn */
.cvbtn-box{margin-bottom:30px;padding:0 15px;display:flex;flex-flow:column; gap:5px;}
.cvbtn-box .disp-none{display:none;}
.cvbtn-box.fv{position:relative;z-index:3;margin-top:-80px;padding:10px 15px; background-color:#eee;}
.cvbtn-box.fixed{width:100%;position:fixed;z-index:99;background-color:#FFF;bottom:0;margin-bottom:0;padding:0;}
.cvbtn-txt{width:100%; max-width:400px; margin:0 auto;}
.cvbtn-txt2{width:100%; max-width:250px; margin:0 auto;}
.cvbtn-set{display:flex;flex-flow:row wrap; justify-content:center; align-items:center; gap:10px;}
.cvbtn-set-wrap{width:100%;display:flex;flex-flow:column; justify-content:center; align-items:center; gap:10px;}
.cvbtn-set-wrap.pc-view{display:none;}
.cvbtn-set2{display:flex;flex-flow:row; justify-content:center;}
.cvbtn-set2>a{width:50%;}

.cvbtn1{width:100%;max-width:200px;display:inline-flex;background-color:var(--color-main-bg);color:var(--color-main-text);border-radius:10px;font-size:12px; font-weight:bold; word-break:keep-all;box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.3);}
.cvbtn1 p{min-height:54px;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:5px;border:1px solid var(--color-main-text); border-radius:8px; margin:4px; padding:5px 10px;}
.cvbtn2{width:100%;max-width:200px;display:inline-flex;background-color:var(--color-sub-bg);color:var(--color-sub-text);border-radius:10px;font-size:12px; font-weight:bold; word-break:keep-all;box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.3);}
.cvbtn2 p{min-height:54px;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:5px;border:1px solid var(--color-sub-text); border-radius:8px; margin:4px; padding:5px 10px;}
.cvbtn3{width:100%;max-width:410px;display:inline-flex;background-image:linear-gradient(90deg, #1265f1, #001043);color:#FFF;border-radius:10px;font-size:18px; font-weight:bold; word-break:keep-all;box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.3);}
.cvbtn3 p{min-height:54px;text-align:left;width:100%;display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px solid #FFF; border-radius:8px; margin:4px; padding:5px 20px;}
.cvbtn3 p>span:not([class]){flex:1;text-align:center;}
:where(.cvbtn1,.cvbtn2,.cvbtn3)>p>.allow{position:relative;width:20px;height:14px;display:inline-block;background-color:#000;clip-path:polygon(0 0, 100% 50%, 0% 100%);
    &::before{content:"";position:absolute;z-index:-1;inset:1px;background-color:#FFF;display:inline-block;clip-path:polygon(0 0, 100% 50%, 0% 100%);}
}
:where(.cvbtn1,.cvbtn2,.cvbtn3)>p>.pr{color:var(--color-sub-bg);text-align:center;font-size:12px;}

.cvbtn4{width:100%;max-width:300px;display:flex;background-color:#FFF;color:#000;border:2px solid #000;border-radius:9999px;font-size:17px;font-weight:bold;box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.3);}
.cvbtn5{width:100%;max-width:300px;display:inline-flex;background-image:linear-gradient(to right, #fb297d, #fc6947);color:#FFF;border-radius:9999px;font-size:18px; font-weight:bold; word-break:keep-all;box-shadow: 3px 2px 0px 0px rgba(0, 0, 0, 0.3);}
:where(.cvbtn4,.cvbtn5)>p{width:100%;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:2px;padding:10px 20px;}
.cvbtn5>p::after{position:absolute;right:10px;display:block;content:''; width:13px; height:7px; background:url('../images/arrow_icon_white.svg') no-repeat; background-size:cover; transition:height 0.4s ease;transform: rotate(270deg);}
:where(.cvbtn4,.cvbtn5)>p>.pr{display:block;text-align:center;font-size:12px;font-weight:normal;}

.cvbtn6{width:100%;display:flex;background-color:#FFF;color:#000;border:2px solid #000;border-bottom:0;font-size:13px;font-weight:bold;}
.cvbtn7{width:100%;display:inline-flex;background-image:linear-gradient(to right, #fb297d, #fc6947);color:#FFF;font-size:15px; font-weight:bold; word-break:keep-all;}
:where(.cvbtn6,.cvbtn7)>p{width:100%;position:relative;display:flex;flex-flow:column;justify-content:center;align-items:center;gap:2px;padding:10px 5px;}
.cvbtn7>p::after{position:absolute;right:5px;display:block;content:''; width:13px; height:7px; background:url('../images/arrow_icon_white.svg') no-repeat; background-size:cover; transition:height 0.4s ease;transform: rotate(270deg);}
:where(.cvbtn6,.cvbtn7)>p>.pr{display:block;text-align:center;font-size:10px;font-weight:normal;}

:where(.cvbtn1,.cvbtn2):hover{background-color:#FFF;color:#000;}
:where(.cvbtn1,.cvbtn2):hover p{border-color:#000;}
.cvbtn3:hover{background-image:none;color:#000;}
.cvbtn3:hover p{border-color:#1265f1;}
.cvbtn3:hover p>.pr{color:#000;}
.cvbtn4:hover{color:#FFF;background-color:#000;}
.cvbtn5:hover{background-image:none;color:#FFF;background-color:#000;}
.cvbtn6:hover{color:#FFF;background-color:#000;}
.cvbtn7:hover{background-image:none;color:#FFF;background-color:#000;}

:where(.cvbtn1,.cvbtn2,.cvbtn3,.cvbtn4,.cvbtn5,.cvbtn6,.cvbtn7).pc-view{display:none;}

/* ttl */
.ttl{font-family:Zen Kaku Gothic New; font-weight:bold; display:flex;flex-flow:column-reverse;justify-content:center;gap:5px;margin:0 auto 15px;text-align:center;font-size:22px;word-break:keep-all;}
.ttl>.fuchidori{position:relative; font-family:Arial; display:block; font-size:35px; font-weight:bold; letter-spacing:2px; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;
    &::after{content:'';position:absolute;left:calc(50% - 125px);bottom:1px;width:250px;height:5px;background-color:var(--color-main-bg);}
}
.sub-ttl{font-weight:bold; margin:0 auto 15px;text-align:center;font-size:18px;}
.fukidashi{position:relative;background-color:var(--color-main-bg);border-radius:9999px;margin:0 auto 30px;padding:10px 20px;display:inline-block;font-size:16px;font-weight:bold;color:var(--color-main-text);
    &::after{content:'';width:30px;height:20px;position:absolute;bottom:-18px;left:calc(50% - 15px);clip-path:polygon(0 0, 100% 0, 50% 100%);background-color:var(--color-main-bg);}
}
.sec.bg-main .ttl>.fuchidori::after{background-color:var(--color-sub-bg);}
.sec.bg-blue .ttl>.fuchidori::after{background-color:var(--color-sub-bg);}
.sec.bg-orange .ttl>.fuchidori::after{background-color:var(--color-sub-bg);}
.sec.bg-pink .ttl>.fuchidori::after{background-color:#FFF;}

/* banner */
.bnr-box{position:relative; width:100%; max-width:800px; margin:30px auto;}
.bnr-box.bg{background-color:var(--color-main-bg);}
.bnr-box>.cashback-att{font-size:11px; position:absolute; top:45%; right:8%; margin:0 auto;}
#price .bnr-box>.cashback-att{top:unset; bottom:3%; right:6%;}
.bnr-box>.cashback-att a{text-decoration:underline;}
.bnr-box>.links{display:block;width:100%;text-align:center;padding-bottom:20px;}
.bnr-box>.links .btn-cv{font-size:16px;font-weight:bold;background-color:#F8FFA3;color:#333;border-radius:9999px;padding:10px 20px;margin-top:10px;display:inline-block;margin:10px auto 0; box-shadow:3px 2px 0px 0px rgba(0, 0, 0, 0.3);}

.ft_btn_box_top{max-width:600px;margin:0 auto;}

/* motive */
.motive-box{display:inline-flex;flex-flow:column;line-height:1.6; font-size:14px; border:2px solid #000; border-radius:10px; box-shadow:10px 10px 0px 0px var(--color-main-bg); padding:10px; margin:0 10px 10px 0;}
.motive-box h3{flex:1;}
.motive-box p{border-top: 2px solid var(--color-main-bg); margin-top:10px; padding-top:10px; text-align:right;font-weight:bold;}

/* features */
.features-ttl{position:relative;width:90vw;max-width:700px;height:240px;background-image:url('../images/bg-features_26.png'); background-size:auto 160px; background-position:bottom left; background-repeat:no-repeat; margin:0 auto;}
.features-ttl h3{font-size:18px; font-weight:bold; position:absolute; bottom:2em; left:35vw; word-break:keep-all;}
.features-bdy{display:flex; flex-flow:row wrap; justify-content:flex-start; align-items:center; gap:30px; padding:20px 0; margin:0 auto; text-align:left; max-width:380px;line-height:1.6;}
.features-bdy li{display:flex; flex-flow:row-reverse; justify-content:left; align-items:center; gap:15px; width:100%; font-size:18px; font-weight:bold;}
.features-bdy img{width:30%;}

.features-dtl{display:flex;flex-flow:column;align-items:center;gap:15px;}
.features-dtl .ttl-box{flex:none; display:inline-block; position:relative; text-align:center; font-size:26px; font-family:Arial; font-weight:bold; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.features-dtl .ttl-box>.ttl1{color:#000; font-size:20px;display:block; text-align:left; text-shadow:0 0 0 transparent;}
.features-dtl .ttl-box>.ttl2{font-size:40px;}
.features-dtl .ttl-box>.ttl3{padding-left:5px;}
.features-dtl .ttl-box>.ttl4{font-size:55px;}
.features-dtl .ttl-box>.ttl5{font-size:34px;padding-left:5px;} 
.features-dtl h4{font-size:20px;font-weight:bold;margin-bottom:15px;word-break:keep-all;}
.features-dtl p{font-size:16px;text-align:left;line-height:1.6;}

.features-dtl2{margin-top:30px;}
.features-dtl2 .ttl-box{margin-bottom:10px; display:block; position:relative; font-size:26px; font-family:Arial; font-weight:bold; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.features-dtl2 span.ttl-box{font-size:36px;margin-bottom:0;}
.features-dtl2 p{position:relative;display:inline-block; background-color:#FFF; color:#000; font-size:20px; font-weight:bold; padding:10px; border-radius:9999px; width:100%; max-width:350px;
    &.allows{margin-bottom:30px;}
    &.allows::after{content:'';width:26px;height:12px;background-color:#FFF;position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);clip-path:polygon(0 0, 100% 0, 50% 100%);z-index:2;}
}
.features-dtl2 .features-dtl-ai{position:relative;width:100vw;max-width:1200px;height:340px;margin:0 -15px;overflow:hidden;
    &::before{content:'';z-index:1;position:absolute;bottom:0;left:0;background-image:url('../images/03-1_26.png'); width:200px; height:300px; margin-left:-90px; background-size:contain; background-repeat:no-repeat;}
    &::after{content:'';z-index:1;position:absolute;bottom:0;right:0;background-image:url('../images/03-2_26.png'); width:140px; height:300px; margin-right:-60px; background-size:contain; background-repeat:no-repeat;}
}
.features-dtl2 dl{}
.features-dtl2 dl>dt{position:absolute;z-index:2;writing-mode:vertical-rl;letter-spacing:2px;color:#FFF;font-size:30px;font-weight:bold;}
.features-dtl2 dl>dd{position:absolute;z-index:2;font-weight:bold;font-size:14px;text-align:center;}
.features-dtl2 dl.ai1>dt{left:50%;transform:translateX(-50%);top:0;}
.features-dtl2 dl.ai2>dt{left:85%;transform:translateX(-85%);top:100px;}
.features-dtl2 dl.ai3>dt{left:20%;transform:translateX(-20%);top:50px;}
.features-dtl2 dl.ai1>dd{left:55%;top:20px;}
.features-dtl2 dl.ai2>dd{right:25%;top:110px;}
.features-dtl2 dl.ai3>dd:nth-of-type(1){left:30%;top:190px;}
.features-dtl2 dl.ai3>dd:nth-of-type(2){left:35%;top:260px;}

.features-dtl3 .ttl-box{display:block; position:relative; text-align:center; font-size:26px; font-family:Arial; font-weight:bold; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.features-dtl3 .ttl-box>.ttl1{display:block;color:#000; font-size:20px; text-shadow:0 0 0 transparent;word-break:keep-all;}
.features-dtl3 .ttl-box>.ttl2{display:inline-block;color:#000; font-size:20px; text-shadow:0 0 0 transparent;}
.features-dtl3 .ttl-box>.ttl3{display:inline-block;margin-top:10px;}
.features-dtl3 .ttl-box>.ttl4{display:inline-block; color:var(--color-main-bg);}
.features-dtl3 .ttl-box>.ttl5{display:block;color:#000; text-shadow:0 0 0 transparent;margin-bottom:10px;} 
.features-dtl3 hgroup>p:last-child{margin:10px 0 30px;font-size:14px;word-break:keep-all;}
.features-dtl3 ol{display:flex;flex-flow:column;gap:20px;}
.features-dtl3 ol>li{width:100%;display:flex;flex-flow:row;justify-content:center;align-items:flex-start;gap:10px;}
.features-dtl3 ol>li .step-ttl{width:50%;max-width:200px;display:flex;flex-flow:column-reverse;align-items:baseline;gap:10px;}
.features-dtl3 ol>li .step-ttl h4{font-size:16px;font-weight:bold;text-align:left;}
.features-dtl3 ol>li .step-ttl h4 span{color:var(--color-main-text);display:block;background-color:var(--color-main-bg);border-radius:9999px;width:100px;text-align:center;font-size:14px;margin-bottom:5px;}
.features-dtl3 ol>li .step-bdy{width:50%;}
.features-dtl3 ol>li .step-bdy .ai-point{color:var(--color-main-text);position:relative;background-color:var(--color-main-bg);border-radius:10px;font-size:14px;font-weight:bold;margin-bottom:10px;padding:10px 5px;
    &::after{content:'';width:22px;height:22px;background-color:var(--color-main-bg);position:absolute;top:50%;transform:translateY(-50%);left:-20px;clip-path:polygon(100% 0, 100% 70%, 0 100%);}
}
.features-dtl3 ol>li .step-bdy p{font-size:12px;line-height:1.6;text-align:left;}

/* teacher */
.teacher-ttl{display:flex;flex-flow:column;gap:15px;align-items:center;position:relative;
    &::before{z-index:1;content:'講師・仲間';writing-mode:vertical-rl;position:absolute;top:0;right:0;font-size:55px;font-weight:bold; color:#FFF; line-height:1; text-shadow:1px 1px 0 #CCC, -1px -1px 0 #CCC, -1px 1px 0 #CCC, 1px -1px 0 #CCC, 0px 1px 0 #CCC,  0-1px 0 #CCC, -1px 0 0 #CCC, 1px 0 0 #CCC;}
}
.teacher-ttl h3{position:relative;z-index:2;font-size:30px;font-weight:bold;word-break:keep-all;}
.teacher-ttl img{width:100%;max-width:400px;}
.teacher-ttl-p{display:flex;flex-flow:column;gap:15px;}
.teacher-ttl .ttl-box{display:inline-block; position:relative; text-align:center; font-size:30px; font-family:Arial; font-weight:bold; color:#000; margin:0 auto;}
.teacher-ttl .ttl-box>.ttl1{display:block;font-size:20px; text-align:left;}
.teacher-ttl .ttl-box>.ttl2{display:inline-block;font-size:28px; text-shadow:0 0 0 transparent;}
.teacher-ttl .ttl-box>.ttl3{display:inline-block;color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.teacher-ttl .ttl-box>.ttl4{display:inline-block; font-size:12px;margin-top:10px;} 

.teacher-bdy{display:flex;flex-flow:row wrap; justify-content:flex-start; align-items:flex-start; gap:20px; margin:0 auto; text-align:left; max-width:380px;line-height:1.6;}
.teacher-bdy li{position:relative;display:flex;flex-flow:column; justify-content:left; gap:10px; width:100%; font-size:14px; background-size:45%; background-repeat:no-repeat; background-position-x:100%;}
.teacher-bdy li:nth-child(even){justify-content:right;background-position-x:0%;}
.teacher-bdy li:nth-child(1){background-image:url('../images/06-1_26.png');}
.teacher-bdy li:nth-child(2){background-image:url('../images/06-2_26.png');}
.teacher-bdy li:nth-child(3){background-image:url('../images/06-3_26.png');}
.teacher-bdy li:nth-child(4){background-image:url('../images/06-4_26.png');}
.teacher-bdy li:nth-child(5){background-image:url('../images/06-5_26.png');}
.teacher-bdy li h4{font-weight:bold;background-color:var(--color-sub-bg);text-align:center;margin:10px 0 0;padding:3px 5px;width:60%;border-radius:5px;}
.teacher-bdy li p{width:55%;font-size:12px;padding-right:5px;}
.teacher-bdy li span{position:absolute;bottom:0;left:0;font-size:8px;width:45%;}
.teacher-bdy li:nth-child(even) h4{margin:10px 0 0 40%;}
.teacher-bdy li:nth-child(even) p{margin-left:45%;padding-left:5px;padding-right:0;}

.teacher-dtl{margin-bottom:30px;}
.teacher-dtl .ttl-box{display:block; position:relative; text-align:center; font-size:26px; font-family:Arial; font-weight:bold; color:#FFF; text-shadow:1px 1px 0 #000, -1px -1px 0 #000, -1px 1px 0 #000, 1px -1px 0 #000, 0px 1px 0 #000,  0-1px 0 #000, -1px 0 0 #000, 1px 0 0 #000;}
.teacher-dtl .ttl-box>.ttl1{display:inline-block;color:#FFF; font-size:18px; text-shadow:0 0 0 transparent;}
.teacher-dtl .ttl-box>.ttl2{display:inline-block;color:var(--color-sub-bg);}
.teacher-dtl .ttl-box>.ttl3{display:inline-block;color:#001043;font-size:24px;padding-left:5px;text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF, -1px 1px 0 #FFF, 1px -1px 0 #FFF, 0px 1px 0 #FFF,  0-1px 0 #FFF, -1px 0 0 #FFF, 1px 0 0 #FFF;}
.teacher-dtl .ttl-box>.ttl4{display:inline-block;color:#FFF;}
.teacher-dtl2{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:30px;}
.teacher-dtl2 li{width:100%;max-width:500px;display:flex;flex-flow:column;align-items:center;gap:15px;}
.teacher-dtl2 li img{width:240px;}
.teacher-dtl2 li h3{font-size:18px;font-weight:bold;}
.teacher-dtl2 li p{font-size:14px;line-height:1.6;text-align:left;}

/*curriculum*/
.curriculum-box h2.ttl{margin-bottom:30px;}
.curriculum-box h3.ttl{margin-top:30px;margin-bottom:20px;font-size:24px;}
.curriculum-box ol{counter-reset:number 0;display:flex;flex-flow:column;align-items:center;gap:10px;}
.curriculum-box ol>li{width:100%;max-width:500px;text-align:left;display:flex;flex-flow:column;gap:5px;}
.curriculum-box ol>li :where(h3,h4){display:flex;font-size:16px;font-weight:bold;line-height:40px;
    &::before{counter-increment:number 1;content:counter(number);width:40px;min-height:40px;background-color:#1265f1;color:#FFF;display:inline-block;line-height:40px;margin-right:5px;text-align:center;}
}
.curriculum-box ol>li h4::before{background-color:#ff7e00;}
.curriculum-box ol>li :where(h3,h4) span{background-color:#FFF;width: calc(100% - 45px);padding:0 25px 0 10px;}
.curriculum-box ol>li ul{display:flex;flex-flow:column;gap:5px;background-color:#FFF;padding:5px 0;}
.curriculum-box ol>li ul>li{padding-left:25px;font-size:14px;
    &::before{content:'・';}
}
.curriculum-box .faq-answer{margin:0;padding:0;height:0;overflow:hidden;background-color:#fff;transition:height 0.4s ease;}
.curriculum-box .faq-question{position:relative;}
.curriculum-box .faq-question .cont_btn {width:22px;min-height:22px; display:flex; justify-content:center; align-items:center; position:absolute; top:50%; right:10px; transform:translateY(-50%);}
.curriculum-box .faq-question .cont_btn::after {display:block; content:''; width:11px;  height:6px; background:url('../images/arrow_icon.svg') no-repeat; background-size:cover; transition:height 0.4s ease;}
.curriculum-box .faq-item.active .cont_btn::after {transform: rotate(180deg);}

.curriculum-box .fukidashi{margin:20px auto;background-color:#FFF;color:#000;
    &::after{background-color:#FFF;}
}
.curriculum-box .motive-box{border:1px solid #000;background-color:#BEFFCC;box-shadow:none;padding:20px;margin:0;font-size:14px;}
.curriculum-box .motive-box p{padding-bottom:10px;text-align:left;
    &:first-child{border:0;margin:0;padding:0;}
    &:last-child{border-top:1px solid #000;padding-bottom:0;font-weight:normal;}
}
    

/* voice */
.voice-box{background-color:var(--color-main-bg);padding:30px 10px;border-radius:30px;margin-top:15px;}
.voice-box .ttl{margin:-55px auto 30px;}
.voice-box .ttl > .fuchidori::after{content:none;}
.voice-box ul{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:30px;}
.voice-box ul li{width:100%;max-width:500px;display:flex;flex-flow:column;align-items:center;gap:15px;}
.voice-box ul li img{width:240px;}
.voice-box ul li h3{font-size:14px;font-weight:bold;background-color:var(--color-sub-bg);border-radius:9999px;border:2px solid #000;padding:5px 10px;}
.voice-box ul li p{font-size:14px;line-height:1.6;text-align:left;}

/* faq */
.faq-ttl p{margin:10px 0 30px;font-size:14px;word-break:keep-all;}

/* price */
.price-box{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:30px;}
.price-box .beforeafter{position:relative;height:30px;
    &::before{content:'';width:40px;height:30px;clip-path:polygon(0% 0%, 100% 0%, 50% 100%);position:absolute;background-color:#000;top:0;left:50%;transform:translateX(-50%);}
}
.price-box .beforeafter .ex,.price-box .priceright .ex{color:var(--color-main-text);background-color:var(--color-main-bg);border-radius:99px;font-size:18px;font-weight:bold;padding:5px 15px;margin:0 auto;letter-spacing:1px;}
.price-box .priceleft,
.price-box .priceright{display:flex;flex-flow:column;justify-content:center;align-items:center;gap:15px;}

.monthly{background-color:var(--color-sub-bg);border-radius:9999px;padding:10px 50px;font-size:20px;font-weight:bold;line-height:1;font-family:Arial;}
.monthly strong{font-size:50px;padding:0 5px;}
.monthly span{display:block;font-size:12px;font-weight:normal;margin-top:5px;}
.listprice{font-size:20px;font-weight:bold;line-height:1;font-family:Arial;margin-bottom:5px;display:flex;align-items:center;padding-top:10px;}
.listprice span{border:1px solid #000;border-radius:99px;font-size:16px;display:inline-block;width:60px;height:60px;padding-top:21px;}
.listprice strong{font-size:40px;padding:0 5px 0 10px;}
.fee1{text-align:right;font-size:20px;margin-bottom:5px;}
.fee2{text-align:right;font-size:15px;}

.discount{font-size:20px;font-weight:bold;line-height:1;font-family:Arial;margin-bottom:5px;display:flex;align-items:center;padding-top:10px;}
.discount span{background-color:var(--color-sub-bg);border:1px solid #000;border-radius:99px;font-size:16px;display:inline-block;width:60px;height:60px;padding-top:21px;}
.discount strong{font-size:50px;padding:0 5px 0 10px;}
.att{text-align:left;font-size:12px;margin-top:10px;}
.att a{text-decoration:underline;}
ul.checklist{display:flex;flex-flow:row wrap;gap:10px;font-size:14px;font-weight:bold;}
ul.checklist li{width:calc((100% - 10px) / 2);text-align:left;margin:0;
    &::before{content:'';display:inline-block; width:1.2em; height:1em; background-image:url('../images/checkmark.svg'); background-repeat:no-repeat; background-size:contain; background-position:center;}
}
ul.checklist li span{padding:0 0 0 10px;display: inline-flex;}

.sougou-box{border-radius:10px;background-color:#BEFFCC;padding:20px;margin:30px 0 0 0;font-size:14px;display:inline-flex;flex-flow:column;gap:10px;min-width:calc(100% / 3);}
.sougou-box .ttl{word-break:unset;font-size:18px;}

/* school */
.school-ttl p{margin:10px 0 30px;font-size:14px;word-break:keep-all;}
.schoollist_box .schoollist_tit{color:#D42F7D;margin:40px 0 20px;font-size:18px;font-weight:bold;}
.schoollist_box .schoollist_tit span{display:block;font-size:24px;}
.schoollist_box ul{display:flex;flex-flow:column;gap:20px;margin:0 auto;}
.schoollist_box ul>li{background-color:#fff;padding:15px 10px;border-radius:10px;}
.schoollist_box ul>li h4{font-size:24px;margin-bottom:10px;position:relative;
    &::after{content:'';width:8px;height:14px;background-color:#333;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);position:absolute;bottom:10px;right:0;}
}
.schoollist_box ul>li h4>a{display:block;font-weight:bold;}
.schoollist_box ul>li p{font-size:14px;color:#666;font-weight:normal;}
.schoollist_box ul>li .btn-cv{font-size:16px;background-color:#F8FFA3;color:#333;border-radius:9999px;padding:10px 20px;margin-top:10px;display:block; box-shadow:3px 2px 0px 0px rgba(0, 0, 0, 0.3);}

/* last */
.last-ttl{position:relative;width:90vw;max-width:700px;height:160px;background-image:url('../images/bg-last_26.png'); background-size:auto 160px; background-position:bottom left; background-repeat:no-repeat; margin:0 auto;}
.last-ttl .ttl{font-size:18px; font-weight:bold; position:absolute; bottom:1em; left:35vw; word-break:keep-all; text-align:left;}
.last-ttl .fukidashi{position:absolute;top:0;left:calc(35vw - 15px);font-size:14px;padding:5px 20px;}


@media screen and (max-width: 500px) {
    .schoollist_box .schoollist_tit{font-size:14px;}
    .schoollist_box .schoollist_tit span{font-size:18px;}
    .schoollist_box ul>li{padding:10px;}
    .schoollist_box ul>li h4{font-size:18px;
        &::after{bottom:5px;}
    }
    .schoollist_box ul>li .btn-cv{font-size:14px;padding:5px 10px;}
}


@media screen and (max-width: 374px) {
    .mv .txt-sub1{left:10px;}
    .cvbtn3{width:unset;}
}
@media screen and (min-width: 400px) {
    .mv .ttl-box>.ttl1{margin-left:70px;} 
    .mv .ttl-box>.ttl2{left:155px;}
    .mv .ttl-box>.ttl3{font-size:75px;}  
    .mv .ttl-box>.ttl4{font-size:40px;} 
    .mv .ttl-box>.ttl5{font-size:40px;margin-top:-110px;}
    .mv .mv-marks-att{font-size:10px;}
    .cvbtn1 p,.cvbtn2 p{font-size:14px;}

}
@media screen and (min-width: 561px) {
    .mv .mv-marks-att{font-size:11px;}
    .bnr-box>.cashback-att{font-size:12px; top:42%; right:4%;}
    #price .bnr-box>.cashback-att{top:unset; bottom:10px; right:20px;}

    .features-ttl{height:180px;}
    .features-ttl h3{position:relative;bottom:unset;left:unset;text-align:center;}

    .features-dtl2 .features-dtl-ai{
        &::before{margin-left:0;}
        &::after{margin-right:0;}
    }
    .features-dtl2 dl>dt{font-size:36px;}
    .features-dtl2 dl>dd{font-size:16px;}
    .features-dtl2 dl.ai2>dt{left:75%;transform:translateX(-75%);top:90px;}
    .features-dtl2 dl.ai3>dt{left:30%;transform:translateX(-30%);}
    .features-dtl2 dl.ai1>dd{top:10px;}
    .features-dtl2 dl.ai2>dd{right:30%;top:100px;}
    .features-dtl2 dl.ai3>dd:nth-of-type(1){left:35%;top:180px;}
    .features-dtl2 dl.ai3>dd:nth-of-type(2){left:40%;top:255px;}

    .last-ttl {height:160px;}
    .last-ttl .ttl{bottom:1em;left:50%;transform:translateX(-50%);text-align:center;font-size:24px;width:100%;padding-left:100px;}
    .last-ttl .fukidashi{top:2em;left:48%;transform:translateX(-50%);font-size:16px;}

}
@media screen and (min-width: 769px) {
    .bnr-box>.cashback-att{font-size:14px;}
    .mv::before{height:600px;}
    .mv>.inner{width:100%; max-width:1200px; height:600px;  background-size:cover; background-position:top;}
    .mv .ttl-box{top:280px;}
    .mv .ttl-box>.ttl1{font-size:125px;margin-left:75px;} 
    .mv .ttl-box>.ttl2{font-size:100px;left:215px;top:25px;}
    .mv .ttl-box>.ttl3{font-size:125px;}  
    .mv .ttl-box>.ttl4{font-size:85px;} 
    .mv .ttl-box>.ttl5{font-size:85px;margin-top:-230px;}
    .mv .txt-sub1{font-size:30px; left:5vw;}
    .mv .txt-sub1 span{font-size:36px;}
    .mv .txt-sub2{top:370px;font-size:26px;}
    .mv .mv-marks{width:140px;}
    .mv .mv-marks-att{top:300px;}
    .cvbtn-box.fv{margin-top:30px;padding:0 15px; background-color:unset;}
    .cvbtn-box.fixed{display:none;}
    .cvbtn-set-wrap {/*width:unset;*/gap:20px; flex-flow:row;}
    .cvbtn-set-wrap.pc-view{display:flex;}
    :where(.cvbtn1,.cvbtn2,.cvbtn3,.cvbtn4,.cvbtn5).pc-view{display:inline-flex;}

    .ttl{font-size:28px;}
    .ttl>.fuchidori{font-size:45px;
        &::after{bottom:3px;}
    }
    .fukidashi{padding:10px 30px;font-size:22px;}
    .motive-box{font-size:20px; padding:20px;}
    .motive-box h3{min-height:130px;}
    .motive-box p{margin-top:15px;padding-top:15px;}

    .features-bdy{padding:30px 0;max-width:750px;}
    .features-bdy li{width:calc((100% - 30px) / 2);font-size:22px;}
    .features-dtl{flex-flow:row;}
    .features-dtl>:nth-child(1){width:40%;}
    .features-dtl>:nth-child(2){width:60%;}
    .features-dtl p{font-size:18px;}

    .features-dtl2 dl>dt{font-size:40px;}
    .features-dtl2 dl>dd{font-size:20px;}
    .features-dtl2 dl.ai2>dt{top:120px;}
    .features-dtl2 dl.ai3>dt{left:25%;transform:translateX(-25%);top:30px;}
    .features-dtl2 dl.ai1>dd{}
    .features-dtl2 dl.ai2>dd{top:140px;}
    .features-dtl2 dl.ai3>dd:nth-of-type(1){left:30%;top:100px;}
    .features-dtl2 dl.ai3>dd:nth-of-type(2){left:30%;top:220px;}

    .features-dtl3 .ttl-box{font-size:36px;}
    .features-dtl3 .ttl-box .ttl1, .features-dtl3 .ttl-box .ttl2{font-size:24px;}
    .features-dtl3 ol{flex-flow:row wrap;}
    .features-dtl3 ol>li{width:calc(50% - 20px / 2);}
    .features-dtl3 ol>li .step-ttl{width:40%; max-width:unset;}
    .features-dtl3 ol>li .step-ttl h4{font-size:20px;}
    .features-dtl3 ol>li .step-bdy{width:60%;}
    .features-dtl3 ol>li .step-bdy .ai-point {font-size:18px;}
    .features-dtl3 ol>li .step-bdy p{font-size:16px;}

    .teacher-ttl{align-items:flex-start;text-align:left;
        &::before{font-size:70px;}
    }
    .teacher-ttl h3{font-size:36px;}
    .teacher-ttl-p{flex-flow:row;align-items:flex-end;}
    .teacher-ttl img {max-width:350px;}
    .teacher-ttl .ttl-box>.ttl1{font-size:24px;}
    .teacher-ttl .ttl-box>.ttl2{font-size:32px;}
    .teacher-ttl .ttl-box>.ttl3{font-size:36px;}
    .teacher-ttl .ttl-box>.ttl4{font-size:14px;}

    .teacher-bdy {max-width:100%;}
    .teacher-bdy li{width:calc((100% - 20px) / 2);}
    .teacher-bdy li p{font-size:16px;}
    .teacher-bdy li span{left:unset;right:0;}
    .teacher-bdy li:nth-child(even){justify-content:left;background-position-x:100%;}
    .teacher-bdy li:nth-child(even) h4{margin:10px 0 0;}
    .teacher-bdy li:nth-child(even) p{margin-left:0;padding-left:0;padding-right:5px;}

    .teacher-dtl2 {flex-flow:row;align-items:flex-start;}
    .teacher-dtl2 li{width:calc((100% - 60px) / 3);}
    .teacher-dtl2 li h3{font-size:20px;}
    .teacher-dtl2 li p{font-size:16px;}

    .curriculum-box ol{flex-flow:row wrap;align-items:flex-start;}
    .curriculum-box ol>li{width:calc((100% - 30px) / 3);}
    .curriculum-box ol>li h3{font-size:18px;}
    .curriculum-box ol>li ul>li{font-size:16px;}
    .curriculum-box .motive-box{font-size:16px;}

    .voice-box{padding:30px 10px;}
    .voice-box ul{flex-flow:row;align-items:flex-start;}
    .voice-box ul li{width:calc((100% - 40px) / 2);}
    .voice-box ul li h3{font-size:18px; padding:5px 15px;}
    .voice-box ul li p{font-size:16px;}

    .price-box{flex-flow:row;align-items:flex-start;}
    .price-box .priceleft{width:50%;}
    .price-box .priceright{width:50%;}
    .price-box .beforeafter{width:150px;margin-top:-75px;align-self:center;
        &::before{content:'';width:40px;height:50px;clip-path:polygon(0% 0%, 100% 50%, 0% 100%);}
    }
    .monthly{max-width:380px;margin:0 auto 10px;}
    .listprice,.discount,.fee1,.fee2{justify-content:right;max-width:340px;margin:0 auto 5px;}
    .att{max-width:310px;margin:10px auto 0;}

    .sougou-box{font-size:14px;}
    .sougou-box .ttl{font-size:22px;}

    .schoollist_box ul{flex-flow:row wrap !important;}
    .schoollist_box ul>li{width:calc((100% - 40px) / 3); display:flex; flex-flow:column;}
    .schoollist_box .schoollist_tit span{display:inline-block !important; padding-right:10px;}
    .schoollist_box ul>li p{flex:1;}


}
@media screen and (min-width: 1000px) {
    ul.checklist{font-size:12px;}
    ul.checklist li{width:calc((100% - 20px) / 3);}
}
@media screen and (min-width: 1110px) {
    ul.checklist{font-size:14px;}
}
@media screen and (min-width: 1200px) {
    .features-bdy{align-items:flex-start; max-width:100%;}
    .features-bdy li{flex-flow:column-reverse; width:calc((100% - 30px * 3) / 4);}
    .features-bdy img{width:150px;}

    .features-dtl3 ol>li {width:calc((100% - 40px) / 3);}

    .teacher-bdy li{width:calc((100% - 40px) / 3);font-size:18px;background-size:35%;}
    .teacher-bdy li h4{width:70%;}
    .teacher-bdy li p{width:65%;}
    .teacher-bdy li span{width:35%; bottom:35%;}
}



/* faq accordion
----------------------------------------------------------------------*/
.faq_box {padding:0;}
.faq_box .faq-container {width:100%;margin:0 auto;}
.faq_box .faq-container .faq-item {margin-bottom:30px;background-color:#fff;border-radius:10px;overflow:hidden;
    &:last-child{margin-bottom:0;}
}
.faq_box .faq-question,.faq_box .faq-answer-content {display:flex; justify-content:flex-start; align-items:flex-start; background-color:#fff; text-align:left;}
.faq_box .faq-question p,.faq_box .faq-answer-content p {font-size:16px; line-height:1.6;}
.faq_box .faq-question p {font-weight:bold;}
.faq_box .faq-question {padding:15px 45px 15px 15px; cursor:pointer; position:relative; transition:background-color 0.3s;}
.faq_box .faq-answer {padding:0; height:0; overflow:hidden; background-color:#fff; transition:height 0.4s ease;}
.faq_box .faq-answer-content {width:100%; margin:0 auto; padding:15px; border-top:1px solid var(--color-main-bg);}
.faq_box .faq-question .cont_btn {width:22px; height:22px; border-radius:50%; background:var(--color-main-bg); display:flex; justify-content:center; align-items:center; position:absolute; top:50%; right:18px; transform:translateY(-50%);}
.faq_box .faq-question .cont_btn::after {display:block; content:''; width:11px;  height:6px; background:url('../images/arrow_icon_white.svg') no-repeat; background-size:cover; transition:height 0.4s ease;}
.faq_box .faq-item.active .cont_btn::after {transform: rotate(180deg);}

@media screen and (min-width: 769px) {
    .faq_box .faq-container{display:flex;flex-flow:row wrap;gap:30px;}
    .faq_box .faq-container .faq-item {width:calc((100% - 30px) / 2);margin-bottom:0;}
}

/* swiper
----------------------------------------------------------------------*/
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-horizontal.swiper-pagination-bullets {bottom:10px;width:75%;left:50%;transform:translateX(-50%);}
.swiper-horizontal > .swiper-pagination-bullets span, .swiper-pagination-horizontal.swiper-pagination-bullets span {background: #fff !important; opacity:1; width:15px; height:15px; margin:0 10px !important;}
.swiper-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet-active,.swiper-pagination-horizontal.swiper-pagination-bullets span.swiper-pagination-bullet-active {background: #000!important;}
.swiper-button-next, .swiper-button-prev {bottom:0 !important; top:auto !important; width:40px; height:40px; border-radius:50%; background:var(--color-btn-bg); z-index:2 !important;}
.swiper-button-next {right:0;}
.swiper-button-prev {left:0;}
.swiper-button-next svg, .swiper-button-prev svg {display: none;}
.swiper-button-next::after,.swiper-button-prev::after {display:block; content:''; width:18px; height:10px; background:url(../images/arrow_icon.svg) no-repeat; background-size:cover; transition:height 0.4s ease;}
.swiper-button-next::after {transform: rotate(-90deg);}
.swiper-button-prev::after {transform: rotate(90deg);}

.mySwiper02 {padding-bottom:50px;}
.mySwiper02 .swiper-horizontal > .swiper-pagination-bullets span, 
.mySwiper02 .swiper-pagination-horizontal.swiper-pagination-bullets span { background:#EFEFEF !important; opacity:1; width:12px; height:12px; margin:0 8px !important;}
.mySwiper02 .swiper-horizontal > .swiper-pagination-bullets span.swiper-pagination-bullet-active, .mySwiper02 .swiper-pagination-horizontal.swiper-pagination-bullets span.swiper-pagination-bullet-active {background:#000 !important;}