@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@500;700&family=swap');
html {
    font-size: 10px;
}
body {
    font-family:  'Noto Sans JP', sans-serif;
    font-weight: 500;
    color: var(--col-text);
    min-width: 768px;
}
* {
    box-sizing: border-box;
}
h1, h2, h3, h4, h5 {
    font-weight: normal;
}
strong, b {
    font-weight: 600;
}
strong.-en, b.-en, .-en b, .-en strong, .-en.-bold {
    font-weight: 600;
}
img {
    display: inline-block;
}
ul, li, dl, dt, dd {
    list-style: none;
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
    table-layout: fixed;
}
.-align_center {
    text-align: center !important
}
.-align_right {
    text-align: right !important
}
.-indent {
    text-indent: -1em;
    padding-left: 1em;
}
sup:not(.-col_black) {
    color:var(--corp-darkgreen);
    font-weight: bold;
}
@media only screen and (min-width: 913px) {
    .-view_tab {
        display: none!important;
    }
    .-view_sp {
        display: none!important;        
    }
    a[href*="tel"] {
        pointer-events: none;
    }
}
@media only screen and (min-width: 769px) and (max-width: 912px) {
    .-view_pc {
        display: none!important;        
    }
    .-view_sp {
        display: none!important;
    }
    a[href*="tel"] {
        pointer-events: none;
    }
}
@media only screen and (max-width: 768px) {
    .-view_pc {
        display: none!important;
    }
    .-view_tab {
        display: none!important;
    }
}
.-nolink,
.-nolink * {
    pointer-events: none!important
}
.-indent {
    padding-left: 1em;
    text-indent: -1em
}
.c-remarks {
    font-size: var(--size-fs14)!important;
    margin-top: var(--size-fs16)!important;
    opacity: .7;
}
.js-slider_mv,
.js-slider {
    opacity: 0;
    transition: .3s;
}
.js-slider_mv.slick-initialized,
.js-slider.slick-initialized {
    opacity: 1;
}
.-col_black { color: currentColor;}
.-mg_t0 { margin-top: 0!important;}
.-mg_t5 { margin-top: 5px!important;}
.-mg_t10 { margin-top: 10px!important;}
.-mg_t20 { margin-top: 20px!important;}
.-mg_t30 { margin-top: 30px!important;}
.-mg_t40 { margin-top: 40px!important;}
.-mg_t50 { margin-top: 50px!important;}

a.-link {
    transition: .2s;
}
a.-link:hover {
    color: var(--corp-green)!important;
}
a.-link.-underline {
    text-decoration: underline;
}
.l-wrapper {
    background: var(--col-l-yellow);
}
.l-main {
    margin:  0 auto;
    width: 80%;
    max-width: 688px;
    padding: 80px 0 120px;
}

.p-tabs {
    display: flex;
    align-content: center;
    line-height: 1;
}
.p-tabs li {
    width: calc(100% / 3);
    font-size: 1.9rem;
}
.p-tabs a {
    display: flex;
    justify-content: center;
    align-content: center;
    padding: 10px 0;
    background: #fff;
    border: 1px solid #231815;
    transition: .3s;
}
.p-tabs li:not(:last-of-type) a {
    border-right: none;
}
.p-tabs a.is-current {
    background: var(--col-orange);
    border-color:var(--col-orange); 
}
.p-tabs li:nth-of-type(2) a.is-current,
.p-tabs li:nth-of-type(3) a.is-current {
    border-left-color: #231815;
}
.p-tabs a:not(.is-current):hover {
    color: var(--col-deep-orange);
}



.hl-section {
    color:var(--col-deep-orange);
    font-size: 2.9rem;
    font-weight: 700;
    margin-bottom: 2.5rem;
    white-space: nowrap;
}
.hl-section:not(.-narrow) {
    letter-spacing: .05em;
}
.l-main section > p {
    font-size: 2rem;
    line-height: 1.7;
}
.l-main section p.-small {
    font-size: 1.6rem!important;
    line-height: 1.5;
}
.l-main section p.-indent {
    text-indent: -1.5em;
    padding-left: 1.5em;
}

.l-main section > p+p {
    margin-top: 1.5em;
}
.l-main *+section {
    margin-top: 5rem;
}
.box-img {
    display: block;
}
.box-img.-pos-right { text-align: right; }
.box-img.-pos-center { text-align: center; }

.p-table-box {}
*+.p-table-box {
    margin-top: 40px;
}
.p-table-box dl {
    gap:.5em;
    font-size: 1.9rem;
    line-height: 1.5;
}
.p-table-box dl:not(.-noflex) {
    display: flex;
}

