:root {
    --section-pdding-top: min(100vw / 750 * 80, 80px);
    --section-pdding-bottom: min(100vw / 750 * 80, 80px);
}

main {
}

h2 {
    font-family: var(--font2);
    color: var(--color6);
    text-align: center;
    font-size: min(34rem * 1.414 + 9.79px, 40px);
    line-height: calc((60 / 40));
    margin-bottom: calc(1em / 40 * 56);
}
h2::after {
    display: block;
    content: attr(data-eng) "";
    font-size: min(20rem * 1.414 + 9.79px, 20px);
    margin-top: calc(1em / 20 * 24);
    color: #9a9a9a;
}
h3 {
    font-family: var(--font2);
    color: var(--color6);
}

h4 {
    color: var(--color6);
    font-weight: bold;
}

/*============================
#fv
============================*/
main section#fv.fv {
    height: 608px;
}

main section#fv.fv div.fv__container.container {
    width: 100%;
    height: 100%;
    max-width: none;
}

main section#fv.fv div.fv__container.container h1 {
    height: 100%;
}

main section#fv.fv div.fv__container.container h1 figure.body__img {
    height: 100%;
}

main section#fv.fv div.fv__container.container h1 figure.body__img img.pc {
    width: 100%;
    object-fit: cover;
    object-position: center bottom;
    height: 100%;
}

main section#fv.fv div.fv__container.container h1 figure.body__img img.sp {
    width: 100%;
    aspect-ratio: 1125 / 1851;
    height: auto;
}

main section#fv.fv div.fv__container.container div.fv__body {
}

/*============================
#campaign
============================*/
main section#campaign.campaign {
    background: url(../img/front-page/cta_back.jpg) center center/cover no-repeat;
    margin-top: calc(0px - min(100vw / 750 * 100, 100px));
    padding-top: min(100vw / 750 * 150, 100px);
    padding-bottom: min(100vw / 750 * 40, 40px);
}

/*============================
#cta
============================*/
main section#campaign.campaign section#cta.cta {
    background: none;
}

main section#cta.cta {
    background: url(../img/front-page/cta_back.jpg) center center/cover no-repeat;
    padding: min(100vw / 750 * 32, 32px) 0;
}

main section#campaign.campaign section#cta.cta div.cta__container.container {
}

main section#campaign.campaign section#cta.cta div.cta__container.container div.cta__body {
}

main section#campaign.campaign section#cta.cta div.cta__container.container div.cta__body a {
}

main section#campaign.campaign section#cta.cta div.cta__container.container div.cta__body a img.pc {
}

main section#campaign.campaign section#cta.cta div.cta__container.container div.cta__body a img.sp {
}

main section#campaign.campaign div.campaign__container.container {
}

/*============================
#post-18
============================*/
main section#campaign.campaign div.campaign__container.container article {
}

main section#campaign.campaign div.campaign__container.container article div.post-content.page-content {
}

main
    section#campaign.campaign
    div.campaign__container.container
    article
    div.post-content.page-content
    figure.wp-block-image.size-full.pc {
}

main
    section#campaign.campaign
    div.campaign__container.container
    article
    div.post-content.page-content
    figure.wp-block-image.size-full.pc
    a {
}

main
    section#campaign.campaign
    div.campaign__container.container
    article
    div.post-content.page-content
    figure.wp-block-image.size-full.pc
    a
    img.wp-image-20 {
}

main
    section#campaign.campaign
    div.campaign__container.container
    article
    div.post-content.page-content
    figure.wp-block-image.size-full.sp {
}

main
    section#campaign.campaign
    div.campaign__container.container
    article
    div.post-content.page-content
    figure.wp-block-image.size-full.sp
    a {
}

main
    section#campaign.campaign
    div.campaign__container.container
    article
    div.post-content.page-content
    figure.wp-block-image.size-full.sp
    a
    img.wp-image-23 {
}

/*============================
#offer
============================*/
main section#offer.offer {
    background-color: var(--bgcolor5);
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
    font-family: var(--font2);
}

main section#offer.offer div.offer__container.container {
    max-width: 1160px;
}

main section#offer.offer div.offer__container.container h2 {
    background-color: var(--bgcolor4);
    color: var(--bgcolor1);
    line-height: calc(60 / 40);
    text-align: center;
    padding: calc(1em / 40 * 20);
    font-size: min(40rem * 1.414 + 9.79px, 40px);
    border-radius: min(100vw / 750 * 16, 16px) min(100vw / 750 * 16, 16px) 0 0;
    margin-bottom: 0;
}

