@charset "utf-8";

h2,
h3,
h4,
p {
    color: #333;
}

section.top_mv {
    position: relative;
    /* height: clamp(40.313rem, 37.096rem + 13.2vw, 48.313rem); */
    animation: blackBackground 2s forwards;
    padding: 0 0;
    aspect-ratio: 16 / 9;
}

div.vid_contents {
    width: 100%;
    height: 100%;
    /*背景色を横幅いっぱいに広げる*/
    text-align: center;
    margin: auto;

    iframe {
        width: 100%;
        height: 100%;
    }
}

video.vid_main {
    width: 100%;
    /*PC版での最大幅*/
}

.mv_txt__wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 73.529vw;
}

.jp_txt {
    font-weight: 500;
    color: #fff;
    margin-left: 0.735vw;
    letter-spacing: 0.074vw;
}

.mv_txt__wrap span.jp {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-size: 1.618vw;
}

span.wht_line.bottom {
    position: relative;
    bottom: -0.368vw;
}

span.dotted {
    font-family: 'Outfit';
    color: #fff;
    font-size: 4.338vw;
}

.slider_1 {
    margin-bottom: 0.735vw;
    overflow: hidden;
}

.slider-thumbnail_1 {
    overflow: hidden;
}

@keyframes blackBackground {
    0% {
        background: black;
    }

    /* 100% {
        background: url(../img/top/mv.jpg);
        background-size: cover;
        background-position: center bottom;
    } */
}

#svg-container {
    display: inline-block;
    width: auto;
    height: auto;
    overflow: hidden;
    vertical-align: sub;
    margin-right: 1.471vw;
}

.svg-path {
    stroke-dasharray: 1000;
    /* パスの全長 */
    stroke-dashoffset: 1000;
    /* パスの開始点までの距離 */
    animation: draw 5s ease forwards;
    /* アニメーション */
}

@keyframes draw {
    to {
        stroke-dashoffset: 0;
        /* パスを描画 */
        fill: #fff;
        /* 白色に変更 */
    }
}

section {
    padding: 7.353vw 0;
}