.p-list-text {
    font-size: 1.9rem;
    line-height: 1.3
}

.p-list-text li {
    display: flex;
    gap:.2em;
}
.p-list-text.-dot li::before {
    content: '・';
}
.p-list-text.-flex {
    display: flex;
    flex-wrap: wrap;
    gap:8px 0;
    margin-top: 10px;
}
.p-list-text:not(.-flex) *+li {
    margin-top: 12px;
}


.p-list-text.-cautionary {
    font-size: 1.6rem;
    margin-top: 12px;
}
.p-list-text.-cautionary li::before {
    content: '※';
}
.p-list-text.-cautionary *+li {
    margin-top: 8px;
}

.p-list-text.-number {
    counter-reset: number 0;
    line-height: 1.7;
}
.p-list-text.-number li:before {
    counter-increment: number 1;
    content: counter(number) ".";
}


.p-table-box *+dl {
    margin-top: 10px;
}
.p-table-box dt {
    font-weight: 500;
}
.p-table-box dl:not(.-noflex) dt {
    width: 120px;
    display: flex;
}
.p-table-box dl:not(.-noflex) dt::after {
    content: '：';
    margin-left: auto;
}
.p-table-box dl:not(.-noflex) dd {
    width: calc(100% - .5em - 120px);
}
.p-table-box dl.-noflex {
    margin: 30px 0;
}

.box-link {
    margin-top: 1em;
}

.p-list-text +.p-example-text {
    margin-top: 40px;
}
.p-example-text dt {
    font-size: 3rem;
    margin-bottom: 10px;
}
.p-example-text dd {
    font-size: 1.9rem;
    line-height: 1.7;
}
.p-example-text.-price {
    margin-top: 20px;
}
.p-example-text.-price  dt {
    font-size: 2rem;
    margin-bottom: 0;
    font-weight: 500;
}
.p-example-text.-price  dd {
    line-height: 1.2;
}
.p-example-text.-price  dd span {
    font-size: 90%;
}



.p-conversion {
    display: flex;
    gap:40px;
    align-items: center;
}
.p-conversion  p {
    font-size: 2.3rem;
    font-weight: 700;
    padding: 15px 40px;
    background: var(--col-deep-orange);
    color: #fff;
    line-height: 1;
}
.p-conversion  figure {
    width: 200px;
}
.p-conversion  figure img {
    width: 100%;
    height: auto;
}

.l-header {
    margin: 0 auto;
    max-width: 1500px;
    position: relative;
}
.l-header > img {
    width: 100%;
    height: auto;
    position: relative;
    z-index: 1;
}
.l-header .btn-contact {
    position: absolute;
    z-index: 2;
    right: min(10vw, 150px);
    bottom: min(6.3vw, 95px);
    line-height: 1;
}
.l-header .btn-contact a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: min(25.6vw, 383px);
    height: min(5.6vw, 83px);
    background: var(--col-blue);
    border-radius: 50%;
    transition: .3s;
}
.l-header .btn-contact a:hover {
    background: #0097D7;
    box-shadow: 0 5px 0 rgba(0,0,0,.2);
    transform: translateY(-2px);
}


.l-header .btn-contact a img {
    width: auto;
    height: min(2.67vw, 40px);
}


.l-footer {
    background: var(--col-orange);
    padding: 10px 5%;
}
.l-footer small {
    color: #fff;
    font-size: 1rem;
}

.sub-box {
    margin: 40px 0;
}
.hl-section_sub {
    display: flex;
    font-size: 1.9rem;
    gap: .1em;
    margin-bottom: 10px;
}
.hl-section_sub::before {
    content: '■';
    color: var(--col-deep-orange);
}
.sub-box p {
    font-size: 1.9rem;
    line-height: 1.7;
}
.p-link-text {
    display: flex;
    align-items: center;
    gap: 8px;
    transition: .3s;
}
.link-mail {
    transition: .3s;
}

.p-link-text:hover,
.link-mail:hover {
    color: var(--col-deep-orange);
    text-decoration: underline;
}

.p-link-text::before {
    content: '';
    display: block;
    padding-left: 20px;
    height: 20px;
    background: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2236%22%20height%3D%2236%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22ai%20ai-ArrowRight%22%3E%3Cpath%20d%3D%22M4%2012h16%22%2F%3E%3Cpath%20d%3D%22M13%205l7%207-7%207%22%2F%3E%3C%2Fsvg%3E') 50% 50% no-repeat;
    background-size: cover;
}

.-marker {
    background:linear-gradient(transparent 8%, #FBDCBE 8%);
}