@charset "utf-8";

/*---------------------------------------------------------------*/
/* MainVisual
/*---------------------------------------------------------------*/
#MainVisual {
    position: relative;
    width: 100%;
    height: 100svh;
    /*background: url(../images/top/mainvisual/background.webp) no-repeat center center;
    background-size: cover;*/
    overflow: hidden;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#MainVisual .MainVisualInner,
#MainVisual .swiper {
    width: 100%;
    height: 100%;
    position: relative;
}

/*#MainVisual:after {
    position: absolute;
    content: "";
    bottom: 0;
    left: 0;
    width: 100%;
    height: auto;
    padding-top: 10.44386422976501vw;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 89%, rgba(255, 255, 255, 1) 100%);
}*/

#MainVisual .swiper .slide_common {
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 100%;
}

#MainVisual .swiper .slide1 {
    background-image: url(../images/top/mainvisual/mv-image1.webp);
}

#MainVisual .swiper .slide2 {
    background-image: url(../images/top/mainvisual/mv-image2.webp);
}

#MainVisual .swiper .slide3 {
    background-image: url(../images/top/mainvisual/mv-image3.webp);
}

#MainVisual .inner {
    position: absolute;
    z-index: 100;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: 100%;
    max-width: 1280px;
    left: 50%;
    margin-left: -640px;
    top: 0;
    height: 100%;
    padding-bottom: 25px;
    padding-top: 120px;
}

#MainVisual .inner .catch {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    color: #FFFFFF;
    white-space: normal;
    word-break: keep-all;
}

#MainVisual .inner .catch dl dt {
    font-size: 225%;
    margin: 0 0 0 25px;
    font-family: "shippori-mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    text-orientation: upright;
    /* 文字を縦に立てる */
    display: flex;
    flex-direction: column;
    /* 縦方向に配置 */
    justify-content: space-between;
    /* 上下に振り分ける */
    /*height: 480px;*/
    height: 25vw;
}

#MainVisual .inner .catch dl dt span {
    display: block;
}

#MainVisual .inner .catch dl dt span:nth-child(2) {
    text-align: right;
}


#MainVisual .inner .catch dl dd {
    padding: 40px 0 0;
}

#MainVisual .boxInner {
    position: relative;
    z-index: 1000;
    max-width: 960px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 40px;
}

#MainVisual .boxInner span {
    display: block;
}

#MainVisual .boxInner .logo img {
    margin: 0 0 40px;
    max-width: 30%;
}

#MainVisual .boxInner .txt1 {
    margin: 0 0 20px
}

#MainVisual .boxInner .txt1 img,
#MainVisual .boxInner .txt2 img {
    max-width: 70%;
}

/*---------------------------------------------------------------*/
/* TOP Contents
/*---------------------------------------------------------------*/
.home #contents {
    position: relative;
    padding: 160px 0 0;
    /*background-image: url(../images/top/bg-contents.svg);
    background-position: top center;
    background-repeat: no-repeat;
    background-size: auto 100%;*/
}

/*
.home #contents:before {
    position: absolute;
    content: "";
    bottom: 0;
    left: 50%;
    margin-left: -45%;
    background-image: url(../images/top/bg-contents.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width: 90%;
    height: 100%;
    z-index: -1;
}
*/
.home #contents h2 {
    /* 縦書き設定 */
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    white-space: normal;
    /* Safariでも自然な改行間隔に */
    word-break: keep-all;
    /* 日本語の単語途中改行を防ぐ */
    /* Safari対策を含む文字設定 */
    font-family: "shippori-mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    font-weight: 400;
    /*font-size: 3.5rem;*/
    font-size: 1.8276762402088773vw;
}

.home #contents h2 span.en {
    display: block;
    line-height: 1;
    font-family: "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
    letter-spacing: 0;
    font-size: 60%;
    font-weight: 400;
    color: #8cbbd2;
    text-orientation: initial;
    letter-spacing: 2px;
}

.home #contents .section-area {
    position: relative;
    margin: 0 0 10.416666666666668vw;
}

.home #contents .section-area.AlignLeft .section-head {
    margin: 0 40px 0 0;
}


.home #contents .section-area.AlignRight .section-head {
    margin: 0 0 0 40px;
}

/*---------------------------------------------------------------*/
/* Intro
/*---------------------------------------------------------------*/
.intro .section-head {
    position: relative;
}

.intro .section-head span {
    position: absolute;
    top: 0;
    left: 0;
    max-width: 350px;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
}

.intro .section-body {
    position: relative;
    text-align: center;
    margin: 0 auto 100px;
    padding: 100px 0 0;
}

.intro .section-body .description {
    /*display: inline-block;
    text-align: center;*/
    display: flex;
    justify-content: center;
    /* 横方向の中央揃え */
    align-items: center;
}

.intro .section-body .description p {
    /* 縦書き設定 */
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    white-space: normal;
    /* Safariでも自然な改行間隔に */
    word-break: keep-all;
    /* 日本語の単語途中改行を防ぐ */
    /* Safari対策を含む文字設定 */
    font-family: "shippori-mincho", "Noto Serif JP", "Hiragino Mincho ProN", "Yu Mincho", YuMincho, serif;
    font-weight: 400;
    font-size: 2.5rem;
    line-height: 1.8;
    /* Safariで被らないように数値で指定 */

    /* 配置調整 */
    margin: 0;
    text-align: left;
}

.intro .section-body .description span {
    position: relative;
    display: inline-block;
}

.intro .section-body .description span:before {
    position: absolute;
    content: "";
    height: 100%;
    /*width: 15px;*/
    width: 12.5px;
    background-color: #f4e3d7;
    top: 0;
    right: 7px;
    z-index: -1;
}

.intro .section-body span.image {
    position: absolute;
    right: 0;
    top: 50%;
    width: 350px;
    border-radius: 5px;
    overflow: hidden;

}

.intro .section-foot {
    position: relative;
    text-align: center;
}


.intro .section-foot:before {
    position: absolute;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/top/intro/section-foot_before.svg);
    width: 182px;
    padding-top: 150px;
    top: -6.25vw;
    left: 10.416666666666668vw;
}

