body {
    font-family: 'Noto Serif JP', serif;
}

.page_lead {
    color: #537152;
    font-weight: bold;
    font-size: clamp(17px, 2.5vw, 25px);
    text-align: center;
    margin: 50px 0;
}

.bottom_note {
    max-width: 1054px;
    width: 90%;
    margin: 80px auto 20px;
}

.main_image {
    position: relative;
    background-position: center;
}


.equ_nav {
    width: 90%;
    max-width: 1054px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 70px;
}

.equ_nav_bottom {
    margin-bottom: 50px;
}

.equ_nav ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 5px 1%;
}

.equ_nav ul li {
    width: calc(93%/8);
}

.equ_nav ul li img:nth-child(2) {
    display: none;
}

.equ_nav ul li.active {
    pointer-events: none;
}

.equ_nav ul li.active img:nth-child(1) {
    display: none;
}

.equ_nav ul li.active img:nth-child(2) {
    display: block;
}

.method_btn a {
    max-width: 300px;
    width: 60%;
    margin: 0 auto;
    background-color: #008952;
    color: #fff;
    text-align: center;
    display: block;
    padding: 18px;
    position: relative;
    font-size: clamp(14px, 1.5vw, 18px);
}

.method_btn a::before {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    right: 4px;
    box-sizing: border-box;
    width: 8px;
    height: 8px;
    border: 8px solid transparent;
    border-left: 8px solid rgb(255, 255, 255);
}

/* SP調整 */
@media screen and (max-width:730px) {

    .page_ttl {
        width: 100%;
        margin: 0;
    }


    .page_lead {
        margin: 20px 0 30px;
    }

    .sp_white {
        color: #fff;
    }

    .bottom_note {
        margin: 50px auto 20px;
    }

    .equ_nav {
        margin-top: 30px;
        margin-bottom: 30px;
    }

    .equ_nav ul {
        gap: 5px 2%;
    }

    .equ_nav ul li {
        width: calc(93%/4);
    }

    .method_btn a {
        padding: 15px;
    }
}

/* TAB調整 */
@media screen and (max-width:1054px) and (min-width:731px) {
    .page_lead {
        margin: 20px 0 30px;
    }

    .equ_nav {
        margin-bottom: 40px;
    }
}

.sec_title {
    height: 26px;
    margin: 0 auto;
}

.sec_title img {
    height: 100%;
}

.sec_lead {
    font-size: clamp(15px, 1.8vw, 18px);
    text-align: center;
    margin: 20px 0 50px;
}

.grid_wrap {
    max-width: 1054px;
    width: 90%;
    margin: 0 auto;
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 40px 30px;
}

.lepia_icon {
    position: absolute;
    top: -8%;
    right: -10%;
    max-width: 82px;
    width: 35%;
    /* filter: drop-shadow(0 0 3px #00000090); */
}

.sec_kit .box12 .lepia_icon {
    position: absolute;
    max-width: 82px;
    width: 35%;
    top: -12%;
    left: -24%;
    /* filter: drop-shadow(0 0 3px #00000090); */
}

.grid_wrap .main_image {
    background-size: cover;
    background-repeat: no-repeat;
    grid-column: 1/3;
}

.box_title {
    color: #7B6A3E;
    margin: 10px 0 5px;
    font-size: clamp(14px, 1.5vw, 15px);
    font-weight: bold;
}

.box_txt {
    font-size: clamp(12px, 1.3vw, 13px);
    line-height: 1.6;
}

.box_txt .note {
    display: block;
    margin-top: 5px;
}

.raku_icon {
    position: absolute;
    max-width: 64px;
    width: 30%;
    top: -8%;
    right: 3%;
}

/* SP調整 */
@media screen and (max-width:730px) {


    .sec_title {
        height: 18px;
    }

    .sec_lead {
        margin-bottom: 30px;
    }

    .grid_wrap {
        grid-template-columns: 1fr 1fr;
        gap: 30px 20px;
    }

    .grid_wrap .main_image {
        height: 100vw;
    }
}

/* TABのみ */
@media screen and (max-width:1000px) and (min-width:731px) {

    .sec_title {
        height: 25px;
    }


    .grid_wrap {
        gap: 30px 20px;
    }
}

























/* ---------- キッチン ---------- */
.sec_kit .main_image {
    background-image: url(../images/equipment/kit_img00.jpg);
}

.sec_kit .box01 {
    grid-column: 3/5;
}

.sec_kit .box01 .box_title {
    margin: 0 0 10px;
}

.sec_kit .box01 .txt01 {
    margin-bottom: 5px;
}

.sec_kit .box01 .image {
    margin-top: 40px;
}

