@charset "UTF-8";


/*=================
全体
===================*/

* {
    box-sizing: border-box;
    font-style: normal;
}

html {
    font-size: 100%;
}

body {
    font-family: 'Noto Sans JP', sans-serif;
    min-width: 375px; 
}

a {
    text-decoration: none;
    color: #262626;
}

img {
    max-width: 100%;
    vertical-align: bottom;
}

ul li {
    list-style: none;
}

.wrapper {
    max-width: 1000px;
    margin: 0 auto;
}

.text_align {
    text-align: center;
}

.text_align_right {
    text-align: right;
}

.font_bold {
    font-weight: bold;
}

.jus_right {
    justify-content: right;
}

@media screen and (max-width: 1100px) {
    .wrapper {
        padding: 0 4%;
    }
}

/* @media screen and (max-width: 414px) {
    .wrapper {
        padding: 0 20px;
    }
} */

.hover_underline:hover {
    text-decoration: underline;
}

.hover:hover {
    background-color: #E2EADE;
    transition: .3s ease-in-out;
}

.hover_clear:hover {
    opacity: .5;
    transition: .3s ease-in-out;
}

@media (min-width: 769px) {
    a[href*="tel:"] {
        pointer-events: none;
        cursor: default;
    }
}


/*------------------
メインビジュアル共通
---------------------*/

#main_bg {
    padding: 110px 0 100px;
    margin-top: 135px;
}

.main_bg_inner {
    width: 250px;
    height: 90px;
    margin: 0 auto;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    border-radius: 20px;
    padding: 26px 0 19px;
}

.main_bg_inner h1 {
    line-height: 1;
    margin-bottom: 11px;
}

.main_bg_inner h2 {
    line-height: .5;
}

@media screen and (max-width: 768px) {
    #main_bg {
        padding: 55px 0;
    }

}



/*========================
TOPページ 
============================*/


/*----------------------
メインビジュアル 
-----------------------*/

.main_bg_top {
    /* background: url(../img/main_bg_top1.jpg) center center / cover;
    min-height: 532px; */
    margin-top: 135px;
}

/* @media screen and (max-width: 768px) {
    .main_bg_top {
        background: url(../img/sp/main_bg_top1_sp.jpg) center center / cover;
        padding: 55px;
        min-height: 500px;
    }
}  */

@media screen and (max-width: 768px) {
    .main_bg_top {
        margin-top: 60px;
    }
}


/*-----------------------------
Web見学
------------------------------*/

#top_visit_sec {
    padding: 40px 0;
}

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

.top_visit_sec_inner a {
    display: block;
    border-radius: 20px;
    font-size: 20px;
    padding: 35px 0;
    text-align: center;
    box-shadow: 5px 6px 1px rgba(56, 56, 56, 0.16);
}

.top_visit_sec_inner a:first-of-type {
    background-color: #C66C44;
    width: 20%;
    color: #fff;
}

.top_visit_sec_inner a:nth-of-type(2) {
    background-color: #F8C5AC;
    width: 78%;
}


/*-----------------------------
テキスト。お問い合わせフォーム 
------------------------------*/

.mv_txt {
    /* background: #E2EADE; */
    background-color: #EEF2EC;
    padding: 35px 0;
}

.mv_txt .inner {
    text-align: center;
}

.mv_txt .inner p {
    font-size: 22px;
}

.form_btn_area_sec {
    /* background: #E2EADE; */
    background-color: #EEF2EC;
}

.cta_ttl h2 {
    padding: 32px 0;
    color: #456800;
    /* font-size: 26px; */
    font-size: clamp(20px, 2vw, 26px);
}

.cta_ttl {
    position: relative;
}

img.icon_tree_white {
    position: absolute;
    top: -128px;
    right: 0;
    width: 176px;
}

#top_sp_btn_area {
    background-color: #EEF2EC;
    padding: 19px;
}

#top_sp_btn_area a {
    display: block;
    border-radius: 10px;
    font-size: 18px;
    padding: 18px 0;
    text-align: center;
    box-shadow: 5px 6px 1px rgba(0, 0, 0, 0.16);
    background-color: #C66C44;
    /* width: 20%; */
    color: #fff;
}


@media screen and (max-width: 768px) {
    .mv_txt .inner p {
        font-size: 18px;
        color: #456800;
    }

    #top_sp_btn_area {
        padding: 19px 4%;
    }

    .mv_txt {
        padding: 35px 0 0;
    }

    #top_sp_btn_area a {
        background-image: url(../img/footer_logo_arrow.png);
        background-position: right 25px center;
        background-size: 10px 14px;
        font-weight: bold;
    }
}



/*-----------------------------
穏やかな板橋区・四葉に
------------------------------*/

#top_first_section {
    padding: 50px 0 60px;
}

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

.top_first_section_inner section:first-of-type {
    background-image: url(../img/Watercolor_pink.png);
    background-size: 252px 247px;
    background-position: right top;
}

.top_first_section_inner section:nth-of-type(2) {
    flex-direction: row-reverse;
    margin-top: 30px;
    position: relative;
}

img.Watercolor_pink_f_sec {
    position: absolute;
    width: 433px;
    left: -100px;
    bottom: -150px;
    z-index: -1;
}

.top_first_section_inner section picture {
    width: 60%;
}

.top_first_section_inner section div {
    width: 36%;
}

.top_first_section_inner section div h2 {
    margin-bottom: 40px;
    font-size: 22px;
    font-size: clamp(20px, 2vw, 22px);
}


@media screen and (max-width: 768px) {
    .top_first_section_inner section {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        background-image: none;

    }

    .top_first_section_inner section:first-of-type {
        position: relative;
    }

    img.Watercolor_pink_f_sec_first {
        position: absolute;
        z-index: -1;
        width: 186px;
        right: 0;
        bottom: 0;
    }

    .top_first_section_inner section picture {
        width: 100%;
    }

    .top_first_section_inner section div {
        width: 100%;
    }

    .top_first_section_inner section:nth-of-type(2) {
        flex-direction: row-reverse;
        flex-direction: column;
        margin-top: 40px;
    }

    #top_first_section {
        padding: 30px 0 60px;
    }

    .top_first_section_inner section div h2 {
        margin: 30px 0 20px;
        font-size: 20px;
    }

    .top_first_section_inner section:nth-of-type(2) div h2 {
        background-image: url(../img/sp/icon_tree_top_sp.png);
        background-size: 86px 63px;
        background-repeat: no-repeat;
        background-position: right center;
    }


    img.Watercolor_pink_f_sec {
        width: 186px;
        left: 0px;
        bottom: 0px;
    }
}