.intro .section-foot span {
    display: inline-block;
    max-width: 400px;
    height: auto;
    border-radius: 5px;
    overflow: hidden;
}

/*---------------------------------------------------------------*/
/* Concept
/*---------------------------------------------------------------*/
.concept:before {
    position: absolute;
    content: "";
    top: 13.054830287206268vw;
    /*top:200px;*/
    left: 0;
    width: 83.44647519582246vw;
    padding-top: 50%;
    background-color: #f9f8f4;
    z-index: -2;
}

.concept .sectionContent {
    margin: 0 auto 220px;
}

.concept .sectionContent .inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.concept .sectionContent .sectionMain {
    position: relative;
    z-index: 20;
    width: 26.109660574412537vw;
}



.concept .sectionContent .sectionMain .detail {
    position: relative;
}

.concept .sectionContent .sectionMain .detail:after {
    position: absolute;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url("../images/top/concept/sectionMain_after.svg");
    width: 241px;
    height: 90px;
    bottom: -180px;
    left: 60%;
    margin-left: -120.5px
}

.concept .sectionContent .sectionMain .detail .detailInner {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    /* 横2列 */
    align-items: flex-start;
    /* ← 縦方向センター */
    justify-content: center;
    /* ← 横方向センター */
    /*gap: 2.083333333333333vw;*/
    z-index: 10;
    margin: 0 auto;
}

.concept .sectionContent .sectionMain .detail .section-head {
    padding: 0;
    margin: 0 3.125vw 0 0 !important;
}

.concept .sectionContent .sectionMain .detail .section-body {
    /* 縦書き設定 */
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    -webkit-text-orientation: upright;
    white-space: normal;
    /* Safariでも自然な改行間隔に */
    word-break: keep-all;
    /* 日本語の単語途中改行を防ぐ */
    /* Safari対策を含む文字設定 */
}

.concept .sectionContent .sectionMain .detail .btnBox {
    text-align: center;
    display: block;
}


.concept .sectionContent .sectionImage {
    width: 26.109660574412537vw;
    position: relative;
    z-index: 10;
}

.concept .sectionContent .sectionImage {
    width: 100%;
    margin: 0 0 0 -26.109660574412537vw;
    padding: 6.266318537859007vw 0 0 29.242819843342037vw;
}

.concept .sectionContent .sectionImage .ImageBoxInner {
    padding-bottom: 66.66%;
}

.concept .section-foot .btnBox {
    display: none;
}

.concept .section-foot .imageList {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1024px;
    margin: 0 auto;
}

.concept .section-foot .imageList .imageListBox {
    width: 46%;
    margin: 0 8% 0 0;
    opacity: 0;
}

.concept .section-foot .imageList .imageListBox:nth-child(2) {
    padding: 5vw 0 0;
}

.concept .section-foot .imageList .imageListBox:last-child {
    margin: 0;
}

.concept .section-foot .imageList .imageListBox .ImageBoxInner {
    padding-bottom: 75%;
}

/*---------------------------------------------------------------*/
/* Commit
/*---------------------------------------------------------------*/
.commit .sectionContent {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    padding: 0 0 12.532637075718014vw;
}

.commit .sectionContent .sectionMain {
    position: relative;
    z-index: 10;
}

.commit .sectionContent .sectionMain .detail {
    position: relative;
    display: grid;
    grid-template-columns: auto auto;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: center;
    /*width: 500px;*/
    /*width: 15.66579634464752vw;*/
    width: 300px;
    z-index: 10;
}

.commit .sectionContent .sectionMain .detail .section-head {
    order: 2;
}

.commit .sectionContent .sectionMain .detail .section-body {
    -ms-writing-mode: tb-rl;
    -webkit-writing-mode: vertical-rl;
    writing-mode: vertical-rl;
    text-orientation: upright;
    order: 1;
}

.commit .sectionContent .sectionImage {
    width: 100%;
    margin: 0 -300px 0 0;
    padding: 0 360px 0 0;
    position: relative;
}

.commit .sectionContent .sectionImage:after {
    position: absolute;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/top/commit/contents-after.svg);
    width: 135px;
    padding-top: 200px;
    right: 360px;
    bottom: -160px;
}

.commit .sectionContent .sectionImage .sectionImageInner {
    position: relative;
}

.commit .sectionContent .sectionImage .ImageBox {
    width: 100%;
}

.commit .sectionContent .sectionImage .ImageBox:nth-child(1) {
    max-width: 55.489964580873675%;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
}

.commit .sectionContent .sectionImage .ImageBox:nth-child(1) .ImageBoxInner {
    padding-bottom: 75%;
}

.commit .sectionContent .sectionImage .ImageBox:nth-child(2) {
    max-width: 55.489964580873675%;
    position: absolute;
    left: 0;
    top: 12.532637075718014vw;
}

.commit .sectionContent .sectionImage .ImageBox:nth-child(2) .ImageBoxInner {
    padding-bottom: 133.33333333333331%;
}

.commit .section-foot {
    display: none;
}

/*---------------------------------------------------------------*/
/* Tiny House
/*---------------------------------------------------------------*/
.tiny:before {
    position: absolute;
    content: "";
    top: 13.054830287206268vw;
    /*top:200px;*/
    right: 0;
    width: 83.44647519582246vw;
    padding-top: 60%;
    background-color: #f9f8f4;
    z-index: -2;
}

.tiny .section-head {
    margin: 0 auto 80px;
}

.tiny .section-head h2 {
    margin: 0 auto;
}

.tiny .section-body {
    display: flex;
    flex-direction: row;
    justify-content: center;
    flex-wrap: wrap;
}

.tiny .section-body .box {
    width: 45%;
}

.tiny .section-body .ImageBox .ImageBoxInner {
    padding-top: 66.66666666666666%;
    border-radius: 0;
}

.tiny .section-body .DetailBox {
    padding: 40px 80px;
}

.tiny .section-body .DetailBox .DetailBoxInner {
    position: relative;
    display: table;
    margin: 0 auto;
    width: 100%;
}

.tiny .section-body .DetailBox .DetailBoxInner:after {
    position: absolute;
    content: "";
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-image: url(../images/top/tiny/section-body_after.svg);
    width: 122px;
    height: 100px;
    top: 0;
    right: 0;
}