main section#offer.offer div.offer__container.container div.offer__body {
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    text-align: center;
    line-height: calc(42 / 28);
    padding: calc(1em / 28 * 40);
    border-radius: 0 0 min(100vw / 750 * 16, 16px) min(100vw / 750 * 16, 16px);
    color: var(--color6);
    background-color: var(--bgcolor1);
    border: min(100vw / 750 * 4, 4px) solid var(--color3);
}
main section#offer.offer div.offer__container.container div.offer__body .small {
    font-size: 10px;
}
main section#offer.offer div.offer__container.container div.offer__body figure.body__img {
    margin-top: 1em;
}

main section#offer.offer div.offer__container.container div.offer__body figure.body__img img.pc {
}

main section#offer.offer div.offer__container.container div.offer__body figure.body__img img.sp {
}

/*============================
#features
============================*/
main section#features.features {
    background: var(--bgcolor3);
    padding-bottom: var(--section-pdding-bottom);
}

figure.waterSurface {
    height: min(100vw / 750 * 215, 215px);
    margin-bottom: min(100vw / 750 * 32, 32px);
    width: 100%;
}

figure.waterSurface img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

main section#features.features div.features__container.container {
}

main section#features.features div.features__container.container h2 {
}

main section#features.features div.features__container.container div.features__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(330px, 1fr));
    gap: min(100vw / 750 * 48, 48px);
}

main section#features.features div.features__container.container div.features__body div.body__unit {
    border-radius: min(100vw / 750 * 8, 8px);
    background-color: var(--bgcolor1);
    padding: calc(1em / 18 * 24);
    display: grid;
    grid-template-rows: subgrid;
    grid-row: span 3;
}

main section#features.features div.features__container.container div.features__body div.body__unit h3 {
    text-align: center;
    font-size: min(24rem * 1.414 + 9.79px, 24px);
    line-height: calc(42 / 24);
    margin-bottom: 1px;
    margin-top: 1em;
}

main section#features.features div.features__container.container div.features__body div.body__unit figure.unit__img {
}

main
    section#features.features
    div.features__container.container
    div.features__body
    div.body__unit
    figure.unit__img
    img {
    border-radius: min(100vw / 750 * 4, 4px);
}

main
    section#features.features
    div.features__container.container
    div.features__body
    div.body__unit
    div.unit__description {
}

/*============================
#reason
============================*/
main section#reason.reason {
    padding-bottom: var(--section-pdding-bottom);
}

figure.roundHeader {
    width: 100%;
    height: min(100vw / 750 * 156, 156px);
}

figure.roundHeader img {
    width: 100%;
    height: 100%;
}

main section#reason.reason div.reason__container.container {
}

main section#reason.reason div.reason__container.container h2 {
}

main section#reason.reason div.reason__container.container h2 span {
}

main section#reason.reason div.reason__container.container div.reason__body {
}
main section#reason.reason div.reason__container.container div.reason__body div.body__unit.body__unit {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: min(100vw / 750 * 60, 60px);
    margin-bottom: min(100vw / 750 * 80, 80px);
    @media (width <= 834px) {
        grid-template-columns: 1fr;
    }
}
main section#reason.reason div.reason__container.container div.reason__body div.body__unit.body__unit--1 {
    display: block;
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit.body__unit--1
    div.unit__text {
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit.body__unit
    div.unit__text
    div.text__number {
    color: var(--color7);
    font-family: var(--font2);
    font-size: min(24rem * 1.414 + 9.79px, 24px);
    margin-bottom: calc(1em / 24 * 16);
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit.body__unit
    div.unit__text
    h3 {
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    margin-bottom: calc(1em / 28 * 32);
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit.body__unit--1
    div.unit__text
    div.text__description {
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit.body__unit--1
    figure.unit__img {
    margin-top: min(100vw / 750 * 80, 80px);
    max-width: none;
    @media (width <= 834px) {
        overflow-x: scroll;
    }
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit.body__unit--1
    figure.unit__img
    img {
    width: 100%;
    height: auto;
    @media (width <= 834px) {
        height: min(100vw / 750 * 532, 532px);
        width: auto;
        max-width: none;
    }
}

main section#reason.reason div.reason__container.container div.reason__body div.body__unit {
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit:nth-of-type(2n + 1)
    .unit__img {
    max-width: 458px;
    order: 2;
    @media (width <= 834px) {
        order: 1;
    }
}

main section#reason.reason div.reason__container.container div.reason__body div.body__unit figure.unit__img img {
    border-radius: min(100vw / 750 * 8, 8px);
}

main section#reason.reason div.reason__container.container div.reason__body div.body__unit div.unit__text {
    @media (width <= 834px) {
        order: 2;
    }
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit
    div.unit__text
    div.text__number {
}

main section#reason.reason div.reason__container.container div.reason__body div.body__unit div.unit__text h3 {
}

main section#reason.reason div.reason__container.container div.reason__body div.body__unit div.unit__text h3 span {
}

main
    section#reason.reason
    div.reason__container.container
    div.reason__body
    div.body__unit
    div.unit__text
    div.text__description {
}

main section#reason.reason div.reason__container.container div.reason__body figure.body__img {
    max-width: 720px;
}

main section#reason.reason div.reason__container.container div.reason__body figure.body__img img {
}