/*-----------------------------
円樹の特徴
------------------------------*/

#top_features_section {
    padding: 40px 0 70px;
    background-color: #EEF2EC;
}

#top_features_section h2 img {
    width: 65px;
}

#top_features_section h3 img {
    width: 147px;
}

#top_features_section section ul.feature_detail_list {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

/* ボタン */
.btn_top_feature {
    /* display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 50px; */
    max-width: 220px;
    font-weight: bold;
    display: table;
    /* max-width: 300px; */
    width: 100%;
    /* line-height: 43px; */
    height: 43px;
    color: #456800;
    border: #456800 2px solid;
    background-color: #FFFFFF;
    border-radius: 22px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
    background-image: url(../img/btn_arrow.png);
    background-size: 11px 14px;
    background-position: right 20px center;
}

.btn_top_feature span {
    display: table-cell;
    vertical-align: middle;
}

@media screen and (max-width: 900px) and (min-width:769px) {
    .btn_top_feature span {
        padding-right: 2rem;
        font-size: 14px;
    }
}


#top_living_section a.btn_top_feature {
    max-width: 300px;
}


#top_features_section section ul.feature_detail_list li {
    width: 22%;
}

.top_feature_list {
    margin-bottom: 20px;
}

h4.h4_top_feature {
    margin: 20px 0;
    line-height: 1;
    text-align: center;
}

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

    #top_features_section section ul.feature_detail_list {
        display: flex;
        justify-content: space-between;
        flex-direction: column;
        margin-top: 30px;
    }

    #top_features_section {
        padding: 40px 0 0px;
    }

    h4.h4_top_feature {
        margin: 0px 0 20px;
        line-height: 1;
        text-align: center;
    }

    #top_features_section h3 img {
        width: 125px;
    }

    .top_features_section_inner {
        padding: 0;
    }


    #top_features_section section ul.feature_detail_list li {
        width: 100%;
        padding: 40px 0;
    }

    #top_features_section section ul.feature_detail_list li:first-of-type {
        padding-top: 0;
    }


    #top_features_section section ul.feature_detail_list li:nth-of-type(even) {
        background-color: #fff;
    }

    .top_feature_list {
        display: flex;
        justify-content: space-between;
        padding: 0 4%;
        max-width: 500px;
        margin: 0 auto 20px;
    }

    .top_feature_list div,
    .top_feature_list picture {
        width: 48%;
    }

    .btn_top_feature {
        max-width: 300px;
        margin: 0 auto;
    }
}



/*-----------------------------
円樹での暮らし
------------------------------*/

#top_living_section {
    padding: 40px 0 60px;
}

#top_living_section ul.top_living_list {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

#top_living_section ul.top_living_list li {
    width: 23.5%;
}

#top_living_section h2 img {
    width: 65px;
}

#top_living_section h3 img {
    width: 206px;
    margin-bottom: 30px;
}

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

.top_living_section_inner section:first-of-type {
    flex-direction: row-reverse;
    margin-bottom: 40px;
}

.top_living_section_inner section picture {
    width: 60%;
}

.top_living_section_inner section div {
    width: 36%;
}

.top_living_section_inner section div p {
    margin-bottom: 30px;
}

.top_living_section_inner section div h5 {
    margin: 30px 0;
    font-size: 22px;
}


@media screen and (max-width: 768px) {
    .top_living_section_inner section:first-of-type {
        flex-direction: column;
        /* flex-direction: row-reverse; */
        margin-bottom: 40px;
    }

    .top_living_section_inner section picture {
        width: 100%;
    }

    #top_living_section {
        background-color: #EEF2EC;
    }

    #top_living_section h3 img {
        width: 175px;
        margin-bottom: 20px;
    }

    .top_living_section_inner section div {
        width: 100%;
        margin-top: 30px;
        padding: 0 4%;
    }

    .top_living_section_inner {
        padding: 0;
    }

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

    .top_living_section_inner section div h5 {
        margin: 20px 0;
        font-size: 20px;
    }

    .top_living_section_inner section div h4 span {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #F8C5AC;
        margin-right: 13px;
        vertical-align: middle;
    }

    .top_living_section_inner section div h4 img {
        vertical-align: middle;
    }

    .top_living_section_inner section:nth-of-type(2) div h4 span {
        background-color: #FFED61;
    }
}




/*-----------------------------
スタッフブログ 
------------------------------*/

#top_blog_section {
    padding: 60px 0;
    background-color: #EEF2EC;
}

#top_blog_section h2 img {
    width: 209px;
}

#top_blog_section h2 img,
#top_blog_section h2 span {
    vertical-align: middle;
}

#top_blog_section h2 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #F8C5AC;
    margin-right: 1rem;
}

.top_blog_section_inner ul {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.top_blog_section_inner ul li {
    width: 23.5%;
}

.top_blog_list div h3 {
    margin: 12px 0;
    font-size: 18px;
}

#top_blog_section a {
    margin: 40px auto 0;
}

@media screen and (max-width: 768px) {
    #top_blog_section {
        padding: 45px 0;
        background-color: #fff;
    }

    #top_blog_section h2 img {
        width: 150px;
    }

    #top_blog_section h2 span {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #F8C5AC;
        margin-right: 13px;
    }

    #top_blog_section h2 {
        text-align: left;
    }

    .slider_sp h3 {
        font-size: 11px;
        margin: 8px 0;
        letter-spacing: 0.06em;
    }

    .slider_sp p {
        font-size: 14px;
        margin: 8px 0;
    }

    #top_blog_section a {
        margin: 20px auto 0;
    }

}




/*-----------------------------
ご入居様の声 
------------------------------*/

#top_voice_section {
    padding: 60px 0;
}

#top_voice_section h2 img {
    width: 207px;
}

#top_voice_section h2 span {
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #FFED61;
    margin-right: 1rem;
}


#top_voice_section h2 img,
#top_voice_section h2 span {
    vertical-align: middle;
}