.tiny .section-foot {
    margin-top: -10vw;
    max-width: 60vw;
    margin-left: auto;
}

.tiny .section-foot .ImageBoxInner {
    padding-top: 56.25%;
    border-radius: 5px 0 0 5px;
}

.tiny .section-foot .btnBox {
    display: none;
}


/*---------------------------------------------------------------*/
/* Gallery
/*---------------------------------------------------------------*/
.gallery .inner {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
}

.gallery .inner .section-head {
    width: 100px;
}

.gallery .inner .section-body {
    width: 100%;
    margin: 0 0 0 -100px;
    padding: 0 0 0 160px;
    overflow: hidden;
}

.gallery .inner .section-body .section-bodyInner {
    position: relative;
}

.gallery .inner .section-body .galleryBox {
    overflow: hidden;
    position: relative;
}


.gallery .inner .section-body .galleryBox .slide {

    /*padding: 0 7.5px;*/
}

.gallery .inner .section-body .galleryBox a {
    text-decoration: none;
}

.gallery .inner .section-body .galleryBox .image {
    margin: 0 auto 15px;
}

.gallery .inner .section-body .galleryBox .ImageBoxInner {
    padding-top: 120%;
}

.gallery .inner .section-body .galleryBox .slide a .ImageBoxInner img {
    transition: 0.75s;
}

.gallery .inner .section-body .galleryBox .slide a:hover .ImageBoxInner img {
    transform: scale(1.1, 1.1);
    transition: 0.75s;
}

.gallery .inner .section-body .galleryBox .title {
    padding: 0 7.5px;
}

.gallery .inner .section-body .galleryBox .title dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.gallery .inner .section-body .section-bodyInner .swiper-button-next,
.gallery .inner .section-body .section-bodyInner .swiper-button-prev {
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    margin-top: calc(0px - (var(--swiper-navigation-size) / 2));
    z-index: 10;
    cursor: pointer;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--swiper-navigation-color, var(--swiper-theme-color));
}

.gallery .inner .section-body .section-bodyInner .swiper-button-prev {
    left: -70px;
    right: auto;
}

.gallery .inner .section-body .section-bodyInner .swiper-button-next {
    right: 10px;
    left: auto;
}

.gallery .inner .section-body .section-bodyInner .swiper-button-next:after,
.gallery .inner .section-body .section-bodyInner .swiper-button-prev:after {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
    text-transform: none !important;
    letter-spacing: 0;
    font-variant: initial;
    line-height: 1;
    content: '';
}

.gallery .inner .section-body .section-bodyInner .swiper-button-prev:after,
.gallery .inner .section-body .section-bodyInner .swiper-rtl .swiper-button-next:after {
    background-image: url(../images/top/gallery/btn-prev.svg);
}

.gallery .inner .section-body .section-bodyInner .swiper-button-next:after,
.gallery .inner .section-body .section-bodyInner .swiper-rtl .swiper-button-prev:after {
    background-image: url(../images/top/gallery/btn-next.svg);
}

.gallery .inner .section-body .btnBox {
    text-align: left;
}

.gallery .inner .section-body .btnBox a {
    margin: 0 auto 0 0;
}

.gallery .inner .section-foot {
    display: none;
}

/*---------------------------------------------------------------*/
/* Voice
/*---------------------------------------------------------------*/
.voice {
    overflow: hidden;
    /*padding: 0 0 100px;*/
}

.voice a {
    text-decoration: none;
}

.voice:before {
    position: absolute;
    content: "";
    top: 6.5274151vw;
    /* top: 200px; */
    left: 0;
    width: 83.44647519582246vw;
    padding-top: 60%;
    background-color: #f9f8f4;
    z-index: -2;
}

.voice .inner {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: wrap;
    justify-content: center;
}

.voice .section-head {
    width: 100px;
    position: relative;
    z-index: 10;
    margin: 0 !important;
}

.voice .section-body {
    width: 100%;
    margin: 0 -100px 0 0;
    padding: 120px 160px 0;
}

.voice .section-body .voiceBox {
    max-width: 640px;
    margin: 0 auto;
}

.voice .section-body .voiceBox .ImageBox {
    margin: 0 auto 25px;
}

.voice .section-body .voiceBox .ImageBox .ImageBoxInner {
    padding-top: 66.66666666666666%;
    border-radius: 5px;
}

.voice .section-body .voiceBox a .ImageBox .ImageBoxInner img {
    transition: 0.75s;
}

.voice .section-body .voiceBox a:hover .ImageBox .ImageBoxInner img {
    transform: scale(1.1, 1.1);
    transition: 0.75s;
}

.voice .section-body .voiceBox .TitleBox dl {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: space-between;
}

.voice .section-body .btnBox a {
    margin: 0 0 0 auto;
}

.voice .section-foot {
    display: none;
}

/*---------------------------------------------------------------*/
/* News
/*---------------------------------------------------------------*/
.news .inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    flex-direction: row;
}

.news .section-body {
    width: 900px;
}


/*---------------------------------------------------------------*/
/* Contact (TOP)
/*---------------------------------------------------------------*/
.home .contact-area {
    overflow: hidden;
}

/*
.home .contact-area:before {
    position: absolute;
    content:"";
    bottom:0;
    left:50%;
    margin-left:-50%;
    background-image: url(../images/top/bg-ft-contents.svg);
    background-position: bottom center;
    background-repeat: no-repeat;
    background-size: auto 100%;
    width:100%;
    padding-top:530%;
}
*/

.home .contact-area .section-head {
    background-image: url(none) !important;
}

.home .contact-area .section-head:before {
    position: absolute;
    content: "";
    top: 0;
    left: 0;
    width: 100%;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    background-image: url(../images/common/contact/background.webp);
    height: 100%;

    z-index: -10;
}

.home .contact-area .section-head:after {
    position: absolute;
    content: "";
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
    background-image: url(../images/top/contact/contact-after.svg) !important;
    width: 125px !important;
    padding-top: 120px !important;
    height: auto;
    right: 80px;
}

.home .contact-area .section-head .section-headInner,
.home .contact-area .section-body .section-bodyInner {
    position: relative;
    z-index: 100;
}