/*============================
#cta
============================*/
main section#cta.cta {
}

main section#cta.cta div.cta__container.container {
}

main section#cta.cta div.cta__container.container div.cta__body {
}

main section#cta.cta div.cta__container.container div.cta__body a {
}

main section#cta.cta div.cta__container.container div.cta__body a img.pc {
}

main section#cta.cta div.cta__container.container div.cta__body a img.sp {
}

/*============================
#delivery
============================*/
main section#delivery.delivery {
    padding-top: var(--section-pdding-top);
}

main section#delivery.delivery div.delivery__container.container {
    max-width: 880px;
}

main section#delivery.delivery div.delivery__container.container h2 {
}

main section#delivery.delivery div.delivery__container.container h2 span {
}

main section#delivery.delivery div.delivery__container.container figure.delivery__map {
}

main section#delivery.delivery div.delivery__container.container figure.delivery__map img {
}

main section#delivery.delivery div.delivery__container.container div.delivery__body {
}

main section#delivery.delivery div.delivery__container.container div.delivery__body div.body__tabs {
    width: calc(100% - min(100vw / 750 * 96, 96px));
    max-width: 820px;
    margin-inline: auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: min(100vw / 750 * 8, 8px);
    margin-top: min(100vw / 750 * 56, 56px);
}
main section#delivery.delivery div.delivery__container.container div.delivery__body div.body__tabs button.tabs__tab {
    border-radius: min(100vw / 750 * 8, 8px) min(100vw / 750 * 8, 8px) 0 0;
    background: #959595;
    font-size: min(18rem * 1.414 + 9.79px, 24px);
    padding: calc(1em / 24 * 16);
    color: var(--bgcolor1);
    text-align: center;
    line-height: 1.5;
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.tabs__tab--oita.active {
    background-color: #2b7139;
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.tabs__tab--oita.active
    div.tab__subtitle {
    color: #bbdf97;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.tabs__tab--fuji.active {
    background-color: #023e6d;
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.tabs__tab--kyoto.active {
    background-color: var(--bgcolor4);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button
    div.tab__subtitle {
    font-size: min(14rem * 1.414 + 9.79px, 14px);
    margin-bottom: calc(1em / 14 * 8);
    line-height: calc(16.8 / 14);
    @media (width <= 834px) {
        display: none;
    }
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.active
    div.tab__subtitle {
    color: #d1f0ff;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.active
    div.tab__title {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__tabs
    button.active
    div.tab__subtitle
    span {
}

main section#delivery.delivery div.delivery__container.container div.delivery__body div.body__units {
}
main section#delivery.delivery div.delivery__container.container div.delivery__body div.body__units div.units__unit {
    display: none;
    padding: min(100vw / 750 * 14, 14px) min(100vw / 750 * 14, 14px) min(100vw / 750 * 40, 40px);
    border-radius: min(100vw / 750 * 15, 15px);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita {
    border: min(100vw / 750 * 4, 4px) solid #2b7139;
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--fuji {
    display: block;
	border: min(100vw / 750 * 4, 4px) solid #023e6d;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--kyoto {
    border: min(100vw / 750 * 4, 4px) solid #2888b5;
}

main section#delivery.delivery div.delivery__container.container div.delivery__body div.body__units div.units__unit h3 {
    position: relative;
    margin-bottom: min(100vw / 750 * 40, 40px);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    h3 {
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    div.container {
    width: 100%;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    h3
    img {
    border-radius: min(100vw / 750 * 8, 8px) min(100vw / 750 * 8, 8px) 0 0;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    h3
    img {
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    h3
    span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: min(28rem * 1.414 + 9.79px, 28px);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    h3
    span {
}
main section#delivery.delivery div.delivery__container.container div.delivery__body div.body__units div.units__unit h4 {
    font-size: min(24rem * 1.414 + 9.79px, 24px);
    margin-bottom: 1em;
    line-height: calc(36 / 24);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    h4 {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__lead {
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    div.unit__lead
    figure.lead__img {
    margin-top: calc(1em / 18 * 32);
    margin-bottom: calc(1em / 18 * 32);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__lead
    figure.lead__img {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__lead
    figure.lead__img
    img {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    div.unit__description {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: min(100vw / 750 * 64, 64px);
    margin-bottom: calc(1em / 16 * 32);
    font-size: min(16rem * 1.414 + 9.79px, 16px);
    line-height: calc(28.8 / 16);
    @media (width <= 834px) {
        grid-template-columns: 1fr;
    }
}
main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__description {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__description
    div.description__text {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__description
    figure.lead__img {
    max-width: 221px;
    margin-inline: auto;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--oita
    div.unit__description
    figure.lead__img
    img {
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    div.unit__area {
    background: var(--bgcolor3);
    padding: min(100vw / 750 * 56, 56px);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    div.unit__area
    .area__lead {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: min(100vw / 750 * 24, 24px);
    margin-bottom: min(100vw / 750 * 40, 40px);
    @media (width <=813px) {
        grid-template-columns: 1fr;
    }
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    div.unit__area
    figure.lead__img {
    max-width: 200px;
    margin-inline: auto;
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit
    table {
    font-size: min(13rem * 1.414 + 9.79px, 13px);
}

main
    section#delivery.delivery
    div.delivery__container.container
    div.delivery__body
    div.body__units
    div.units__unit.units__unit--kyoto
    div.unit__note {
    font-size: min(12rem * 1.414 + 9.79px, 12px);
    margin-top: calc(1em / 12 * 32);
    line-height: calc(18 / 12);
}

/*============================
#design
============================*/
main section#design.design {
    background: var(--bgcolor3);
    padding-bottom: var(--section-pdding-bottom);
}

main section#design.design figure.waterSurface {
}

main section#design.design figure.waterSurface img {
}

main section#design.design div.design__container.container {
}

main section#design.design div.design__container.container h2 {
}

main section#design.design div.design__container.container h2 span {
}

main section#design.design div.design__container.container div.design__body {
    border: min(100vw / 750 * 5, 5px) solid #d1f0ff;
    border-radius: min(100vw / 750 * 20, 20px);
    background-color: var(--bgcolor1);
    padding-bottom: min(100vw / 750 * 64, 64px);
}

main section#design.design div.design__container.container div.design__body figure.body__riboon {
}

main section#design.design div.design__container.container div.design__body figure.body__riboon img {
    height: min(100vw / 750 * 64, 64px);
    margin-top: calc(0px - min(100vw / 750 * 32, 32px));
}

main section#design.design div.design__container.container div.design__body h3 {
    text-align: center;
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    margin-top: 1em;
    margin-bottom: calc(1em / 28 * 40);
}

main section#design.design div.design__container.container div.design__body div.body__lead {
    text-align: center;
    margin-bottom: calc(1em / 18 * 56);
}

main section#design.design div.design__container.container div.design__body figure.body__img {
    margin-bottom: min(100vw / 750 * 40, 40px);
}

main section#design.design div.design__container.container div.design__body figure.body__img img {
}

main section#design.design div.design__container.container div.design__body h4 {
    font-size: min(19rem * 1.414 + 9.79px, 19px);
    margin-bottom: calc(1em / 19 * 24);
}

main section#design.design div.design__container.container div.design__body table {
    font-size: min(16rem * 1.414 + 9.79px, 16px);
}

main section#design.design div.design__container.container div.design__body table tbody {
}

main section#design.design div.design__container.container div.design__body table tbody tr {
}

main section#design.design div.design__container.container div.design__body table tbody tr th {
}

main section#design.design div.design__container.container div.design__body table tbody tr :is(th, td) {
    @media (width <= 834px) {
        display: block;
    }
}

/*============================
#safety
============================*/
main section#safety.safety {
}

main section#safety.safety div.safety__container.container {
}

main section#safety.safety div.safety__container.container h2 {
}

