@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@300;400;500;600;700&family=Shippori+Mincho&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Jost:ital,wght@0,100..900;1,100..900&family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@300;400;500;600;700&family=Shippori+Mincho&display=swap');

body {
    font-family: "Noto Serif JP", serif;
    letter-spacing: .05em;
    line-height: 1.5;
    font-weight: 500;
    text-align: left;
    color: #3A3A3A;
}

.gothic {
    font-family: "Noto Sans JP", sans-serif;
}

.w-1200 {
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:1200px) {
    .w-1200 {
        padding: 0 5%;
    }

}

img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.flex {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

p {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 400;
}

.sp {
    display: none;
}

@media screen and (max-width:640px) {
    .sp {
        display: block;
    }
}

.m-bottom0 {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

header.section-header {
    position: fixed;
    z-index: 1000;
    background-color: #fff;
    padding: 12px 24px;
    width: 100%;
}

.section-header__inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-header__inner h1 {
    width: 270px;
}

.section-header__inner nav.section-header__inner__nav__pc {
    width: calc(100% - 570px);
}

.section-header__inner nav.section-header__inner__nav__pc ul {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    line-height: 1;
}

.section-header__inner nav.section-header__inner__nav__pc ul li a {
    display: block;
    font-size: 16px;
    color: #2c2c2c;
    padding: 8px 24px;
    border-right: 1px solid #2c2c2c;
}

.fv-cta {
    position: absolute;
    bottom: 0;
    left: 20px;
    width: 35%;
    max-width: 700px;
}

.fv-cta img {
    width: 100%;
    height: auto;
}

.section-header__inner nav.section-header__inner__nav__pc ul li:last-child a {
    border-right: none;
    padding-right: 0;
    margin-right: 56px;

}

.section-header__inner a.cta-visit {
    width: 300px;
    background-color: #D99C36;
    border-radius: 1000px;
    text-align: center;
    display: block;
    padding: 10px 0;
    color: #fff;
    font-size: 24px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: .25s;
}

.section-header__inner a.cta-visit:hover {
    transition: .25s;
    background-color: #2c2c2c;
}

.section-header__inner a.cta-visit img {
    height: 28px;
    width: 20px;
    object-fit: contain;
    object-position: center center;
    display: block;
    margin-right: 14px;
}

.section-fv {
    position: relative;
    height: 95vh;
    max-height: 900px;
    min-height: 500px;
}

.section-fv__inner {
    height: 100%;
}

.section-fv picture {
    height: 100%;
    width: 100%;
    object-fit: cover;
position: relative;
    z-index: -1;
}

.section-fv picture img {
    height: 100%;
    width: 100%;
    object-fit: cover;
}

.section-fv__inner .fv-text {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 40%;
    max-width: 660px;
    padding: 170px 80px 0;
    background: linear-gradient(140deg, #F2DDB4, #F6F1ED);
}

.section-fv__inner .fv-text div {
    height: 70%;
}

.section-fv__inner .fv-text div img.emblem {
    width: 100%;
    display: block;
    height: 40%;
}

.section-fv__inner .fv-text div img.logo {
    width: 50%;
    height: 40%;
    display: block;
    margin: auto;
    margin-top: 80px;
}

@media screen and (max-width:1200px) {
    .section-header__inner__nav__pc {
        display: none;
    }

    .section-header__inner a.cta-visit {
        display: none;
    }

    .section-fv__inner .fv-text div {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        justify-content: center;
        height: max-content;
        position: absolute;
        top: 50%;
        transform: translate(-50%, -50%);
        left: 50%;
        width: 70%;
    }

    .section-fv__inner .fv-text div img.emblem {
        width: 100%;
        height: auto;
    }

    .section-fv__inner .fv-text div img.logo {
        height: auto;
    }

}

@media screen and (max-width:640px) {

    .section-fv {
        height: 80vh;
    }

    .section-header__inner h1 {
        width: 40%;
        max-width: 270px;
    }

    .section-fv__inner .fv-text {
        position: absolute;
        left: 0;
        top: 0;
        height: 100%;
        width: 100%;
        max-width: 660px;
        padding: 0;
        background: transparent;
    }
}

.floating-cta {
    position: fixed;
    right: 16px;
    bottom: 16px;
    display: block;
    width: 240px;
    height: 240px;
    z-index: 9999;
}

@media screen and (max-width:1200px) {
    .floating-cta {
        display: none;
    }

    .nav-items>a:last-child {
        margin-top: 5vw;
    }
}

@media screen and (max-width:640px) {
    .fv-cta {
        position: absolute;
        bottom: 0;
        left: auto;
        width: 35%;
        max-width: 700px;
        right: 0;
        bottom: 10%;
    }

    .floating-cta {
        position: fixed;
        right: auto;
        left: 50%;
        transform: translateX(-50%);
        bottom: 16px;
        display: block;
        width: 98%;
        height: auto;
        z-index: 10;
    }

    .section-fv__inner .fv-text picture {
        height: auto;
        width: 100%;
    }

    .floating-cta picture img {
        height: auto;
        width: 100%;
        object-fit: contain;
    }

    .section-fv__inner .fv-text div {
        width: 100%;
        height: 100%;
    }

    .section-fv__inner .fv-text div img.emblem {
        top: 15%;
        right: 20px;
        width: 45%;
        display: block;
        position: absolute;
    }

    .section-fv__inner .fv-text div img.logo {
        bottom: 5%;
        left: 20px;
        width: 40%;
        display: block;
        position: absolute;
    }

    a.floating-cta.sp {
        display: flex;
        justify-content: space-between;
        background: #fff;
        border: 4px solid #D99C36;
        align-items: center;
        border-radius: 8px;
    }

    .gift-icon {
        display: block;
        width: 100%;
        height: auto;
    }

    .floating-cta.sp a:first-of-type {
        width: 60%;
        margin: auto !important;
        display: block !important;

    }

    .floating-cta.sp {
        background: #fff;
        border: 4px solid #d99d37;
        border-radius: 10px;
        display: flex;
        align-items: center;
        filter: drop-shadow(0px 0px 6px #95641099);
    }

    .floating-cta.sp a:last-of-type {
        width: 30%;
        padding: 3%;
        background-color: #D99C36;
    }

    .call-icon {
        display: block;
        width: 100%;
        height: auto;
    }
}

.section-cta {
    overflow: hidden;
    background: url('../img/ondo/section-cta-bg.png');
    background-size: cover;
    background-position: center center;
}

.section-cta__inner {
    padding-top: 80px;
    padding-bottom: 80px;
    width: 100%;
    max-width: 1000px;
    position: relative;
    z-index: 2;
    text-align: center;
    color: #fff;
    margin-left: auto;
    margin-right: auto;
}

.section-cta__inner h2 {
    font-size: 40px;
    text-align: center;
    width: 100%;
    margin-bottom: 32px;
}

.section-cta__inner>div {
    display: flex;
    justify-content: center;
    align-items: flex-end;
}


.section-cta__inner>div span:nth-child(1),
.section-cta__inner>div span:nth-child(2) small,
.section-cta__inner>div span:nth-child(3) {
    font-size: 32px;
}

.section-cta__inner>div span:nth-child(2) {
    font-size: 80px;
    line-height: 1;
}

.section-cta__inner a {
    display: flex;
    justify-content: center;
    width: 100%;
    margin-top: 40px;
    background-color: #fff;
    color: #2c2c2c;
    font-size: 24px;
    padding: 24px 0;
    max-width: 450px;
    margin-left: auto;
    margin-right: auto;
    border-radius: 10000px;
    position: relative;
    align-items: center;
}

.section-cta__inner a:hover {
    color: #fff;
    background-color: #2c2c2c;

}

.section-cta__inner a::after {
    content: "";
    display: block;
    width: 32px;
    height: 14px;
    background-repeat: no-repeat;
    background-image: url('../img/ondo/arrow.png');
    background-position: center center;
    background-size: contain;
    position: relative;
    transition: .25s;
    margin-left: 24px;
}

.section-cta__inner a:hover::after {
    filter: brightness(0) invert(1);
    transition: .25s;
}

.section-cta__inner::before {
    position: absolute;
    max-width: 1000px;
    max-height: 1000px;
    width: 80vw;
    height: 80vw;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    content: "";
    background-color: #D99C37;
    border-radius: 1000000px;
    z-index: -1;
}

@media screen and (max-width:1200px) {
    .section-cta__inner {
        padding-top: 8%;
        padding-bottom: 8%;
    }

    .section-cta__inner h2 {
        font-size: 4vw;
        margin-bottom: 3%;
    }

    .section-cta__inner>div span:nth-child(2) {
        font-size: 10vw;
    }

    .section-cta__inner>div span:nth-child(1),
    .section-cta__inner>div span:nth-child(2) small,
    .section-cta__inner>div span:nth-child(3) {
        font-size: 4vw;
    }

    .section-cta__inner::before {
        width: 100vw;
        height: 100vw;
    }

    .section-cta__inner a {
        width: 100%;
        margin-top: 4%;
        font-size: 24px;
        padding: 2% 0;
    }
}

@media screen and (max-width:640px) {
    .section-cta__inner>div span:nth-child(3) {
        display: none;
    }

    .section-cta__inner>div span:nth-child(1),
    .section-cta__inner>div span:nth-child(2) small {

        font-size: 5vw;
        text-align: left;
    }

    .section-cta__inner h2 {
        font-size: 5vw;
        margin-bottom: 3%;
    }

    .section-cta__inner>div span:nth-child(2) {
        font-size: 16vw;
        text-align: left;
    }

    .section-cta__inner::before {
        width: 100vw;
        height: 100vw;
    }

    .section-cta__inner a {
        width: 80%;
        margin-top: 4%;
        font-size: 18px;
        padding: 2% 0px;
    }
}

.section-intro__inner {
    width: 100%;
    margin: auto;
    padding-top: 120px;
    padding-bottom: 120px;
    align-items: center;
}


@media screen and (max-width:1200px) {
    .section-intro__inner {
        padding-top: 12%;
        padding-bottom: 12%;
    }
}

.section-intro__inner__wrap {
    width: 55%;
    max-width: 583px;
}

.section-intro__inner__wrap h2 {
    text-align: left;
    margin-bottom: 56px;
    padding-bottom: 56px;
    border-bottom: 1px solid #CBCBCB;
    line-height: 2;
    font-size: 48px;
    font-weight: 500;
}

@media screen and (max-width:1200px) {
    .section-intro__inner__wrap h2 {
        margin-bottom: 5%;
        padding-bottom: 5%;
        font-size: 4vw;
    }
}

.section-intro__inner__wrap p {
    text-align: left;
    font-size: 16px;
    line-height: 1.8;
}


.section-intro__inner img {
    width: 40%;
    max-width: 546px;
}


@media screen and (max-width:640px) {
    .section-intro__inner__wrap p {
        font-size: 14px;
    }

    .section-intro__inner__wrap h2 {
        font-size: 24px;
    }

    .section-intro__inner__wrap {
        width: 100%;
    }

    .section-intro__inner img {
        width: 100%;
        margin-top: 2%;
    }

}

.section-performance {
    background-color: #F6F1ED;
}

.section-performance__head {
    padding-top: 150px;
    padding-bottom: 150px;
    background: url('../img/ondo/section-performance__head01.jpg');
    background-size: cover;
    background-position: center center;
}

@media screen and (max-width:1200px) {
    .section-performance__head {
        padding-top: 15%;
        padding-bottom: 15%;
    }
}

.section-performance__head h2 {
    font-size: 56px;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}

@media screen and (max-width:1200px) {
    .section-performance__head h2 {
        font-size: 5vw;
    }
}

@media screen and (max-width:640px) {
    .section-performance__head h2 {
        font-size: 24px;
    }
}

.section-performance__inner {
    padding-top: 120px;
    padding-bottom: 120px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:1200px) {

    .section-performance__inner {
        padding-top: 12%;
        padding-bottom: 12%;
    }
}

.section-performance__inner__2col {
    justify-content: space-between;
    align-items: center;
    margin-bottom: 120px;
}

.section-performance__inner__2col.switch>div {
    order: 1;
}

.section-performance__inner__2col.switch>img {
    order: 2;
}

.section-performance__inner__2col:last-child {
    margin-bottom: 0px;
}

.section-performance__inner__2col>div {
    width: calc(50% - 40px);
    text-align: left;
}

.section-performance__inner__2col>div>h3 {
    font-size: 58px;
    font-weight: 700;
    color: #9D0C0C;
    padding-bottom: 32px;
    margin-bottom: 32px;
    border-bottom: 1px solid #CBCBCB;
    letter-spacing: 0em;
    font-family: "Noto Sans JP", sans-serif;
}

.section-performance__inner__2col>div>h3>span {
    display: block;
    line-height: 1.5;
}

@media screen and (max-width:1200px) {
    .section-performance__inner__2col {
        margin-bottom: 12%;
    }

    .section-performance__inner__2col>div>h3 {
        padding-bottom: 3%;
        margin-bottom: 3%;
        font-size: 4.5vw;
    }

    .section-performance__inner__2col>div>h3>span {
        display: block;
    }
}

.section-performance__inner__2col>img {
    width: calc(50% - 40px);
}

.section-performance__inner__1col h3 {
    background-color: #9D0C0C;
    color: #fff;
    font-size: 32px;
    padding: 58px 0;
    text-align: center;
    margin-bottom: 150px;
    position: relative;
}

.section-performance__inner__1col h3::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background: #9e0b0c;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);
}

.section-performance__inner__1col h3 span {
    display: block;
    text-align: center;
    letter-spacing: 1;

}

.section-performance__inner__1col h3 span:nth-child(1) {
    font-size: 40px;
}

.section-performance__inner__1col h3 span:nth-child(2) {
    font-size: 56px;
}

.section-performance__inner__1col h3 span:nth-child(2)>span {
    font-size: 40px;
    display: inline-block;
}

@media screen and (max-width:1200px) {

    .section-performance__inner__1col h3 span:nth-child(1) {
        font-size: 4.5vw;
    }

    .section-performance__inner__1col h3 span:nth-child(2) {
        font-size: 5vw;
    }

    .section-performance__inner__1col h3 span:nth-child(2)>span {
        font-size: 3.5vw;
        display: inline-block;
    }
}

@media screen and (max-width:640px) {

    .section-performance__inner__2col>div>h3 {
        font-size: 9.5vw;
    }

    .section-performance__inner__1col h3 {
        padding: 5% 0;
        text-align: center;
        margin-bottom: 30%;
        position: relative;
    }

    .section-performance__inner__1col h3 span:nth-child(1) {
        font-size: 6.5vw;
    }

    .section-performance__inner__1col h3>span:nth-child(2) {
        font-size: 6vw;
        right: -3vw;
        position: relative;
    }

    .section-performance__inner__1col h3 span:nth-child(2)>span {
        font-size: 5vw;
        display: inline-block;
    }

    .section-performance__inner__2col.switch>img {
        order: 1;
    }

    .section-performance__inner__2col.switch>div {
        order: 2;
    }

    .section-performance__inner__2col>img {
        width: 80%;
        margin: 0 auto 4%;
    }

    .section-performance__inner__2col>div {
        width: 100%;
    }

    .section-performance__inner__1col h3::before {
        width: 5vw;
        height: 5vw;
    }
}

.section-performance__inner__1col .image__wrap {
    position: relative;
}

.section-performance__inner__1col .image__wrap>h4 {
    position: absolute;
    padding: 23px 0;
    max-width: 800px;
    left: 50%;
    top: 0;
    transform: translate(-50%, -50%);
    color: #fff;
    background-color: #9D0C0C;
    width: 100%;
    border-radius: 10px;
    font-size: 24px;
    line-height: 1.8;
    text-align: center;
}

.section-performance__inner__1col>h4 {
    font-size: 24px;
    text-align: center;
    margin-top: 64px;
    color: #9D0C0C;
}

.section-performance__inner__1col>p {
    font-size: 16px;
    text-align: left;
    line-height: 1.5;
}

.section-performance__inner.section-performance__inner__question>h2 {
    padding: 105px 0;
    font-size: 48px;
    text-align: left;
    background: linear-gradient(180deg, #F0E7D5, transparent);
    position: relative;
    padding-left: 20px;
}

.section-performance__inner.section-performance__inner__question>h2 span {
    display: block;
    position: relative;
    padding-left: 40px;
    font-weight: 500;
}

.section-performance__inner.section-performance__inner__question>h2 span::before {
    display: block;
    position: absolute;
    left: 0;
    top: calc(50% + 10px);
    transform: translateY(-50%);
    height: 120px;
    width: 4px;
    content: "";
    background-color: #9D0C0C;
    border-radius: 1000px;
}

.section-performance__inner.section-performance__inner__question>h2 span::after {
    display: block;
    position: absolute;
    left: 0;
    top: -40px;
    height: 16px;
    width: 4px;
    content: "";
    background-color: #9D0C0C;
    border-radius: 1000px;
}

.section-performance__inner__insulation {
    padding-bottom: 0%;
}

@media screen and (max-width:1200px) {

    .section-performance__inner__1col .image__wrap>h4 {
        padding: 2% 0;
        width: 90%;
        border-radius: 10px;
        font-size: 14px;
    }

    .section-performance__inner__1col>h4 {
        margin-top: 6%;

    }

    .section-performance__inner.section-performance__inner__question>h2 {
        padding: 10% 0;
        padding-left: 2%;
    }

    .section-performance__inner.section-performance__inner__question>h2 span {
        padding-left: 4%;
    }
}

.section-performance__inner.section-performance__inner__insulation {
    margin-bottom: 120px;
}

@media screen and (max-width:640px) {
    .section-performance__inner__1col>h4 {
        font-size: 22px;
    }

    .section-performance__inner.section-performance__inner__insulation {
        margin-bottom: 12%;
    }

    .section-performance__inner__insulation {
        padding-bottom: 12%;
    }

    .section-performance__inner__1col>p {
        font-size: 14px;
    }

    .section-performance__inner__1col .image__wrap>h4 {
        transform: translate(-50%, -80%);
		z-index: 1;
    }

    .section-performance__inner.section-performance__inner__question>h2 {
        font-size: 24px;
    }

    .section-performance__inner.section-performance__inner__question>h2 span::after {
        top: -16%;
        height: 16px;
    }

    .section-performance__inner.section-performance__inner__question>h2 span::before {
        top: calc(50% + 10px);
        transform: translateY(-50%);
        height: 30px;
    }
}

/*文字サイズ調整*/
.section-performance__ttl01 span:nth-child(1) {
    font-size: 58px;
}



.section-performance__ttl01 span:nth-child(2) {
    font-size: 63px;
    white-space: nowrap;
}


.section-performance__ttl02 span:nth-child(1) {
    font-size: 74px;
}

.section-performance__ttl02 span:nth-child(2) {
    font-size: 73px;
    white-space: nowrap;
}

.section-performance__ttl04 span {
    font-size: 52px;
}

.section-performance__ttl05 span:nth-child(1) {
    font-size: 52px;
    color: #222222;
}

.section-performance__ttl05 span:nth-child(2) {
    font-size: 52px;
    white-space: nowrap;
}

.section-performance__ttl06 span:nth-child(1) {
    font-size: 52px;
    color: #222222;
}

.section-performance__ttl06 span:nth-child(2) {
    font-size: 99px;
}


.section-performance__ttl09 span:nth-child(1) {
    font-size: 45px;
    color: #222222;
}

.section-performance__ttl09 span:nth-child(2) {
    font-size: 80px;
}

.section-performance__ttl10 span:nth-child(1) {
    font-size: 80px;
    white-space: nowrap;
}

.section-performance__ttl12 span:nth-child(1) {
    color: #222222;
}

.section-performance__ttl12 span {
    font-size: 48px;
}

.section-performance__ttl13 span:nth-child(1) {
    font-size: 51px;
    white-space: nowrap;
}

.section-performance__ttl13 span:nth-child(2) {
    font-size: 62px;
    white-space: nowrap;
}

h3.section-performance__ttl14 span:nth-child(1) {
    font-size: 38px;
}

h3.section-performance__ttl14 span:nth-child(2) {
    font-size: 42px;
    white-space: nowrap;
}

h3.section-performance__ttl15 span:nth-child(1) {
    font-size: 65px;
}

h3.section-performance__ttl15 span:nth-child(2) {
    font-size: 44px;
    white-space: nowrap;
    color: #222222;
}

h3.section-performance__ttl16 span:nth-child(1) {
    font-size: 38px;
    color: #222222;
}

h3.section-performance__ttl16 span:nth-child(2) {
    font-size: 81px;
    white-space: nowrap;
}

h3.section-performance__ttl18 span:nth-child(1) {
    font-size: 73px;
}

h3.section-performance__ttl18 span:nth-child(2) {
    font-size: 47px;
    white-space: nowrap;
    color: #222222;
}

@media screen and (max-width:1200px) {

    .section-performance__ttl01 span:nth-child(1) {
        font-size: 4.5vw;
    }


    .section-performance__ttl01 span:nth-child(2) {
        font-size: 5vw;
    }


    .section-performance__ttl02 span:nth-child(1),
    .section-performance__ttl02 span:nth-child(2) {
        font-size: 6vw;
    }

    .section-performance__ttl04 span {
        font-size: 4vw;
    }

    .section-performance__ttl05 span:nth-child(1) {
        font-size: 4vw;
    }

    .section-performance__ttl05 span:nth-child(2) {
        font-size: 4.2vw;
    }

    .section-performance__ttl06 span:nth-child(1) {
        font-size: 4vw;
    }

    .section-performance__ttl06 span:nth-child(2) {
        font-size: 8vw;
    }


    .section-performance__ttl09 span:nth-child(1) {
        font-size: 3.5vw;
    }

    .section-performance__ttl09 span:nth-child(2) {
        font-size: 6vw;
    }

    .section-performance__ttl10 span:nth-child(1) {
        font-size: 6vw;
    }

    .section-performance__ttl12 span {
        font-size: 4vw;
    }

    .section-performance__ttl13 span:nth-child(1) {
        font-size: 4vw;
    }

    .section-performance__ttl13 span:nth-child(2) {
        font-size: 4.5vw;
    }

    h3.section-performance__ttl14 span:nth-child(1) {
        font-size: 3vw;
    }

    h3.section-performance__ttl14 span:nth-child(2) {
        font-size: 3.5vw;
    }

    h3.section-performance__ttl15 span:nth-child(1) {
        font-size: 5vw;
    }

    h3.section-performance__ttl15 span:nth-child(2) {
        font-size: 3.5vw;
    }

    h3.section-performance__ttl16 span:nth-child(1) {
        font-size: 38px;
        color: #222222;
    }

    h3.section-performance__ttl16 span:nth-child(1) {
        font-size: 3vw;
    }

    h3.section-performance__ttl16 span:nth-child(2) {
        font-size: 6.5vw;
    }

    h3.section-performance__ttl18 span:nth-child(1) {
        font-size: 6vw;
    }

    h3.section-performance__ttl18 span:nth-child(2) {
        font-size: 3.8vw;
    }
}


@media screen and (max-width:640px) {

    .section-performance__ttl01 span:nth-child(1) {
        font-size: 9.5vw;
    }


    .section-performance__ttl01 span:nth-child(2) {
        font-size: 10.5vw;
    }


    .section-performance__ttl02 span:nth-child(1),
    .section-performance__ttl02 span:nth-child(2) {
        font-size: 11.5vw;
    }

    .section-performance__ttl04 span {
        font-size: 8.5vw;
    }

    .section-performance__ttl05 span:nth-child(1) {
        font-size: 8.5vw;
    }

    .section-performance__ttl05 span:nth-child(2) {
        font-size: 8.5vw;
    }

    .section-performance__ttl06 span:nth-child(1) {
        font-size: 12vw;
    }

    .section-performance__ttl06 span:nth-child(2) {
        font-size: 18vw;
    }


    .section-performance__ttl09 span:nth-child(1) {
        font-size: 7.5vw;
    }

    .section-performance__ttl09 span:nth-child(2) {
        font-size: 13vw;
    }

    .section-performance__ttl10 span:nth-child(1) {
        font-size: 14vw;
    }


    .section-performance__ttl12 span {
        font-size: 8vw;
    }

    .section-performance__ttl13 span:nth-child(1) {
        font-size: 8vw;
    }

    .section-performance__ttl13 span:nth-child(2) {
        font-size: 9.5vw;
    }

    h3.section-performance__ttl14 span:nth-child(1) {
        font-size: 6vw;
    }

    h3.section-performance__ttl14 span:nth-child(2) {
        font-size: 6.5vw;
    }

    h3.section-performance__ttl15 span:nth-child(1) {
        font-size: 11vw;
    }

    h3.section-performance__ttl15 span:nth-child(2) {
        font-size: 7.5vw;
    }

    h3.section-performance__ttl16 span:nth-child(1) {
        font-size: 6vw;
    }

    h3.section-performance__ttl16 span:nth-child(2) {
        font-size: 12.5vw;
    }

    h3.section-performance__ttl18 span:nth-child(1) {
        font-size: 12vw;
    }

    h3.section-performance__ttl18 span:nth-child(2) {
        font-size: 7.8vw;
    }
}

/*POINT*/
section#section-point {
    background-image: url(../img/ondo/dots-patarn.png);
}

.section-point__head {
    padding-top: 150px;
    padding-bottom: 150px;
    background: url(../img/ondo/section-point__head01.jpg);
    background-size: cover;
    background-position: center center;
}

.mincho p {
    font-family: "Noto Serif JP", serif !important;
}

.section-point__head h2 {
    font-size: 56px;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}

span.section-point__number {
    display: block;
    position: relative;
    font-size: 64px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    text-align: left;
    color: #D99C36;
    display: block;
    line-height: 1;
}

span.section-point__number::before,
span.section-point__number::after {
    display: block;
    content: "";
    height: 2px;
    background-color: #CBCBCB;
    position: absolute;
}


span.section-point__number::before {
    width: 24px;
    left: 0;
    bottom: 0;
}

span.section-point__number::after {
    width: 80%;
    max-width: 416px;
    left: 32px;
    bottom: 0;
}

.section-point__inner {
    text-align: left;
}

.section-point__inner__point01 {
    padding-top: 120px;
    padding-bottom: 160px;
}

.section-point__inner h2.point-ttl {
    font-size: 48px;
    text-align: left;
    margin-bottom: 64px;
    font-weight: 500;
}

.section-point__inner__point01 h3 {
    font-size: 40px;
    margin-top: 64px;
    margin-bottom: 32px;
}

.section-point__inner__point01 p {
    font-size: 16px;
}

.section-point__box {
    margin-top: 64px;
}

.section-point__box>div {
    width: calc(50% - 20px);
    height: auto;
}

.section-point__box>div h4 {
    font-size: 24px;
    margin-top: 24px;
    margin-bottom: 24px;
    width: 100%;
}

.section-point__box>div img {
    height: max-content;
    width: 100%;
    object-fit: contain;
}

.section-point__inner__design_list {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
}


.section-point__inner__design_list li {
    width: calc(50% - 20px);
    align-items: flex-start;
}

.section-point__inner__design_list li>img {
    height: auto;
    object-fit: contain;
}

.section-point__inner__design_list li>p {
    font-size: 18px;
    margin-top: 24px;
}

.section-point__inner__design_list li:nth-child(2n) {
    margin-top: 100px;
}

ul.point-slider {
    margin-top: 64px;
    margin-bottom: 64px;

}

ul.point-slider li {
    padding: 0 10px;
}

ul.point-slider li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    transform: none;
    transition: none;
}

.section-point__inner__point02 {
    margin-bottom: 120px;
}

.section-point__inner__point02>h3 {
    font-size: 32px;
}

.section-point__inner__point02>p {
    font-size: 16px;
    margin-top: 24px;
}

.section-point__inner__design h3 {
    background-color: #9D0C0C;
    color: #fff;
    font-size: 56px;
    padding: 58px 0;
    text-align: center;
    margin-bottom: 150px;
    margin-top: 120px;
    position: relative;
}

.section-point__inner__design h3::before {
    position: absolute;
    content: "";
    width: 80px;
    height: 80px;
    background: #9e0b0c;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 50%) rotate(45deg);
}

.section-point__head2 {
    padding-top: 150px;
    padding-bottom: 150px;
    background: url(../img/ondo/section-point__head01.jpg);
    background-size: cover;
    background-position: center center;
    margin-bottom: 120px;
}


.section-point__head>span {
    color: #fff;
    display: block;
    font-size: 32px;
    margin-bottom: 54px;
    line-height: 1;
    text-align: center;
}

.section-point__head span span {
    font-size: 14px;
    margin-top: 20px;
    display: block;
    color: #fff;
}

.section-point__inner {
    padding-bottom: 160px;
}

.section-point__inner ul li {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}


.section-point__inner ul.point-box li>img {
    width: 50%;
}

.section-point__inner ul li>div {
    width: calc(50% - 80px);
}

.section-point__inner ul li>div>span {
    font-size: 32px;
    margin-bottom: 80px;
    display: block;
}

.section-point__inner ul li>div>h3 {
    font-size: 32px;
    margin-bottom: 24px;
}

.section-point__inner ul li>div>p {
    font-size: 16px;
}

.section-point__inner ul li.switch div {
    order: 2;

}

.section-point__inner ul li.switch img {
    order: 1;
}

@media screen and (max-width:1200px) {

    .section-point__head {
        padding-top: 15%;
        padding-bottom: 15%;
    }


    .section-point__head h2 {
        font-size: 5vw;
    }

    span.section-point__number {
        margin-bottom: 3%;
        padding-bottom: 3%;
    }


    .section-point__inner__point01 {
        padding-top: 12%;
        padding-bottom: 16%;
    }

    .section-point__inner h2.point-ttl {
        margin-bottom: 6%;
    }

    .section-point__inner__point01 h3 {
        margin-top: 6%;
        margin-bottom: 3%;
    }

    .section-point__box {
        margin-top: 6%;
    }

    .section-point__box>div h4 {
        margin-top: 2%;
        margin-bottom: 2%;
    }

    .section-point__inner__design_list li>p {
        margin-top: 2%;
    }

    .section-point__inner__design_list li:nth-child(2n) {
        margin-top: 10%;
    }

    ul.point-slider {
        margin-top: 6%;
        margin-bottom: 6%;

    }


    .section-point__inner__point02 {
        margin-bottom: 12%;
    }

    .section-point__inner__point02>p {
        margin-top: 2%;
    }

    .section-point__inner__design h3 {
        padding: 5% 0;
        margin-bottom: 15%;
        margin-top: 15%;
    }

    .section-point__head2 {
        padding-top: 15%;
        padding-bottom: 15%;
        margin-bottom: 12%;
    }


    .section-point__head>span {
        margin-bottom: 5%;
    }

    .section-point__head span span {
        margin-top: 2%;
    }

    .section-point__inner {
        padding-bottom: 16%;
    }

    .section-point__inner ul li>div>span {
        margin-bottom: 8%;
        display: block;
        font-size: 24px;
    }

    .section-point__inner ul li>div>h3 {
        font-size: 24px;
        margin-bottom: 2%;
    }

    .section-point__inner__design h3::before {
        width: 5vw;
        height: 5vw;
    }
}

@media screen and (max-width:640px) {

    .section-point__inner__point02>h3 {
        font-size: 24px;
    }

    span.section-point__number {
        font-size: 32px;
    }

    .section-point__inner h2.point-ttl {
        font-size: 24px;
    }

    .section-point__inner__point01 h3 {
        font-size: 24px;
    }

    .section-point__inner__point01 p {
        font-size: 14px;
    }

    .section-point__box>div {
        width: 100%;
        height: auto;
        margin-bottom: 4%;
    }

    .section-point__box>div img {
        height: max-content;
        width: 80%;
        object-fit: contain;
        margin: auto;
        display: block;
height: auto;
width: 100%;
margin-bottm:10%!important;
    }

    ul.point-slider li {
        padding: 0 10px;
    }

    .section-point__inner__design h3 {
        font-size: 24px;
    }

    .section-point__inner__design_list li {
        width: calc(50% - 5px);
    }

    .section-point__inner__design_list li:nth-child(2n) {
        margin-top: 5%;
    }

    .section-point__inner__design_list li>p {
        font-size: 14px;
    }

    .section-point__inner ul li>div {
        width: 100%;
    }

    .section-point__inner ul.point-box li>img {
        width: 100%;
        margin: 2% auto 0;
    }

    .section-point__inner ul.point-box li {
        margin-bottom: 12%;
    }

    .section-point__inner ul li.switch div {
        order: 1;
    }

    .section-point__inner ul li.switch img {
        order: 2;
    }

    .section-point__inner ul.point-box li img {
        position: relative;
        right: -20px;
    }

    .section-point__inner ul li.switch img {
        position: relative;
        left: -20px;
    }

    .section-point__inner ul li>div>span {
        font-size: 24px;
    }

    .section-point__inner ul li>div>h3 {
        font-size: 20px;

    }
}

/*モデル*/
.section-model__head {
    padding-top: 150px;
    padding-bottom: 150px;
    background: url(../img/ondo/section-point__head01.jpg);
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
}

@media screen and (max-width:1200px) {
    .section-model__head {
        padding-top: 15%;
        padding-bottom: 15%;
    }

}

.section-model__head h2 {
    font-size: 56px;
    text-align: center;
    line-height: 1.5;
    color: #fff;
}

.model-slider img {
    transform: none;
    transition: none;
}

.section-model__inner__text {
    padding-top: 120px;
    padding-bottom: 120px;
    text-align: left;
}

.section-model__inner__text h2 {
    font-size: 32px;
    text-align: center;
    margin-bottom: 64px;
    font-weight: 500;
}

@media screen and (max-width:1200px) {

    .section-model__inner__text {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .section-model__inner__text h2 {
        margin-bottom: 6%;
        text-align: left;
    }
}

.section-model__inner__idea {
    background-color: #F8F8F8;
    padding-top: 120px;
    padding-bottom: 120px;
}

@media screen and (max-width:1200px) {
    .section-model__inner__idea {
        padding-top: 12%;
        padding-bottom: 12%;
    }
}

.section-model__inner__idea ul.flex li {
    width: calc(50% - 20px);
    text-align: left;
    margin-bottom: 64px;
}

.section-model__inner__idea ul.flex li>span {
    width: 100%;
    text-align: right;
    display: block;
    margin-top: 2px;
    margin-bottom: 24px;
}

.section-model__inner__idea ul.flex li img {
    width: 100%;
    height: auto;
}

.section-model__inner__idea ul.flex li h3 {
    font-size: 24px;
    margin: 24px 0;
    font-weight: 500;
}

.section-model__inner__idea ul.flex li p {
    font-size: 16px;
    line-height: 2;
}

.section-model__inner__idea h2 {
    margin-bottom: 67px;
    font-size: 32px;
    text-align: center;
    font-weight: 500;
}

@media screen and (max-width:1200px) {

    .section-model__inner__idea ul.flex li {
        margin-bottom: 6%;
    }

    .section-model__inner__idea ul.flex li>span {
        margin-top: 1%;
        margin-bottom: 2%;
    }

    .section-model__inner__idea ul.flex li h3 {
        margin: 2% 0;
    }

    .section-model__inner__idea h2 {
        margin-bottom: 6%;
    }
}

@media screen and (max-width:640px) {
    .section-model__head h2 {
        font-size: 24px;
    }

    .section-model__inner__text h2 {
        font-size: 18px;
        text-align: left;
    }

    .section-model__inner__idea h2 {
        font-size: 24px;
        text-align: left;
    }

    .section-model__inner__idea ul.flex li {
        width: 100%;
    }

    .section-model__inner__idea ul.flex li p {
        font-size: 14px;
        line-height: 2;
    }

    .section-model__inner__idea ul.flex li h3 {
        font-size: 18px;
    }
}



.section-access__inner {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-access__inner__box {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;

}

.section-access__inner__box>img {
    width: calc(50% - 25px);
    height: auto;
}

.section-access__inner__box>div {
    width: calc(50% - 25px);
    align-items: flex-end;
}

.section-access__inner__box>div h3 {
    font-size: 32px;
    margin-bottom: 80px;
    font-weight: 500;
}

.section-access__inner h2 {
    font-size: 48px;
    margin-bottom: 56px;
    font-weight: 500;
}

.section-access__inner h2 span {
    font-size: 14px;
    display: block;
    margin-top: 16px;
}

.section-access__inner iframe {
    height: 400px;
    width: 100%;
    margin-top: 40px;
}


@media screen and (max-width:1200px) {

    .section-access__inner {
        padding-top: 12%;
        padding-bottom: 12%;
    }


    .section-access__inner__box>div h3 {
        margin-bottom: 8%;
    }

    .section-access__inner h2 {
        margin-bottom: 5%;
    }

    .section-access__inner h2 span {
        margin-top: 2%;
    }

}


@media screen and (max-width:640px) {
    .section-access__inner__box {
        display: flex;
        justify-content: space-between;
        align-items: flex-end;
        flex-wrap: wrap;
    }

    .section-access__inner__box>img,
    .section-access__inner__box>div {
        width: 100%;
    }

    .section-access__inner__box>div {
        margin-top: 8%;
    }
}

/*staff*/


.section-staff__inner {
    margin-top: 120px;
    margin-bottom: 120px;
}

.section-promise__inner {
    margin-bottom: 120px;
}

.section-staff__inner h2 {
    font-size: 48px;
    margin-bottom: 56px;
    font-weight: 500;
}

.section-staff__inner h3 {
    font-size: 48px;
    margin-bottom: 56px;
    font-weight: 500;
}

.section-staff__inner h2 span {
    font-size: 14px;
    display: block;
    margin-top: 16px;
}


.section-promise__inner h2 {
    font-size: 48px;
    margin-bottom: 56px;
    font-weight: 500;
}

.section-staff__inner>p {
    font-size: 16px;
    margin-bottom: 56px;
}

.section-promise__inner h2 span {
    font-size: 14px;
    display: block;
    margin-top: 16px;
}

.section-staff__inner ul.flex {
    display: flex;
    justify-content: space-between;
	gap:80px 0;
}

.section-promise__inner ul.flex {
    display: flex;
    justify-content: space-between;
}

.section-staff__inner ul.flex li {
    width: calc((100% / 3) - 60px);
}

.section-staff__inner ul.flex li span {
    font-size: 16px;
    text-align: center;
    margin-top: 24px;
    display: block;
}

.section-staff__inner ul.flex li h4 {
    font-size: 24px;
    text-align: center;
    margin-bottom: 24px;
    margin-top: 16px;
}

.section-staff__inner ul.flex li p {
    font-size: 16px;
}


.section-staff__inner ul.flex li img {
    width: 100%;
    height: auto;
    display: block;
}

@media screen and (max-width:1200px) {
    .section-staff__inner {
        margin-top: 12%;
        margin-bottom: 12%;
    }

    .section-promise__inner {
        margin-bottom: 12%;
    }

    .section-staff__inner h2 {
        margin-bottom: 5%;
    }

    .section-staff__inner h3 {
        margin-bottom: 5%;
    }

    .section-staff__inner h2 span {
        margin-top: 2%;
    }

    .section-promise__inner h2 {
        margin-bottom: 5%;
    }

    .section-staff__inner>p {
        margin-bottom: 5%;
    }

    .section-promise__inner h2 span {
        margin-top: 2%;
    }
    .section-staff__inner ul.flex{
	}
    .section-staff__inner ul.flex li span {
        margin-top: 2%;
    }

    .section-staff__inner ul.flex li h4 {
        margin-bottom: 2%;
        margin-top: 2%;
    }
}
@media screen and (max-width:1024px) {
    .section-staff__inner ul.flex{
	gap:40px 0;
	
	}
    .section-staff__inner ul.flex li{
	width: calc((100% / 2) - 60px);
	}
}
@media screen and (max-width:640px) {
    .section-staff__inner h3 {
        font-size: 24px;
    }

    .section-staff__inner>p {
        font-size: 14px;
    }
    .section-staff__inner ul.flex{
	gap:24px 0;
	}
    .section-staff__inner ul.flex li img {
        display: block;
        margin: auto;
        width: 60%;
    }

    .section-staff__inner ul.flex li {
        width: 100%;
        margin-bottom: 8%;
    }

    .section-staff__inner ul.flex li p {
        font-size: 14px;
    }

    .section-staff__inner h2,
    .section-promise__inner h2,
    .section-access__inner h2 {
        font-size: 32px;
    }
}

.section-promise__inner h3 {
    font-size: 48px;
    margin-bottom: 32px;
    font-weight: 500;
}

.section-promise__inner p {
    font-size: 16px;
    margin-bottom: 64px;
}

.section-promise__inner ul.flex li {
    width: calc((100% / 3) - 60px);
}

.section-promise__inner ul.flex li img {
    width: 100%;
    height: 100px;
    margin: auto;
    display: block;
    object-fit: contain;
    object-position: center;
}

.section-promise__inner ul.flex li span {
    display: block;
    text-align: center;
    margin-bottom: 32px;
    font-size: 18px;
}

.section-promise__inner ul.flex li h4 {
    display: block;
    text-align: center;
    font-size: 24px;
    margin-bottom: 32px;
    padding-bottom: 32px;
    border-bottom: 1px solid #CBCBCB;
    text-align: center;
    margin-top: 40px;
}


@media screen and (max-width:1200px) {

    .section-promise__inner h3 {
        margin-bottom: 3%;
    }

    .section-promise__inner p {
        margin-bottom: 6%;
    }

    .section-promise__inner ul.flex li span {
        margin-bottom: 3%;
    }

    .section-promise__inner ul.flex li h4 {
        margin-bottom: 3%;
        padding-bottom: 3%;
        margin-top: 4%;
    }
}

@media screen and (max-width:640px) {
    .section-promise__inner h3 {
        margin-bottom: 3%;
        font-size: 24px;
    }

    .section-promise__inner p {
        font-size: 14px;
    }

    .section-promise__inner ul.flex li {
        width: 90%;
        margin: auto;
    }
}

.section-company__head {
    padding-top: 150px;
    padding-bottom: 150px;
    background: url(../img/ondo/section-point__head01.jpg);
    background-size: cover;
    background-position: center center;
    margin-bottom: 0px;
}

.section-company__head h2 {
    color: #fff;
    font-size: 32px;
    text-align: center;
}

.section-company__head h2 span {
    font-size: 14px;
    margin-top: 13px;
    display: block;
}

.section-company__inner {
    padding-top: 64px;
    padding-bottom: 100px;
}

.section-company__inner ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.section-company__inner h2 {
    font-size: 40px;
    text-align: center;
    margin-bottom: 64px;
    font-weight: 500;
}

.section-company__inner ul li {
    width: calc((100% / 3) - 24px);
    margin-bottom: 80px;
}

.section-company__inner ul li h3 {
    text-align: center;
    line-height: 2;
    font-size: 18px;
    padding-bottom: 24px;
    margin-bottom: 24px;
    margin-top: 32px;
    border-bottom: 1px solid #CBCBCB;
}

.section-company__inner ul li img {
    width: 100%;
    height: auto;
}

.section-company__inner table,
.section-company__inner table tbody {
    width: 100%;
}

.section-company__inner table tbody tr {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    border-bottom: 1px solid #3E4648;
    font-size: 18px;
    padding-bottom: 32px;
    margin-bottom: 32px;
}

.section-company__inner table tbody tr th {
    width: 230px;
}

.section-company__inner table tbody tr td {
    width: calc(100% - 230px);
}

.section-company__place {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.section-company__place>img {
    width: 50%;
}

.section-company__place>div {
    width: calc(50% - 57px);
}

.section-company__place>div h3 {
    margin-bottom: 80px;
    font-size: 32px;
    font-weight: 500;
}

.section-company__inner iframe {
    height: 400px;
    width: 100%;
    margin-top: 40px;
}




@media screen and (max-width:1200px) {


    .section-company__head {
        padding-top: 15%;
        padding-bottom: 15%;
    }

    .section-company__head h2 span {
        margin-top: 1%;
    }

    .section-company__inner {
        padding-top: 6%;
        padding-bottom: 10%;
    }

    .section-company__inner h2 {
        margin-bottom: 6%;
    }

    .section-company__inner ul li {
        margin-bottom: 8%;
    }

    .section-company__inner ul li h3 {
        text-align: center;
        line-height: 2;
        font-size: 18px;
        padding-bottom: 2%;
        margin-bottom: 2%;
        margin-top: 3%;
    }


    .section-company__inner table tbody tr {
        padding-bottom: 3%;
        margin-bottom: 3%;
    }


    .section-company__place>div h3 {
        margin-bottom: 8%;
    }

    .section-company__inner iframe {
        margin-top: 4%;
    }

    .section-access__inner iframe {
        margin-top: 4%;
    }
}

@media screen and (max-width:640px) {
    .section-company__inner ul li {
        width: 100%;
    }

    .section-company__inner ul li img {
        width: 80%;
        height: auto;
        margin: auto;
        display: block;
    }

    .section-company__inner h2 {
        font-size: 24px;
    }

    .section-company__inner table tbody tr td,
    .section-company__inner table tbody tr th {
        width: 100%;
        font-size: 14px;
    }

    .section-company__place {
        flex-wrap: wrap;
    }

    .section-company__place img {
        width: 100%;
    }

    .section-company__place div {
        width: 100%;
        margin-top: 8%;
    }

    .section-company__place>div h3 {
        font-size: 24px;
    }
}


/*ハンバーガー*/

.hamburger__nav {
    position: absolute;
    right: 0;
    left: auto;
    top: 0;
    width: 30%;
    height: 100vh;
    transform: translateX(100%);
    background-color: #ffffffd9;
    transition: ease 0.4s;
    z-index: 9
}

.nav-items a {
    color: #2c2c2c;
    font-size: 24px;
    padding: 14px;
    display: block;
    margin: 0 14px 0;
    text-align: center
}

.nav-items>a {
    margin-bottom: 24px;
    max-width: 65%;
    margin-left: auto;
    margin-right: auto
}

@media screen and (min-width:1250px) {
    .hamburger__nav {
        display: none
    }
}

@media screen and (max-width:640px) {
    .hamburger__nav {
        width: 100%
    }
}

@media screen and (min-width:1250px) {
    .hamburger__nav__items {
        width: 100%;
        display: flex;
        align-items: center;
        height: initial;
        justify-content: space-between
    }
}

.nav-items {
    position: relative;
    top: 140px;
    left: 50%;
    padding: 0;
    transform: translateX(-50%)
}

@media screen and (min-width:1250px) {
    .nav-items {
        position: inherit;
        top: 0;
        left: 0;
        transform: translate(0, 0)
    }
}

.nav-items__item a {
    width: 90%;
    display: block;
    text-align: center;
    margin-bottom: 24px;
    text-decoration: none;
    font-size: 16px;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
    color: #2c2c2c;
    text-align: center
}

.nav-items__item:last-child a {
    margin-bottom: 0
}

@media screen and (min-width:1250px) {
    .nav-items__item a {
        margin-bottom: 0
    }
}

.header__hamburger {
    width: 40px;
    height: 100%
}

.no-scroll {
    overflow: hidden
}


.hamburger {
    background-color: transparent;
    border-color: transparent;
    z-index: 9999;
    position: relative;
    margin-bottom: 14px;
}

.hamburger::before {
    content: "MENU";
    display: block;
    position: absolute;
    left: 50%;
    bottom: 0;
    transform: translate(-50%, 100%);
    color: #2c2c2c;
    font-size: 14px;
    font-family: "Noto Serif JP", serif;
}

@media screen and (min-width:1200px) {
    .hamburger {
        display: none
    }
}

.header-cathouse__inner {
    position: relative
}

.hamburger span {
    width: 100%;
    height: 1px;
    background-color: #2c2c2c;
    position: relative;
    transition: ease 0.4s;
    display: block
}

.hamburger span:nth-child(1) {
    top: 0
}

.hamburger span:nth-child(2) {
    margin: 8px 0
}

.hamburger span:nth-child(3) {
    top: 0
}

.hamburger__nav.active {
    transform: translateX(0)
}

.hamburger.active span:nth-child(1) {
    top: 5px;
    transform: rotate(25deg)
}

.hamburger.active span:nth-child(2) {
    opacity: 0;
    background-color: #2c2c2c
}

.hamburger.active span:nth-child(3) {
    top: -13px;
    transform: rotate(-25deg)
}

.section-footer {
    background-color: #F6F1ED;
}

.section-footer__inner {
    padding-top: 90px;
    padding-bottom: 90px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.section-footer__inner img {
    width: 300px;
}

.section-footer__inner p {
    text-align: right;
    font-size: 12px;
}

@media screen and (max-width:1200px) {
    .section-footer__inner {
        padding-top: 9%;
        padding-bottom: 9%;
    }
}


#feature,
#modelhouse,
#staff,
#company,
#form {
    padding-bottom: 80px;
    margin-top: -80px;
}

@media screen and (max-width:640px) {

    #feature,
    #modelhouse,
    #staff,
    #company,
    #form {
        padding-bottom: 70px;
        margin-top: -70px;
    }
}

.section-form {
    background-color: #F5F5F5;
}

.section-form__inner {
    padding-top: 120px;
    padding-bottom: 120px;
}

.section-form h2 {
    font-size: 48px;
    margin-bottom: 56px;
    font-weight: 500;
}

.section-form h2 span {
    font-size: 14px;
    display: block;
    margin-top: 16px;
}

@media screen and (max-width:1200px) {

    .section-form__inner {
        padding-top: 12%;
        padding-bottom: 12%;
    }

    .section-form h2 {
        margin-bottom: 5%;
    }

    .section-form h2 span {
        margin-top: 2%;
    }
}

@media screen and (max-width:640px) {
    .section-form h2 {
        font-size: 32px;
    }
}

h4.performance-sub__ttl {
    font-size: 48px;
    text-align: center;
    font-weight: 500;
}

.line-icon {
    display: block;
    height: 110px;
    object-fit: contain;
    margin: 80px auto;
}

@media screen and (max-width:1200px) {
    h4.performance-sub__ttl {
        font-size: 32px;
        text-align: center;
    }

    .line-icon {
        height: 80px;
        margin: 8% auto;
    }
}

@media screen and (max-width:640px) {
    h4.performance-sub__ttl {
        font-size: 24px;
    }

    footer {
        padding-bottom: 40%;
    }
}
/*20241006*/
body {
  color: #222;
}
@media screen and (max-width: 640px) {
.nav-items {
top:65px;
}
.nav-items a {
margin-bottom: 14px;
}
  .section-performance__head h2 {
    font-size: 32px;
  }
  .section-point__inner h2.point-ttl {
    font-size: 24px;
  }
  .section-model__head h2 {
    font-size: 32px;
  }
  .section-model__inner__text h2 {
    font-size: 24px;
  }
  .section-point__head h2{
  font-size: 32px;
  }
  .section-performance__inner__2col > div > h3 {
    font-size: 24px;
  }
  .section-performance__ttl01 span:nth-child(1) {
	font-size: 24px;
  }
  .section-performance__ttl01 span:nth-child(2) {
  font-size: 24px;
  }
  .section-performance__ttl02 span:nth-child(1), .section-performance__ttl02 span:nth-child(2){
  font-size: 24px;
  }
  .section-performance__inner__1col h3 span:nth-child(1){
  font-size: 24px;
  }
  .section-performance__inner__2col>div>h3>span{
  font-size: 24px;
  }
  .section-performance__ttl04 span{
  font-size: 24px;
  }
  .section-performance__ttl05 span:nth-child(1),.section-performance__ttl05 span:nth-child(2){
  font-size: 24px;
  }
  .section-performance__ttl06 span:nth-child(1),.section-performance__ttl06 span:nth-child(2){
  font-size: 24px;
  }
  .section-performance__ttl09 span:nth-child(1),.section-performance__ttl09 span:nth-child(2){
  font-size: 24px;
  }
  .section-performance__ttl10 span:nth-child(1){
  font-size: 24px;
  }
  .section-performance__inner__1col h3>span:nth-child(2){
  font-size: 24px;
  }
  .section-performance__ttl13 span:nth-child(1),.section-performance__ttl13 span:nth-child(2){
  font-size: 24px;
  }
  h3.section-performance__ttl15 span:nth-child(1),h3.section-performance__ttl15 span:nth-child(2){
  font-size: 24px;
  }
  h3.section-performance__ttl16 span:nth-child(1),h3.section-performance__ttl16 span:nth-child(2){
  font-size: 24px;
  }
  .section-performance__ttl16 span{
  display: inline !important;
  }
  h3.section-performance__ttl18 span:nth-child(1),h3.section-performance__ttl18 span:nth-child(2){
  font-size: 24px;
  }
  .section-model__inner__idea ul.flex li h3 {
    font-size: 20px;
  }
  .section-access__inner__box>div h3{
  font-size: 24px;
  }
  .section-company__inner ul li h3{
  font-size: 20px;
  }
  .nav-items a {
    font-size: 18px;
  }
}
.section-performance__ttl04 .color {
  color: #222;
}
.section-point__inner__design_list li > p {
  font-family: "Noto Serif JP", serif;
  font-weight: 500;
  letter-spacing: 0.04em;
  color: #000;
}
@media screen and (max-width: 640px) {
.section-performance__head .pc-tb{
display: none;
}
.section-model__inner__text .pc-tb{
display: none;
}
}


.section-intro_add .pc-content{
display:block;
}
@media screen and (max-width: 640px) {
.section-intro_add .pc-content{
display:none;
}
}
.section-intro_add .sp-content{
display:none;
}
@media screen and (max-width: 640px) {
.section-intro_add .sp-content{
display:block;
}
}

.section-intro__add01{
    gap: 56px;
    padding-bottom: 64px;
}
@media screen and (max-width: 1024px) {
.section-intro__add01{
    flex-direction: column;
}
}
@media screen and (max-width: 640px) {
    .section-intro__add01{
        padding-bottom: 6%;
        gap: 12px;
    }
}
.section-intro__add01 img{
    display: block;
    max-width: 374px;
}
@media screen and (max-width: 1024px) {
    .section-intro__add01 img{
        width: 30%;
    }
}
@media screen and (max-width: 640px) {
    .section-intro__add01 img{
        width: 64%;
    }
}
.section-intro__add01 .section-intro__inner__wrap{
    flex: 1;
    width: auto;
    max-width: unset;
}
.section-intro__add01 .section-intro__inner__wrap h3{
    font-size: 48px;
    font-weight: 700;
    color: #9D0C0C;
    margin-bottom: 64px;
    letter-spacing: 0em;
    font-family: "Noto Sans JP", sans-serif;
}
@media screen and (max-width: 1024px) {
.section-intro__add01 .section-intro__inner__wrap h3{
    margin-bottom: 6%;
}
}
.section-intro__add01 .section-intro__inner__wrap h3 strong{
    font-size: 63px;
}
.section-intro__add01 .section-intro__inner__wrap p{
    letter-spacing: 0;
}

.section-intro__add02{
    padding-top: 0px;
}
.section-intro__add02 img{
    width: 110%;
    margin-left: -5%;
    max-width: unset;
}
@media screen and (max-width: 640px) {
    .section-intro__add02 img{
        width: 110%;
        margin-left: -5%!important;
    }
}
@media screen and (max-width: 1024px) {
    .section-intro__add01 .section-intro__inner__wrap h3{
        font-size: 36px;
    }
    .section-intro__add01 .section-intro__inner__wrap h3 strong {
        font-size: 48px;
    }
}
@media screen and (max-width: 640px) {
        .section-intro__add01 .section-intro__inner__wrap h3 {
            font-size: 22px;
        }
        .section-intro__add01 .section-intro__inner__wrap h3 strong {
            font-size: 28px;
        }
}