.h3_sec_voice {
    color: #456800;
    font-size: 12px;
    margin: 1rem 0;
    letter-spacing: 0.4em;
}


.top_voice_section_inner ul {
    display: flex;
    justify-content: space-between;
    margin-top: 30px;
}

.top_voice_section_inner ul li {
    width: 22%;
}

#top_voice_section a {
    margin: 48px auto 0;
}

@media screen and (max-width: 768px) {
    #top_voice_section h2 {
        text-align: left;
    }

    #top_voice_section h2 img {
        width: 147px;
    }

    #top_voice_section h2 span {
        display: inline-block;
        width: 25px;
        height: 25px;
        border-radius: 50%;
        background-color: #FFED61;
        margin-right: 13px;
    }

    #top_voice_section {
        padding: 0px 0 45px;
    }

    .slider_sp h3.h3_sec_voice {
        font-size: 11px;
        margin: 8px 0;
        letter-spacing: 0.15em;
    }

    .slider_sp li p {
        font-size: 14px;
    }

    #top_voice_section a {
        margin: 20px auto 0;
    }

}


/*-----------------------------
アクセス
------------------------------*/

#top_access_section h2 {
    background-color: #E2EADE;
    padding: 30px 0;
    min-height: 100px;
    font-size: 22px;
    letter-spacing: 0.2em;
}

#top_access_section h3 {
    margin-bottom: 30px;
}

#top_access_section h3 img {
    width: 30px;
    vertical-align: middle;
    margin-right: .5rem;
}

#top_access_section address {
    font-size: 15px;
}

#top_access_section h3 span {
    border-bottom: 2px solid #000000;
    padding-bottom: 5px;
    font-size: 16px;

}

.top_access_section_inner {
    padding: 60px 4%;
}

.top_access_maps {
    max-width: 800px;
    margin: 0 auto;
    /* height: 0;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative; */
}


.top_access_maps iframe {
    margin: 28px 0 1rem;
    max-width: 100%;
    /* position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%; */
}

#top_access_section a {
    margin: 48px auto 0;
}

@media screen and (max-width: 768px) {
    .top_access_section_inner {
        padding: 20px 4% 60px;
    }

    .top_access_maps iframe {
        margin: 0 0 20px;
        max-width: 100%;
    }

    #top_access_section address {
        margin-bottom: 20px;
        font-size: 14px;
    }

    #top_access_section h3 span {
        border-bottom: none;
        padding-bottom: 0px;
        font-size: 12px;
    }

    #top_access_section h3 img {
        width: 24px;
        vertical-align: middle;
        margin-right: 0;
    }

    .top_access_maps p:first-of-type {
        margin-bottom: 1rem;
    }

    #top_access_section a {
        margin: 30px auto 0;
    }
}

@media screen and (max-width:426px) {
    .top_access_maps iframe {
        max-height: 223px;
    }
}



/*========================
ご入居までの流れページ 
============================*/


/*----------------------
メインビジュアル 
-----------------------*/

.main_bg_flow {
    background: url(../img/main_bg_flow.jpg) center center / cover;
}


.main_bg_flow .main_bg_inner {
    width: 300px;
}

.main_bg_flow .main_bg_inner h1 img {
    width: 209px;
}

.main_bg_flow .main_bg_inner h2 img {
    width: 48px;
}

@media screen and (max-width: 950px) {
    .main_bg_flow {
        background: url(../img/sp/main_bg_flow_sp.jpg) left top / cover;
    }
}

@media screen and (max-width: 768px) {
    .main_bg_flow {
        background: url(../img/sp/main_bg_flow_sp.jpg) center center / cover;
        padding: 55px;
    }

    .main_bg_flow .main_bg_inner {
        width: 250px;
    }

    .main_bg_flow .main_bg_inner h1 img {
        width: 187px;
    }

    .main_bg_flow .main_bg_inner h2 img {
        width: 40px;
    }
}


/*----------------------
メインコンテンツ 
-----------------------*/

.flow_wrapper {
    max-width: 800px;
    margin: 0 auto;
}

#flow_sec {
    padding: 80px 0 100px;
    background-image: url(../img/Watercolor_pink.png), url(../img/Watercolor_pink.png);
    background-repeat: no-repeat;
    background-size: 433px 424px, 252px 247px;
    background-position: bottom -100px left 15%, top 295px right 20%;
}

@media screen and (max-width: 1400px) {
    #flow_sec {
        background-image: url(../img/Watercolor_pink.png), url(../img/Watercolor_pink.png);
        background-repeat: no-repeat;
        background-size: 433px 424px, 252px 247px;
        background-position: bottom -100px left -3%, top 295px right 5%;
    }
}

@media screen and (max-width: 1100px) {
    .flow_wrapper {
        padding: 0 4%;
    }
}

.flow_sec_txt p {
    text-align: center;
    font-size: 18px;
    letter-spacing: .1em;
}

.flow_sec_list {
    margin-top: 40px;
}

.flow_sec_list ul li {
    width: 100%;
    display: flex;
}

.flow_sec_list ul li section {
    display: flex;
    align-items: center;
    /* justify-content: space-between; */
    /* padding-right: 76px; */
    padding-right: 3%;
    gap: 28px;
    width: 37%;
    color: #456800;
    /* font-family: 'Zen Maru Gothic', serif; */
    font-family: "dnp-shuei-mgothic-std", sans-serif;
    font-weight: bold;
}

.flow_sec_list ul li section h3 span {
    display: block;
    letter-spacing: 0.4em;
    line-height: 1;
    font-size: 16px;
    font-family: 'Open Sans', sans-serif;
}

.flow_sec_list ul li section h3 span:nth-of-type(2) {
    font-size: 60px;
    letter-spacing: 0.05em;
    margin-top: 2px;
    font-family: "dnp-shuei-mgothic-std", sans-serif;
}

.flow_sec_list ul li section h4 {
    font-size: 32px;
    letter-spacing: 0.2em;
    font-size: clamp(23px, 2vw, 32px);
    line-height: 1.3;
}

.flow_sec_list ul li:nth-of-type(odd) {
    height: 160px;
    background-color: #EEF2EC;
    border-radius: 20px;
    padding: 30px 70px;
}