main section#safety.safety div.safety__container.container div.safety__body {
}

main section#safety.safety div.safety__container.container div.safety__body div.body__unit {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: min(100vw / 750 * 80, 80px);
    margin-bottom: min(100vw / 750 * 80, 80px);
    @media (width <= 834px) {
        grid-template-columns: 1fr;
    }
}

main section#safety.safety div.safety__container.container div.safety__body div.body__unit div.unit__text {
}

main section#safety.safety div.safety__container.container div.safety__body div.body__unit div.unit__text h3 {
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    margin-bottom: 1em;
}

main
    section#safety.safety
    div.safety__container.container
    div.safety__body
    div.body__unit
    div.unit__text
    div.text__description {
}

main
    section#safety.safety
    div.safety__container.container
    div.safety__body
    div.body__unit
    div.unit__text
    div.text__description
    img {
    margin-top: min(100vw / 750 * 40, 40px);
}

main section#safety.safety div.safety__container.container div.safety__body div.body__unit figure.unit__img {
    max-width: 497px;
}

main section#safety.safety div.safety__container.container div.safety__body div.body__unit figure.unit__img img {
}

main
    section#safety.safety
    div.safety__container.container
    div.safety__body
    div.body__unit
    div.unit__text
    div.text__description
    p {
}

main
    section#safety.safety
    div.safety__container.container
    div.safety__body
    div.body__unit:nth-last-of-type(2n + 1)
    div.unit__text {
    order: 2;
}