@media screen and (max-width: 1440px) {
    .home #contents h2 {
        /*font-size: 3.5rem;
        */
        font-size: 2.430555555555556vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual:after {
        padding-top: 12.5vw;
    }

    #MainVisual .inner .catch dl dt {
        height: 30vw;
    }

    /*
    .home #contents:before {
        left: 50%;
        margin-left: -45%;
        background-size: 96.75% 100%;
        background-position: top center;
        width: 90%;
        height: 100%;
        z-index: -1;
    }*/

    .intro .section-foot:before {
        top: -6.25vw;
        left: 13.88888888888889vw;
    }

    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent .sectionImage:after {
        width: 9.375vw;
        padding-top: 13.88888888888889vw;
        right: 25vw;
        bottom: -11.11111111111111vw;
    }


    /*---------------------------------------------------------------*/
    /* Tiny House
    /*---------------------------------------------------------------*/
    .tiny .section-body .DetailBox {
        padding: 40px 4.166666666666666vw;
    }

    .tiny .section-body .DetailBox .DetailBoxInner:after {
        width: 6.805555555555555vw;
        height: 5.555555555555555vw;
    }

    /*---------------------------------------------------------------*/
    /* Contact (TOP)
    /*---------------------------------------------------------------*/
    .home .contact-area .section-head:after {
        width: 7.222222222222221vw !important;
        padding-top: 6.944444444444445vw !important;
    }

}

@media screen and (max-width: 1280px) {
    .home #contents h2 {
        /*font-size: 3.5rem;
        */
        font-size: 2.734375vw;
    }

    .home #contents .section-area {
        margin: 0 0 15.625vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual:after {
        padding-top: 9.375vw;
    }

    #MainVisual .inner {
        max-width: 1024px;
        margin-left: -512px;
    }

    #MainVisual .inner .catch dl dt {
        height: 34vw;
    }

    /*---------------------------------------------------------------*/
    /* Intro
    /*---------------------------------------------------------------*/
    .intro .section-foot:before {
        width: 14.21875vw;
        padding-top: 11.71875vw;
        top: -7.8125vw;
        left: 6.25vw;
    }

    /*---------------------------------------------------------------*/
    /* Concept
    /*---------------------------------------------------------------*/
    .concept .sectionContent .sectionMain {
        width: 28.125vw;
    }

    .concept .sectionContent .sectionImage {
        margin: 0 0 0 -28.125vw;
        padding: 6.266318537859007vw 0 0 31.25vw;
    }

    .concept .sectionContent {
        margin: 0 auto 17.1875vw;
    }

    .concept .sectionContent .sectionMain .detail:after {
        /*width: 241px;
        height: 90px;
        bottom: -140px;*/
        left: 60%;
        width: 18.828125vw;
        height: 7.03125vw;
        bottom: -10.9375vw;
        margin-left: -3.515625vw;
    }


    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent {
        padding: 0;
    }

    .commit .sectionContent .sectionImage {
        margin: 0 -300px 0 0;
        padding: 0 340px 0 0;
    }

    .commit .sectionContent .sectionImage:after {
        width: 9.375vw;
        padding-top: 13.88888888888889vw;
        right: 340px;
        bottom: -1.953125vw;
    }

    /*---------------------------------------------------------------*/
    /* Tiny House
    /*---------------------------------------------------------------*/
    .tiny .section-head {
        /*margin: 0 auto 80px;*/
        margin: 0 auto 6.25vw;
    }

    .tiny .section-body .DetailBox {
        padding: 3.125vw;
    }

    .tiny .section-foot {
        margin-top: -10vw;
        max-width: 62.66318537859008vw;
        margin-left: auto;
    }

    .tiny .section-foot .ImageBoxInner {
        padding-top: 56.25%;
        border-radius: 5px 0 0 5px;
    }


    /*---------------------------------------------------------------*/
    /* Voice
    /*---------------------------------------------------------------*/
    .voice {
        /*padding: 0 0 100px;
        padding: 0 0 7.8125vw;*/
    }

    .voice .section-head {
        width: 7.8125vw;
    }

    .voice .section-body {
        /*margin: 0 -100px 0 0;
        padding: 100px 140px 0;*/
        margin: 0 -7.8125vw 0 0;
        padding: 7.8125vw 10.9375vw 0;
    }

    /*---------------------------------------------------------------*/
    /* News
    /*---------------------------------------------------------------*/
    .news .section-body {
        width: 750px;
    }

    /*---------------------------------------------------------------*/
    /* Contact (TOP)
    /*---------------------------------------------------------------*/
    .home .contact-area .section-head:after {
        width: 8.125vw !important;
        padding-top: 7.8125vw !important;
    }
}

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