.flow_sec_list ul li:nth-of-type(even) {
    background: url(../img/flow_sec_list_arrow.png) no-repeat center center / cover;
    background-size: 35px 28px;
    height: 46px;
}

.flow_sec_list ul li:nth-of-type(odd) p {
    padding-left: 36px;
    border-left: 1px solid #456800;
    width: 63%;
    display: flex;
    align-items: center;
    letter-spacing: 0.1em;
}

/* @media screen and (min-width: 1400px) {
    .flow_sec_list ul li section {
        padding-right: 3%;
    }
} */


@media screen and (max-width: 768px) {
    .flow_sec_list ul li {
        flex-direction: column;
    }

    .flow_sec_list ul li:nth-of-type(odd) {
        height: auto;
        background-color: #EEF2EC;
        border-radius: 10px;
        padding: 30px 30px 39px;
    }

    .flow_sec_list ul li:nth-of-type(5) {
        position: relative;
    }

    img.flow_step3_icon {
        position: absolute;
        width: 65px;
        right: 20px;
        top: -37px;
    }

    .flow_sec_list ul li section {
        display: flex;
        align-items: flex-end;
        padding-right: 0;
        gap: 20px;
        width: 100%;
    }

    .flow_sec_list ul li:nth-of-type(odd) p {
        padding-left: 0;
        border-left: none;
        width: 100%;
        letter-spacing: 0.05em;
        margin-top: 18px;
        font-size: 14px;
        line-height: 1.8;
    }

    .flow_sec_img_area {
        margin-bottom: 25px;
    }

    .flow_sec_img_area h3 {
        font-size: 20px;
        margin-top: 35px;
    }

    .flow_sec_txt p {
        text-align: left;
        font-size: 16px;
        font-weight: normal;
    }

    #flow_sec {
        background-image: url(../img/Watercolor_pink.png), url(../img/Watercolor_pink.png);
        background-repeat: no-repeat;
        background-size: 186px 182px;
        background-position: bottom -50px left 0, top 20% right 5%;
        padding: 40px 0;
    }


    .flow_sec_list ul li section h3 span {
        font-size: 11px;
        font-weight: bold;
        letter-spacing: 0.1em;
    }

    .flow_sec_list ul li section h3 span:nth-of-type(2) {
        font-size: 30px;
        font-weight: bold;
        letter-spacing: 0.05em;
    }

    .flow_sec_list ul li section h4 {
        font-size: 25px;
    }

    .flow_sec_list ul li:nth-of-type(even) {
        height: 48px;
    }
}

@media screen and (max-width: 500px) {
    #flow_sec {
        background-image: url(../img/Watercolor_pink.png), url(../img/Watercolor_pink.png);
        background-repeat: no-repeat;
        background-size: 186px 182px;
        background-position: bottom -50px left 0, top 15% right 5%;
        padding: 40px 0;
    }
}


/*========================
食事ページ 
============================*/


/*----------------------
メインビジュアル 
-----------------------*/

.main_bg_meal {
    background: url(../img/main_bg.png) center center / cover;
}

.main_bg_meal .main_bg_inner h1 img {
    width: 60px;
}

.main_bg_meal .main_bg_inner h2 img {
    width: 42px;
}


@media screen and (max-width: 768px) {
    .main_bg_meal {
        background: url(../img/sp/main_bg_sp.png) center center / cover;
        padding: 55px;
    }
}


/*--------------------
最上部セクション 
---------------------*/

#meal_top_sec {
    padding: 40px 0;
}

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

.meal_top_sec_inner p {
    letter-spacing: 0.1em;
}

.meal_top_sec_inner picture {
    width: 60%;
}

.meal_top_sec_inner div {
    width: 36%;
}

.meal_top_sec_inner div picture {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 28px;
}

.meal_top_sec_inner div img {
    width: 177px;
}


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

    .meal_top_sec_inner div img {
        width: 13.8vw;
    }

    .meal_top_sec_inner div picture {
        text-align: left;
    }
}



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

    #meal_top_sec {
        padding: 20px 0 40px;
    }

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

    .meal_top_sec_inner picture {
        width: 100%;
    }

    .meal_top_sec_inner div {
        width: 100%;
    }

    .meal_top_sec_inner div img {
        width: 135px;
    }

    .meal_top_sec_inner {
        position: relative;

    }

    img.Watercolor_pink {
        position: absolute;
        width: 186px;
        bottom: 50px;
        right: 4%;
        z-index: -1;
    }

    .meal_top_sec_inner div picture {
        text-align: center;
    }
}

/*---------------------
 中間セクション 
 ----------------------*/

#meal_middle_sec {
    background-color: #EEF2EC;
    padding: 60px 0 24px;
}