main
    section#safety.safety
    div.safety__container.container
    div.safety__body
    div.body__unit:nth-last-of-type(2n + 1)
    div.unit__img {
    order: 1;
}

@media (width <= 834px) {
    main
        section#safety.safety
        div.safety__container.container
        div.safety__body
        div.body__unit:nth-last-of-type(2n)
        div.unit__img {
        order: 1;
    }
    main
        section#safety.safety
        div.safety__container.container
        div.safety__body
        div.body__unit:nth-last-of-type(2n)
        div.unit__text {
        order: 2;
    }
}

@media (max-width: 834px) {
    #float-contact {
        display: grid;
        grid-template-columns: 1fr 1fr;
        /* justify-content: space-between; */
        position: fixed;
        z-index: 9999;
        align-items: center;
        bottom: 0;
        left: 0;
        width: 100%;
        padding: 2.5%;
        background: #FAFAFA;
    }
	#float-contact .wp-block-column {
		display:flex;
		/* flex:1; */
		justify-content: center;
		text-align: center;
	}
}

@media (width > 834px) {
    #float-contact {
        display: none;
    }
	.cta_display_control {
		display: none;
	}
}

/*============================
#freeShipping
============================*/
main section#freeShipping.freeShipping {
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
}

main section#freeShipping.freeShipping div.freeShipping__container.container {
}

main section#freeShipping.freeShipping div.freeShipping__container.container h2 {
}

main section#freeShipping.freeShipping div.freeShipping__container.container div.freeShipping__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: min(100vw / 750 * 72, 72px);
}

main section#freeShipping.freeShipping div.freeShipping__container.container div.freeShipping__body figure.body__img {
    max-width: 493px;
}

main
    section#freeShipping.freeShipping
    div.freeShipping__container.container
    div.freeShipping__body
    figure.body__img
    img {
    border-radius: min(100vw / 750 * 8, 8px);
}

main section#freeShipping.freeShipping div.freeShipping__container.container div.freeShipping__body div.body__text {
}

main section#freeShipping.freeShipping div.freeShipping__container.container div.freeShipping__body div.body__text h3 {
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    margin-bottom: 1em;
}

main
    section#freeShipping.freeShipping
    div.freeShipping__container.container
    div.freeShipping__body
    div.body__text
    div.text__description {
    font-weight: bold;
    font-size: min(22rem * 1.414 + 9.79px, 22px);
    line-height: calc(32.4 / 22);
    margin-bottom: calc(1em / 22 * 32);
}

main
    section#freeShipping.freeShipping
    div.freeShipping__container.container
    div.freeShipping__body
    div.body__text
    div.text__note {
}

/*============================
#testimonial
============================*/
main section#testimonial.testimonial {
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
    background: var(--bgcolor3);
}

main section#testimonial.testimonial div.testimonial__container.container {
    max-width: 880px;
}

main section#testimonial.testimonial div.testimonial__container.container h2 {
}

main section#testimonial.testimonial div.testimonial__container.container h2 span {
}

main section#testimonial.testimonial div.testimonial__container.container div.testimonial__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(270px, 1fr));
    gap: min(100vw / 750 * 36, 36px) min(100vw / 750 * 24, 24px);
}

main section#testimonial.testimonial div.testimonial__container.container div.testimonial__body div.body__unit {
    padding: 16px;
    border-radius: min(100vw / 750 * 8, 8px);
    background-color: var(--bgcolor1);
}

main
    section#testimonial.testimonial
    div.testimonial__container.container
    div.testimonial__body
    div.body__unit
    figure.unit__img {
    border-radius: min(100vw / 750 * 4, 4px);
}

main
    section#testimonial.testimonial
    div.testimonial__container.container
    div.testimonial__body
    div.body__unit
    figure.unit__img
    img {
    width: 100%;
    border-radius: min(100vw / 750 * 4, 4px);
}

main section#testimonial.testimonial div.testimonial__container.container div.testimonial__body div.body__unit h3 {
    font-family: var(--font1);
    font-size: min(18rem * 1.414 + 9.79px, 18px);
    margin: 1em 0;
}

main
    section#testimonial.testimonial
    div.testimonial__container.container
    div.testimonial__body
    div.body__unit
    div.unit__description {
    font-size: min(16rem * 1.414 + 9.79px, 16px);
    margin-bottom: 1em;
}

main
    section#testimonial.testimonial
    div.testimonial__container.container
    div.testimonial__body
    div.body__unit
    div.unit__name {
    font-size: min(16rem * 1.414 + 9.79px, 16px);
}