@media (max-width: 767px) {

    section.top_mv {
        aspect-ratio: initial;
    }

    section {
        padding: 12.821vw 0;
    }

    .bus_slider {
        position: relative;

        .swiper-slide {
            /* width: 238px !important; */
            margin: 0 auto;
        }
    }

    .sp_btn_wrap {
        position: absolute;
        width: 100%;
        top: 50%;
        left: 0;
        height: 8.205vw;
        transform: translate(0, -50%);
        z-index: 3;
    }

    .swiper-button-next {
        position: absolute;
        top: 0;
        right: 0 !important;
        left: auto;
        width: 32px !important;
        height: 32px !important;
        background: url(../img/before_after/next.svg);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .swiper-button-prev {
        position: absolute;
        top: 0;
        left: 0 !important;
        right: auto;
        width: 32px !important;
        height: 32px !important;
        background: url(../img/before_after/prev.svg);
        background-repeat: no-repeat;
        background-size: 100%;
    }

    .swiper-button-next.slider_7 {
        top: 23px !important;
    }

    .swiper-button-prev.slider_7 {
        top: 23px !important;
    }
}

/*/////////section1/////////*/

section.top_1 {
    padding: 7.353vw 0 0;
    background: url(../img/top/sec1_bg.jpg);
    background-size: cover;
    background-position: top right;
}

.sec1_slide {
    overflow: hidden;
    margin-top: 3.309vw;
}

.inner_wrap {
    width: 66.176vw;
    margin: auto;
}

.inner_wrap.wide {
    width: 73.529vw;
    margin: auto;
}

.h2_wrap {
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    line-height: 1;
}

.h2_right p {
    font-size: 1.324vw;
}

span.gold {
    font-family: "Outfit", sans-serif;
    font-weight: 500;
    font-size: 2.059vw;
    background: linear-gradient(125deg, #CC9D15, #FEF4B5);
    -webkit-background-clip: text;
    color: transparent;
}

.sec1_txt_box {
    margin-top: 3.676vw;
}

.sec1_txt_box h3 {
    font-size: 2.353vw;
    font-weight: 400;
    margin-bottom: 1.471vw;
}

.sec1_txt_box p {
    line-height: 2.5;
}

.eachTextAnime span {
    opacity: 0;
}

.eachTextAnime.appeartext span {
    animation: text_anime_on 1s ease-out forwards;
}

@keyframes text_anime_on {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

.slider_1 .swiper-slide img {
    border-radius: 1.838vw;
}

.slider-thumbnail_1 img {
    border-radius: 1.103vw;
}

h2.default {
    font-family: "Outfit", sans-serif;
    font-size: 3.309vw;
    font-weight: 500;
}

section.top_2 p {
    line-height: 2.35;
}

.swiper-button-next.slide_1 {
    top: -50px !important;
    right: -8% !important;
}

.swiper-button-prev.slide_1 {
    top: -50px;
    left: -2% !important;
}

@media (max-width: 767px) {

    .mv_txt__wrap {
        width: 95%;
        top: 39%;
    }

    .head_copyright {
        top: auto;
        bottom: -30px;

        p {
            font-size: 12px;
            font-weight: 200;
        }
    }

    svg#_レイヤー_1 {
        width: 80%;
    }

    h2.default {
        font-family: "Outfit", sans-serif;
        font-size: 11.538461538461538vw;
        font-weight: 500;
    }

    .sec1_slide {
        overflow: inherit;
    }

    .slider-thumbnail_1 {
        overflow: hidden;
    }

    .swiper-button-next.slide_1 {
        top: 42% !important;
        right: -11% !important;
    }

    .swiper-button-prev.slide_1 {
        top: 42% !important;
        left: -4% !important;
    }

    span.wht_line.bottom svg {
        width: 25%;
    }

    .mv_txt__wrap div#svg-container {
        width: 93%;
    }

    .mv_txt__wrap div#svg-container svg {
        width: 100%;
    }

    span.dotted {
        position: relative;
        font-family: 'Outfit';
        top: -5.128vw;
        left: -2vw;
        color: #fff;
        font-size: 10.256vw;
    }

    span.wht_line.bottom {
        position: relative;
        bottom: 1.282vw;
    }

    span.wht_line.bottom svg {
        margin-top: 0;
    }

    span.wht_line svg {
        width: 75%;
        margin-top: -5.128vw;
    }

    span.wht_line.sc svg {
        width: 69%;
        margin-top: -7.692vw;
        position: relative;
        top: -4px;
        left: -3%;
    }

    .inner_wrap {
        width: 90%;
    }

    .h2_wrap {
        flex-direction: column;
        align-items: flex-start;
    }

    .h2_left {
        width: 62.564vw;
    }

    section.top_2 p {
        line-height: 10.256410256410255vw;
    }

    span.gold {
        font-size: 5.128205vw;
    }

    .h2_right p {
        font-size: 4.359vw;
        margin-top: 7.692vw;
        line-height: 7.692vw;
    }

    .sec1_txt_box h3 {
        font-size: 5.641vw;
    }

    section.top_1 {
        padding: 12.821vw 0 0;
        background: url(../img/top/sp/sec1_bg.jpg);
        background-size: cover;
        background-position: top right;
    }

    .h2_left svg {
        width: 100%;
    }
}

/*/////////section1/////////*/

/*/////////section2/////////*/

section.top_2 {
    padding: 0 0 7.353vw;
    background: url(../img/top/sec2_bg.png);
    background-size: cover;
    background-position: top right;
    background-repeat: no-repeat;
}

section.top_2 .default.h2_wrap {
    padding-top: 7.353vw;
}