.meal_middle_inner_wrapper {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.meal_middle_sec_inner {
    position: relative;
}


img.icon_tree {
    position: absolute;
    width: 160px;
    top: -180px;
    right: 0;
}

@media screen and (max-width: 1000px) {
    img.icon_tree {
        width: 120px;
        top: -150px;
        right: 4%;
    }
}

.meal_middle_inner {
    margin-bottom: 40px;
}

.meal_middle_inner .meal_middle_inner_wrapper picture,
.meal_middle_inner .meal_middle_inner_wrapper div:nth-of-type(2) {
    width: 60%;
}

.meal_middle_inner div.meal_middle_txt {
    width: 36%;
}

.meal_middle_inner div.meal_middle_txt p {
    letter-spacing: 0.1em;
}

.meal_middle_sec_inner section:nth-of-type(2) .meal_middle_inner_wrapper {
    flex-direction: row-reverse;
    /* flex-wrap: wrap; */
}

.meal_middle_img_area {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.meal_middle_img_area img {
    width: 39%;
}


/* .meal_middle_img_area img:first-of-type {
    margin-right: 20px;
} */

.meal_middle_txt p.p_margin {
    margin-bottom: 25px;
}

div.meal_middle_txt p.meal_middle_mark span {
    display: block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color: #000;
    margin: 0 auto 35px;
}

/*丸アイコン*/
.meal_middle_sec_inner .meal_middle_inner:first-of-type p.meal_middle_mark span {
    background-color: #F8C5AC;
}

.meal_middle_sec_inner .meal_middle_inner:nth-of-type(2) p.meal_middle_mark span {
    background-color: #FFED61;
}

.meal_middle_sec_inner .meal_middle_inner:last-of-type p.meal_middle_mark span {
    background-color: #B9D79C;
}

@media screen and (max-width: 920px) and (min-width: 769px) {
    .meal_middle_img_area img:first-of-type {
        margin-right: 0px;
    }

    .meal_middle_img_area {
        display: flex;
        gap: 20px;
    }

    .meal_middle_img_area img {
        width: calc((100% - 20px) / 2);
    }
}


@media screen and (max-width: 768px) {
    /* .meal_middle_inner {
        flex-direction: column-reverse;
    } */

    .meal_middle_inner_wrapper {
        flex-direction: column-reverse;
    }

    .meal_middle_sec_inner section:nth-of-type(2) .meal_middle_inner_wrapper {
        flex-direction: column-reverse;
        position: relative;
        /* flex-wrap: wrap; */
    }

    .meal_middle_inner .meal_middle_inner_wrapper picture,
    .meal_middle_inner .meal_middle_inner_wrapper div:nth-of-type(2) {
        width: 100%;
    }

    .meal_middle_inner div.meal_middle_txt {
        width: 100%;
        position: relative;
    }

    img.Watercolor_pink_middle {
        position: absolute;
        width: 186px;
        top: 20px;
        right: 4%;
    }


    img.middle_tree {
        position: absolute;
        right: 17px;
        top: 30px;
    }

    #meal_middle_sec {
        position: relative;
        padding: 0px 0 24px;
    }


    /* .write_cut_bg_bottom {
        position: absolute;
        width: 100%;
        height: 120px;
        bottom: 780px;
        background: linear-gradient(to bottom right, #fff 50%, transparent 50%);
    }

    .write_cut_bg_middle {
        position: absolute;
        width: 100%;
        height: 1070px;
        bottom: 900px;
        background-color: #fff;
    } */

    .meal_middle_inner picture,
    .meal_middle_inner div:nth-of-type(2) {
        width: 100%;
        z-index: 10;
    }

    .meal_middle_inner div.meal_middle_txt {
        width: 100%;
        position: relative;
        z-index: 10;
    }

    img.Watercolor_pink_middle_cut {
        position: absolute;
        width: 186px;
        top: 463px;
        right: 4%;
        z-index: 1;
    }

    .meal_middle_sec_inner section:nth-of-type(2) {
        flex-direction: column-reverse;
        background-color: #fff;
        padding: 30px 0 110px;
        /* flex-wrap: nowrap; */
    }

    .meal_middle_img_area {
        margin: 30px 0;
        display: flex;
        gap: 5px;
    }


    .meal_middle_img_margin {
        margin-bottom: 0;
    }

    .meal_middle_img_area img {
        width: calc((100% - 5px) / 2);
    }

    /* .meal_middle_img_area img:first-of-type {
        margin-right: 5px;
    } */


    .meal_middle_sec_inner .meal_middle_inner:first-of-type {
        margin-bottom: 110px;
        position: relative;
    }

    .meal_middle_sec_inner .meal_middle_inner:nth-of-type(2) {
        margin-bottom: 0;
    }

    .meal_middle_sec_inner .meal_middle_inner:last-of-type .meal_middle_inner_wrapper div:nth-of-type(2) {
        margin-top: -40px;
    }

    .meal_middle_sec_inner .meal_middle_inner:last-of-type {
        position: relative;
        margin-bottom: 13px;
    }


    .write_cut_bg {
        position: absolute;
        width: 100%;
        height: 120px;
        top: 0px;
        background: linear-gradient(to bottom right, #fff 50%, transparent 50%);
    }

    .write_cut_bg_bottom {
        position: absolute;
        width: 100%;
        height: 200px;
        top: 0px;
        background: linear-gradient(to bottom right, #fff 50%, transparent 50%);
    }



}


/*---------------------
最下部セクション
--------------------- */

#meal_bottom_sec {
    padding: 60px 0 79px;
}

#meal_bottom_sec h2 img {
    width: 65px;
}

#meal_bottom_sec h3 {
    margin: 16px 0 57px;
    line-height: 1;
}

#meal_bottom_sec h3 img {
    width: 335px;
}

#meal_bottom_sec section,
#meal_bottom_sec section ul {
    display: flex;
}

#meal_bottom_sec section {
    justify-content: space-between;
    max-width: 862px;
    margin: 0 auto;
}

#meal_bottom_sec section ul {
    justify-content: space-between;
}

#meal_bottom_sec section ul li {
    width: 40%;
}

#meal_bottom_sec section ul li:nth-of-type(2) {
    width: 45%;
}

#meal_bottom_sec section ul:first-of-type li:nth-of-type(2) {
    width: 40%;
}

#meal_bottom_sec section ul li span {
    display: block;
}

.meal_bottom_sec_txt {
    width: 54%;
}

.meal_bottom_sec_txt p {
    letter-spacing: 0.1em;
}

.meal_bottom_sec_illust {
    width: 36%;
}

.meal_bottom_sec_illust p:first-of-type {
    font-size: 14px;
    margin-bottom: 8px;
}

.meal_bottom_sec_illust .meal_bottom_arrow {
    margin-bottom: 8px;
}

.meal_bottom_sec_illust ul li {
    font-size: 12px;
}

.meal_bottom_sec_illust ul li span {
    margin-top: 10px;
}

.meal_bottom_sec_illust ul:nth-of-type(2) li p {
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 0;
}

.meal_bottom_sec_illust p:nth-of-type(2) {
    color: #C66C44;
    margin: 10px 0 45px;
    position: relative;
}

.meal_bottom_sec_illust p:nth-of-type(2) img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translate(-50%, -35%);
    z-index: -1;
}

.meal_bottom_sec_illust ul:nth-of-type(2) p {
    position: relative;
}

.meal_bottom_sec_illust ul:nth-of-type(2) p img {
    position: absolute;
    left: 50%;
    top: 0;
    transform: translateX(-50%);
    z-index: -1;
}

.meal_bottom_sec_illust ul:nth-of-type(3) {
    align-items: center;
    margin-top: 24px;
}

.meal_bottom_sec_illust p:last-of-type {
    font-size: 14px;
    margin-top: 10px;
}