.sec_kit .box01 .image .lepia_icon {
    width: 17%;
    right: 45%;
    top: -7%;
}

.sec_kit .box03 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 46.8% 1fr;
    align-self: flex-start;
}

.sec_kit .box03 .img02 {
    position: relative;
    z-index: -1;
    grid-column: 2/3;
    grid-row: 1;
}

.sec_kit .box03 .box_txt {
    grid-column: 1/3;
}

.sec_kit .box04 {
    grid-column: 3/5;
    display: grid;
    grid-template-columns: 47.5% 1fr;
}

.sec_kit .box04 .img02 {
    grid-column: 2/3;
    grid-row: 1/4;
}

.sec_kit .box12 {
    grid-column: 1/3;
    display: grid;
    grid-template-columns: 50.4% 1fr;
    align-self: flex-start;
}

.sec_kit .box12 .img02 {
    grid-column: 2/3;
    grid-row: 1/2;
}

.sec_kit .box12 .box_title,
.sec_kit .box12 .box_txt {
    grid-column: 1/3;
}

/* SP調整 */
@media screen and (max-width:730px) {

    .sec_kit .box01 {
        grid-column: 1/3;
    }

    .sec_kit .box01 .image {
        margin-top: 25px;
    }

    .sec_kit .box04 {
        grid-column: 1/3;
        align-items: flex-end;
    }

    .sec_kit .box04 .img02 {
        align-self: flex-start;
        grid-row: 1/3;
    }

    .sec_kit .box04 .box_txt {
        grid-column: 1/3;
        margin-top: 5px;
    }
}


/* ---------- 浴室 ---------- */
.sec_bat .main_image {
    background-image: url(../images/equipment/bat_img00.jpg);
    grid-row: 1/3;
}

.sec_bat .box01 .bottom {
    display: flex;
    justify-content: space-between;
    gap: 0 8%;
    align-items: flex-end;
}

.sec_bat .box01 .bottom .icon {
    width: 30%;
    flex-shrink: 0;
}

/* SP調整 */
@media screen and (max-width:730px) {

    .sec_bat .main_image {
        grid-row: 1;
    }
}

/* ---------- 洗面室 ---------- */
.sec_pow .main_image {
    background-image: url(../images/equipment/pow_img00.jpg);
    grid-row: 1/3;
}

.sec_pow .box01 {
    grid-column: 3/5;
}

.sec_pow .box01 .image .lepia_icon {
    right: 35.5%;
}

/* SP調整 */
@media screen and (max-width:730px) {

    .sec_pow .main_image {
        grid-row: 1;
    }

    .sec_pow .box01 {
        grid-column: 1/3;
    }

    .sec_pow .box01 .image .lepia_icon {
        width: 15%;
    }
}

/* ---------- トイレ ---------- */
.sec_lav {
    margin-top: 120px;
}

.sec_lav .main_image {
    background-image: url(../images/equipment/lav_img00.jpg);
    grid-row: 1/3;
}

.sec_lav .box01 {
    grid-column: 1/2;
    grid-row: 1/3;
}

/* SP調整 */
@media screen and (max-width:730px) {
    .sec_lav {
        margin-top: 80px;
    }
}

/* TABのみ */
@media screen and (max-width:1000px) and (min-width:731px) {
    .sec_lav {
        margin-top: 80px;
    }
}

/* ---------- 収納 ---------- */
.sec_sto .box01 .image .lepia_icon {
    top: 8px;
    right: 8px;
}


/* ---------- 快適設備 ---------- */
.sec_ame .box_lead {
    background-color: #7B6A3E;
    color: #fff;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: clamp(15px, 1.7vw, 17px);
}

.sec_ame .box01_wrap {
    grid-column: 1/3;
}

.sec_ame .box01_wrap .box_lead {
    position: relative;
}

.sec_ame .box01_wrap .lepia_icon {
    translate: 0 -50%;
    top: 50%;
    right: 3%;
    z-index: 1;
}

.sec_ame .box01 {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    gap: 20px 0;
}

.sec_ame .box01 dl {
    width: calc(50% - 15px);
}

.sec_ame .box02_wrap {
    grid-column: 3/5;
}

.sec_ame .box02 {

    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 20px 0;
}

.sec_ame .box02 .box02-01 {
    width: 100%;
}

.sec_ame .box02 .box02-02,
.sec_ame .box02 .box02-03 {
    width: calc(50% - 15px);
}

.sec_ame .img07 .icon {
    width: 70%;
    margin: 10px auto 0;
}

