@charset "UTF-8";
/*
    Template: swell
    Theme Name: SWELL CHILD
    Theme URI: https://swell-theme.com/
    Description: SWELLの子テーマ
    Version: 1.0.0
    Author: LOOS WEB STUDIO
    Author URI: https://loos-web-studio.com/

    License: GNU General Public License
    License URI: http://www.gnu.org/licenses/gpl.html
*/



/* 共通 */
/* MV btn */
.p-mainVisual__textLayer>.p-blogParts {
    margin: 2em 0 0;
}

/* チェックリスト */
.is-style-check_list{
    --swl-list-padding--left: .25em;
    --swl-list-padding--has_bg: 1em;
    list-style: none !important;
}

.custom_list_no_border>li:last-of-type {
    border-bottom: none !important;
    padding-bottom: 0 !important;
    margin-bottom: 0 !important;
}

.custom_list_check>li::before {
    z-index: 1;
    color: var(--color_main);
    font-weight: bold;
    font-size: 1.3em;
    transform: translate(5%, -20%);
    text-shadow: 1px 1px 0px var(--white);
}

.custom_list_check>li::after {
    position: absolute;
    content: "";
    left: 0;
    top: 0.25em;
    width: 1em;
    height: 1em;
    border: 1px solid var(--color_list_check);
    border-radius: 3px;
}

.is-style-crease {
    background-color: var(--color-box) !important;
}

.brown-btn {
    background-color: var(--color-spHeaderMenu) !important;
    color: #fff !important;
}



@media screen and (max-width: 959px) {
    .p-fixBtnWrap {
        display: none !important;
    }
}


.l-mainContent {
    background: #fff;
    border-radius: var(--swl-radius--4, 0);
    padding: 3vw;
} 

#main_content h1 {
    line-height: 1.4 !important;
    padding-left: 1em;
    padding-top: 0.2em;
    padding-bottom: 0.2em;
    margin-bottom: 1.5em;
    border-left: 0.4em solid var(--color_main);
}

#main_content>.l-mainContent__inner>.w-frontTop {
    position: absolute;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.l-mainContent__inner>.post_content {
    margin-top: 0;
}




/* h2カスマイズ */
#main_content h2::before {
    content: "";
    width: 100%;
    height: 2px;
    background: repeating-linear-gradient(90deg, var(--color_htag) 0%, var(--color_htag) 20%, rgba(176, 252, 167, 0.2) 90%, rgba(176, 252, 167, 0.2) 100%);
}

.post_content h2:before {
    bottom: 0;
    display: block;
    left: 0;
    position: absolute;
    z-index: 0;
}

.post_content h2 {
    padding: 0 .5em .5em;
}



.basic-info-table tr, .basic-info-table th, .basic-info-table td {
    border: none;
    background-color: transparent !important;
}

.basic-info-table th {
    padding-top: 1em !important;
    border-bottom: 1px solid var(--black) !important;
}

hr {
    height: 10px;
}

.map-wrap {
    width: 100%;
    aspect-ratio: 1 / 1; /* 正方形にする */
}

@media screen and (max-width: 959px) {
    .map-wrap {
        aspect-ratio: 16 / 9; /* 縦長にする */
    }
}
  
.map-wrap iframe {
    width: 100%;
    height: 100%;
    border: 0;
}


/* price-content */


.price-content {
    .swell-block-column {
        border: 0.1px solid #cbbfae;
        border-radius: 20px;
        background: #fff;
        padding: 1.8em 1.3em;
        box-shadow: 1px 5px 9px 0px rgba(201, 173, 137, 0.3);
    }

    hr {
        margin: 1em 0 1.5em;
    }

    h2 {
        margin: 0;
        padding: 0;
    }

    h2::before {
    content: none !important;
    }

}


.plan-standard {
        border: 3px solid #91b98c !important;
        box-shadow: 1px 5px 9px 0px rgba(145, 185, 140, 0.3) !important;
}


.c-en-jp-ttl {
    position: relative;
    text-align: center;
    font-weight: normal;
    line-height: 1;
}

.c-en-jp-ttl__en {
    font-size: 2rem;
    color: #F0F7E8    ;
    font-family: Crimson Text;
    letter-spacing: 0.3rem;
    text-transform: uppercase;
    white-space: nowrap;
}

@media screen and (max-width: 600px) {
    .c-en-jp-ttl__en {
        font-size: 3.2rem;
    }
}

.c-en-jp-ttl__jp {
    font-size: 3.2rem;
    color: #1E2B38;
    font-family: "Noto Serif JP";
    position: absolute !important;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
}