.meal_bottom_sec_txt h4 {
    margin-bottom: 34px;
    font-size: 22px;
    letter-spacing: 0.1em;
}

.meal_bottom_sec_txt p:first-of-type,
.meal_bottom_sec_txt p:nth-of-type(2) {
    margin-bottom: 25px;
}

@media screen and (max-width: 768px) {
    #meal_bottom_sec section {
        max-width: 100%;
        flex-direction: column;
    }

    #meal_bottom_sec {
        position: relative;
    }

    img.Watercolor_pink_bottom_cut {
        position: absolute;
        /* width: 48vw; */
        width: 186px;
        z-index: -1;
        top: 0;
    }

    .meal_bottom_sec_txt {
        width: 100%;
        position: relative;
    }

    img.Watercolor_pink_bottom {
        position: absolute;
        width: 186px;
        z-index: -1;
        top: 0;
        right: 0;
    }

    .meal_bottom_sec_illust {
        width: 100%;
        margin-bottom: 90px;
    }

    #meal_bottom_sec h3 img {
        width: 270px;
    }

    #meal_bottom_sec section ul:first-of-type li:nth-of-type(2) {
        padding-left: 38px;
    }

    #meal_bottom_sec section ul:first-of-type li:first-of-type {
        padding-right: 38px;
    }

    .meal_bottom_sec_illust .meal_bottom_arrow {
        width: 70%;
    }

}

@media screen and (min-width: 529px) and (max-width: 768px) {
    .meal_bottom_sec_illust ul:nth-of-type(2) p img {
        top: -45%;
    }
}


/*========================
コンシェルジュページ 
============================*


/*----------------------
メインビジュアル 
-----------------------*/

.main_bg_concierge {
    background: url(../img/main_bg_concierge.jpg) top center / cover;
}

.main_bg_concierge .main_bg_inner h1 img {
    width: 175px;
}

.main_bg_concierge .main_bg_inner h2 img {
    width: 104px;
}


@media screen and (max-width: 768px) {
    .main_bg_concierge {
        background: url(../img/sp/main_bg_concierge_sp.png) center top / cover;
        /* padding: 55px; */
    }
}



/*---------------------
コンシェルジュとは？TOP 
--------------------- */

#concierge_top_sec {
    padding: 40px 0;
}

.concierge_top_sec_inner {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}

img.Watercolor_pink_concierge_top {
    position: absolute;
    width: 252px;
    top: 0;
    right: 0;
    z-index: -1;
}

.concierge_top_sec_imgarea {
    width: 60%;
}

.concierge_top_sec_txt {
    width: 36%;
}

.concierge_top_sec_txt p {
    letter-spacing: 0.1em;
}

.concierge_top_sec_txt p:first-of-type {
    margin-bottom: 30px;
}

.concierge_top_sec_imgarea div {
    margin-top: 20px;
    display: flex;
    gap: 20px;
}

.concierge_top_sec_imgarea div img {
    width: 235px
}

@media screen and (max-width: 768px) {
    .concierge_top_sec_inner {
        align-items: center;
        justify-content: space-between;
        position: relative;
        flex-direction: column;
        padding-left: 0;
    }

    .concierge_top_sec_txt {
        width: 100%;
        padding-left: 4%;
    }

    .concierge_top_sec_imgarea {
        width: 100%;
    }

    img.Watercolor_pink_concierge_top {
        position: absolute;
        width: 186px;
        top: 45%;
        right: 4%;
        z-index: -1;
    }

    .concierge_top_sec_txt div {
        display: flex;
        gap: 5px;
        margin-bottom: 30px;
    }

    .concierge_top_sec_txt div img {
        width: calc((100% - 5px) / 2);
    }
}

@media screen and (max-width: 950px) and (min-width: 769px) {

    .concierge_top_sec_imgarea div {
        display: flex;
        gap: 20px;
    }

    .concierge_top_sec_imgarea div img {
        width: calc((100% - 20px) / 2);
    }
}




/*---------------------
コンシェルジュとは？middle 
--------------------- */

#concierge_middle_sec {
    padding: 60px 0 40px;
    background-color: #EEF2EC;
}

.concierge_middle_sec_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

img.icon_tree_conciege {
    position: absolute;
    width: 160px;
    top: -180px;
    right: 0;
}

.concierge_middle_sec_imgarea {
    width: 60%;
}

.concierge_middle_sec_txt {
    width: 36%;
}

.concierge_middle_sec_txt p {
    letter-spacing: 0.1em;
}

.concierge_middle_mark span {
    display: block;
    width: 30px;
    height: 30px;
    background-color: #F8C5AC;
    margin: 0 auto 40px;
    border-radius: 50%;
}


@media screen and (max-width: 768px) {
    .concierge_middle_sec_inner {
        flex-direction: column-reverse;
    }

    #concierge_middle_sec {
        padding: 0px 0 40px;
    }

    .write_cut_bg_concierge {
        position: absolute;
        width: 100%;
        height: 120px;
        top: 0px;
        background: linear-gradient(to bottom right, #fff 50%, transparent 50%);
    }

    .concierge_middle_sec_imgarea {
        width: 100%;
        z-index: 10;
    }

    .concierge_middle_sec_txt {
        width: 100%;
        position: relative;
    }

    img.middle_tree_concierge {
        position: absolute;
        right: 0;
        top: 30px;
    }
}

@media screen and (max-width: 1000px) {
    img.icon_tree_conciege {
        width: 100px;
        top: -135px;
        right: 4%;
    }
}

/*---------------------
コンシェルジュの日々の活動
--------------------- */

#concierge_active_sec {
    padding: 60px 0;
    position: relative;
}

.concierge_active_sec_inner {
    max-width: 859px;
    margin: 0 auto;
}

.concierge_active_sec_illust_area {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

img.Watercolor_pink_concierge_bottom {
    position: absolute;
    width: 252px;
    top: 0;
    right: 0;
    z-index: -1;
}

.concierge_active_sec_illust {
    width: 53%;
}

.concierge_active_sec_txt {
    width: 41%;
}

.concierge_active_sec_txt h4 {
    margin-bottom: 30px;
    font-size: 22px;
    letter-spacing: 0.1em;
}

.concierge_active_sec_txt p {
    letter-spacing: 0.1em;
}

#concierge_active_sec h2 img {
    width: 65px;
}