/*============================
#use
============================*/
section#use.use {
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
}
section#use.use div.use__container.container {
}
section#use.use div.use__container.container h2 {
}
section#use.use div.use__container.container h2 span {
}
section#use.use div.use__container.container div.use__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    gap: min(100vw / 750 * 40, 40px);
}
section#use.use div.use__container.container div.use__body div.body__unit {
}
section#use.use div.use__container.container div.use__body div.body__unit div.unit__number {
    font-family: var(--font2);
    color: var(--color6);
    font-size: min(24rem * 1.414 + 9.79px, 24px);
    margin-bottom: calc(1em / 24 * 16);
}
section#use.use div.use__container.container div.use__body div.body__unit figure.unit__img {
}
section#use.use div.use__container.container div.use__body div.body__unit figure.unit__img img {
    border-radius: min(100vw / 750 * 4, 4px);
}
section#use.use div.use__container.container div.use__body div.body__unit div.unit__description {
    margin-top: 1em;
}

/*============================
#maintenance
============================*/
main section#maintenance.maintenance {
    background-color: var(--bgcolor5);
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
}

main section#maintenance.maintenance div.maintenance__container.container {
}

main section#maintenance.maintenance div.maintenance__container.container h2 {
}

main section#maintenance.maintenance div.maintenance__container.container div.maintenance__body {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: min(100vw / 750 * 24, 24px);
}

main section#maintenance.maintenance div.maintenance__container.container div.maintenance__body div.body__unit {
    background: var(--bgcolor1);
    border-radius: min(100vw / 750 * 8, 8px);
    border: 1px solid #959595;
    padding: 0 min(100vw / 750 * 16, 16px) min(100vw / 750 * 24, 24px);
}

main
    section#maintenance.maintenance
    div.maintenance__container.container
    div.maintenance__body
    div.body__unit
    div.body__point {
    background-color: var(--bgcolor4);
    color: var(--bgcolor1);
    width: fit-content;
    padding: min(100vw / 750 * 4, 4px) min(100vw / 750 * 16, 16px);
    margin-inline: auto;
    font-weight: bold;
    border-radius: 0 0 min(100vw / 750 * 4, 4px) min(100vw / 750 * 4, 4px);
    margin-bottom: 1em;
    line-height: 1.5;
}

main
    section#maintenance.maintenance
    div.maintenance__container.container
    div.maintenance__body
    div.body__unit
    figure.unit__img {
}

main
    section#maintenance.maintenance
    div.maintenance__container.container
    div.maintenance__body
    div.body__unit
    figure.unit__img
    img {
    border-radius: min(100vw / 750 * 4, 4px);
}

main section#maintenance.maintenance div.maintenance__container.container div.maintenance__body div.body__unit h3 {
    font-family: var(--font1);
    color: var(--color7);
    margin-top: 1em;
    margin-bottom: 0.5em;
}

main
    section#maintenance.maintenance
    div.maintenance__container.container
    div.maintenance__body
    div.body__unit
    div.unit__description {
    font-size: min(16rem * 1.414 + 9.79px, 16px);
}

main
    section#maintenance.maintenance
    div.maintenance__container.container
    div.maintenance__body
    div.body__unit
    div.unit__description
    div.highlight {
    font-size: max(14rem * 0.707 - 25.21px, 14px);
    margin-top: 0.5em;
    color: var(--color4);
}

/*============================
#process
============================*/
main section#process.process {
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
}

main section#process.process div.process__container.container {
}

main section#process.process div.process__container.container h2 {
}

main section#process.process div.process__container.container div.process__body {
}

main section#process.process div.process__container.container div.process__body h3 {
    font-family: var(--font1);
    font-size: min(24rem * 1.414 + 9.79px, 24px);
    line-height: 1.6;
    padding: calc(1em / 24 * 16) 0;
    border-bottom: 1px solid #959595;
    margin-bottom: calc(1em / 24 * 40);
}

main section#process.process div.process__container.container div.process__body h3 span.body__number {
    font-family: var(--font2);
    margin-right: 1em;
}

main section#process.process div.process__container.container div.process__body div.body__description {
}

main section#process.process div.process__container.container div.process__body button {
}

/*============================
#howto
============================*/
main section#howto.howto {
    padding-top: 10vh;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 1000;
    background: rgba(0, 0, 0, 0.8);
    height: 100vh;
    width: 100vw;
    display: none;
}
main section#howto.howto .container {
    position: relative;
}