/* SP調整 */
@media screen and (max-width:730px) {

    .sec_ame .box01_wrap .box_lead {
    }

    .sec_ame .box01_wrap .lepia_icon {
    }

    .sec_ame .box01 dl {
        width: calc(50% - 10px);
    }

    .sec_ame .box02_wrap {
        grid-column: 1/3;
    }

    .sec_ame .box02 .box02-02,
    .sec_ame .box02 .box02-03 {
        width: calc(50% - 10px);
    }
}

/* ---------- セキュリティ ---------- */
.sec_secu .flex,
.sec_secu02 .flex {
    display: flex;
    justify-content: space-between;
}

.sec_secu .box_lead,
.sec_secu02 .box_lead {
    background-color: #7B6A3E;
    color: #fff;
    padding: 10px;
    width: 100%;
    text-align: center;
    font-size: clamp(17px, 2.1vw, 21px);
    margin-bottom: 10px;
}

.sec_secu02 .box_lead {

    margin-bottom: 30px;
}

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

.sec_secu .flex_wrap .container {
    width: calc(50% - 20px);
    display: flex;
    flex-direction: column;
    gap: 30px 0;
}

.sec_secu .top {
    max-width: 1054px;
    width: 90%;
    margin: 0 auto;
}

.sec_secu .top .flex_wrap .container .box01 .note {
    text-align: right;
    margin-top: 5px;
}

