@charset "UTF-8";
:root {
  --orange-color: #B55001;
}
/* sass */
.color-ver-v { --theme-color: var(--orange-color); --theme-color-sub: #FFF0D2; --theme-color-sub2: #FFE7D2; }

.color-ver-h { --theme-color: #005AC8; --theme-color-sub: #DCF1F8; --theme-color-sub2: #DCF8EC; }

.txt-skip > a { outline-offset: -4px; position: absolute; width: 1px; height: 1px; clip: rect(1px, 1px, 1px, 1px); }

.txt-skip > a:focus, .txt-skip > a:active { position: static; display: block; width: 100%; height: auto; top: 2px; left: 0; clip: auto; z-index: 1000; font-size: 1.8rem; line-height: 1.5; padding: 10px; background-color: #143864; color: #fff; text-align: center; }

.l-head .l-head-main { box-shadow: 0 2px 0 #C8C8CB; background: #fff; padding: 16px 12px; position: relative; z-index: 1; }

.l-head .hdr-logo { margin-top: 2px; width: 122px; }

.l-head .hdr-logo img { width: 100%; height: auto; }

.l-head .hdr-txt { margin-top: 16px; font-size: 1.8rem; line-height: 1.278; font-weight: 700; padding-right: 113px; }

.l-head .hdr-txt a { color: #333; text-decoration: none; }

.l-head .hdr-txt a:link, .l-head .hdr-txt a:hover, .l-head .hdr-txt a:visited { color: #333; }

.l-head .hdr-btn { position: absolute; right: 18px; bottom: 25px; width: 97px; }

.l-head .hdr-btn img { width: 100%; height: auto; }

.l-foot .l-foot-main { border-top: #333 1px solid; padding: 32px 12px; }

.l-foot .ftr-txt { text-align: center; font-size: 1.6rem; line-height: 1.5; }

.l-foot .ftr-txt + .ftr-txt { margin-top: 16px; }

.l-foot .ftr-copyright { margin-top: 24px; text-align: center; font-size: 1.6rem; line-height: 1.5; }

.nav-main { padding-top: 8px; }

.nav-main > li { margin-top: 16px; font-size: 2.4rem; line-height: 1.636; }

.nav-main > li.col-pt1 > a { border: var(--orange-color) 2px solid; background: var(--orange-color); }

.nav-main > li.col-pt1 > a::after { background: transparent url(../image/icon_arrow_o.svg) no-repeat center center; background-size: contain; }

.nav-main > li.col-pt2 > a { border: #005AC8 2px solid; background: #005AC8; }

.nav-main > li.col-pt2 > a::after { background: transparent url(../image/icon_arrow_b.svg) no-repeat center center; background-size: contain; }

.nav-main > li.type-anc > a::after { -webkit-transform: rotate(90deg); transform: rotate(90deg); }

.nav-main > li > a { position: relative; display: inline-block; padding: 0 64px 0 0; color: #000; vertical-align: middle; text-decoration: none; border-radius: 48px; padding: 12px 42px 12px 16px; color: #fff; font-weight: 700; text-align: center; width: 100%; }

.nav-main > li > a:link, .nav-main > li > a:hover, .nav-main > li > a:visited { color: #fff; }

.nav-main > li > a::before, .nav-main > li > a::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }

.nav-main > li > a::before { width: 24px; height: 24px; border-radius: 50%; background: #fff; right: 12px; }

.nav-main > li > a::after { right: 12px; width: 24px; height: 24px; }

.nav-sub { text-align: center; }

.nav-sub > li { font-size: 2rem; line-height: 1.5; }

.nav-sub > li + li { margin-top: 32px; }

.l-body-main { position: relative; }

.l-content { padding: 40px 12px; }

.l-content.bg-pt1 { background: var(--theme-color-sub); }

.l-content.bg-pt2 { background: var(--theme-color); }

.l-content.wdt-pdt0 { padding-top: 0; }

.color-ver-v .l-content.wdt-pt1 { padding-top: 32px; padding-bottom: 32px; }

.color-ver-h .l-content.wdt-pt1 { padding-top: 24px; }

.wrap-nav-global { padding: 0; }

.nav-global { display: flex; margin-left: -3px; position: relative; z-index: 2; }

.nav-global > li { display: flex; width: calc(50% - 3px); margin-left: 3px; text-align: center; font-size: 2.4rem; line-height: 1.2; font-weight: 700; }

.nav-global > li > a { display: flex; width: 100%; justify-content: center; align-items: center; background: var(--orange-color); border: var(--orange-color) 2px solid; padding: 10px 20px 12px 10px; text-decoration: none; color: #fff; }

.nav-global > li > a:link, .nav-global > li > a:hover, .nav-global > li > a:visited { color: #fff; }

.nav-global > li > a span { position: relative; display: inline-block; padding-right: 6px; }

.nav-global > li > a span::before, .nav-global > li > a span::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }

.nav-global > li > a span::before { width: 16px; height: 16px; border-radius: 50%; background: #fff; right: -16px; }

.nav-global > li > a span::after { right: -16px; width: 16px; height: 16px; background: transparent url(../image/icon_arrow_o.svg) no-repeat center center; background-size: contain; }

.nav-global > li.col-pt1 > a { background: var(--orange-color); border: var(--orange-color) 2px solid; }

.nav-global > li.col-pt1 > a span::after { background: transparent url(../image/icon_arrow_o.svg) no-repeat center center; background-size: contain; }

.nav-global > li.col-pt2 > a { background: #005AC8; border: #005AC8 2px solid; }

.nav-global > li.col-pt2 > a span::after { background: transparent url(../image/icon_arrow_b.svg) no-repeat center center; background-size: contain; }

.bread-crumbs { display: flex; flex-wrap: wrap; padding: 12px; }

.bread-crumbs > li { line-height: 1; }

.bread-crumbs > li > a { color: #005AC8; }

.bread-crumbs > li + li { padding-left: 1em; position: relative; }

.bread-crumbs > li + li::before { position: absolute; font-weight: 700; left: 0.3em; top: 50%; display: block; content: "\002f"; margin-top: -0.5em; }

.color-ver-v { --theme-color: var(--orange-color); --theme-color-sub: #FFF0D2; --theme-color-sub2: #FFE7D2; --theme-icon-blank: transparent url(../image/icon_blank_o.svg) no-repeat center center; --theme-icon-pdf: transparent url(../image/icon_pdf_o.svg) no-repeat center center; --theme-icon-pdf-hover: transparent url(../image/icon_pdf_o_h.svg) no-repeat center center; --theme-icon-word: transparent url(../image/icon_word_o.svg) no-repeat center center; --theme-icon-word-hover: transparent url(../image/icon_word_o_h.svg) no-repeat center center; --theme-icon-arrow: transparent url(../image/icon_arrow_o.svg) no-repeat center center; --theme-icon-tel: transparent url(../image/icon_tel_o.svg) no-repeat center center; --theme-icon-fax: transparent url(../image/icon_fax_o.svg) no-repeat center center; --theme-icon-mail: transparent url(../image/icon_mail_o.svg) no-repeat center center; --theme-hdg-sub-l-pc: transparent url(../image/fuki_o_l_pc.svg) no-repeat center center; --theme-hdg-sub-r-pc: transparent url(../image/fuki_o_r_pc.svg) no-repeat center center; --theme-hdg-sub-l-sp: transparent url(../image/fuki_o_l_sp.svg) no-repeat center center; --theme-hdg-sub-r-sp: transparent url(../image/fuki_o_r_sp.svg) no-repeat center center; --theme-icon-arrow-btm: transparent url(../image/icon_arrow_btm_o.svg) no-repeat center center; --theme-icon-plus: transparent url(../image/icon_plus_o.svg) no-repeat center center; }

.color-ver-h { --theme-color: #005AC8; --theme-color-sub: #DCF1F8; --theme-color-sub2: #DCF8EC; --theme-icon-blank: transparent url(../image/icon_blank_b.svg) no-repeat center center; --theme-icon-pdf: transparent url(../image/icon_pdf_b.svg) no-repeat center center; --theme-icon-pdf-hover: transparent url(../image/icon_pdf_b_h.svg) no-repeat center center; --theme-icon-word: transparent url(../image/icon_word_b.svg) no-repeat center center; --theme-icon-word-hover: transparent url(../image/icon_word_b_h.svg) no-repeat center center; --theme-icon-arrow: transparent url(../image/icon_arrow_b.svg) no-repeat center center; --theme-icon-tel: transparent url(../image/icon_tel_b.svg) no-repeat center center; --theme-icon-fax: transparent url(../image/icon_fax_b.svg) no-repeat center center; --theme-icon-mail: transparent url(../image/icon_mail_b.svg) no-repeat center center; --theme-hdg-sub-l-pc: transparent url(../image/fuki_b_l_pc.svg) no-repeat center center; --theme-hdg-sub-r-pc: transparent url(../image/fuki_b_r_pc.svg) no-repeat center center; --theme-hdg-sub-l-sp: transparent url(../image/fuki_b_l_sp.svg) no-repeat center center; --theme-hdg-sub-r-sp: transparent url(../image/fuki_b_r_sp.svg) no-repeat center center; --theme-icon-arrow-btm: transparent url(../image/icon_arrow_btm_b.svg) no-repeat center center; --theme-icon-plus: transparent url(../image/icon_plus_b.svg) no-repeat center center; }

.br-sp { display: inline; }

.br-pc { display: none; }

.u-mgt0 { margin-top: 0 !important; }

.u-mgt8 { margin-top: 8px !important; }

.u-mgt16 { margin-top: 8px !important; }

.u-mgt32 { margin-top: 8px !important; }

.u-mgt-st { margin-top: 16px !important; }

.u-mgt24-32 { margin-top: 24px !important; }

.u-mgt24-40 { margin-top: 24px !important; }

.u-mgt40-72 { margin-top: 40px !important; }

.ft-pt1 { font-weight: 700; color: var(--theme-color); font-size: 2.4rem; }

.ft-bold { font-weight: 700; }

a { color: #005AC8; }

a:link { color: #005AC8; }

a:hover { color: #346CED; }

a:visited { color: #681DA8; }

.hdg-wrap-lv1 { text-align: center; }

.hdg-wrap-lv1 .hdg-main { display: block; font-size: 3.6rem; line-height: 1.25; font-weight: 700; text-align: center; }

.hdg-wrap-lv1 .hdg-sub { display: inline-block; text-align: center; position: relative; font-size: 2rem; line-height: 1.5; font-weight: 700; padding: 0 20px; }

.hdg-wrap-lv1 .hdg-sub::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -25px; width: 18px; height: 56px; background: var(--theme-hdg-sub-l-sp); background-size: contain; }

.hdg-wrap-lv1 .hdg-sub::after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -25px; width: 18px; height: 55px; background: var(--theme-hdg-sub-r-sp); background-size: contain; }

.hdg-wrap-lv1 .hdg-wrap-catch { display: inline-block; text-align: center; position: relative; padding: 0 64px; width: 100%; }

.hdg-wrap-lv1 .hdg-wrap-catch::before { content: ""; position: absolute; top: 50%; left: 0; margin-top: -49px; width: 64px; height: 98px; background: transparent url(../image/bg_person1.png) no-repeat center center; background-size: contain; }

.hdg-wrap-lv1 .hdg-wrap-catch::after { content: ""; position: absolute; top: 50%; right: 0; margin-top: -49px; width: 64px; height: 98px; background: transparent url(../image/bg_person2.png) no-repeat center center; background-size: contain; }

.hdg-wrap-lv1 .hdg-catch { background: #fff; font-size: 1.8rem; line-height: 1.5; font-weight: 700; border-radius: 16px; padding: 16px 12px 16px 12px; text-align: left; min-height: 112px; display: flex; align-items: center; justify-content: center; margin-top: 16px; }

.hdg-wrap-lv1 .hdg-catch .hdg-icon { position: relative; display: block; padding-left: 36px; }

.hdg-wrap-lv1 .hdg-catch .hdg-icon::after { content: ""; position: absolute; top: 50%; left: 0; margin-top: -16px; width: 32px; height: 32px; background: transparent url(../image/icon_beginner_sp.svg) no-repeat center center; background-size: contain; }

.hdg-lv2-main { text-align: center; font-size: 2.8rem; line-height: 1.25; font-weight: 700; }

.l-content.bg-pt2 .hdg-lv2-main { color: #fff; }

.hdg-lv3-main { text-align: center; font-size: 2.4rem; line-height: 1.5; font-weight: 700; }

.hdg-lv4-main { text-align: center; font-size: 2.4rem; line-height: 1.5; font-weight: 700; }

.hdg-lv3-icon { text-align: center; font-size: 2.4rem; line-height: 1.5; font-weight: 700; }

.hdg-lv3-icon .icon-hdg-tel, .hdg-lv3-icon .icon-hdg-fax, .hdg-lv3-icon .icon-hdg-mail { padding-left: 36px; position: relative; display: inline-block; text-align: left; }

.hdg-lv3-icon .icon-hdg-tel:before, .hdg-lv3-icon .icon-hdg-fax:before, .hdg-lv3-icon .icon-hdg-mail:before { content: ""; width: 32px; height: 32px; position: absolute; top: 0.2em; left: 0; }

.hdg-lv3-icon .icon-hdg-tel:before { background: var(--theme-icon-tel); background-size: contain; }

.hdg-lv3-icon .icon-hdg-fax:before { background: var(--theme-icon-fax); background-size: contain; }

.hdg-lv3-icon .icon-hdg-mail:before { background: var(--theme-icon-mail); background-size: contain; }

.hdg-lv1-st { margin-top: 40px; font-size: 3.2rem; line-height: 1.25; font-weight: 700; }

.hdg-lv2-st { background: #F2F2F2; border-bottom: #333 8px solid; padding: 16px; margin-top: 56px; font-size: 2.8rem; line-height: 1.25; font-weight: 700; }

.hdg-lv3-st { border-bottom: #333 4px solid; padding-bottom: 12px; margin-top: 32px; font-size: 2.6rem; line-height: 1.25; font-weight: 700; }

.hdg-lv4-st { margin-top: 32px; font-size: 2.4rem; line-height: 1.25; font-weight: 700; }

.txt-st { margin-top: 16px; font-size: 1.8rem; line-height: 1.5; }

.txt-pt1 { margin-top: 16px; text-align: center; font-size: 2.2rem; line-height: 1.5; font-weight: 700; color: var(--theme-color); }

.txt-pt2 { text-align: center; font-size: 2.0rem; line-height: 1.2; font-weight: 700; }

.txt-sub-pt1 { margin-top: 24px; font-size: 1.8rem; line-height: 1.5; }

.txt-sub-pt2 { margin-top: 24px; font-size: 1.8rem; line-height: 1.5; }

.word-wrap > li { word-break: break-word; overflow-wrap: anywhere; }

.list-nml-st > li { position: relative; padding-left: 24px; margin-top: 8px; font-size: 1.8rem; line-height: 1.5; }

.list-nml-st > li::before { content: ""; border-radius: 50%; width: 8px; height: 8px; position: absolute; background: #333; top: 0.6em; left: 4px; }

.list-num-st { list-style-type: decimal; padding-left: 1.8em; }

.list-num-st > li { margin-top: 8px; font-size: 1.8rem; line-height: 1.5; padding-left: 4px; }

.list-num-st > li::marker { font-weight: 700; }

.list-att-st > li { margin-top: 16px; font-size: 1.8rem; line-height: 1.5; display: flex; }

.list-att-st > li > span:first-child { white-space: nowrap; padding-right: 8px; }

.list-dlbox .inner-dlbox { border-left: var(--theme-color) 2px solid; border-right: var(--theme-color) 2px solid; border-bottom: var(--theme-color) 2px solid; padding: 24px 16px; }

.list-dlbox .ttl { text-align: center; font-size: 2.4rem; line-height: 1.5; font-weight: 700; }

.list-dlbox .ttl .icon-ttl-tel, .list-dlbox .ttl .icon-ttl-fax { padding-left: 36px; position: relative; display: inline-block; text-align: left; }

.list-dlbox .ttl .icon-ttl-tel:before, .list-dlbox .ttl .icon-ttl-fax:before { content: ""; width: 32px; height: 32px; position: absolute; top: 0.2em; left: 0; }

.list-dlbox .ttl .icon-ttl-tel:before { background: var(--theme-icon-tel); background-size: contain; }

.list-dlbox .ttl .icon-ttl-fax:before { background: var(--theme-icon-fax); background-size: contain; }

.list-box-pt1 > li { background: #fff; border: var(--theme-color) 2px solid; border-radius: 16px; padding: 16px; margin-top: 16px; text-align: center; font-weight: 700; }

.list-box-pt1 > li .box-txt { font-size: 2rem; line-height: 1.2; }

.list-box-pt1 > li .box-txt-sub { font-size: 1.6rem; line-height: 1.5; }

.wrap-btn-st > li { margin-top: 24px; font-size: 2.4rem; line-height: 1.5; display: flex; justify-content: center; align-items: center; }

.wrap-btn-st > li > a { width: 100%; position: relative; display: flex; justify-content: center; align-items: center; vertical-align: middle; text-decoration: none; border-radius: 48px; padding: 12px 42px 12px 16px; background: var(--theme-color); border: var(--theme-color) 2px solid; color: #fff; font-weight: 700; text-align: center; }

.wrap-btn-st > li > a:link, .wrap-btn-st > li > a:visited { color: #fff; }

.wrap-btn-st > li > a::before, .wrap-btn-st > li > a::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; }

.wrap-btn-st > li > a::before { width: 24px; height: 24px; border-radius: 50%; background: #fff; right: 12px; }

.wrap-btn-st > li > a::after { right: 12px; width: 24px; height: 24px; background: var(--theme-icon-arrow); background-size: contain; }

.txt-link-blank .link-icon { display: inline-block; vertical-align: middle; margin-left: 3px; font-size: 0; }

.txt-link-blank .link-icon::after { margin-top: -2px; content: ""; display: inline-block; vertical-align: middle; margin-left: 3px; font-size: 0; width: 24px; height: 24px; background: transparent url(../image/icon_blank.svg) no-repeat center center; background-size: contain; }

.link-blank .link-icon-wrap, .link-pdf .link-icon-wrap, .link-word .link-icon-wrap { position: relative; display: inline-block; }

.link-blank .link-icon, .link-pdf .link-icon, .link-word .link-icon { display: inline-block; vertical-align: middle; margin-left: 3px; font-size: 0; position: absolute; top: 50%; right: 0; }

.link-blank .link-icon::after, .link-pdf .link-icon::after, .link-word .link-icon::after { content: ""; display: inline-block; vertical-align: middle; }

.link-blank .link-icon-wrap { padding-right: 28px; }

.link-blank .link-icon { width: 24px; height: 24px; margin-top: -12px; }

.link-blank .link-icon::after { width: 24px; height: 24px; background: transparent url(../image/icon_blank_w.svg) no-repeat center center; background-size: contain; }

.link-pdf .link-icon-wrap { padding-right: 62px; }

.link-pdf .link-icon { width: 60px; height: 32px; margin-top: -16px; }

.link-pdf .link-icon::after { width: 60px; height: 32px; background: var(--theme-icon-pdf); background-size: contain; }

.link-word .link-icon-wrap { padding-right: 62px; }

.link-word .link-icon { width: 60px; height: 32px; margin-top: -16px; }

.link-word .link-icon::after { width: 60px; height: 32px; background: var(--theme-icon-word); background-size: contain; }

.txt-num-b { text-align: center; font-size: 2.4rem; font-weight: 700; margin-top: 24px; color: var(--theme-color); }

.txt-num-b .txt-nolink { font-size: 4rem; }

.txt-link-tel-sp { text-align: center; display: block; border-radius: 32px; background: var(--theme-color); border: var(--theme-color) 2px solid; padding: 18px 20px; color: #fff; text-decoration: none; }

.txt-link-tel-sp:link, .txt-link-tel-sp:hover, .txt-link-tel-sp:visited { color: #fff; }

.txt-link-tel-sp .link-icon-tel { position: relative; display: inline-block; padding-left: 28px; }

.txt-link-tel-sp .link-icon-tel::before { content: ""; position: absolute; display: inline-block; left: 0; width: 24px; height: 24px; top: 50%; margin-top: -12px; background: transparent url(../image/icon_tel_w.svg) no-repeat center center; background-size: contain; }

.txt-link-tel-pc { display: none; }

.box-pt1 { background: #fff; border: #fff 1px solid; border-radius: 16px; padding: 30px 14px; margin-top: 24px; }

.box-pt2 { background: #fff; border: #fff 1px solid; border-radius: 16px; padding: 30px 14px; margin-top: 24px; }

.box-pt3 { background: #fff; border: var(--theme-color) 1px solid; border-radius: 16px; padding: 32px 16px; margin-top: 24px; }

.box-pt3 > *:first-child { margin-top: 0; }

.box-pt4-1 { background: var(--theme-color-sub2); padding: 32px 8px; margin-top: 32px; }

.box-pt4-2 { background: var(--theme-color-sub); padding: 32px 8px; position: relative; background-image: linear-gradient(to right, var(--theme-color), var(--theme-color) 4px, transparent 4px, transparent 8px); background-size: 8px 4px; background-position: left top; background-repeat: repeat-x; }

.box-pt4-2:before { content: ""; position: absolute; top: -17px; margin-left: -18px; left: 50%; width: 36px; height: 42px; background: var(--theme-icon-arrow-btm); background-size: contain; }

.box-pt4-3 { position: relative; padding-top: 32px; }

.box-pt4-3:before { content: ""; position: absolute; top: -18px; margin-left: -18px; left: 50%; width: 36px; height: 36px; background: var(--theme-icon-plus); background-size: contain; }

.box-pt5 { background: #fff; border: var(--theme-color) 4px solid; padding: 32px 16px; }

.box-pt5 > *:first-child { margin-top: 0; }

.wrap-box-hdg { background: #fff; margin-top: 24px; }

.wrap-box-hdg + .wrap-box-hdg { margin-top: 0; }

.wrap-box-hdg .hdg-lv3-pt { background: var(--theme-color); border: var(--theme-color) 1px solid; padding: 18px; color: #fff; text-align: center; font-size: 2.4rem; line-height: 1.5; font-weight: 700; }

.wrap-box-hdg .inner-box-hdg { padding: 24px 16px; }

.wrap-box-hdg .inner-box-hdg > *:first-child { margin-top: 0; }

.tbl-st { margin-top: 16px; border-collapse: separate; border-spacing: 0; empty-cells: show; width: 100%; border-left: 1px solid #4B4B4B; border-top: 1px solid #4B4B4B; }

.tbl-st th.nowrap, .tbl-st td.nowrap { white-space: nowrap; }

.tbl-st th.sp-wdt-25p, .tbl-st td.sp-wdt-25p { width: 25%; }

.tbl-st th { padding: 16px 8px; border-right: 1px solid #fff; border-bottom: 1px solid #4B4B4B; background: #4B4B4B; color: #fff; text-align: center; font-weight: 700; font-size: 1.4rem; line-height: 1.5; }

.tbl-st th:last-child { border-right: 1px solid #4B4B4B; }

.tbl-st td { padding: 10px 8px; border-right: 1px solid #4B4B4B; border-bottom: 1px solid #4B4B4B; vertical-align: top; font-size: 1.4rem; line-height: 1.5; }

@media all and (min-width: 768px) { .txt-skip > a:focus, .txt-skip > a:active { font-size: 2.0rem; } .txt-skip > a:hover { text-decoration: none; } .l-all { min-width: 1128px; } .l-head .l-head-main { padding: 24px 0 22px; } .l-head .l-inner { display: flex; justify-content: space-between; align-items: center; } .l-head .hdr-wrap-logo { display: flex; align-items: center; } .l-head .hdr-logo { margin-top: 0; width: 190px; } .l-head .hdr-txt { margin-top: 0; font-size: 2.4rem; line-height: 1.5; margin-left: 32px; padding-left: 32px; border-left: #C8C8CB 1px solid; }
  .l-head .hdr-txt a:hover { text-decoration: underline; } .l-head .hdr-btn { position: static; width: 147px; } .l-foot .l-foot-main { padding: 32px 0; } .l-foot .ftr-txt { text-align: left; } .l-foot .ftr-copyright { text-align: left; } .nav-main { display: flex; margin-left: -32px; padding-top: 56px; } .nav-main > li.col-pt1 > a { transition: background-color .3s, color .3s, border-color .3s; }
  .nav-main > li.col-pt1 > a::before { transition: background-color .3s; }
  .nav-main > li.col-pt1 > a:hover { background: #fff; color: var(--orange-color); }
  .nav-main > li.col-pt1 > a:hover::before { background: var(--orange-color); }
  .nav-main > li.col-pt1 > a:hover::after { background: transparent url(../image/icon_arrow_w.svg) no-repeat center center; background-size: contain; } .nav-main > li.col-pt2 > a { transition: background-color .3s, color .3s, border-color .3s; }
  .nav-main > li.col-pt2 > a::before { transition: background-color .3s; }
  .nav-main > li.col-pt2 > a:hover { background: #fff; color: #005AC8; }
  .nav-main > li.col-pt2 > a:hover::before { background: #005AC8; }
  .nav-main > li.col-pt2 > a:hover::after { background: transparent url(../image/icon_arrow_w.svg) no-repeat center center; background-size: contain; } .nav-main > li { width: calc(50% - 32px); margin-left: 32px; margin-top: 0; } .nav-main > li { font-size: 3.2rem; } .nav-main > li > a { padding: 18px 82px 18px 32px; } .nav-main > li > a::before { right: 32px; width: 40px; height: 40px; } .nav-main > li > a::after { right: 32px; width: 40px; height: 40px; } .nav-sub { display: flex; flex-wrap: wrap; margin-left: -32px; } .nav-sub > li { margin-left: 32px; } .nav-sub > li + li { margin-top: 0; } .l-content { padding: 72px 0; } .color-ver-v .l-content.wdt-pt1 { padding-top: 72px; padding-bottom: 72px; } .color-ver-h .l-content.wdt-pt1 { padding-top: 48px; } .l-inner { max-width: 1088px; margin: 0 auto; } .wrap-nav-global { margin: 0 auto; padding: 0; } .nav-global { margin-left: -5px; } .nav-global > li { width: calc(50% - 5px); margin-left: 5px; font-size: 2.4rem; line-height: 1; } .nav-global > li > a { padding: 16px 12px 16px 12px; transition: background-color .3s, color .3s, border-color .3s; }
  .nav-global > li > a span::before { transition: background-color .3s; } .nav-global > li > a span::before { right: -22px; width: 24px; height: 24px; } .nav-global > li > a span::after { right: -22px; width: 24px; height: 24px; } .nav-global > li.col-pt1 > a:hover { background: #fff; color: var(--orange-color); }
  .nav-global > li.col-pt1 > a:hover span::before { background: var(--orange-color); }
  .nav-global > li.col-pt1 > a:hover span::after { background: transparent url(../image/icon_arrow_w.svg) no-repeat center center; background-size: contain; } .nav-global > li.col-pt2 > a:hover { background: #fff; color: #005AC8; }
  .nav-global > li.col-pt2 > a:hover span::before { background: #005AC8; }
  .nav-global > li.col-pt2 > a:hover span::after { background: transparent url(../image/icon_arrow_w.svg) no-repeat center center; background-size: contain; } .bread-crumbs { max-width: 1088px; margin: 0 auto; padding: 15px 0; } .bread-crumbs > li { font-size: 1.8rem; } .bread-crumbs > li > a:hover { text-decoration: none; } .br-sp { display: none; } .br-pc { display: inline; } .u-mgt-st { margin-top: 32px !important; } .u-mgt24-32 { margin-top: 32px !important; } .u-mgt24-40 { margin-top: 32px !important; } .u-mgt40-72 { margin-top: 72px !important; } .ft-pt1 { font-size: 2.8rem; } a:hover { text-decoration: none; } .hdg-wrap-lv1 .hdg-main { font-size: 6.4rem; margin-top: 20px; padding: 0 230px; } .hdg-wrap-lv1 .hdg-sub { font-size: 2.8rem; padding: 0 56px; } .hdg-wrap-lv1 .hdg-sub::before { background: var(--theme-hdg-sub-l-pc); background-size: contain; height: 46px; } .hdg-wrap-lv1 .hdg-sub::after { background: var(--theme-hdg-sub-r-pc); background-size: contain; height: 46px; } .hdg-wrap-lv1 .hdg-wrap-catch { padding: 0; width: 79.3%; margin-top: 5px; } .hdg-wrap-lv1 .hdg-wrap-catch::before { top: 0; margin-top: -150px; width: 114px; height: 174px; } .hdg-wrap-lv1 .hdg-wrap-catch::after { top: 0; margin-top: -150px; width: 114px; height: 174px; } .hdg-wrap-lv1 .hdg-catch { font-size: 2.2rem; padding: 32px 10px 32px 10px; border-radius: 24px; margin-top: 24px; min-height: 96px; } .hdg-wrap-lv1 .hdg-catch .hdg-icon { padding-left: 80px; } .hdg-wrap-lv1 .hdg-catch .hdg-icon::after { margin-top: -32px; width: 64px; height: 64px; background: transparent url(../image/icon_beginner_pc.svg) no-repeat center center; background-size: contain; } .hdg-lv2-main { font-size: 4rem; line-height: 1.5; } .hdg-lv3-main { font-size: 3.2rem; } .hdg-lv4-main { font-size: 3.2rem; } .hdg-lv3-icon { font-size: 3.2rem; } .hdg-lv3-icon .icon-hdg-tel, .hdg-lv3-icon .icon-hdg-fax, .hdg-lv3-icon .icon-hdg-mail { padding-left: 52px; } .hdg-lv3-icon .icon-hdg-tel:before, .hdg-lv3-icon .icon-hdg-fax:before, .hdg-lv3-icon .icon-hdg-mail:before { width: 48px; height: 48px; top: 0.1em; } .hdg-lv1-st { margin-top: 54px; font-size: 4.8rem; } .hdg-lv2-st { margin-top: 72px; font-size: 3.2rem; } .hdg-lv3-st { padding-bottom: 8px; margin-top: 40px; font-size: 2.8rem; } .hdg-lv4-st { margin-top: 40px; font-size: 2.6rem; } .txt-st { margin-top: 32px; font-size: 2.0rem; line-height: 1.75; } .txt-pt1 { margin-top: 32px; font-size: 2.4rem; } .txt-pt2 { font-size: 2.6rem; line-height: 1.385; } .txt-sub-pt1 { margin-top: 16px; font-size: 2.0rem; line-height: 1.75; } .txt-sub-pt2 { margin-top: 8px; font-size: 1.6rem; line-height: 2.188; } .list-nml-st > li { font-size: 2.0rem; line-height: 1.75; padding-left: 32px; } .list-nml-st > li::before { top: 0.75em; } .list-num-st > li { font-size: 2.0rem; line-height: 1.75; } .list-att-st > li { font-size: 2.0rem; line-height: 1.75; } .list-dlbox { display: flex; }
  .list-dlbox .inner-dlbox { width: 50%; padding: 48px 16px 32px; }
  .list-dlbox .inner-dlbox:first-child { border-right: none; }
  .list-dlbox .inner-dlbox:last-child { border-left: var(--theme-color) 2px solid; } .list-dlbox .ttl { font-size: 3.2rem; } .list-dlbox .ttl .icon-ttl-tel, .list-dlbox .ttl .icon-ttl-fax { padding-left: 52px; } .list-dlbox .ttl .icon-ttl-tel:before, .list-dlbox .ttl .icon-ttl-fax:before { width: 48px; height: 48px; top: 0.1em; } .list-box-pt1 > li { border-radius: 24px; padding: 20px; margin-top: 24px; } .list-box-pt1 > li + li { margin-top: 32px; } .list-box-pt1 > li .box-txt { font-size: 2.6rem; line-height: 1.385; } .list-box-pt1 > li .box-txt-sub { font-size: 2.2rem; line-height: 1.636; } .wrap-btn-st > li { margin-top: 32px; font-size: 2.4rem; line-height: 1; } .wrap-btn-st > li > a { width: auto; min-width: 640px; min-height: 80px; border-radius: 44px; transition: background-color .3s, color .3s, border-color .3s; }
  .wrap-btn-st > li > a::before { transition: background-color .3s; } .wrap-btn-st > li > a::before { width: 32px; height: 32px; right: 32px; } .wrap-btn-st > li > a::after { width: 32px; height: 32px; right: 32px; } .wrap-btn-st > li > a:hover { background: #fff; color: var(--theme-color); }
  .wrap-btn-st > li > a:hover::before { background: var(--theme-color); }
  .wrap-btn-st > li > a:hover::after { background: transparent url(../image/icon_arrow_w.svg) no-repeat center center; background-size: contain; } .link-blank .link-icon-wrap { padding-right: 28px; } .link-blank:hover .link-icon::after { background: var(--theme-icon-blank); background-size: contain; } .link-pdf:hover .link-icon::after { background: var(--theme-icon-pdf-hover); background-size: contain; } .link-word:hover .link-icon::after { background: var(--theme-icon-word-hover); background-size: contain; } .txt-num-b { margin-top: 16px; font-size: 4rem; } .txt-link-tel-sp { display: none; } .txt-link-tel-pc { text-align: center; display: inline-block; background: transparent; color: var(--theme-color); border: none; padding: 0; border-radius: 0; }
  .txt-link-tel-pc:link, .txt-link-tel-pc:visited { color: var(--theme-color); }
  .txt-link-tel-pc .link-icon-tel { padding-left: 0; }
  .txt-link-tel-pc .link-icon-tel::before { display: none; } .box-pt1 { border-radius: 24px; padding: 38px 78px; margin-top: 40px; } .box-pt2 { border-radius: 24px; padding: 38px 78px; margin: 40px 112px 0; } .box-pt3 { border: var(--theme-color) 2px solid; border-radius: 24px; padding: 48px; margin: 40px 112px 0; } .box-pt4-1 { margin-top: 48px; padding: 32px 32px 48px; } .box-pt4-2:before { top: -26px; margin-left: -27px; width: 54px; height: 64px; } .box-pt4-2 { padding: 48px; } .box-pt4-3 { padding-top: 28px; } .box-pt4-3:before { top: -20px; margin-left: -20px; width: 40px; height: 40px; } .box-pt5 { border: var(--theme-color) 6px solid; padding: 48px; margin: 0 112px; } .wrap-box-hdg .hdg-lv3-pt { font-size: 2.4rem; } .wrap-box-hdg .inner-box-hdg { padding: 32px 40px; } .wrap-box-hdg { margin: 40px 112px 0; } .tbl-st { margin-top: 32px; } .tbl-st th.sp-wdt-25p, .tbl-st td.sp-wdt-25p { width: auto; } .tbl-st th.pc-nowrap, .tbl-st td.pc-nowrap { white-space: nowrap; } .tbl-st th { padding: 16px 16px; font-size: 2.4rem; line-height: 1.292; } .tbl-st td { padding: 20px 16px; font-size: 1.8rem; } }