h2.default span {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.176vw;
    font-weight: 500;
    font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h2.default span img {
    width: 1.471vw;
    margin-right: 0.294vw;
}

.bus_card_wrap {
    display: flex;
}

.bus_card:first-child {
    margin: 0 0.551vw 0 0;
}

.bus_card {
    margin: 0 0.551vw;
}

.bus_card:last-child {
    margin: 0 0 0 0.551vw;
}

.p_box {
    width: 45%;
    margin: 2.941vw 0 5.882vw;
}

@media (max-width: 767px) {

    section.top_2 {
        padding: 0 0 0;
        background: url(../img/top/sp/sc2_bg.png);
        background-size: cover;
        background-position: top;
        background-repeat: no-repeat;
    }

    section.top_2 .default.h2_wrap {
        padding-top: 12.821vw;
    }

    .business_slide_wrap {
        margin-top: 51.282vw;
    }

    h2.default span {
        font-size: 4.102564102564102vw;
        margin-bottom: 1.282vw;
    }

    .p_box {
        width: 100%;
    }

    h2.default span img {
        width: 3.5897435897435894vw;
        margin-right: 0.294vw;
    }
}

/*/////////section2/////////*/

/*/////////section3/////////*/

section.top_3 {
    position: relative;
    padding-bottom: 7.353vw;
}

.bus_detail {
    position: relative;
    margin-bottom: 5.882vw;
    z-index: 2;
}

.det_img {
    width: 48.309vw;
}

.det_txt {
    position: absolute;
    top: 10.147vw;
    right: 0;
    width: 42.206vw;
    padding: 2.941vw 0 3.8vw 3.529vw;
    background: #fff;
    border-radius: 0.956vw 0 0 0.956vw;
}

.det_txt p {
    line-height: 2.35;
    letter-spacing: 1px;
    width: 38.6764705882353vw;
}

h3.default {
    margin-bottom: 0.735vw;
}

h3.default span {
    display: flex;
    flex-wrap: nowrap;
    font-size: 1.176vw;
    font-weight: 500;
    font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

h3.default span img {
    width: 1.471vw;
    margin-right: 0.294vw;
}

.left_bg {
    width: 30.221vw;
    position: absolute;
    bottom: 0;
}

@media (max-width: 767px) {

    section.top_3 {
        padding: 12.821vw 0;
    }

    .bus_detail {
        position: relative;
        margin-bottom: 84.615vw;
        z-index: 2;
    }

    .bus_detail:last-child {
        margin-bottom: 107.692vw;
    }

    .det_img {
        width: 100%;
    }

    .det_txt {
        position: absolute;
        top: 82.051vw;
        right: -0.256vw;
        width: 73.077vw;
        padding: 10.256vw 0 7.692vw 5.128vw;
        background: #fff;
        border-radius: 3.333vw 0 0 3.333vw;
    }

    h3.default span {
        display: flex;
        flex-wrap: nowrap;
        align-items: flex-start;
        font-size: 4.615384615384616vw;
        font-weight: 500;
        font-family: 'Noto Sans JP', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", serif;
    }

    .det_txt p {
        font-size: 4.102564102564102vw;
        line-height: 10.256410256410255vw;
        width: 71.7948717948718vw;
    }

    .seminar_slide_wrap {
        width: 92%;
        margin: auto;
    }

    h3.default span img {
        width: 3.5897435897435894vw;
        margin-right: 1.294vw;
        margin-top: 2.294vw;
    }

    .swiper-button-next.slider_8 {
        right: -19px !important;
    }

    .swiper-button-prev.slider_8 {
        left: -19px !important;
    }

}

.swiper-button-next {
    position: absolute;
    top: 0;
    right: 0 !important;
    left: auto;
    width: 32px !important;
    height: 32px !important;
    background: url(../img/before_after/next.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.swiper-button-prev {
    position: absolute;
    top: 0;
    left: 0 !important;
    right: auto;
    width: 32px !important;
    height: 32px !important;
    background: url(../img/before_after/prev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.flex_result .swiper-button-next {
    position: absolute;
    top: 50%;
    right: 0 !important;
    left: auto;
    width: 32px !important;
    height: 32px !important;
    background: url(../img/before_after/next.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.flex_result .swiper-button-prev {
    position: absolute;
    top: 50%;
    left: 0 !important;
    right: auto;
    width: 32px !important;
    height: 32px !important;
    background: url(../img/before_after/prev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

/*/////////section3/////////*/

/*/////////section4/////////*/

section.top_4 {
    padding: 7.353vw 0;
    position: relative;
    background: url(../img/common/sand.jpg);
}

.sec_ttl {
    position: relative;
    top: -8.603vw;
    left: 0;
    width: 75.809vw;
    margin: auto;
}

.more a {
    display: flex;
    font-size: 1.25vw;
    font-family: "Outfit", sans-serif;
    align-items: center;
}

.more a span {
    margin-left: 0.368vw;
}

.semminar_li_head_wrap {
    display: flex;
    justify-content: space-between;
    margin-bottom: 2.3529411764705883vw;
}

.seminar__sec ul {
    display: flex;
    width: 100%;
    flex-wrap: wrap;
    justify-content: space-between;
}

.seminar_li {
    position: relative;
    display: flex;
    flex-direction: column;
    width: 29.044vw;
    padding: 2.574vw 1.471vw 4.044vw;
    margin-bottom: 2.5%;
    border-radius: 1.691vw;
    background: #fff;
}

.seminar_li a.post__link {
    position: absolute;
    display: flex;
    width: 100%;
    left: 0;
    bottom: 0;
    height: 3.676vw;
    color: #fff;
    background: #333;
    font-weight: 400;
    border-radius: 0 0 1.691vw 1.691vw;
    align-items: center;
    justify-content: center;
}

a.post__link span {
    display: flex;
    margin-left: 0.368vw;
}

.lr_left {
    height: 14.706vw;
}

.lr_left img.Innerimage {
    object-fit: contain;
    height: 100%;
}

h3.post__h3.atv_semi {
    display: flex;
}

h3.post__h3.atv_semi span {
    margin-right: 0.294vw;
}

h4.recomend_ttl {
    text-align: left;
    width: 100%;
    margin: 10px auto 10px;
    padding: 0.147vw 0;
    font-weight: 500;
}

ul.reco_ul.list {
    width: 100%;
}

ul.reco_ul li {
    width: 100%;
    margin-bottom: 0.368vw;
}

.seminar__sec {
    margin-top: 3.676vw;
}

p.disc {
    margin-top: 3.676vw;
}

@media (max-width: 767px) {

    section.top_4 {
        padding: 25.641vw 0 12.821vw;
    }

    .sec_ttl {
        width: 90%;
        top: -12.051vw;
    }

    p.disc {
        margin-top: 7.692vw;
    }

    .seminar__sec {
        margin-top: 5.128vw;
    }

    .semminar_li_head_wrap {
        flex-direction: column;
    }

    span.post__time.li.semminar {
        min-height: unset;
    }

    .seminar_li {
        position: relative;
        display: flex;
        flex-direction: column;
        width: 90%;
        padding: 20px 5% 50px;
        margin-bottom: 2.5%;
        border-radius: 5.897vw;
        background: #fff;
    }

    .lr_left {
        height: 25vw;
    }

    .more.sp.center a {
        justify-content: center;
        margin-top: 7.692vw;
    }

    .more a {
        justify-content: center;
        font-size: 4.358974358974359vw;
    }

    .seminar_li a.post__link {
        position: absolute;
        display: flex;
        width: 100%;
        left: 0;
        bottom: 0;
        height: 14.102564102564102vw;
        color: #fff;
        background: #333;
        font-weight: 400;
        border-radius: 0 0 5.897vw 5.897vw;
        align-items: center;
        justify-content: center;
    }
}

/*/////////section4/////////*/

/*/////////section5/////////*/

section.top_5 .inner_wrap {
    position: relative;
}

.right_bg {
    position: absolute;
    right: 0;
    z-index: -1;
}

.default.h2_wrap.left {
    /* justify-content: left; */
}

.result_wrap {
    display: flex;
    margin-top: 3.676vw;
}

.result_item {
    width: 24%;
    margin: 0 auto 0;
    border: solid 1px #ddd;
    border-radius: 1.691vw;
    background: #fff;
}

.result_item:first-child {
    width: 24%;
    margin: 0 auto 0 0;
    border: solid 1px #ddd;
    border-radius: 1.691vw;
}

.result_item:last-child {
    width: 24%;
    margin: 0 0 0 auto;
    border: solid 1px #ddd;
    border-radius: 1.691vw;
}

.result_inner {
    padding: 1.103vw 0.882vw;
}

.result_img_element {
    border-radius: 1.691vw;
    overflow: hidden;
    height: 9.559vw;
}

.result_img_element img {
    height: 100%;
}

.result_inner h3 {
    margin-top: 0.956vw;
    margin-bottom: 1.103vw;
    min-height: 4.3vw;
}

.tag {
    margin-bottom: 0.956vw;
}

.tag span {
    font-size: 1.103vw;
    color: #9d9d9d;
    background: #EBEBEB;
    margin: 0.221vw;
    padding: 0px 0.294vw;
    border-radius: 0.221vw;
}

.tag span:first-child {
    font-size: 1.103vw;
    color: #9d9d9d;
    background: #EBEBEB;
    margin: 0 0.221vw 0 0;
    padding: 0px 0.294vw;
}

.result_detail table {
    width: 100%;
}

.result_detail th {
    font-size: 1.103vw;
    text-align: left;
    color: #9d9d9d;
    font-weight: 500;
    width: 28%;
}

.result_detail td {
    overflow: hidden;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    font-size: 1.1764705882352942vw;
}

.line {
    width: 100%;
    height: 0.074vw;
    margin: 0.368vw 0;
    background: #9d9d9d;
}

@media (max-width: 767px) {

    section.top_5 {
        position: relative;
        overflow: hidden;
    }

    section.top_5 .inner_wrap {
        position: static;
    }

    .right_bg {
        top: -3.846vw;
        right: -5.128vw;
        width: 55%;
    }

    .result_slide_wrap {
        margin-top: 7.692vw;
        width: 100vw;
    }

    .slider_9 .swiper-box {
        width: 61.25384615384615vw;
    }

    .result_img_element {
        border-radius: 5.5vw;
        overflow: hidden;
        height: 33.33333333333333vw;
    }

    .result_inner {
        padding: 3.3461538461538463vw 3.5897435897435894vw 3.3461538461538463vw;
        /* width: 54.1025641025641vw; */
        margin: 0 auto;
    }

    .result_img_element {
        width: 54.1025641025641vw;
        margin: 0 auto;
    }

    .result_inner h3 {
        width: 46.92307692307692vw;

    }

    .swiper-button-next.slider_9 {
        right: 40px !important;
    }

    .swiper-button-prev.slider_9 {
        left: 40px !important;
    }

    .result_item {
        width: 61.25384615384615vw !important;
        border-radius: 5.5vw;
    }

    .result_item:first-child {
        /* width: 100%; */
        border-radius: 5.5vw;
    }

    .result_item-last-child {
        /* width: 100%; */
        border-radius: 5.5vw;
    }

    .tag span:first-child {
        font-size: 4.102564102564102vw;
        color: #9d9d9d;
        background: #EBEBEB;
        margin: 0 0.221vw 0 0;
        padding: 0px 1.153846153846154vw;
    }

    .tag span {
        font-size: 4.102564102564102vw;
        color: #9d9d9d;
        background: #EBEBEB;
        margin: 0 0.221vw 0 0.221vw;
        padding: 0px 1.153846153846154vw;
    }

    .result_detail th {
        font-size: 3.5897435897435894vw;
        text-align: left;
        color: #9d9d9d;
        font-weight: 500;
        width: 28%;
    }

    .result_detail td {
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        font-size: 4.102564102564102vw;
    }



}

/*/////////section5/////////*/

/*/////////section6/////////*/

section.top_6 {
    position: relative;
    background: url(../img/common/sand.jpg);
}

.top_6 .inner_wrap {
    position: relative;
}

.reno_slide {
    margin-top: 3.676vw;
}

.renov_wrap {
    display: flex;
    padding: 2.206vw;
    border-radius: 1.691vw;
    background: #fff;
    justify-content: center;
}

.before_img_element {
    margin: 0 1.14vw 0 0;
    position: relative;

    img {
        width: 22.426470588235293vw;
        height: 22.426470588235293vw;
        object-fit: cover;
        border-radius: 1.6911764705882353vw;
    }
}

.after_img_element {
    margin: 0 0 0 1.14vw;
    position: relative;

    img {
        width: 22.426470588235293vw;
        height: 22.426470588235293vw;
        object-fit: cover;
        border-radius: 1.6911764705882353vw;
    }
}

.before_img_element p.img_tag {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.941vw;
    border-radius: 0 0 1.691vw 1.691vw;
    background: rgb(51 51 51 / 90%);
    color: #fff;
}

.after_img_element p.img_tag {
    position: absolute;
    bottom: 0;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 2.941vw;
    border-radius: 0 0 1.691vw 1.691vw;
    background: rgb(204 157 21 / 90%);
    color: #fff;
}

.swiper-slide.renov {
    opacity: .5;
}

.swiper-slide-active.renov {
    opacity: 1;
}

.swiper-button-next.slider_2 {
    top: 60%;
    right: 60px !important;
    left: auto;
    width: 2.353vw;
    height: 2.353vw;
    background: url(../img/before_after/next.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.swiper-button-prev.slider_2 {
    top: 60%;
    left: 60px !important;
    right: auto;
    width: 2.353vw;
    height: 2.353vw;
    background: url(../img/before_after/prev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

@media (max-width: 767px) {

    .renov_wrap {
        flex-direction: column;
    }

    .before_img_element {
        margin: 0 0 2.051vw 0;

        img {
            width: 78.2051282051282vw;
            height: 78.2051282051282vw;
            border-radius: 5.897435897435897vw;
        }
    }

    .after_img_element {
        margin: 2.051vw 0 0 0;

        img {
            width: 78.2051282051282vw;
            height: 78.2051282051282vw;
            border-radius: 5.897435897435897vw;
        }
    }

    .reno_slide {
        position: relative;
        width: 94%;
        margin: 50px auto 0;
    }

    .swiper-button-next.slider_2 {
        top: 300px !important;
        right: -11px !important;
    }

    .swiper-button-prev.slider_2 {
        top: 300px !important;
        left: -11px !important;
    }

    .renov_wrap {
        display: flex;
        padding: 3.076923076923077vw;
        border-radius: 5.897435897435897vw;
        background: #fff;
    }

    .before_img_element p.img_tag {
        position: absolute;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 14.102564102564102vw;
        border-radius: 0 0 5.897435897435897vw 5.897435897435897vw;
    }

    .after_img_element p.img_tag {
        position: absolute;
        bottom: 0;
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 14.102564102564102vw;
        border-radius: 0 0 5.897435897435897vw 5.897435897435897vw;
    }
}

/*/////////section6/////////*/

/*/////////cta_1/////////*/

.cta_top_bnr {
    padding: 3.676vw 0 4.412vw;
    width: 56.029vw;
    margin: auto;
}

@media (max-width: 767px) {

    .cta_top_bnr {
        width: 80%;
        padding: 12.82051282051282vw 0 12.82051282051282vw;
    }
}

/*/////////cta_1/////////*/

/*/////////section7/////////*/

section.top_7 {
    position: relative;
    background: url(../img/top/sec7_bg.jpg);
}

.top_7 .inner_wrap {
    position: relative;
}

.voice_wrap {
    margin-top: 3.676vw;
}

.voice_slide {
    padding-bottom: 4.412vw;
}

.voice_card img {
    border-radius: 1.029vw;
}

.voice_card .txt_box {
    border-radius: 0 0 1.029vw 1.029vw;
}

.voice_slide .txt_box h3 {
    margin-bottom: 0.515vw;
}

.voice_card {
    position: relative;
}

.voice_card .txt_box {
    position: absolute;
    bottom: 0;
    left: 0;
    /* width: 98.1%; */
    background-color: rgb(255 255 255 / 90%);
    padding: 1.1764705882352942vw 0.8823529411764706vw 1.25vw;
    max-height: 8vw;
}

.voice_card .txt_box p {
    min-height: 8vw;
    line-height: 1.8;
}

.swiper-pagination.slider_3.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: left;
}

.slider_3 span.swiper-pagination-bullet {
    background: #e0e0e0;
    width: 11.029vw;
    height: 0.147vw;
    opacity: 1;
    transform: none !important;
    border-radius: 0.074vw;
}

.slider_3 span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #CC9D15;
    opacity: 1;
}

@media (max-width: 900px) {

    .voice_card .txt_box {
        position: relative;
        padding: 3.5897435897435894vw 3.5897435897435894vw;
        border-radius: 0 0 1.103vw 1.103vw;
        max-height: 46.666666666666664vw;
    }

    .voice_card .txt_box p {
        min-height: unset;
    }

    .voice_card img {
        border-radius: 1.029vw 1.029vw 0 0;
    }
}

@media (max-width: 767px) {

    .voice_card .txt_box {
        position: relative;
        padding: 3.5897435897435894vw 3.5897435897435894vw;
        border-radius: 0 0 3.103vw 3.103vw;

    }

    .voice_card img {
        border-radius: 3.103vw 3.103vw 0 0;
    }

    .voice_slide .txt_box h3 {
        font-size: 4.102564102564102vw;
    }

    .voice_wrap {
        width: 94%;
        margin: 50px auto 0;
    }

    .voice_slide {
        padding-bottom: 12.821vw;
    }

    .slider_3 span.swiper-pagination-bullet {
        background: #e0e0e0;
        width: 12.821vw;
        height: 0.513vw;
        opacity: 1;
        transform: none !important;
        border-radius: 0.256vw;
    }

    .swiper-pagination.slider_3.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        text-align: center;
        bottom: 6.41vw;
    }

}

/*/////////section7/////////*/

/*/////////section8/////////*/

section.top_8 {
    position: relative;
}

.h2_right.company {
    margin-top: 2.941vw;
}

.right_mv {
    position: absolute;
    top: 7.353vw;
    right: 0;
    width: 47%;
}

.left_txt_h2 .more {
    margin-top: 5.147vw;
}

@media (max-width: 767px) {

    .right_mv {
        position: relative;
        top: 0;
        right: -15%;
        width: 90%;
    }

    .h2_right.company {
        margin-top: 10.256410256410255vw;
    }
}

/*/////////section8/////////*/

/*/////////section9/////////*/

section.top_9 {
    position: relative;
    background: url(../img/common/sand.jpg);
}

.top_9 .staff_wrap {
    position: relative;
}

.all_left {
    display: flex;
    align-items: flex-end;
    margin-top: 3.676vw;
}

.slide_btn {
    position: relative;
    display: flex;
    width: 6.029vw;
    height: 2.721vw;
    align-items: flex-end;
    margin: 0 1.838vw;
}

.swiper-button-next.slider_4 {
    bottom: 0;
    right: 0;
    left: auto;
    width: 2.721vw;
    height: 2.721vw;
    background: url(../img/before_after/next.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.swiper-button-prev.slider_4 {
    bottom: 0;
    right: auto;
    left: 0;
    width: 2.721vw;
    height: 2.721vw;
    background: url(../img/before_after/prev.svg);
    background-repeat: no-repeat;
    background-size: 100%;
}

.swiper-pagination.slider_4.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
    text-align: left;
}

.slider_4 span.swiper-pagination-bullet {
    background: #e0e0e0;
    width: 11.029vw;
    height: 0.147vw;
    opacity: 1;
    transform: none !important;
    border-radius: 0.074vw;
}

span.swiper-pagination-bullet.swiper-pagination-bullet-active {
    background: #333;
    opacity: 1;
}

.staff_wrap {
    margin-top: 3.676vw;
}

.staff_slider {
    padding-bottom: 4.412vw;
}

@media (max-width: 767px) {

    .top_9 .staff_wrap {
        width: 94%;
        margin: 50px auto 0;
    }

    .top_9 .right_mv {
        position: absolute;
        top: 12.821vw;
        right: 0;
        width: 60%;
    }

    .all_left {
        margin-top: 0;
    }

    .swiper-pagination.slider_4.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
        text-align: center;
    }

    .slider_4 span.swiper-pagination-bullet {
        width: 12.821vw;
    }
}

/*/////////section9/////////*/

/*/////////section10/////////*/

section.top_10 {
    position: relative;
    background: url(../img/top/sec10_bg.jpg);
    background-size: cover;
    padding: 16.912vw 0 0;
    overflow: hidden;
}

.arc_wrap {
    position: relative;
    background: #fff;
    border-radius: 0 8.309vw 0 0;
    padding-bottom: 3.676vw;
    width: 68%;
}

.arc_wrap:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: -30%;
    background: #fff;
    width: 75%;
    height: 100%;
    z-index: 2;
}

.arc.h2_wrap {
    position: relative;
    z-index: 3;
}

.arc_inner_p_box p {
    line-height: 2.35;
}

.arc_inner_p_box {
    margin-top: 2.941vw;
    padding: 0 2.206vw 0 0;
    position: relative;
    z-index: 3;
}

.more.m_left {
    margin-left: 8vw;
}

@media (max-width: 767px) {

    section.top_10 {
        position: relative;
        background: url(../img/top/sp/sec10_bg.jpg);
        background-size: contain;
        background-repeat: no-repeat;
        padding: 35.897vw 0 12.821vw;
        overflow: hidden;
    }

    .arc_wrap {
        position: relative;
        background: #fff;
        border-radius: 0 28.974vw 0 0;
        padding-bottom: 0;
        width: 85%;
    }

    .top_10 .all_left {
        margin-top: 15.385vw;
    }

    .arc_inner_p_box {
        width: 87vw;
        margin: 40px 3vw 0 0;
        padding: 0 0 0 0;
        position: relative;
        z-index: 3;
    }

    .arc_inner_p_box p {
        line-height: 10.256410256410255vw;
    }

}

/*/////////section10/////////*/

/*/////////section11/////////*/

section.top_11 {
    position: relative;
    background: url(../img/common/sand.jpg);
}

.ab_left_bottom {
    position: absolute;
    left: 0;
    bottom: 0;
}

a.post__link span.post__time {
    display: flex;
    margin-left: 1.029vw;
    font-size: 1.029vw;
    width: 6.618vw;
    font-family: "Outfit", sans-serif;
}

li.top_post_li a {
    padding: 0.735vw 0;
    background-color: #fff;
    border-radius: 0.588vw;
}

section.top_11 h3.post__h3 {
    font-family: 'Noto Sans JP';
    font-weight: 400;
    font-size: 1.103vw;
    word-break: break-all;
    margin-left: 3.676vw;
    display: inline;
    text-decoration: underline;
}

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

.news_top {
    position: relative;
    margin-top: 3.676vw;
    z-index: 2;
}

li.top_post_li {
    margin-bottom: 0.588vw;
}

.news_h3_wrap {
    display: flex;
}

.post_more span {
    font-family: "Outfit", sans-serif;
    margin-right: 1.029vw;
}

@media (max-width: 767px) {

    li.top_post_li {
        margin-bottom: 5.128205128205128vw;
    }

    li.top_post_li a {
        padding: 0 0;
        background-color: #fff;
        border-radius: 2.051282051282051vw;
    }

    .news_h3_wrap {
        flex-direction: column;
        padding-top: 4.615384615384616vw;
    }

    .postlist__inner {
        flex-direction: column;
        align-items: baseline;
    }

    .post_more {
        margin: 0 3.5897435897435894vw 1.820513vw auto;
    }

    section.top_11 h3.post__h3 {
        margin-left: 3.59vw;
        margin-right: 3.59vw;
        font-size: 4.102564102564102vw;
    }

    a.post__link span.post__time {
        display: flex;
        margin-left: 3.5897435897435894vw;
        font-size: 3.5897435897435894vw;
        width: auto;
        font-family: "Outfit", sans-serif;
    }

    .inner_wrap.wide {
        width: 90%;
    }
}


/*/////////section11/////////*/