@media screen and (max-width: 1024px) {
    .home #contents {
        padding: 120px 0 0;
    }

    .home #contents h2 {
        /*font-size: 3rem;
        */
        font-size: 2.9296875vw;
    }

    .home #contents .section-area {
        /*margin:0 0 160px;*/
        margin: 0 0 15.625vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual:after {
        padding-top: 9.765625vw;
    }

    #MainVisual .inner {
        max-width: 100%;
        margin-left: -50%;
    }

    #MainVisual .inner .catch dl dt {
        height: 40vw;
    }

    /*---------------------------------------------------------------*/
    /* Intro
    /*---------------------------------------------------------------*/
    .intro .section-head span {
        /*max-width: 350px;*/
        max-width: 34.1796875vw;
    }

    .intro .section-body {
        /*margin: 0 auto 100px;
        padding: 100px 0 0;*/
        margin: 0 auto 9.765625vw;
        padding: 9.765625vw 0 0;
    }

    .intro .section-body .description p {
        /*font-size: 2.5rem;*/
        font-size: 2.44140625vw;
    }

    .intro .section-body .description span:before {
        /*width: 12.5px;*/
        width: 1.220703125vw;
    }

    .intro .section-body span.image {
        /*width: 350px;*/
        width: 34.1796875vw;
    }

    .intro .section-foot span {
        /*max-width: 400px;*/
        max-width: 39.0625vw;
    }

    .intro .section-foot:before {
        top: -9.765625vw;
        left: 10vw;
    }

    /*---------------------------------------------------------------*/
    /* Concept
    /*---------------------------------------------------------------*/
    .concept .sectionContent .sectionMain .detail .section-head,
    .concept .sectionContent .sectionMain .detail .section-body {
        vertical-align: top;
    }

    .concept .section-foot .imageList .imageListBox {
        width: 48%;
        margin: 0 4% 0 0;
    }

    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent .sectionMain .detail {
        width: 270px;
    }

    .commit .sectionContent .sectionImage {
        margin: 0 -270px 0 0;
        padding: 0 300px 0 0;
    }

    .commit .sectionContent .sectionImage:after {
        width: 9.9609375vw;
        padding-top: 14.6484375vw;
        right: 300px;
        bottom: 2.44140625vw;
    }

    /*---------------------------------------------------------------*/
    /* Gallery
    /*---------------------------------------------------------------*/
    .gallery .inner .section-head {
        width: 9.765625vw;
    }

    .gallery .inner .section-body {
        width: 100%;
        margin: 0 0 0 -9.765625vw;
        padding: 0 0 0 13.671875vw;
        overflow: hidden;
    }

    .gallery .inner .section-body .section-bodyInner .swiper-button-next:after,
    .gallery .inner .section-body .section-bodyInner .swiper-button-prev:after {
        width: 40px;
        height: 40px;
    }

    /*---------------------------------------------------------------*/
    /* Tiny House
    /*---------------------------------------------------------------*/
    .tiny .section-head {
        /*margin: 0 auto 60px;*/
        margin: 0 auto 5.859375vw;
    }

    .tiny .section-body .DetailBox .DetailBoxInner:after {
        top: -21.484375vw;
        right: 25%;
        width: 21.484375vw;
        height: 17.578125vw;
    }

    .tiny .section-body .DetailBox .btnBox {
        padding: 2.44140625vw 0 0;
    }

    .tiny .section-foot {
        margin-top: -10vw;
        max-width: 62.66318537859008vw;
        margin-left: auto;
    }

    .tiny .section-foot .ImageBoxInner {
        padding-top: 56.25%;
        border-radius: 5px 0 0 5px;
    }

    .tiny .section-foot .btnBox {
        display: block;
    }

    /*---------------------------------------------------------------*/
    /* Voice
    /*---------------------------------------------------------------*/
    .voice {
        /*padding: 0 0 80px;
        padding: 0 0 7.8125vw;*/
    }

    .voice .section-head {
        width: 7.8125vw;
    }

    .voice .section-body {
        /*margin: 0 -80px 0 0;
        padding: 100px 130px 0;*/
        margin: 0 -7.8125vw 0 0;
        padding: 9.765625vw 12.6953125vw 0;
    }

    /*---------------------------------------------------------------*/
    /* Contact (TOP)
    /*---------------------------------------------------------------*/
    .home .contact-area .section-head:after {
        width: 9.08203125vw !important;
        padding-top: 8.7890625vw !important;
    }
}

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

    /*---------------------------------------------------------------*/
    /* News
    /*---------------------------------------------------------------*/
    .news .section-body {
        width: 78.125vw;
    }
}

@media screen and (max-width: 835px) {
    .home #contents {
        padding: 100px 0 0;
    }

    .home #contents .section-area {
        /*margin:0 0 120px;*/
        margin: 0 0 14.37125748502994vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual:after {
        padding-top: 11.976047904191617vw;
    }

    #MainVisual .inner {
        padding-top: 40px;
        padding-bottom: 40px;
    }

    #MainVisual .inner .catch dl dt {
        height: 47.5vw;
    }

    /*---------------------------------------------------------------*/
    /* Intro
    /*---------------------------------------------------------------*/
    .intro .section-head span {
        /*max-width: 300px;*/
        max-width: 35.92814371257485vw;
    }

    .intro .section-body {
        /*margin: 0 auto 100px;
        padding: 100px 0 0;*/
        margin: 0 auto 11.976047904191617vw;
        padding: 11.976047904191617vw 0 0;
    }

    .intro .section-body .description p {
        /*font-size: 2.5rem;*/
        font-size: 2.9940119760479043vw;
        line-height: 2.25;
    }

    .intro .section-body .description span:before {
        /*width: 12.5px;*/
        width: 1.4970059880239521vw;
        right: 1.6766467065868262vw;
    }

    .intro .section-body span.image {
        /*width: 300px;*/
        width: 35.92814371257485vw;
    }

    .intro .section-foot span {
        /*max-width:350px;*/
        max-width: 41.91616766467065vw;
    }

    .intro .section-foot:before {
        width: 18.20359281437126vw;
        padding-top: 14.97005988023952vw;
        top: -9.765625vw;
        left: 9vw;
    }

    /*---------------------------------------------------------------*/
    /* Concept
    /*---------------------------------------------------------------*/
    .concept .sectionContent .sectionMain {
        width: 33.532934131736525vw;
    }

    .concept .sectionContent .sectionImage {
        margin: 0 0 0 -33.532934131736525vw;
        padding: 0 0 0 38.32335329341318vw;
    }

    .concept .sectionContent .sectionImage .ImageBoxInner {
        position: inherit;
        padding-bottom: 115%;
    }

    .concept .sectionContent .sectionImage .ImageBoxInner img {
        object-position: -8vw center;
    }

    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent .sectionMain .detail {
        width: 225px;
    }

    .commit .sectionContent .sectionImage {
        margin: 0 -225px 0 0;
        padding: 0 250px 0 0;
    }

    .commit .sectionContent .sectionImage:after {
        width: 12.215568862275449vw;
        padding-top: 17.964071856287426vw;
        right: 250px;
        bottom: 4.790419161676647vw;
    }

    /*---------------------------------------------------------------*/
    /* Tiny House
    /*---------------------------------------------------------------*/
    .tiny .section-head {
        /*margin: 0 auto 60px;*/
        margin: 0 auto 5.859375vw;
    }

    .tiny .section-body .DetailBox .DetailBoxInner:after {
        top: -21.484375vw;
        right: 25%;
        width: 21.484375vw;
        height: 17.578125vw;
    }

    .tiny .section-body .DetailBox .btnBox {
        display: none;
    }

    .tiny .section-foot {
        margin-top: -7.5vw;
        max-width: 100%;
    }

    .tiny .section-foot .btnBox {
        padding: 5.859375vw 25px 0;
    }

    .tiny .section-foot .ImageBoxInner {
        max-width: 62.66318537859008vw;
        padding-top: 40%;
        margin: 0 0 0 auto;
    }


    /*---------------------------------------------------------------*/
    /* Gallery
    /*---------------------------------------------------------------*/
    .gallery .inner .section-body .section-bodyInner .swiper-button-prev {
        left: -60px;
        right: auto;
    }

    /*---------------------------------------------------------------*/
    /* Voice
    /*---------------------------------------------------------------*/
    .voice {
        /*padding: 0 0 80px;
        padding: 0 0 9.580838323353294vw;*/
    }

    .voice .section-head {
        width: 9.580838323353294vw;
    }

    .voice .section-body {
        /*margin: 0 -80px 0 0;
        padding: 80px 105px 0;*/
        margin: 0 -9.580838323353294vw 0 0;
        padding: 9.580838323353294vw 12.574850299401197vw 0;
    }

    /*---------------------------------------------------------------*/
    /* Contact (TOP)
    /*---------------------------------------------------------------*/
    .home .contact-area .section-head:after {
        width: 9.940119760479043vw !important;
        padding-top: 9.580838323353294vw !important;
    }
}