main section#howto.howto button {
    margin-inline-start: auto;
    margin-inline-end: 0;
    position: relative;
    width: min(100vw / 750 * 32, 32px);
    height: min(100vw / 750 * 32, 32px);
    display: block;
}
main section#howto.howto button hr {
    height: 2px;
    background-color: var(--bgcolor1);
    position: absolute;
    width: 100%;
    left: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(-45deg);
}
main section#howto.howto button hr:nth-of-type(2) {
    transform: translateY(-50%) rotate(45deg);
}
main section#howto.howto div.howto__container.container {
    background-color: var(--bgcolor1);
    padding: min(100vw / 750 * 80, 80px) min(100vw / 750 * 24, 24px);
    height: 80vh;
    margin-top: min(100vw / 750 * 24, 24px);
    overflow-y: scroll;
}

main section#howto.howto div.howto__container.container h2 {
}

main section#howto.howto div.howto__container.container div.body__lead {
    border: 1px solid #959595;
    padding: min(100vw / 750 * 24, 24px) 0;
    border-radius: min(100vw / 750 * 4, 4px);
    margin-bottom: min(100vw / 750 * 40, 40px);
}

main section#howto.howto div.howto__container.container div.body__lead h3 {
    text-align: center;
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    margin-bottom: 1em;
}
main section#howto.howto div.howto__container.container div.howto__body {
}

main section#howto.howto div.howto__container.container div.howto__body div.body__unit {
    display: grid;
    grid-template-columns: 1fr auto;
    gap: min(100vw / 750 * 40, 40px);
    margin-bottom: min(100vw / 750 * 40, 40px);
    @media (width <=813px) {
        grid-template-columns: 1fr;
    }
}

main section#howto.howto div.howto__container.container div.howto__body div.body__unit div.unit__text {
}

main section#howto.howto div.howto__container.container div.howto__body div.body__unit div.unit__text h3 {
    font-family: var(--font1);
    font-size: min(23rem * 1.414 + 9.79px, 23px);
    border-bottom: 1px solid #959595;
    padding-bottom: calc(1em / 23 * 19);
    margin-bottom: 1em;
}

main
    section#howto.howto
    div.howto__container.container
    div.howto__body
    div.body__unit
    div.unit__text
    div.text__description {
}

main section#howto.howto div.howto__container.container div.howto__body div.body__unit figure.unit__img {
    max-width: 295px;
}

main section#howto.howto div.howto__container.container div.howto__body div.body__unit figure.unit__img img {
    border-radius: min(100vw / 750 * 4, 4px);
}

/*============================
#payment
============================*/
main section#payment.payment {
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
    background: var(--bgcolor3);
}

main section#payment.payment div.payment__container.container {
    max-width: 880px;
}

main section#payment.payment div.payment__container.container h2 {
}

main section#payment.payment div.payment__container.container div.payment__body {
    background: var(--bgcolor1);
    border-radius: min(100vw / 750 * 8, 8px);
    padding: min(100vw / 750 * 40, 40px) 0;
    margin-bottom: min(100vw / 750 * 80, 80px);
}

main section#payment.payment div.payment__container.container div.payment__body h3 {
    font-family: var(--font1);
    width: calc(100% - min(100vw / 750 * 96, 96px));
    max-width: 640px;
    margin-inline: auto;
    font-size: min(24rem * 1.414 + 9.79px, 24px);
    padding-bottom: min(100vw / 750 * 18, 18px);
    border-bottom: 1px solid #959595;
    margin-bottom: 1em;
    font-weight: bold;
}

main section#payment.payment div.payment__container.container div.payment__body dl {
    width: calc(100% - min(100vw / 750 * 96, 96px));
    max-width: 640px;
    margin-inline: auto;
}

main section#payment.payment div.payment__container.container div.payment__body dl dt {
    color: var(--color6);
    position: relative;
    padding-left: 1em;
    line-height: 1.5;
    font-size: min(21rem * 1.414 + 9.79px, 21px);
    margin-bottom: 1em;
    display: block;
}
main section#payment.payment div.payment__container.container div.payment__body dl dt:before {
    content: "";
    width: 0.4em;
    height: 0.4em;
    border-radius: 1000px;
    background: var(--bgcolor4);
    top: calc(1.5em / 2);
    transform: translateY(-50%);
    position: absolute;
    left: 0;
}
main section#payment.payment div.payment__container.container div.payment__body dl dd {
    margin-bottom: min(100vw / 750 * 40, 40px);
}

main section#payment.payment div.payment__container.container div.payment__body dl dd:before {
    background-color: var(--bgcolor4);
    content: "";
}

main section#payment.payment div.payment__container.container div.payment__body dl dd a.button.button--strong {
}

main section#payment.payment div.payment__container.container div.payment__body dl dd a.button.button--tel {
}

main
    section#payment.payment
    div.payment__container.container
    div.payment__body
    dl
    dd
    a.button.button--tel
    div.button__small {
}

main
    section#payment.payment
    div.payment__container.container
    div.payment__body
    dl
    dd
    a.button.button--tel
    div.button__big {
}

main
    section#payment.payment
    div.payment__container.container
    div.payment__body
    dl
    dd
    a.button.button--tel
    div.button__big
    img {
}