#concierge_active_sec h3 img {
    width: 394px;
}

#concierge_active_sec h3 {
    margin: 17px 0 40px;
}

@media screen and (max-width: 768px) {
    .concierge_active_sec_illust_area {
        flex-direction: column;
    }

    .concierge_active_sec_illust {
        width: 100%;
    }

    .concierge_active_sec_txt {
        width: 100%;
    }

    #concierge_active_sec h3 img {
        width: 192px;
    }

    #concierge_active_sec h3 {
        margin: 17px 0 30px;
    }

    .concierge_active_sec_txt h4 {
        margin-bottom: 30px;
        margin-top: 40px;
        font-size: 20px;
        letter-spacing: 0.1em;
    }

    img.Watercolor_pink_concierge_bottom {
        width: 186px;
        bottom: 30px;
        right: 0;
        top: auto;
    }

    img.Watercolor_pink_bottom_cut_concierge {
        position: absolute;
        top: 0;
        left: 0;
        z-index: -1;
        width: 179px;
    }
}


/*========================
インタビューページ 
============================*


/*-------------------------
       共通 
--------------------------*/

.h2_sec_interview {
    font-size: 12px;
    margin-bottom: 15px;
    letter-spacing: 0.4em;
    color: #262626;
}

/*--------
ボタン 
---------*/
.btn_interview {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 20px 0 50px;
    max-width: 220px;
    width: 100%;
    height: 43px;
    color: #456800;
    border: #456800 2px solid;
    background-color: #FFFFFF;
    border-radius: 22px;
    box-shadow: 2px 2px 4px rgba(0, 0, 0, .2);
}

.btn_interview span {
    padding-bottom: 2px;
}

/* 
.btn_detail:hover {
    background-color: #456800;
    color: #fff;
    transition: .3s ease-in-out;
} */


@media screen and (max-width: 768px) {
    .btn_interview {
        margin: 0 auto;
    }

    .h2_sec_interview {
        letter-spacing: 0.2em;
        margin-bottom: 13px;
    }
}


/*----------------------
メインビジュアル 
-----------------------*/

.main_bg_interview {
    background: url(../img/main_bg_interview.png) center center / cover;
}

.main_bg_interview .main_bg_inner h1 img {
    width: 210px;
}

.main_bg_interview .main_bg_inner h2 img {
    width: 86px;
}


@media screen and (max-width: 768px) {
    .main_bg_interview {
        background: url(../img/sp/main_bg_interview_sp.jpg) center center / cover;
        padding: 55px;
    }
}


/*-----------------------------
トップのセクション 
------------------------------*/

#interview_top_sec {
    padding: 60px 0;
    background-color: #EEF2EC;
}

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


.interview_top_sec_inner picture {
    width: 60%;
}

.interview_top_sec_inner .interview_top_sec_txt {
    width: 36%;
    letter-spacing: 0.1em;
}

.interview_top_sec_inner .interview_top_sec_txt h3 {
    margin-bottom: 24px;
    /* font-size: 22px; */
    font-size: clamp(20px, 1.83vw, 22px);
}

.interview_top_sec_inner .interview_top_sec_txt p:first-of-type {
    margin: 24px 0 18px;
}

.interview_top_sec_inner .interview_top_sec_txt p:nth-of-type(2) {
    margin-bottom: 30px;
}

@media screen and (max-width: 768px) {
    .interview_top_sec_inner {
        flex-direction: column;
    }

    .interview_top_sec_inner picture {
        width: 100%;
    }

    .interview_top_sec_inner .interview_top_sec_txt {
        width: 100%;
        position: relative;
    }

    img.interview_tree {
        position: absolute;
        top: 28px;
        right: 0;
    }

    #interview_top_sec {
        padding: 20px 0 45px;
    }

    .interview_top_sec_inner .interview_top_sec_txt h2 {
        margin-top: 28px;
        margin-bottom: 18px;
        letter-spacing: 0.4em;
    }

    .interview_top_sec_inner .interview_top_sec_txt h3 {
        margin-bottom: 0;
    }

    .interview_top_sec_inner .interview_top_sec_txt p:first-of-type {
        margin: 17px 0 18px;
    }
}

@media screen and (min-width: 769px) and (max-width: 868px) {
    .interview_top_sec_inner picture img {
        height: 100%;
        object-fit: cover;
        object-position: center center;
        border-radius: 20px 20px 100px 20px;
    }

    .interview_top_sec_inner {
        align-items: stretch;
    }
}

/*-----------------------------
インタビュー詳細セクション
------------------------------*/

#interview_detail_sec {
    padding: 60px 0;
}

.interview_detail_sec_inner {
    position: relative;
}

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

.interview_detail_sec_inner ul.interview_detail_list li {
    width: 22%;
}

.interview_detail_sec_inner ul.interview_detail_list li h2 {
    color: #456800;
    margin: 18px 0;
}

.interview_detail_sec_inner ul.interview_detail_list li p {
    letter-spacing: 0.1em;
    margin-bottom: 20px;
}

img.icon_tree_interview {
    position: absolute;
    right: 0;
    top: -180px;
    width: 160px;
}


@media screen and (max-width: 1100px) {
    .interview_detail_sec_inner ul.interview_detail_list li {
        width: calc((100% - 80px) / 3);
        margin-bottom: 40px;
    }
}


@media screen and (max-width: 1000px) {
    img.icon_tree_interview {
        width: 120px;
        top: -150px;
        right: 4%;
    }
}


@media screen and (max-width: 968px) {
    img.icon_tree_interview {
        display: none;
    }
}

@media screen and (max-width: 768px) {
    .interview_detail_sec_inner ul.interview_detail_list li {
        width: calc((100% - 40px) / 2);
        margin-bottom: 40px;
    }
}

@media screen and (max-width: 550px) {
    .interview_detail_sec_inner ul.interview_detail_list {
        flex-direction: column;
    }

    .interview_detail_sec_inner ul.interview_detail_list li {
        width: 100%;
    }

    .interview_list {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 20px;
    }

    .interview_list picture {
        width: 49%;
    }

    .interview_list div {
        width: 45%;
    }

    #interview_detail_sec {
        padding: 40px 0 20px;
    }


    .interview_detail_sec_inner ul.interview_detail_list li p {
        letter-spacing: 0.05em;
    }


    .interview_detail_sec_inner ul.interview_detail_list li h2 {
        margin: 0 0 13px 0;
    }

    .interview_detail_sec_inner ul.interview_detail_list li p {
        margin-bottom: 0;
    }
}