@media screen and (max-width: 750px) {
    .home #contents {
        padding: 80px 0 0;
    }

    .home #contents h2 {
        /*font-size: 2.5rem;
        */
        font-size: 3.3333333333333335vw;
    }

    .home #contents .section-area {
        /*margin:0 0 120px;*/
        margin: 0 0 16vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual {
        height: 100svh;
        background: url(../images/top/mainvisual/background_sp.webp) no-repeat center right;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        padding-top: 65px;
    }

    #MainVisual:after {
        padding-top: 13.333333333333334vw;
    }

    #MainVisual .inner .catch dl dt {
        height: 60vw;
        margin: 0 0 0 3.3333333333333335vw;
        font-size: 275%;
    }

    #MainVisual .inner .catch dl dd {
        padding: 16vw 0 0;
        font-size: 120%;
    }

    #MainVisual .inner {
        justify-content: center;
        align-items: center;
    }

    /*---------------------------------------------------------------*/
    /* Intro
    /*---------------------------------------------------------------*/
    .intro .section-body span.image {
        top: 40%;
    }

    .intro .section-foot:before {
        width: 16.133333333333333vw;
        padding-top: 13.333333333333334vw;
        top: -9.765625vw;
        left: 8vw;
    }

    /*---------------------------------------------------------------*/
    /* Concept
    /*---------------------------------------------------------------*/
    .concept .sectionContent {
        margin: 0 auto;
    }

    .concept .sectionContent .sectionMain {
        width: 41.66666666666667vw;
    }


    .concept .sectionContent .sectionMain .detail .section-head {
        padding: 0;
        margin: 0 3.3333333333333335vw 0 0 !important;
    }

    .concept .sectionContent .sectionImage {
        margin: 0 0 0 -41.66666666666667vw;
        padding: 0 0 0 46.875vw;
    }

    .concept .sectionContent .sectionImage .ImageBoxInner {
        padding-bottom: 125%;
    }

    .concept .sectionContent .sectionMain .detail:after {
        display: none;
    }


    .concept .sectionContent .sectionMain .detail .btnBox {
        display: none;
    }


    .concept .sectionContent .sectionImage .ImageBoxInner img {
        right: -41.66666666666667vw;
    }

    .concept .section-foot .btnBox {
        position: relative;
        display: block;
        padding: 8vw 0 29.333333333333332vw;
    }

    .concept .section-foot .btnBox:after {
        position: absolute;
        content: "";
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/top/concept/sectionMain_after.svg);
        width: 32.13333333333333vw;
        height: 12vw;
        bottom: 12.666666666666668vw;
        left: 70%;
        margin-left: -16.066666666666666vw;
    }

    .concept .section-foot .imageList {
        display: block;
        flex-direction: column;
        flex-wrap: nowrap;
        max-width: 90%;
        margin: 0 auto;
    }

    .concept .section-foot .imageList .imageListBox {
        width: 80%;
        margin: 0 auto 6.666666666666667vw 0;
    }

    .concept .section-foot .imageList .imageListBox:last-child {
        margin: 0 0 0 auto;
        padding: 0;
    }

    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent .sectionMain .detail {
        width: 200px;
    }

    .commit .sectionContent .sectionImage {
        margin: 0 -200px 0 0;
        padding: 0 225px 0 0;
    }

    .commit .sectionContent .sectionImage:after {
        width: 13.600000000000001vw;
        padding-top: 20vw;
        right: 225px;
        bottom: 13.333333333333334vw;
    }

    /*---------------------------------------------------------------*/
    /* Tiny House
    /*---------------------------------------------------------------*/
    .tiny .section-body {
        display: flex;
        flex-direction: column;
        justify-content: center;
        flex-wrap: nowrap;
    }



    .tiny .section-body .DetailBox {
        padding: 8vw 5.333333333333334vw;
        width: 100%;
    }

    .tiny .section-body .DetailBox .DetailBoxInner {
        position: relative;
        display: table;
        margin: 0 0 0 auto;
        width: auto;
    }

    .tiny .section-body .DetailBox .DetailBoxInner:after {
        right: -3.3333333333333335vw;
    }

    .tiny .section-body .ImageBox {
        width: 66.66%;
    }

    .tiny .section-body .ImageBox .ImageBoxInner {
        padding-top: 56.25%;
    }

    .tiny .section-foot {
        margin-top: 0;
    }

    .tiny .section-foot .ImageBoxInner {
        max-width: 66.66%;
        padding-top: 33.33%;
    }

    /*---------------------------------------------------------------*/
    /* Gallery
    /*---------------------------------------------------------------*/
    .gallery .inner .section-body .section-bodyInner .swiper-button-next:after,
    .gallery .inner .section-body .section-bodyInner .swiper-button-prev:after {
        width: 20px;
        height: 20px;
    }

    .gallery .section-body .btnBox {
        display: none;
    }

    .gallery .inner .section-body .section-bodyInner .swiper-button-prev {
        left: -50px;
    }

    .gallery .inner .section-foot {
        display: block;
        width: 100%;
        padding-right: 25px;
    }



    /*---------------------------------------------------------------*/
    /* Voice
    /*---------------------------------------------------------------*/
    .voice {
        /*padding: 0 0 80px;
        padding: 0 0 10.666666666666668vw;*/
    }

    .voice:before {
        top: 6.5274151vw;
        /* top: 200px; */
        width: 93.33333333333333vw;
        padding-top: 72.5%;
    }

    .voice .section-head {
        width: 10.666666666666668vw;
    }

    .voice .section-body {
        /*margin: 0 -80px 0 0;
        padding: 80px 105px 0 0;*/
        margin: 0 -10.666666666666668vw 0 0;
        padding: 10.666666666666668vw 14.000000000000002vw 0 0;
    }

    .voice .section-body .voiceBox .TitleBox dl {
        flex-direction: column;
    }

    .voice .section-body .btnBox {
        display: none;
    }

    .voice .section-foot {
        display: block;
        width: 100%;
    }

    .voice .section-foot .btnBox a {
        margin: 0 auto;
        max-width: 350px;
    }

    /*---------------------------------------------------------------*/
    /* Contact (TOP)
    /*---------------------------------------------------------------*/
    .home .contact-area .section-head:after {
        width: 18vw !important;
        padding-top: 17.333333333333336vw !important;
        bottom: 3.3333333333333335vw;
        margin-right: -9vw;
    }
}