main section#payment.payment div.payment__container.container div.payment__body dl figure.body__img {
    margin: min(100vw / 750 * 24, 24px) 0;
}

main section#payment.payment div.payment__container.container div.payment__body dl figure.body__img img {
}

main section#payment.payment div.payment__container.container div.payment__body dl div.body__note {
    font-size: min(14rem * 1.414 + 9.79px, 14px);
    line-height: 1.5;
    margin: 1em 0;
}

/*============================
#productionEquipment
============================*/
main section#productionEquipment.productionEquipment {
    background-color: var(--bgcolor5);
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
    font-family: var(--font2);
}

main section#productionEquipment.productionEquipment div.productionEquipment__container.container {
}

main section#productionEquipment.productionEquipment div.productionEquipment__container.container h2 {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body {
    color: var(--color6);
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
    gap: min(100vw / 750 * 88, 88px);
    font-size: min(28rem * 1.414 + 9.79px, 28px);
    line-height: calc(50.4 / 28);
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table {
    font-size: min(16rem * 1.414 + 9.79px, 16px);
    font-family: var(--font1);
    margin-top: min(100vw / 750 * 56, 56px);
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    thead {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    thead
    tr {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    thead
    tr
    th {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    tbody {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    tbody
    tr {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    tbody
    tr
    th {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    tbody
    tr
    td {
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    div.body__text
    table
    tbody
    tr
    td
    a {
    text-decoration: underline;
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    figure.body__img {
    max-width: 500px;
}

main
    section#productionEquipment.productionEquipment
    div.productionEquipment__container.container
    div.productionEquipment__body
    figure.body__img
    img {
    height: 100%;
    width: 100%;
    border-radius: min(100vw / 750 * 12, 12px);
    object-fit: cover;
}

/*============================
#faq
============================*/
main section#faq.faq {
    padding-top: var(--section-pdding-top);
    padding-bottom: var(--section-pdding-bottom);
}

main section#faq.faq div.faq__container.container {
    max-width: 880px;
}

main section#faq.faq div.faq__container.container h2 {
}

main section#faq.faq div.faq__container.container div.faq__body {
    color: var(--color7);
}

main section#faq.faq div.faq__container.container div.faq__body dl {
    background: var(--bgcolor3);
    padding: min(100vw / 750 * 14, 14px) min(100vw / 750 * 24, 24px);
    margin-bottom: min(100vw / 750 * 8, 8px);
}

main section#faq.faq div.faq__container.container div.faq__body dl dt {
    font-size: min(18rem * 1.414 + 9.79px, 18px);
    line-height: 1.5;
    position: relative;
    padding-left: 1.5em;
    padding-right: 1.5em;
}
main section#faq.faq div.faq__container.container div.faq__body dl dt:hover {
    cursor: pointer;
}
main section#faq.faq div.faq__container.container div.faq__body dl dt:before {
    content: "";
    width: 1.2em;
    aspect-ratio: 1 / 1;
    background: url(../img/front-page/faq_q.svg) center center/contain no-repeat;
    left: 0;
    top: calc(1.5em / 2);
    position: absolute;
    transform: translateY(-50%);
}

main section#faq.faq div.faq__container.container div.faq__body dl dt:after {
    content: "";
    width: 1em;
    aspect-ratio: 1 / 1;
    background: url(../img/common/icon_toggle.svg) center center/contain no-repeat;
    left: auto;
    right: 0;
    top: calc(1.5em / 2);
    position: absolute;
    transform: translateY(-50%);
    transition: 0.2s ease;
}
main section#faq.faq div.faq__container.container div.faq__body dl.active dt:after {
    transform: translateY(-50%) rotate(180deg);
}
main section#faq.faq div.faq__container.container div.faq__body dl dd {
    display: none;
    background-color: var(--bgcolor1);
    border-radius: min(100vw / 750 * 4, 4px);
    margin-top: min(100vw / 750 * 16, 16px);
    font-size: min(16rem * 1.414 + 9.79px, 16px);
    line-height: calc(28.8 / 16);
    position: relative;
    padding: min(100vw / 750 * 16, 16px) min(100vw / 750 * 16, 16px) min(100vw / 750 * 16, 16px)
        calc(1.5em + min(100vw / 750 * 16, 16px));
}
main section#faq.faq div.faq__container.container div.faq__body dl dd:before {
    content: "";
    width: 1.2em;
    aspect-ratio: 1 / 1;
    background: url(../img/front-page/faq_a.svg) center center/contain no-repeat;
    left: min(100vw / 750 * 16, 16px);
    top: calc(min(100vw / 750 * 16, 16px) + (1.5em / 2));
    position: absolute;
    transform: translateY(-50%);
}