/*========================
インタビュー詳細ページ 
============================*

/*----------------------
メインビジュアル (インタビューページのものを流用）
-----------------------*/

/* .main_bg_interview {
    background: url(../img/main_bg_interview.jpg) center center / cover;
}

.main_bg_interview .main_bg_inner h1 img {
    width: 210px;
}

.main_bg_interview .main_bg_inner h2 img {
    width: 86px;
}


@media screen and (max-width: 768px) {
    .main_bg_interview {
        background: url(../img/sp/main_bg_interview_sp.jpg) center center / cover;
        padding: 55px;
    }
} */


/*-------------
共通 
---------------*/

.h2_sec_interview_internal {
    margin-bottom: 30px;
    font-size: 22px;
    letter-spacing: 0.1em;
}


/*-----------------------------
トップのセクション 
------------------------------*/

#interview_internal_top_sec {
    padding: 40px 0;
    background-color: #EEF2EC;
}

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

.interview_internal_top_sec h3 {
    margin-bottom: 24px;
    /* font-size: 22px; */
    font-size: clamp(20px, 1.83vw, 22px);
}

.interview_internal_top_sec picture {
    width: 60%;
}

.interview_internal_top_sec_txt {
    width: 36%;
    letter-spacing: 0.1em;
}

.interview_internal_top_sec_txt p:first-of-type {
    margin-bottom: 18px;
}


@media screen and (max-width: 768px) {
    #interview_internal_top_sec {
        padding: 20px 0 45px;
    }

    .interview_internal_top_sec {
        flex-direction: column;
        justify-content: space-between;
        align-items: center;
    }

    .interview_internal_top_sec picture {
        width: 100%;
    }

    .interview_internal_top_sec_txt {
        width: 100%;
        position: relative;
    }

    img.interview_internal_tree {
        position: absolute;
        top: 28px;
        right: 0;
    }

    .interview_internal_top_sec h2 {
        letter-spacing: 0.4em;
        margin: 28px 0 18px;
    }

    .interview_internal_top_sec h3 {
        margin-bottom: 17px;
    }

}


/*-----------------------------
インタビュー詳細セクション
------------------------------*/

#interview_internal_sec {
    padding: 60px 0;
}

.interview_internal_sec_inner {
    position: relative;
}

img.icon_tree_interview_internal {
    position: absolute;
    width: 160px;
    right: 0;
    top: -180px;
}

/* セクション内 */
.interview_internal_sec_inner section {
    display: flex;
    align-items: center;
    justify-content: right;
    margin-bottom: 80px;
    gap: 7.2%;
    position: relative;
}


img.Watercolor_pink_interview_internal_top,
img.Watercolor_pink_interview_internal_middle,
img.Watercolor_pink_interview_internal_bottom {
    position: absolute;
    width: 252px;
    z-index: -1;
}

img.Watercolor_pink_interview_internal_top {
    left: 0;
    bottom: 0;
    transform: translateY(50%);
}

img.Watercolor_pink_interview_internal_middle {
    right: 0;
    bottom: -100px;
}

img.Watercolor_pink_interview_internal_bottom {
    left: 0;
    bottom: 0;
    transform: translateY(50%);
}


.interview_internal_sec_inner section:last-of-type {
    margin-bottom: 112px;
}

.interview_internal_sec_inner section:nth-of-type(2) {
    flex-direction: row-reverse;
    justify-content: left;
}

.interview_internal_sec_inner section picture {
    width: 42.8%;
}

.interview_internal_sec_inner section div {
    width: 40%;
    letter-spacing: 0.1em;
}

#btn_interview_internal {
    padding: 0 20px 0 44.5px;
    max-width: 240px;
    width: 100%;
    margin: 0 auto;
}

@media screen and (max-width: 1000px) {
    img.icon_tree_interview_internal {
        width: 120px;
        top: -150px;
        right: 4%;
    }
}

@media screen and (max-width: 968px) and (min-width: 769px) {
    .interview_internal_sec_inner section {
        align-items: stretch;
    }
}

@media screen and (max-width: 868px) {
    img.icon_tree_interview_internal {
        display: none;
    }
}


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

    #interview_internal_sec {
        padding: 20px 0 60px;
    }

    .interview_internal_sec_inner section {
        display: flex;
        align-items: center;
        justify-content: right;
        flex-direction: column-reverse;
        margin-bottom: 60px;
        gap: 7.2%;
        position: relative;
    }

    .interview_internal_sec_inner section:nth-of-type(2) {
        flex-direction: column-reverse;
        justify-content: left;
    }

    .interview_internal_sec_inner section picture {
        width: 100%;
    }

    .interview_internal_sec_inner section div {
        width: 100%;
        letter-spacing: 0.1em;
    }

    .h2_sec_interview_internal {
        margin: 30px 0;
        font-size: 20px;
    }

    .interview_internal_bottom_img {
        display: flex;
        justify-content: space-between;
        margin-bottom: 40px;
    }

    .interview_internal_bottom_img img {
        width: calc((100% - 5px) / 2);
    }

    .interview_internal_sec_inner section {
        display: flex;
        align-items: center;
        justify-content: right;
        margin-bottom: 80px;
        gap: 7.2%;
        position: relative;
    }


    img.Watercolor_pink_interview_internal_top,
    img.Watercolor_pink_interview_internal_middle,
    img.Watercolor_pink_interview_internal_bottom {
        position: absolute;
        width: 186px;
        z-index: -1;
    }

    img.Watercolor_pink_interview_internal_top {
        right: 0;
        left: auto;
        bottom: -10px;
        transform: translateY(50%);
    }

    img.Watercolor_pink_interview_internal_middle {
        right: auto;
        left: 0;
        bottom: -100px;
    }

    img.Watercolor_pink_interview_internal_bottom {
        left: auto;
        right: 0;
        bottom: 0;
        transform: translateY(80%);
    }

    .interview_internal_sec_inner section:last-of-type {
        margin-bottom: 80px;
    }

}