.sec_secu .top .flex_wrap .container .box01 .inner {
    background-color: #e6e6e6;
    padding: 20px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.sec_secu .top .flex_wrap .container .box01 .inner .box_title {
    text-align: center;
    width: 30%;
    padding: 0 20px;
    margin: 0;
    font-weight: normal;
}

.sec_secu .top .flex_wrap .container .box01 .inner .box_txt {
    width: 70%;
    border-left: 1px solid #537152;
    padding: 0 20px;
}

.sec_secu .top .flex_wrap .container .flex .box_title {
    margin-top: 0;
}

.sec_secu .top .flex_wrap .container .flex .image_wrap {
    width: 35%;
}

.sec_secu .top .flex_wrap .container .flex .txt_wrap {
    width: 60%;
}

/* SP調整 */
@media screen and (max-width:730px) {
    .sec_secu .flex_wrap {
        flex-direction: column;
    }

    .sec_secu .flex_wrap .container {
        width: 100%;
    }

    .sec_secu .top .flex_wrap .container .box01 {
        margin-top: 30px;
    }

    .sec_secu .top .flex_wrap .container .box01 .inner {
        padding: 13px 0;
    }

    .sec_secu .top .flex_wrap .container .box01 .inner .box_title {
        width: 35%;
        padding: 0 17px;
    }

    .sec_secu .top .flex_wrap .container .box01 .inner .box_txt {
        width: 65%;
    }

    .sec_secu .top .flex_wrap .container .flex .image_wrap {
        width: 40%;
    }

    .sec_secu .top .flex_wrap .container .flex .txt_wrap {
        width: 55%;
    }
}





.sec_secu .bottom {
    max-width: 1054px;
    width: 90%;
    margin: 80px auto 0;
}

.sec_secu .bottom .sec_lead {
    font-weight: bold;
    color: #7B6A3E;
    font-size: clamp(18px, 2.3vw, 24px);
    text-align: justify;
}

.sec_secu .bottom .flex_wrap .container01 {
    width: calc(60% - 30px);
}


.sec_secu .bottom .flex_wrap .container02 {
    width: 40%;
}

.sec_secu .bottom .flex_wrap .container02 .box_lead .small {
    display: block;
    font-size: clamp(13px, 1.4vw, 14px);
}

.sec_secu .bottom .flex_wrap .container02 .box01 .image_wrap {
    display: flex;
    justify-content: space-between;
}

.sec_secu .bottom .flex_wrap .container02 .box01 .image_wrap .left {
    width: 55%;
}

.sec_secu .bottom .flex_wrap .container02 .box01 .image_wrap .right {
    width: 42%;
}

.sec_secu .bottom .flex_wrap .container02 .box02 {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.sec_secu .bottom .flex_wrap .container02 .box02 .image_wrap {
    width: 35%;
}

.sec_secu .bottom .flex_wrap .container02 .box02 .txt_wrap {
    width: 60%;
}

.sec_secu .bottom .flex_wrap .container02 .box02 .txt_wrap .box_title {
    margin-top: 0;
}


/* SP調整 */
@media screen and (max-width:730px) {
    .sec_secu .bottom .sec_lead {
        text-align: center;
        margin-bottom: 20px;
    }

    .sec_secu .bottom .flex_wrap .container01 {
        width: 100%;
    }

    .sec_secu .bottom .flex_wrap .container02 {
        width: 100%;
        margin-top: 30px;
    }
}





.sec_secu02 {
    max-width: 1054px;
    width: 90%;
    margin: 0 auto;
    color: #4f2a11;
}

.sec_secu02 .sec_title02 {
    font-size: clamp(25px, 3.5vw, 35px);
    text-align: center;
    color: #2c1600;
    font-weight: bold;
    margin-top: 40px;
}

.sec_secu02 .sec_title02 .small {
    font-weight: normal;
    display: block;
    margin-top: 5px;
    font-size: clamp(17px, 2.3vw, 23px);
}

.sec_secu02 .sec_lead {
    font-size: clamp(13px, 1.8vw, 18px);
}

.sec_secu02 .sec_lead .small {
    vertical-align: top;
    font-size: clamp(10px,1.1vw,13px);
}

.sec_secu02 .sec_lead .note {
    max-width: 800px;
    margin: 5px auto 0;
    display: block;
    text-align: right;
}

.sec_secu02 .hsk_logo {
    width: 50%;
    margin: 30px auto 50px;
}


.sec_secu02 .image02 {
    margin: 50px 0;
}


.sec_secu02 .wrap02 {
    margin: 50px auto 0;
}

.sec_secu02 .wrap02_logo {
    max-width: 350px;
    width: 85%;
    margin: 0 auto 30px;
}

.sec_secu02 .cert_bnr {
    max-width: 790px;
    margin: 0 auto 50px;
}


/* SP調整 */
@media screen and (max-width:730px) {

    .sec_secu02 .sec_title02 {
        margin-top: 25px;
    }

    .sec_secu02 .hsk_logo {
        width: 70%;
        margin-bottom: 30px;
    }

    .sec_secu02 .image02 {
        margin: 40px 0;
    }


    .sec_secu02 .wrap02 {
        margin-top: 30px;
    }

    .sec_secu02 .wrap02 .lead  {
        margin: 10px 0 20px;
    }

    .sec_secu02 .cert_bnr {
        margin-bottom: 40px;
    }
}





.eco_bottom_note {
    margin: 20px auto 60px;
}

.sec_eco .grid_wrap {
    grid-template-columns: 1fr 1fr 1fr;
}

.sec_eco .box .image {
    margin: 10px 0;
}

.sec_eco .box .image .cap {
    bottom: 12%;
    right: 16%;
}

.sec_eco .box .txt_bg {
    background-color: #7B6A3E;
    color: #fff;
    text-align: center;
    font-size: clamp(16px, 2vw, 20px);
    letter-spacing: 0.1em;
    min-height: 70px;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.sec_eco .box .txt_bg .txt {
    line-height: 1.3;
}

.sec_eco .box .txt_bg .txt .large {
    font-size: clamp(20px, 2vw, 28px);
    letter-spacing: initial;
    margin-right: 3px;
}


.sec_eco .box .txt_bg .txt .small {
    font-size: clamp(14px, 1.6vw, 18px);
}

.sec_eco .box .txt_bg .txt .note {
    vertical-align: text-top;
}

.sec_eco .bottom_txt {
    max-width: 1054px;
    width: 90%;
    margin: 80px auto 0;
    background-color: #7B6A3E;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    text-align: center;
    font-size: clamp(23px, 3vw, 30px);
    font-weight: 500;
    padding: 20px;
    line-height: 1;
    letter-spacing: 0.1em;
}

.sec_eco .bottom_txt .bg {
    border: 1px solid #fff;
    color: #fff;
    font-size: clamp(14px, 1.3vw, 14px);
    letter-spacing: initial;
    min-width: 60px;
    align-self: stretch;
    display: flex;
    align-items: center;
    justify-content: center;
    line-height: 1.3;
    padding: 5px;
    margin: 0 10px;
}

.sec_eco .bottom_txt .large {
    font-size: clamp(28px, 4vw, 40px);
    letter-spacing: initial;
    margin-right: 3px;
}

/* SP調整 */
@media screen and (max-width:730px) {
    .sec_eco .grid_wrap {
        grid-template-columns: 1fr;
        gap: 60px 0;
    }

    .sec_eco .box .image {
        margin: 5px 0;
    }

    .sec_eco .box .txt_bg {
        min-height: auto;
        padding: 10px;
    }

    .sec_eco .bottom_txt {
        display: block;
        line-height: 1.6;
        padding: 5px 20px 15px;
        margin-top: 40px;
    }

    .sec_eco .bottom_txt .bg {
        margin: 15px 0 5px;
    }

    .eco_bottom_note {
        margin: 20px auto;
    }
}