@media screen and (max-width: 640px) {
    .home #contents h2 {
        /*font-size: 3rem;
        */
        font-size: 4.6875vw;
    }

    .home #contents .section-area {
        /*margin:0 0 120px;*/
        margin: 0 0 18.75vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual:after {
        padding-top: 12.5vw;
    }

    #MainVisual .inner .catch dl dt {
        height: 65vw;
        margin: 0 0 0 3.90625vw;
        font-size: 250%;
    }

    #MainVisual .inner .catch dl dd {
        font-size: 140%;
    }

    /*---------------------------------------------------------------*/
    /* Intro
    /*---------------------------------------------------------------*/
    .intro .section-head span {
        /*max-width: 220px;*/
        max-width: 34.375vw;
    }

    .intro .section-body {
        /*margin: 0 auto 40px;
        padding: 80px 0 0;*/
        margin: 0 auto 6.25vw;
        padding: 12.5vw 0 0;
    }

    .intro .section-body .description {
        margin: 0px;
    }

    .intro .section-body .description p {
        /*font-size: 2.5rem;*/
        font-size: 3.90625vw;
        line-height: 2;
    }

    .intro .section-body .description span:before {
        /*width: 12.5px;*/
        width: 1.953125vw;
        right: 1.09375vw
    }

    .intro .section-body span.image {
        /*width: 300px;*/
        width: 31.25vw;
    }

    .intro .section-foot span {
        /*max-width:200px;*/
        max-width: 39.0625vw;
    }

    .intro .section-foot:before {
        width: 16.133333333333333vw;
        padding-top: 13.333333333333334vw;
        top: -9.765625vw;
        left: 7.8125vw;
    }

    /*---------------------------------------------------------------*/
    /* Concept
    /*---------------------------------------------------------------*/
    .concept:before {
        padding-top: 55%;
    }

    .concept .sectionContent .sectionMain .detail .section-head {
        margin: 0 3.90625vw 0 0 !important;
    }

    .concept .section-foot .btnBox {
        padding: 8vw 0 28.125vw;
    }

    .concept .section-foot .btnBox:after {
        width: 27.187499999999996vw;
        height: 10.15625vw;
        bottom: 12.666666666666668vw;
        margin-left: -13.59374995vw;
    }

    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent {
        padding: 0 0 6.25vw;
    }

    .commit .sectionContent .sectionMain .detail {
        width: 42.96875vw;
    }

    .commit .sectionContent .sectionMain .detail .section-head {
        margin: 0 0 0 25px !important;
    }

    .commit .sectionContent .sectionImage {
        margin: 0 -42.96875vw 0 0;
        padding: 0 42.96875vw 0 0;
    }

    .commit .sectionContent .sectionImage:after {
        width: 11.71875vw;
        padding-top: 17.1875vw;
        right: 39.0625vw;
        bottom: 3.90625vw;
    }

    .commit .sectionContent .sectionImage .ImageBox:nth-child(2) {
        max-width: 75%;
        top: 0;
    }

    .commit .sectionContent .sectionImage .ImageBox:nth-child(1) {
        display: none;
    }

    .commit .sectionContent .sectionMain .btnBox {
        display: none;
    }

    .commit .section-foot {
        display: block;
        position: relative;
        padding: 51.5625vw 0 0 !important;
    }

    .commit .section-foot:before {
        width: 100%;
        position: absolute;
        top: 0;
        left: 50%;
        margin-left: -35%;
        content: "";
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        background-image: url(../images/top/commit/image1.webp);
        max-width: 70%;
        padding-top: 56.25%;
        height: auto;
        border-radius: 5px;
        overflow: hidden;
    }

    /*---------------------------------------------------------------*/
    /* Tiny
    /*---------------------------------------------------------------*/
    .tiny .section-foot .ImageBoxInner {
        max-width: 72.56%;
    }

    /*---------------------------------------------------------------*/
    /* Gallery
    /*---------------------------------------------------------------*/
    .gallery .inner .section-body {
        padding: 0 0 0 31.25vw;
        overflow: hidden;
    }

    .gallery .inner .section-body .section-bodyInner .swiper-button-next {
        right: 0px;
        left: auto;
    }

    .gallery .inner .section-body .galleryBox .title dl {
        display: block;
    }

    .gallery .inner .section-body .section-bodyInner .swiper-button-prev {
        left: -40px;
    }

    /*---------------------------------------------------------------*/
    /* Voice
    /*---------------------------------------------------------------*/
    .voice {
        /*padding: 0 0 80px;
        padding: 0 0 12.5vw;*/
    }

    .voice:before {
        top: 6.5274151vw;
        /* top: 200px; */
        width: 93.33333333333333vw;
        padding-top: 72.5%;
    }

    .voice .section-head {
        width: 12.5vw;
    }

    .voice .section-body {
        /*margin: 0 -80px 0 0;
        padding: 80px 105px 0 0;*/
        margin: 0 -12.5vw 0 0;
        padding: 12.5vw 16.40625vw 0 0;
    }

    .home .contact-area .section-head:after {
        width: 16.25vw !important;
        padding-top: 15.625vw !important;
        bottom: 3.3333333333333335vw;
        margin-right: -9vw;
    }
}

@media screen and (max-width: 480px) {
    .home #contents .section-area {
        /*margin:0 0 120px;*/
        margin: 0 0 25vw;
    }

    /*---------------------------------------------------------------*/
    /* MainVisual
    /*---------------------------------------------------------------*/
    #MainVisual:after {
        padding-top: 12.5vw;
    }

    #MainVisual .inner .catch dl dt {
        height: 85vw;
        font-size: 225%;
        margin: 0 0 0 5.208333333333334vw;
    }

    #MainVisual .inner .catch dl dd {
        padding: 25vw 0 0;
        font-size: 120%;
    }

    /*---------------------------------------------------------------*/
    /* Intro
    /*---------------------------------------------------------------*/
    .intro .inner {
        padding-left: 15px;
        padding-right: 15px;
    }

    .intro .section-head span {
        /*max-width: 165px;*/
        max-width: 34.375vw;
    }

    .intro .section-body {
        /*margin: 0 auto 40px;
        padding: 80px 0 0;*/
        margin: 0 auto 6.25vw;
        padding: 12.5vw 0 0;
    }

    .intro .section-body .description {
        margin: 0;
    }

    .intro .section-body .description p {
        /*font-size: 2.5rem;*/
        font-size: 3.90625vw;
        line-height: 2;
    }

    .intro .section-body .description span:before {
        /* width: 12.5px; */
        width: 2.083333333333333vw;
        right: 1.4583333333333333vw;

    }

    .intro .section-body span.image {
        /*width:155px;*/
        width: 32.29166666666667vw;
    }

    .intro .section-foot span {
        /*max-width:250px;*/
        max-width: 52.083333333333336vw;
    }

    .intro .section-foot:before {
        width:25.208333333333332vw;
        padding-top:20.833333333333336vw;
        top: -19.791666666666664vw;
        left: 5.208333333333334vw;
    }

    /*---------------------------------------------------------------*/
    /* Concept
    /*---------------------------------------------------------------*/
    .concept:before {
        padding-top: 81.25%;
    }

    .concept .sectionContent .sectionMain {
        width: 41.66666666666667vw;
    }

    .concept .sectionContent .sectionMain .detail .section-head {
        margin: 0 5.208333333333334vw 0 0 !important;
    }

    .concept .sectionContent .sectionImage {
        margin: 0 0 0 -41.66666666666667vw;
        padding: 0 0 0 46.875vw;
    }

    .concept .sectionContent .sectionImage .ImageBoxInner {
        padding-bottom: 185%;
    }

    .concept .sectionContent .sectionImage .ImageBoxInner img {
        object-position: -20vw center;
    }

    .concept .section-foot .btnBox {
        padding: 8vw 0 32vw;
    }

    .concept .section-foot .btnBox:after {
        width: 50.208333333333336vw;
        height: 18.75vw;
        bottom: 6.666666666666667vw;
        left: 70%;
        margin-left: -16.770833333vw;
    }

    .concept .section-foot .btnBox {
        padding: 8vw 0 37.5vw;
    }

    .concept .section-foot .btnBox:after {
        width: 33.541666666666664vw;
        height: 12.5vw;
        bottom: 18.75vw;
    }

    .concept .section-foot .imageList .imageListBox {
        width: 80%;
        margin: 0 auto 6.666666666666667vw 0;
    }

    /*---------------------------------------------------------------*/
    /* Commit
    /*---------------------------------------------------------------*/
    .commit .sectionContent {
        padding: 0 0 8.333333333333332vw;
    }

    .commit .sectionContent .sectionMain .detail {
        width: 42.70833333333333vw;
    }

    .commit .sectionContent .sectionImage {
        margin: 0 -42.70833333333333vw 0 0;
        padding: 0 42.70833333333333vw 0 0;
    }

    .concept .sectionContent .sectionImage .ImageBoxInner img {
        right: -44.70833333333333vw;
    }

    .commit .sectionContent .sectionImage .ImageBox:nth-child(2) {
        max-width: 41.666667vw;
    }

    .commit .sectionContent .sectionImage:after {
        width: 17.708333333333336vw;
        padding-top: 26.041666666666668vw;
        right: 42.70833333333333vw;
        bottom: 0vw;
    }

    .commit .section-foot {
        padding: 44.79166666666667vw 0 0 !important;
    }

    .commit .section-foot:before {
        margin-left: -33.333%;
        max-width: 66.666%;
        padding-top: 50%;
    }


    /*---------------------------------------------------------------*/
    /* Gallery
    /*---------------------------------------------------------------*/
    .gallery .section-foot .btnBox {
        padding: 4vw 0 0;
    }

    /*---------------------------------------------------------------*/
    /* Voice
    /*---------------------------------------------------------------*/
    .voice {
        /*padding: 0 0 80px;
        padding: 0 0 16.666666666666664vw;*/
    }

    .voice:before {
        top: 6.5274151vw;
        /* top: 200px; */
        width: 93.33333333333333vw;
        padding-top: 72.5%;
    }

    .voice .section-head {
        width: 16.666666666666664vw;
    }

    .voice .section-head h2 {
        margin: 0 auto;
    }

    .voice .section-body {
        /*margin: 0 -80px 0 0;
        padding: 80px 105px 0 0;*/
        margin: 0 -16.666666666666664vw 0 0;
        padding: 16.666666666666664vw 19.791666666666664vw 0 0;
    }

    .voice .section-body .voiceBox .TitleBox dl {
        letter-spacing: 0;
    }

    /*---------------------------------------------------------------*/
    /* News
    /*---------------------------------------------------------------*/
    .news .section-body {
        width: 72.91666666666666vw;
    }
}

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