@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,500,700,900&subset=japanese");

.pt60{
    padding-top:60px;
    @media (max-width:767px){
        padding-top: 30px;
    }
}

/*----------------------------------------------------
	#animation style_new.css
----------------------------------------------------*/

@-webkit-keyframes fadein {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}

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

    100% {
        opacity: 1;
    }
}

@-webkit-keyframes fadeinright {
    0% {
        opacity: 0;
        -webkit-transform: translate(10px, 0px);
        transform: translate(10px, 0px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(10px, 0px);
        transform: translate(10px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes fadeinright {
    0% {
        opacity: 0;
        -webkit-transform: translate(10px, 0px);
        transform: translate(10px, 0px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(10px, 0px);
        transform: translate(10px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-10px, 0px);
        transform: translate(-10px, 0px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(-10px, 0px);
        transform: translate(-10px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes fadeinleft {
    0% {
        opacity: 0;
        -webkit-transform: translate(-10px, 0px);
        transform: translate(-10px, 0px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(-10px, 0px);
        transform: translate(-10px, 0px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes fadeindown {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(0px, -10px);
        transform: translate(0px, -10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@keyframes fadeinup {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
    }

    30% {
        opacity: 0;
        -webkit-transform: translate(0px, 10px);
        transform: translate(0px, 10px);
    }

    100% {
        opacity: 1;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }
}

@-webkit-keyframes sdb {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0;
        -webkit-transform: translate(0px, 12px);
        transform: translate(0px, 12px);
    }

    100% {
        opacity: 0;
    }
}

@keyframes sdb {
    0% {
        opacity: 0;
        -webkit-transform: translate(0px, 0px);
        transform: translate(0px, 0px);
    }

    40% {
        opacity: 1;
    }

    80% {
        opacity: 0;
        -webkit-transform: translate(0px, 12px);
        transform: translate(0px, 12px);
    }

    100% {
        opacity: 0;
    }
}

/*----------------------------------------------------
	HOME
----------------------------------------------------*/

#masthead #main_visual {
    position: relative;
    margin: 10px 0;
    overflow: hidden;
}

@media only screen and (max-width: 768px) {
    #masthead #main_visual {
        margin: 0px 0 0 0;
    }
}

#masthead #main_visual .mv_catch {
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
}

#masthead #main_visual .mv_catch img {
    position: absolute;
    right: 10px;
    bottom: 70px;
}

#masthead #main_visual .bg_mv {
    position: absolute;
    top: 50px;
    right: 0;
    width: 80%;
    height: 610px;
    background: url("../img/top/bg_pink.jpg");
}

@media only screen and (max-width: 768px) {
    #masthead #main_visual .mv_img {
        height: 507px !important;
    }
}

@media only screen and (max-width: 414px) {
    #masthead #main_visual .mv_img {
        height: 300px !important;
    }
}

@media only screen and (max-width: 375px) {
    #masthead #main_visual .mv_img {
        height: 270px !important;
    }
}

#masthead .line {
    position: absolute;
    z-index: 5;
    top: 0;
    left: 120px;
}

#masthead .circle {
    position: absolute;
    top: 0;
    left: -175px;
}

.title_area {
    padding: 30px 0;
    color: #fff;
    background: url("../img/common/bg_blue5.webp");
    background-size: cover;
}

/* --- ご葬儀プランの紹介 --- */
.column_plan {
    background: #ffffff;
    @media (max-width:767px){
        padding: 0 0 60px 0;
    }
}

.column_plan .sec_cmn_heading {
    color: #fff;
}

.column_plan .h_line:after {
    border-top: 1px solid #fff;
}

.column_plan .plan_list {
    margin: 30px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 414px) {
    .column_plan .plan_list.pc_hide {
        display: block;
    }
}

@media only screen and (max-width: 414px) {
    .column_plan .plan_list.smart_hide {
        display: none;
    }
}

.column_plan .plan_list .simple_plan .smd_head_title {
    background: rgba(53, 84, 158, 0.9) url("../img/common/yajirushi.webp") no-repeat 340px center;
}

.column_plan .plan_list .family_plan .smd_head_title {
    background: rgba(204, 51, 51, 0.9) url("../img/common/yajirushi.webp") no-repeat 340px center;
}

.column_plan .plan_list .general_plan .smd_head_title {
    background: rgba(51, 102, 51, 0.9) url("../img/common/yajirushi.webp") no-repeat 340px center;
}

.column_plan .plan_list li {
    position: relative;
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .column_plan .plan_list li {
        -ms-flex-preferred-size: 48%;
        flex-basis: 48%;
        margin-bottom: 40px;
    }
}

@media only screen and (max-width: 414px) {
    .column_plan .plan_list li {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
    }
}

.column_plan .plan_list li a {
    display: block;
}

@media only screen and (max-width: 414px) {
    .column_plan .plan_list li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
    }
}

.column_plan .plan_list li .img_box {
    position: relative;
}

.column_plan .plan_list li .img_box .smd_head_title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: normal;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
}

.column_plan .plan_list li .img_box .smd_head_title .mini {
    font-size: 1.6rem;
    display: block;
}

.column_plan .plan_list li .text_box {
    height: 217px;
    padding: 20px 0;
    background: url("../img/top/bokashi.png") no-repeat;
    background-size: cover;
}

.column_plan .plan_list li .text_box p {
    line-height: 1.4;
    margin-bottom: 10px;
}

.plan_list .price_box {
    display: flex;
}

.plan_list .price_box > div {
    width: 55%;
}

.plan_list .price_box > div + div {
    width: 45%;
}

.plan_list .price_box .kakaku_midashi {
    color: #bb252c;
    border: 1px solid;
    margin: 0 10px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
}

.plan_list .price_box .kakaku_price {
    font-size: 36px;
    font-weight: bold;
    color: #ba2730;
    position: relative;
    line-height: 1;
    padding: 6px 0 0 0;
}

.plan_list .price_box .kakaku_price span {
    font-size: 19px;
    padding-left: 10px;
}

.plan_list .price_box .kakaku_price span + span {
    font-size: 12px;
    position: absolute;
    right: 5px;
    top: 4px;
}

.plan_list .price_box .kakaku_price_gen {
    font-size: 13px;
    font-weight: bold;
}

.plan_list .price_box .kakaku_price_gen span {
    font-size: 21px;
}

.plan_list .price_box .kakaku_price_gen span + span {
    font-size: 13px;
}

/* あんしん共済会員 非表示の場合の調整 */
.plan_list{
    .price_box{
        .kakaku_price{
            &.v2{
                span + span{
                    padding-left: 0;
                    right: 20px;
                }
            }
        }
    }
}

.plan_list .price_box .flow_box {
    display: flex;
    justify-content: space-between;
    padding-right: 10px;
}

.plan_list .price_box .flow_box li {
    writing-mode: vertical-rl;
    width: 14%;
    color: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 14px 0;
    flex-basis: inherit;
    font-size: 15px;
    position: relative;
}

.plan_list .price_box .flow_box li::after {
    content: "▶";
    position: absolute;
    top: 0;
    bottom: 0;
    left: 21px;
    margin: auto;
    font-size: 10px;
}

.plan_list .price_box .flow_box li:last-child::after {
    display: none;
}

.plan_list .simple_plan .price_box .flow_box li {
    background: #35549e;
}

.plan_list .simple_plan .price_box .flow_box li.gray {
    background: #b2a5a5;
}

.plan_list .simple_plan .price_box .flow_box li::after {
    color: #35549e;
}

.plan_list .family_plan .price_box .flow_box li {
    background: #b6472f;
}

.plan_list .family_plan .price_box .flow_box li.gray {
    background: #b2a5a5;
}

.plan_list .family_plan .price_box .flow_box li::after {
    color: #b6472f;
}

.plan_list .general_plan .price_box .flow_box li {
    background: #336633;
}

.plan_list .general_plan .price_box .flow_box li::after {
    color: #336633;
}

/* --- 式場のご案内 --- */
.column_part {
    margin-bottom: 60px;
    padding: 60px 0;
    background: url("../img/common/bg_blue.webp");
    background-size: cover;
    @media (max-width:767px){
        margin-bottom: 20px;
    }
    .sec_cmn_heading {
        color: #212c6c;
        &::after{
            border-top: 2px solid #212c6c;
        }
    }
}

.column_part .hall_body .sec_cmn_heading_other {
    color: #d0616e;
}

@media only screen and (max-width: 414px) {
    .column_part .hall_body .sec_cmn_heading_other {
        margin-bottom: 30px;
        font-size: 20px;
        font-size: 2rem;
    }
}

.column_part .hall_body .sec_cmn_heading_other:after {
    content: none;
}

@media only screen and (max-width: 414px) {
    .column_part .hall_body .sec_cmn_heading_other:after {
        content: "";
    }
}

.column_part .hall_body .sec_cmn_heading_other:before {
    position: absolute;
    top: 0;
    left: 40px;
    content: url(../img/top/icon_hall.png);
}

@media only screen and (max-width: 414px) {
    .column_part .hall_body .sec_cmn_heading_other:before {
        content: none;
    }
}

/* --- 式場のご案内 --- */
.column_part{
    .row-hall{
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        margin-top: 30px;
        padding-right: 20px;
        @media (max-width:767px){
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            padding-right: 0;
        }
        li{
            -ms-flex-preferred-size: 32%;
            flex-basis: 32%;
            margin-bottom: 20px;
            background: #fff;
            @media (max-width:767px){
                -ms-flex-preferred-size: 100%;
                flex-basis: 100%;
                margin-bottom: 20px;
            }
            &:nth-child(1),
            &:nth-child(2),
            &:nth-child(4),
            &:nth-child(5) {
                margin-right: 20px;
                @media (max-width:767px){
                    margin-right: 0;
                }
            }
            &:nth-child(3){
                @media (max-width:414px){
                    margin-right: 0;
                }
            }
            .text_box{
                padding: 10px;
                text-align: center;
                background: #212c6c;
                @media (max-width:414px){
                    position: relative;
                }
                h3{
                    color: #555;
                    font-size: 17px;
                    font-size: 1.7rem;
                    color: #fff;
                    padding-bottom: 5px;
                }
                .address{
                    font-size: 14px;
                    font-size: 1.4rem;
                    color: #fff;
                    @media (max-width:414px){
                        font-size: 14px;
                        font-size: 1.4rem;
                    }
                }
            }
        }
    }
}

/* --- お客様の声 --- */
.column_voice {
    padding: 60px 0;
    /*background: url("../img/common/bg_green.webp");*/
    background:#fafafa;
    background-size: cover;
    .inner{
        .sec_cmn_heading {
            color: #212c6c;
            &::after{
                border-top: 2px solid #212c6c;
            }
        }

        .voice_row{
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex;
            -ms-flex-wrap: wrap;
            flex-wrap: wrap;
            -webkit-box-pack: justify;
            -ms-flex-pack: justify;
            justify-content: space-between;
            margin: 30px 0;
            li{
                width: 24%;
                margin-bottom: 30px;
                padding: 10px;
                background: #fff;
                @media (max-width:767px){
                    width: 48%;
                    margin-bottom: 20px;
                    padding: 10px;
                }
                &:nth-child(3),
                &:nth-child(4){
                    @media (max-width:767px){
                        display: none;
                    }
                }
                img{
                    display: block;
                    width: 100%;
                    height: 180px;
                    margin: 0 auto;
                    -o-object-fit: cover;
                    object-fit: cover;
                    @media (max-width:767px){
                        width: 100%;
                        height: 120px;
                        margin-right: 20px;
                        -o-object-fit: cover;
                        object-fit: cover;
                    }
                }
                .cat{ display: none; }
                .rbox{
                    padding: 10px;
                    @media (max-width:767px){
                        padding: 10px 0;
                    }
                    .date,
                    .title,
                    .text{
                        display: block;
                    }
                    .date{
                        margin-bottom: 5px;
                        font-size: 12px;
                        font-size: 1.2rem;
                        color: #212c6c;
                        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                    }
                    .title{
                        margin-bottom: 10px;
                        font-size: 16px;
                        font-size: 1.6rem;
                        color: #212c6c;
                        font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                    }
                    .text{
                        font-size: 14px;
                        font-size: 1.4rem;
                    }
                }
            }
        }
    }
}


.btn_con {
    width: 80%;
    margin: 20px auto 0 auto;
    text-align: center;
}

/* --- 柏斎苑の事前相談 --- */
.column_consul {
    margin-bottom: 0;
    padding: 60px 0;
    /*background: url("../img/common/bg_blue2.webp");*/
    background: url("../img/common/bg_blue6.png");
    background-size: cover;
    @media (max-width:767px){
        margin-bottom: 20px;
    }
    .hall_body{
        padding: 60px;
        background: #fff;
        @media (max-width:767px){
            padding: 40px 20px;
        }
        .sec_cmn_heading {
            color: #212c6c;
            &::after{
                border-top: 2px solid #212c6c;
            }
        }
        .row_consul {
            -webkit-box-align: center;
            -ms-flex-align: center;
            align-items: center;
            margin: 30px 0;
            @media (max-width:767px){
                display: block;
            }
            img{
                width: 50%;
                @media (max-width:767px){
                    width: 100%;
                }
            }
            .text_box {
                width: 60%;
                margin-left: 30px;
                padding: 41px 0;
                border: 1px solid #4d659d;
                border-radius: 30px 0 30px 0;
                @media (max-width:767px){
                    width: 100%;
                    margin-top: 30px;
                    margin-left: 0;
                }
                h3 {
                    font-weight: normal;
                    margin-bottom: 20px;
                    text-align: center;
                    color: #4d659d;
                    font-size: 25px;
                    font-size: 2.5rem;
                    @media (max-width:767px){
                        font-size: 2rem;
                    }
                }
                ul {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -webkit-box-align: start;
                    -ms-flex-align: start;
                    align-items: flex-start;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                    padding: 10px 20px;
                    color: #4d659d;
                    background: #f7f8fb;
                    @media (max-width:767px){
                        display: block;
                    }
                    li{
                        width: 48%;
                        margin-bottom: 10px;
                        font-size: 14px;
                        font-size: 1.4rem;
                        @media (max-width:767px){
                            width: 100%;
                        }
                        .inner-ul {
                            display: block;
                            padding: 0;
                            li {
                                width: 100%;
                                &::before{
                                    content: "●";
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}


@media only screen and (max-width: 768px) {
    .column_banner {
        padding-top: 0;
        padding-bottom: 20px;
    }
}

.column_banner .banner-box2 {
    margin-top: 20px;
}

@media only screen and (max-width: 768px) {
    .column_banner .banner-box2 {
        margin-top: 0;
    }
}

@media only screen and (max-width: 768px) {
    .column_banner .banner-box {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .column_banner .banner-box li {
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 768px) {
    .column_banner .banner-box .img_box_side {
        text-align: center;
    }
}

.doc_sec {
    padding: 60px 0;
    background: #f9f9f7;
    .sec_cmn_heading_other {
        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
        font-weight: 500;
        margin-bottom: 20px;
        padding: 5px;
        color: #212c6c;
        border-bottom: 1px dashed #757053;
        font-size: 24px;
        font-size: 2.4rem;
        @media (max-width:767px){
            font-size: 20px;
            font-size: 2rem;
        }
    }
}

@media only screen and (max-width: 768px) {
    .doc_sec .flex {
        display: block;
    }
}

.doc_sec .doc_box {
    width: 80%;
    margin-right: 30px;
}

@media only screen and (max-width: 768px) {
    .doc_sec .doc_box {
        width: 100%;
        margin-bottom: 30px;
    }
}

/* 資料請求でお送りさせていただくもの */
.doc_sec{
    .doc_subbox{
        position: relative;
        margin-top: 30px;
        padding: 30px;
        text-align: center;
        color: #333;
        background: #fff;
        font-size: 14px;
        font-size: 1.4rem;
        .title{
            position: absolute;
            top: -15px;
            right: 0;
            left: 0;
            max-width: 335px;
            max-width: 334px;
            margin: 0 auto;
            padding: 5px 0;
            text-align: center;
            color: #fff;
            border-radius: 50px;
            background: #ba7f00;
        }
        ul{
            margin-top: 10px;
        }
    }
}

@media only screen and (max-width: 768px) {
    .doc_sec .doc_subbox ul li {
        line-height: 1.9;
    }
}

.doc_sec .doc_subbox ul li:not(:last-of-type) {
    margin-bottom: 5px;
}

@media only screen and (max-width: 768px) {
    .doc_sec .doc_subbox ul li:not(:last-of-type) {
        margin-bottom: 0;
    }
}

.doc_sec .img_box img {
    border-radius: 10px;
}

/* --- エリアのお葬式の豆知識 --- */
.column_knowledge {
    padding: 60px 0;
    background: #f9f9f7;
    .inner{
        .sec_cmn_heading{
            color: #212c6c;
            &::after{
                border-top: 2px solid #212c6c;
            }
        }

        .tab_wrap{
            margin-right: 20px;
            @media (max-width:767px){
                margin-right:0;
            }
            .tab_list{
                -webkit-box-pack: start;
                -ms-flex-pack: start;
                justify-content: flex-start;
                @media (max-width:767px){
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: justify;
                    -ms-flex-pack: justify;
                    justify-content: space-between;
                }
                .js-tab-btn{
                    margin-right: 5px;
                    padding: 10px 60px;
                    text-align: center;
                    color: #333333;
                    background: #dfe2f1;
                    font-size: 18px;
                    font-size: 1.8rem;
                    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                    @media (max-width:767px){
                        padding: 10px 20px;
                    }
                    @media (max-width:414px){
                        width: 48%;
                        margin-bottom: 5px;
                    }
                    &.current{
                        padding: 10px 60px;
                        color: #fff;
                        background: #212c6c;
                        font-size: 18px;
                        font-size: 1.8rem;
                        @media (max-width:767px){
                            padding: 10px 20px;
                        }
                    }
                }
            }

            .panel_area{
                .knowledge_row {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex;
                    -ms-flex-wrap: wrap;
                    flex-wrap: wrap;
                    -webkit-box-pack: start;
                    -ms-flex-pack: start;
                    justify-content: flex-start;
                    margin-top: 20px;
                    @media (max-width:767px){
                        -webkit-box-pack: justify;
                        -ms-flex-pack: justify;
                        justify-content: space-between;
                    }
                    li{
                        width: 24%;
                        padding: 10px;
                        background: #fff;
                        @media (max-width:767px){
                            width: 48%;
                            margin-bottom: 20px;
                        }
                        &:nth-child(1),
                        &:nth-child(2),
                        &:nth-child(3){
                            margin-right: 1%;
                            @media (max-width:767px){
                                margin-right: 0;
                            }
                        }
                        &:nth-child(3),
                        &:nth-child(4){
                            @media (max-width:767px){
                                display: none;
                            }
                        }

                        .img_box{
                            position: relative;
                            img{
                                width: 100%;
                                height: 180px;
                                -o-object-fit: cover;
                                object-fit: cover;
                                @media (max-width:767px){
                                    height: 120px;
                                }
                            }
                            .cat{
                                position: absolute;
                                bottom: 10px;
                                left: 10px;
                                padding: 5px 20px;
                                color: #fff;
                                border-radius: 50px;
                                background: #212c6c;
                                @media (max-width:767px){
                                    font-size: 12px;
                                    font-size: 1.2rem;
                                }
                            }
                        }

                        .rbox{
                            margin-top: 20px;
                            .date{
                                display: block;
                                color: #212c6c;
                                font-size: 12px;
                                font-size: 1.2rem;
                                    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                            }
                            .title{
                                display: block;
                                margin-bottom: 10px;
                                color: #212c6c;
                                font-size: 16px;
                                font-size: 1.6rem;
                                font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                            }
                            .text{
                                padding: 10px;
                            }
                        }
                    }
                }
            }
        }
    }
}



.column_case {
    margin-bottom: 60px;
    padding: 60px 0;
    background: url("../img/common/bg_blue3.jpg");
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_case {
        margin-bottom: 20px;
    }
}

.column_case .sec_cmn_heading {
    color: #4d659d;
}

.column_case .sec_cmn_heading:after {
    border-top: 1px solid #4d659d;
}

.column_case .tab_list {
    margin-top: 30px;
}

.column_case .tab_list .js-tab-btn {
    color: #34267b;
    background: #e5e4ea;
}

.column_case .tab_list .js-tab-btn.current {
    background: #34267b;
}

/* --- 柏斎苑のお知らせ・イベント情報 --- */
.column_event{
    &.column_knowledge{
        background: none;
        .inner{
            .panel_area{
                .knowledge_row{
                    display: flex;
                    flex-wrap: wrap;
                    justify-content: space-between;
                    column-gap: 10px;
                    li{
                        margin: 0 0 20px 0!important;
                        width: calc(100% / 2 - 10px);
                        @media (max-width:767px){
                            width: 100%;
                        }
                        .img_box{
                            img{
                                width: 220px;
                                height: 180px;
                                -o-object-fit: cover;
                                object-fit: cover;
                            }
                            .cat{
                                left: 255px;
                                width: 178px;
                                @media (max-width:767px){
                                    left: 153px;
                                    width: 133px;
                                }
                            }
                        }
                    }
                }
            }
        }
    }
}

.column_event{
    .tab_list{
        margin-top: 30px;
        .js-tab-btn {
            color: #7e3034;
            background: #f4eaeb;
            &.current {
                background: #7e3034;
            }
        }
    }
    .panel_area{
        li{
            width: 48%;
            border: 1px solid #eee;
            @media (max-width:767px){
                width: 100%;
            }
            @media (max-width:414px){
                padding: 0;
            }
            &:nth-child(3),
            &:nth-child(4){
                @media (max-width:767px){
                    display: none;
                }
            }
            a{
                position: relative;
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
                padding: 10px;
                @media (max-width:414px){
                    padding: 5px;
                }
                .img_box{
                    position: relative;
                    margin-right: 3%;
                    img{
                        width: 200px;
                        height: auto;
                        @media (max-width:414px){
                            width: auto;
                            height: 130px;
                        }
                    }
                    .cat{
                        position: absolute;
                        top: 0;
                        left: 357px;
                        width: 130px;
                        height: 25px;
                        text-align: center;
                        background: #7e3034;
                        font-size: 12px;
                        font-size: 1.2rem;
                        @media (max-width:1037px){
                            left: 250px;
                        }
                        @media (max-width:885px){
                            top: -20px;
                            left: 200px;
                        }
                        @media (max-width:414px){
                            top: 0;
                            left: 5px;
                            width: 120px;
                            padding: 5px 0;
                        }
                    }
                }
                .rbox{
                    @media (max-width:414px){
                        width: 90%;
                    }
                }
            }
        }
    }
}

/* --- 柏斎苑のグリーフケア --- */
.column_greef {
    padding: 60px 0;
    background: url("../img/top/bag_tsuru.webp");
    background-size: cover;
    @media (max-width:767px){
        margin-bottom: 0;
    }
    .inner{
        .sec_cmn_heading {
            color: #fff;
            &::after{
                border-top: 1px solid #fff;
            }
        }
        .row_greef {
            position: relative;
            margin-top: 30px;
            padding: 40px;
            background: #fff;
            -webkit-filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.1));
            filter: drop-shadow(4px 4px 4px rgba(0, 0, 0, 0.1));
            @media (max-width:767px){
                padding: 50px 20px;
            }
            &::before{
                position: absolute;
                top: 5px;
                left: 5px;
                width: 35px;
                height: 35px;
                content: "";
                background: url("../img/top/sankaku_blue.png");
            }
            .flex{
                -webkit-box-align: center;
                -ms-flex-align: center;
                align-items: center;
                @media (max-width:767px){
                    display: block;
                }
                .text_box{
                    width: 80%;
                    margin-right: 30px;
                    @media (max-width:767px){
                        width: 100%;
                        margin-bottom: 30px;
                    }
                    h3{
                        margin-bottom: 30px;
                        font-size: 3rem;
                        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                        @media (max-width:414px){
                            font-size: 2.3rem;
                        }
                    }
                    .add{
                        margin-top: 30px;
                        padding: 20px;
                        color: #787474;
                        background: #f8faf6;
                        font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
                    }
                }
            }
        }
    }
}

/* --- 真心をこめてお手伝いさせていただきます --- */
.column_magokoro {
    position: relative;
    margin-bottom: 60px;
    padding: 100px 0;
    background: #eef0f8;
    @media (max-width:767px){
        margin-bottom: 30px;
        padding: 60px 0;
    }
    @media (max-width:414px){
        padding: 30px 0;
    }
    .inner{
        .staff_img{
            position: absolute;
            top: 20px;
            @media (max-width:767px){
                position: inherit;
                text-align: center;
            }
        }

        h2{
            font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
            font-size: 3rem;
            color: #212c6c;
        }

        p{
            margin-top: 30px;
            text-align: center;
            color: #212c6c;
            font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
        }
    }
}

/*----------------------------------------------------
	下層共通
----------------------------------------------------*/

.category-staff .breadcrumbs,
.page-id-55 .breadcrumbs,
.page-id-53 .breadcrumbs,
.page-id-1230 .breadcrumbs,
.page-id-1228 .breadcrumbs,
.page-id-1254 .breadcrumbs {
    background: url(../img/top/bg_pink.jpg) !important;
}

.page .column_first {
    padding-bottom: 60px;
    background: #f9f9f7;
}

@media only screen and (max-width: 768px) {
    .page .column_first {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 30px;
    }
}

.note_red {
    font-weight: 600;
    color: #c1543d;
    font-size: 18px;
    font-size: 1.8rem;
}

.sec_title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    margin-bottom: 30px;
    color: #757053;
    font-size: 26px;
    font-size: 2.6rem;
}

@media only screen and (max-width: 768px) {
    .sec_title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.sec_cmn_heading_cen {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: bold;
    margin-bottom: 30px;
    color: #796333;
    font-size: 28px;
    font-size: 2.8rem;
}

@media only screen and (max-width: 768px) {
    .sec_cmn_heading_cen {
        font-size: 20px;
        font-size: 2rem;
    }
}

/*----------------------------------------------------
	お急ぎの方へ
----------------------------------------------------*/

#hurry .column_first .inner {
    background: url(../img/hurry/hurry_bg.jpg) no-repeat;
    height: 100%;
    padding-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    #hurry .column_first {
        background: #fff;
    }

    #hurry .column_first .inner {
        background: url(../img/hurry/hurry_bg_sp.jpg) no-repeat;
        background-size: contain;
    }
}

#hurry .column_first .hurry_top {
    padding: 0 30px;
}

#hurry .column_first .sec_cmn_heading_center {
    text-align: left;
    padding-top: 30px;
    margin-bottom: 25px;
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .sec_cmn_heading_center {
        text-align: left;
        padding-top: 25px;
        margin-bottom: 10px;
    }
}

#hurry .column_first .sec_cmn_heading_cen {
    margin-bottom: 0;
    line-height: 0.5;
    font-size: 2.5rem;
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .sec_cmn_heading_cen {
        margin-bottom: 0;
        line-height: 1.3;
        font-size: 1.8rem;
    }
}

#hurry .column_first .sec_tel {
    display: inline-block;
    font-size: 6.5rem;
    line-height: 1.5;
    color: #cf161f;
}

#hurry .column_first .sec_tel.smart_hide:before {
    content: "";
    display: inline-block;
    background: url(../img/hurry/hurry_tel_icon.png) no-repeat;
    width: 50px;
    height: 50px;
    background-size: contain;
    vertical-align: middle;
    margin-bottom: 10px;
    padding-right: 10px;
}

#hurry .column_first .sec_tel_btn {
    margin: 15px 0;
}

#hurry .column_first .sec_title {
    color: #555;
    font-size: 20px;
    font-size: 2rem;
    line-height: 1.5;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .sec_title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#hurry .column_first .hurry_sec {
    display: inline-block;
    padding: 20px;
    background: rgba(255, 255, 255, 0.4);
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .hurry_sec {
        display: block;
        padding: 30px 15px;
        text-align: center;
        border: solid 1px #4d659d;
    }
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .hurry_sec ul {
        margin-bottom: 10px;
        text-align: left;
    }
}

#hurry .column_first .hurry_sec ul li {
    line-height: 1.8;
    color: #555;
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .hurry_sec ul li {
        line-height: 1.4;
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 10px;
    }
}

#hurry .column_first .hurry_sec ul li:before {
    margin-right: 10px;
    content: "〇";
}

#hurry .column_first .hurry_sec .sec_title {
    color: #4d659d;
    font-size: 24px;
    font-size: 2.4rem;
}

@media only screen and (max-width: 768px) {
    #hurry .column_first .hurry_sec .sec_title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_hall_list {
    padding: 0 0 30px 0;
}

@media only screen and (max-width: 768px) {
    .column_hall_list {
        padding-right: 0;
    }
}

.column_hall_list .sec_cmn_heading_cen {
    border-bottom: 1px dashed;
}

.column_hall_list .send_box {
    width: 60%;
    margin: 30px auto 0 auto;
    padding: 30px;
    border: 10px solid #e8ebf1;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_hall_list .send_box {
        width: 100%;
        padding: 30px 10px;
        border: 5px solid #e8ebf1;
    }
}

.column_hall_list .send_box .sec_cmn_heading_oh {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    margin-bottom: 20px;
    text-align: center;
    color: #4d659d;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .column_hall_list .send_box .sec_cmn_heading_oh {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_hall_list .send_box ul {
    line-height: 1.8;
}

.column_hall_list .send_box ul li {
    text-align: center;
    text-decoration: underline;
    color: #dc3d3e;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .column_hall_list .send_box ul li {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.column_hurry {
    padding: 60px 0;
    background: url(../img/common/bg_blue.jpg);
    background-size: cover;
}

.column_hurry .row_hurry li {
    margin-bottom: 30px;
}

.column_hurry .row_hurry li .flow_box {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 30px 0;
}

.column_hurry .row_hurry li .flow_box li {
    margin-bottom: 0;
    padding: 25px;
    text-align: center;
    background: #fbe4ea;
}

@media only screen and (max-width: 483px) {
    .column_hurry .row_hurry li .flow_box li {
        -ms-flex-preferred-size: 46%;
        flex-basis: 46%;
    }
}

.column_hurry .row_hurry .hu_titile {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: bold;
    padding: 15px 0 15px 60px;
    color: #fff;
    background: url(../img/common/bg_blue4.jpg);
    background-size: cover;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hu_titile {
        font-weight: normal;
        padding-left: 20px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_hurry .row_hurry .hurry_box {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 30px;
    border: 1px solid #eeee;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box {
        display: block;
        padding: 10px;
    }
}

.column_hurry .row_hurry .hurry_box .icon {
    margin: 20px 0;
    color: #4d659d;
    font-size: 17px;
    font-size: 1.7rem;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .flex {
        display: block;
    }
}

.column_hurry .row_hurry .hurry_box .text_box {
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    margin-right: 30px;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .text_box {
        margin-right: 0;
        padding: 15px;
    }
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .text_box .list {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
        margin-top: 20px;
    }
}

.column_hurry .row_hurry .hurry_box .text_box .list li {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 13%;
    height: 150px;
    margin: 20px 0;
    padding: 20px;
    text-align: center;
    color: #fff;
    background: #73618e;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .text_box .list li {
        width: 32%;
        height: 130px;
        margin: 0 0 10px 0;
        padding: 10px;
    }
}

.column_hurry .row_hurry .hurry_box .text_box .list li figure img {
    width: inherit;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .text_box .list li figure img {
        height: auto;
    }
}

.column_hurry .row_hurry .hurry_box .text_box .list li figcaption {
    margin-top: 10px;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .text_box .list li figcaption {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

.column_hurry .row_hurry .hurry_box .text_box .tel {
    margin-top: 30px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .text_box .tel {
        margin: 20px 0 30px 0;
    }
}

.column_hurry .row_hurry .hurry_box .img_box {
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .column_hurry .row_hurry .hurry_box .img_box {
        margin-top: 20px;
    }
}

.column_osusume {
    padding: 80px 0;
    background: url(../img/hurry/bg_hurry.jpg);
    background-size: cover;
}

.column_osusume .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_osusume .flex {
        display: block;
    }
}

@media only screen and (max-width: 768px) {
    .column_osusume img {
        width: 100%;
        height: 250px;
        -o-object-fit: cover;
        object-fit: cover;
    }
}

.column_osusume .text_box {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: 600;
    width: 50%;
    text-align: center;
    color: #d97261;
}

@media only screen and (max-width: 768px) {
    .column_osusume .text_box {
        width: 100%;
        padding: 30px 0;
    }
}

.column_osusume .text_box p {
    font-size: 24px;
    font-size: 2.4rem;
}

@media only screen and (max-width: 768px) {
    .column_osusume .text_box p {
        font-size: 17px;
        font-size: 1.7rem;
    }
}

/*----------------------------------------------------
	特徴
----------------------------------------------------*/

#feature .column_first .flex {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#feature .column_first li {
    width: 19%;
    text-align: center;
    background: url(../img/common/bg_brown.webp);
    background-size: cover;
    padding: 5px;
}

@media only screen and (max-width: 768px) {
    #feature .column_first li {
        width: 48%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 414px) {
    #feature .column_first li {
        width: 100%;
    }
}

#feature .column_first li a {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    display: block;
    min-height: 190px;
    padding: 30px 10px;
    color: #fff;
    border: 1px solid #fff;
    font-size: 16px;
    font-size: 1.6rem;
    width: 100%;
    height: 100%;
}

@media only screen and (max-width: 768px) {
    #feature .column_first li a {
        min-height: 140px;
        padding: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media only screen and (max-width: 414px) {
    #feature .column_first li a {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        min-height: 40px;
        padding: 10px;
    }
}

#feature .column_first li a span {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    display: block;
    margin-bottom: 10px;
    color: #fff;
    font-size: 36px;
    font-size: 3.6rem;
}

@media only screen and (max-width: 414px) {
    #feature .column_first li a span {
        display: inline-block;
        margin-right: 10px;
    }
}

#feature .column_reason {
    padding-top: 60px;
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

#feature .column_reason .coise_box {
    position: relative;
    margin-bottom: 430px;
}

@media only screen and (max-width: 1040px) {
    #feature .column_reason .coise_box {
        margin-bottom: 50px;
    }
}

#feature .column_reason .coise_box .text_box {
    position: absolute;
    top: 453px;
    left: 50px;
    width: 55%;
    padding: 40px;
    background: rgba(255, 255, 255, 0.9);
}

@media only screen and (max-width: 1040px) {
    #feature .column_reason .coise_box .text_box {
        position: relative;
        top: 0;
        left: 0;
        width: 100%;
        padding: 30px 20px;
    }
}

#feature .column_reason .coise_box .text_box .sec_title {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #feature .column_reason .coise_box .text_box .sec_title {
        display: block;
    }
}

#feature .column_reason .coise_box .text_box .sec_title span {
    margin-right: 20px;
    color: #69494c;
    font-size: 75px;
    font-size: 7.5rem;
}

@media only screen and (max-width: 768px) {
    #feature .column_reason .coise_box .text_box .sec_title span {
        margin-right: 10px;
        font-size: 20px;
        font-size: 2rem;
    }
}

#feature .column_reason .row02 .text_box,
#feature .column_reason .row04 .text_box {
    right: 50px;
    left: inherit;
}

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

    #feature .column_reason .row02 .text_box,
    #feature .column_reason .row04 .text_box {
        right: 0;
    }
}

@media only screen and (max-width: 1040px) {
    #feature .column_reason .row03 {
        padding-top: 40px;
    }
}

#feature .column_reason .row04 .coise_box {
    margin-bottom: 280px;
    padding-top: 60px;
}

@media only screen and (max-width: 1040px) {
    #feature .column_reason .row04 .coise_box {
        margin-bottom: 50px;
    }
}

#feature .column_reason .column_voice {
    background: url(../img/common/bg_blue3.jpg);
}

#feature .column_reason .coise_box .text_box p a.tel_link {
    display: inline-block;
    color: #c1543d;
}

/*----------------------------------------------------
	プラン
----------------------------------------------------*/

#plan .column_plan {
    background: url(../img/top/bg_pink.jpg);
    background-size: cover;
}

#plan .column_plan .osusume {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

@media only screen and (max-width: 768px) {
    #plan .column_plan .osusume {
        display: block;
    }
}

#plan .column_plan .osusume .le01 {
    border: 1px solid #7d4b98;
    background: #f8f8fb;
}

#plan .column_plan .osusume .le01 .p_sec_head {
    color: #5e66b5;
    border-bottom: 1px solid #5e66b5;
}

#plan .column_plan .osusume .le02 {
    border: 1px solid #d9725f;
    background: #fdfbfb;
}

#plan .column_plan .osusume .le02 .p_sec_head {
    color: #d9725f;
    border-bottom: 1px solid #d9725f;
}

#plan .column_plan .osusume .le03 {
    border: 1px solid #4c582f;
    background: #f6f7f4;
}

#plan .column_plan .osusume .le03 .p_sec_head {
    color: #4c582f;
    border-bottom: 1px solid #4c582f;
}

#plan .column_plan .osusume .le {
    -ms-flex-preferred-size: 32%;
    flex-basis: 32%;
    padding: 20px;
}

@media only screen and (max-width: 768px) {
    #plan .column_plan .osusume .le {
        -ms-flex-preferred-size: 100%;
        flex-basis: 100%;
        margin-bottom: 20px;
    }
}

#plan .column_plan .osusume .le ul li {
    line-height: 1.6;
}

#plan .column_plan .osusume .le .p_sec_head {
    margin-bottom: 20px;
    margin-bottom: 10px;
    text-align: center;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #plan .column_plan .osusume .le .p_sec_head {
        /*line-height: .7;*/
        padding-bottom: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#plan .column_osusume {
    padding: 80px 0;
    background: url(../img/plan/hall_bg_img_oh.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    #plan .column_osusume {
        padding: 30px 0;
    }
}

@media only screen and (max-width: 768px) {
    #plan .column_osusume .inner {
        margin: 0 10px;
        padding: 20px;
        background: rgba(255, 255, 255, 0.8);
    }
}

#plan .column_osusume .inner {
    text-align: center;
}

/* 下層プラン */

#plan_sub .column_first {
    background: url(../img/top/bg_pink.jpg);
    background-size: cover;
}

#plan_sub .tab_list {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-bottom: 20px;
}

#plan_sub .tab_list .js-tab-btn.current {
    padding: 10px 40px;
    text-align: center;
    color: #fff;
    border: 1px solid #fff;
    background: #6154a7;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_list .js-tab-btn.current {
        padding: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

#plan_sub .tab_list .js-tab-btn {
    padding: 10px 40px;
    text-align: center;
    color: #6154a7;
    border: 1px solid #fff;
    background: #eeecf9;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_list .js-tab-btn {
        padding: 10px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

#plan_sub .text_note {
    margin-top: 20px;
    padding: 30px;
    background: #fbfafa;
}

@media only screen and (max-width: 768px) {
    #plan_sub .text_note {
        padding: 20px;
    }
}

#plan_sub ol {
    padding: 20px;
    background: #eeecf9;
}

@media only screen and (max-width: 768px) {
    #plan_sub ol {
        padding: 10px;
    }
}

#plan_sub ol li {
    position: relative;
    width: 16%;
    padding: 2px 0;
    text-align: center;
    color: #fff;
    border-radius: 5px;
    background: #4a3d8e;
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub ol li {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

#plan_sub ol li.off {
    background: #9c8d8d;
}

#plan_sub ol li:after {
    position: absolute;
    top: 7px;
    left: 100%;
    margin-left: 9px;
    content: "";
    border-width: 4px 0 4px 7px;
    border-style: solid;
    border-color: transparent transparent transparent #bd546b;
}

@media only screen and (max-width: 768px) {
    #plan_sub ol li:after {
        left: 90%;
    }
}

#plan_sub ol li:last-child:after {
    border-color: transparent transparent transparent #f2ecf3;
}

#plan_sub .plan_head {
    padding: 10px 0;
    text-align: center;
    color: #fff;
    background: url(../img/common/bg_brown.webp);
    background-size: cover;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub .plan_head {
        line-height: 1.4;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#plan_sub .tab_plan_body {
    padding: 30px;
    border: 1px solid #eee;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_plan_body {
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row {
        display: block;
    }
}

#plan_sub .tab_row .oh_title {
    margin-bottom: 10px;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .oh_title {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#plan_sub .tab_row .text_box {
    width: 70%;
    margin-left: 2%;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .text_box {
        width: 100%;
    }
}

#plan_sub .tab_row .text_box .flex {
    margin-bottom: 13px;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .text_box .flex {
        display: block;
    }
}

#plan_sub .tab_row .text_box .m_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .text_box .m_price {
        margin-bottom: 10px;
    }
}

#plan_sub .tab_row .text_box .m_price .member {
    display: inline-block;
    width: 120px;
    margin-right: 10px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background: #d97261;
    font-size: 17px;
    font-size: 1.7rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .text_box .m_price .member {
        font-size: 15px;
        font-size: 1.5rem;
    }
}

#plan_sub .tab_row .text_box .m_price .cost {
    color: #d97261;
    font-size: 28px;
    font-size: 2.8rem;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .text_box .m_price .cost {
        font-size: 26px;
        font-size: 2.6rem;
    }
}

#plan_sub .tab_row .text_box .cost {
    font-size: 18px;
    font-size: 1.8rem;
}

#plan_sub .tab_row .text_box .cost .note {
    font-size: 12px;
    font-size: 1.2rem;
}

#plan_sub .tab_row .text_box .n_price {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

#plan_sub .tab_row .text_box .n_price .member {
    width: 100px;
    margin-right: 10px;
    padding: 5px 0;
    text-align: center;
    color: #fff;
    background: #555;
    font-size: 16px;
    font-size: 1.6rem;
}

#plan_sub .tab_row .text_box .n_price .member .note {
    font-size: 12px;
    font-size: 1.2rem;
}

#plan_sub .tab_row .plan_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
}

#plan_sub .tab_row .plan_list:after {
    width: 18%;
    content: "";
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .plan_list.sp-divided-3-remainder-of-2:after {
        width: 32%;
    }
}

#plan_sub .tab_row .plan_list li {
    width: 18%;
    margin-bottom: 10px;
    padding: 10px;
    border-radius: 5px;
    background: #f9d1dc;
}

@media only screen and (max-width: 768px) {
    #plan_sub .tab_row .plan_list li {
        width: 32%;
    }
}

#plan_sub .tab_row .plan_list li img {
    display: block;
    margin: 0 auto;
}

#plan_sub .tab_row .plan_list .plan_list_txt {
    font-size: 12px;
    font-weight: 900;
    line-height: 1.1;
    text-align: center;
    color: #333;
}

#plan_sub .tab_row .plan_list .plan_list_txt.top-5 {
    position: relative;
    top: -5px;
}

@media only screen and (max-width: 768px) {
    #plan_sub .column_hall_oh ul li img {
        height: 120px;
    }
}

#plan_sub .column_hall_oh ul li:nth-child(1) a {
    background: #4c572d;
}

#plan_sub .column_hall_oh ul li:nth-child(2) a {
    background: #c1543d;
}

#plan_sub .column_reason2 {
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

#plan_sub .column_reason2 .row01 {
    margin-bottom: 320px;
}

@media only screen and (max-width: 768px) {
    #plan_sub .column_reason2 .row01 {
        margin-bottom: 30px;
    }
}

#plan_sub .column_reason2 .row03 {
    margin-bottom: 280px;
}

@media only screen and (max-width: 768px) {
    #plan_sub .column_reason2 .row03 {
        margin-bottom: 30px;
    }
}

#plan_sub .column_part {
    margin-bottom: 0;
}

#plan_sub .point {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 30px 0;
}

@media only screen and (max-width: 768px) {
    #plan_sub .point {
        display: block;
    }
}

#plan_sub .point dl {
    display: inline-block;
    width: 32%;
    margin-bottom: 20px;
    padding: 20px 15px;
    border: 1px solid #bd546b;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #plan_sub .point dl {
        display: block;
        width: 100%;
    }
}

#plan_sub .point dl dd {
    text-align: center;
}

#plan_sub .point dl dt {
    font-weight: normal;
    margin-bottom: 10px;
}

@media only screen and (max-width: 768px) {
    #plan_sub .point dl dt {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

#plan_sub .point dl dt em {
    font-size: 16px;
    line-height: 80px;
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 15px;
    text-align: center;
    color: #fff;
    border-radius: 50%;
    background: #bd546b;
}

#plan_sub .point dl dt span {
    font-size: 20px;
    font-weight: bold;
    display: inline-block;
    width: 250px;
    padding-bottom: 10px;
    text-align: center;
    color: #bd546b;
    border-bottom: 1px solid #bd546b;
}

@media only screen and (max-width: 768px) {
    #plan_sub .point dl dt span {
        font-size: 18px;
        width: 210px;
    }
}

/* オーダーメイドプラン 3ポイント */
#plan_sub{
    .point{
        &.ordermade{
            dl{
                dt{
                    display: flex;
                    align-items: center;
                    span{
                        @media (max-width:1023px){
                            width: 270px;
                        }
                    }
                }
            }
        }
    }
}

#plan_sub.oneday ol,
#plan_sub.family ol,
#plan_sub.public ol {
    background: #f7f0ef;
}

#plan_sub.oneday ol li,
#plan_sub.family ol li,
#plan_sub.public ol li {
    background: #ce634f;
}

#plan_sub.oneday ol li.off,
#plan_sub.family ol li.off,
#plan_sub.public ol li.off {
    background: #9c8d8d;
}

#plan_sub.oneday .column_hall_oh ul li:nth-child(1) a,
#plan_sub.family .column_hall_oh ul li:nth-child(1) a,
#plan_sub.public .column_hall_oh ul li:nth-child(1) a {
    background: #6154a7;
}

#plan_sub.oneday h3.h_line,
#plan_sub.family h3.h_line,
#plan_sub.public h3.h_line {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: 600;
    margin: 20px 0 10px 0;
    color: #4d659d;
    font-size: 20px;
    font-size: 2rem;
}

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

    #plan_sub.oneday h3.h_line,
    #plan_sub.family h3.h_line,
    #plan_sub.public h3.h_line {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#plan_sub.oneday .tab_row .plan_list:after,
#plan_sub.family .tab_row .plan_list:after,
#plan_sub.public .tab_row .plan_list:after {
    width: 59%;
    content: "";
}

#plan_sub.oneday .list_20:after,
#plan_sub.family .list_20:after,
#plan_sub.public .list_20:after {
    width: 49.4% !important;
    content: "";
}

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

    #plan_sub.oneday .list_20:after,
    #plan_sub.family .list_20:after,
    #plan_sub.public .list_20:after {
        width: 32% !important;
    }
}

#plan_sub.oneday .list_20 li,
#plan_sub.family .list_20 li,
#plan_sub.public .list_20 li {
    width: 13.5%;
}

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

    #plan_sub.oneday .list_20 li,
    #plan_sub.family .list_20 li,
    #plan_sub.public .list_20 li {
        width: 32%;
    }
}

#plan_sub.oneday .column_reason2 .row02 {
    margin-bottom: 380px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.oneday .column_reason2 .row02 {
        margin-bottom: 30px;
    }
}

#plan_sub.oneday .column_reason2 .row03 {
    margin-bottom: 180px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.oneday .column_reason2 .row03 {
        margin-bottom: 30px;
    }
}

#plan_sub.family .tab_list .js-tab-btn.current {
    color: #fff;
    background: #4c572d;
}

#plan_sub.family .tab_list .js-tab-btn {
    color: #1c2503;
    background: #e1e8cb;
}

#plan_sub.family ol {
    background: #f5f7ef;
}

#plan_sub.family ol li {
    background: #4c572d;
}

#plan_sub.family .tab_row .plan_list:after {
    width: 36.9% !important;
    content: "";
}

#plan_sub.family .column_hall_oh ul li:nth-child(2) a {
    background: #c1543d;
}

#plan_sub.family .column_reason2 .row02 {
    margin-bottom: 410px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.family .column_reason2 .row02 {
        margin-bottom: 30px;
    }
}

#plan_sub.family .column_reason2 .row03 {
    margin-bottom: 180px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.family .column_reason2 .row03 {
        margin-bottom: 30px;
    }
}

#plan_sub.public .tab_list {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

#plan_sub.public .tab_list .js-tab-btn.current {
    padding: 10px 20px;
    color: #fff;
    background: #757052;
}

@media only screen and (max-width: 768px) {
    #plan_sub.public .tab_list .js-tab-btn.current {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        height: 55px;
        padding: 10px 5px;
    }
}

#plan_sub.public .tab_list .js-tab-btn {
    color: #373421;
    background: #f0ebd2;
}

@media only screen and (max-width: 768px) {
    #plan_sub.public .tab_list .js-tab-btn {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
        width: 32%;
        height: 55px;
        padding: 10px 5px;
    }
}

@media only screen and (max-width: 768px) {
    #plan_sub.public .tab_row .text_box .m_price {
        margin-top: 20px;
    }
}

/* 各プラン メイン金額（新）※あんしん共済会員削除後の調整 */
#plan_sub{
    .tab_row{
        .text_box{
            .flex{
                &.v2{
                    justify-content: flex-start;
                    column-gap: 20px;
                    .m_price{
                        .cost{
                            font-size: 4.0rem;
                            font-weight: bold;
                            .note{
                                font-size: 1.6rem;
                            }
                        }
                    }
                    .n_price{
                        .member{
                            border-radius: 50vw;
                        }
                        .cost{
                            font-size: 2.4rem;
                        }
                    }
                }
                
            }
        }
    }
}

#plan_sub.public .tab_row .text_box .flex {
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.public .tab_row .text_box .flex {
        margin-bottom: 20px;
    }
}

#plan_sub.public .list_20:after {
    width: 62.4% !important;
}

#plan_sub.public .column_reason2 .row02 {
    margin-bottom: 410px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.public .column_reason2 .row02 {
        margin-bottom: 30px;
    }
}

#plan_sub.public .column_reason2 .row03 {
    margin-bottom: 180px;
}

@media only screen and (max-width: 768px) {
    #plan_sub.public .column_reason2 .row03 {
        margin-bottom: 30px;
    }
}

#plan_sub .column_banner_page {
    padding: 28px 0 0 0;
}

@media only screen and (max-width: 768px) {
    #plan_sub .column_banner_page .flex {
        flex-wrap: wrap;
    }
}

/*----------------------------------------------------
	式場案内
----------------------------------------------------*/

.map {
    position: relative;
    margin-top: 30px;
}

.map a {
    position: absolute;
    z-index: 2;
    display: block;
    width: 250px;
    height: 190px;
}

@media only screen and (max-width: 768px) {
    .map a {
        width: 235px;
        height: 185px;
    }
}

@media only screen and (max-width: 414px) {
    .map a {
        width: 110px;
        height: 90px;
    }
}

.map a.link01 {
    top: 55px;
    left: 157px;
}

@media only screen and (max-width: 768px) {
    .map a.link01 {
        top: 112px;
        left: 392px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link01 {
        top: 55px;
        left: 193px;
    }
}

.map a.link02 {
    top: 240px;
    left: 95px;
}

@media only screen and (max-width: 820px) {
    .map a.link02 {
        top: 140px;
        left: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .map a.link02 {
        top: 394px;
        left: 15px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link02 {
        top: 192px;
        left: 5px;
    }
}

.map a.link03 {
    top: 392px;
    left: 856px;
}

@media only screen and (max-width: 768px) {
    .map a.link03 {
        top: 629px;
        left: 472px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link03 {
        top: 308px;
        left: 234px;
    }
}

.map a.link04 {
    top: 264px;
    left: 33px;
}

@media only screen and (max-width: 768px) {
    .map a.link04 {
        top: 345px;
        left: 483px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link04 {
        top: 167px;
        left: 238px;
    }
}

.map a.link05 {
    top: 148px;
    left: 809px;
}

@media only screen and (max-width: 768px) {
    .map a.link05 {
        top: 652px;
        left: 171px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link05 {
        top: 319px;
        left: 85px;
    }
}

.map a.link06 {
    top: 30px;
    left: 495px;
}

@media only screen and (max-width: 768px) {
    .map a.link06 {
        top: 86px;
        left: 80px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link06 {
        top: 42px;
        left: 43px;
    }
}

.map a.link07 {
    top: 500px;
    left: 140px;
}

@media only screen and (max-width: 820px) {
    .map a.link07 {
        top: 290px;
        left: 50px;
    }
}

@media only screen and (max-width: 768px) {
    .map a.link07 {
        top: 170px;
        left: 425px;
    }
}

@media only screen and (max-width: 414px) {
    .map a.link07 {
        top: 90px;
        left: 215px;
    }
}

.column_hall {
    margin-bottom: 60px;
    padding: 60px 0;
    background: url(../img/common/bg_blue.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_hall {
        margin-bottom: 30px;
        padding: 30px 0;
    }
}

.column_hall .hall_sec {
    margin-top: 40px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_hall .hall_sec .sec_title {
        margin-bottom: 10px;
    }
}

.column_hall .hall_sec .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    .column_hall .hall_sec .flex {
        display: block;
    }
}

.column_hall .hall_sec .img_box img {
    width: 100%;
    height: 440px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .column_hall .hall_sec .img_box img {
        height: 220px;
    }
}

.column_hall .hall_sec .text_box {
    width: 65%;
    padding: 30px 40px 20px;
}

@media only screen and (max-width: 768px) {
    .column_hall .hall_sec .text_box {
        width: 100%;
        padding: 20px;
    }
}

.column_hall .hall_sec .btn_red {
    display: block;
    width: 100%;
    max-width: 300px;
    margin: 20px auto 0 auto;
    padding: 10px 0;
    color: #fff;
    border-radius: 50px;
    background: #c1543d;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .column_hall .hall_sec .btn_red {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

@media only screen and (max-width: 768px) {
    .column_hall_oh ul {
        display: block;
    }
}

.column_hall_oh ul li {
    width: 48%;
}

@media only screen and (max-width: 768px) {
    .column_hall_oh ul li {
        width: 100%;
        margin-bottom: 30px;
    }
}

.column_hall_oh ul li a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    color: #fff;
    background: #a7a1c7;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    .column_hall_oh ul li a {
        display: block;
    }
}

.column_hall_oh ul li img {
    width: 65%;
    height: 306px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    .column_hall_oh ul li img {
        width: 100%;
        height: 180px;
    }
}

.column_hall_oh ul li h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: normal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 100%;
}

@media only screen and (max-width: 768px) {
    .column_hall_oh ul li h3 {
        padding: 10px 0;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.f_note {
    margin-top: 20px;
    color: #4d659d;
}

.h_list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}

.h_list li {
    -ms-flex-line-pack: center;
    align-content: center;
    width: 48%;
    margin-top: 5px;
    padding: 5px 0;
    text-align: center;
    color: #4d659d;
    border: 1px solid #4d659d;
    font-size: 15px;
    font-size: 1.5rem;
}

@media only screen and (max-width: 768px) {
    .h_list li {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}

#access_list .column_first {
    padding-bottom: 0;
}

@media only screen and (max-width: 768px) {
    #access_list .column_first {
        padding: 0 2%;
    }
}

@media only screen and (max-width: 768px) {
    #access_list iframe {
        height: 120px;
        margin-top: 10px;
    }
}

#access_list .hall_detail {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #access_list .hall_detail {
        display: block;
        padding: 0 2%;
    }
}

#access_list .hall_detail .img_box {
    width: 50%;
    padding-left: 30px;
}

@media only screen and (max-width: 768px) {
    #access_list .hall_detail .img_box {
        width: 100%;
        padding: 0;
    }
}

#access_list .hall_detail .img_box img {
    width: 100%;
    height: 400px;
    -o-object-fit: cover;
    object-fit: cover;
}

@media only screen and (max-width: 768px) {
    #access_list .hall_detail .img_box img {
        height: 200px;
    }
}

#access_list .hall_detail .text_box {
    width: 50%;
    padding: 40px;
}

@media only screen and (max-width: 768px) {
    #access_list .hall_detail .text_box {
        width: 100%;
        padding: 20px;
    }
}

#access_list .hall_detail .text_box .acc_name {
    margin-bottom: 10px;
    text-decoration: underline;
    color: #4d659d;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    #access_list .hall_detail .text_box .acc_name {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#access_list .hall_detail .text_box .red {
    margin: 20px 0;
}

#access_list .column_event {
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

#access_list .column_photo {
    padding-top: 60px;
    background: url(../img/common/bg_blue3.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    #access_list .column_photo {
        padding-top: 30px;
    }
}

#access_list .column_photo ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-top: 30px;
}

#access_list .column_photo ul li {
    width: 32%;
    margin-bottom: 20px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #access_list .column_photo ul li {
        width: 48%;
    }
}

#access_list .column_photo ul li .sec_title {
    line-height: 1.4;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    height: 50px;
    margin: 10px 0;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    #access_list .column_photo ul li .sec_title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

#access_list.annex .column_photo ul:after {
    display: block;
    width: 32%;
    content: "";
}

#access_list.takayanagi .hall_detail .img_box img,
#access_list.nagomi .hall_detail .img_box img {
    height: 550px;
}

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

    #access_list.takayanagi .hall_detail .img_box img,
    #access_list.nagomi .hall_detail .img_box img {
        height: 200px;
    }
}

.column_reason2 {
    padding: 60px 0;
    background: #f9f9f7;
}

@media screen and (max-width: 768px) {
    .column_reason2 {
        padding-bottom: 10px;
    }
}

.column_reason2 .lap_row_content {
    margin-top: 140px;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .lap_row_content {
        margin-top: 30px;
    }
}

.column_reason2 .coise_box {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-direction: row-reverse;
    flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .coise_box {
        display: block;
    }
}

.column_reason2 .lap_row .img_box {
    position: absolute;
    top: -35%;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .lap_row .img_box {
        position: relative;
    }
}

.column_reason2 .lap_row .text_box {
    z-index: 2;
    -ms-flex-preferred-size: 55%;
    flex-basis: 55%;
    padding: 10px;
    background: rgba(255, 255, 255, 0.9);
}

.column_reason2 .lap_row .text_box .db_box {
    position: relative;
    padding: 30px 5%;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .lap_row .text_box .db_box {
        padding: 20px 2%;
    }
}

.column_reason2 .lap_row .text_box .db_box .title {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: normal;
    line-height: 1.2;
    position: absolute;
    top: -37px;
    left: 20px;
    padding: 25px;
    text-align: center;
    color: #fff;
    background: #375294;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .lap_row .text_box .db_box .title {
        top: -30px;
        left: 2%;
        padding: 20px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_reason2 .lap_row .text_box .db_box .title span {
    display: block;
    font-size: 38px;
    font-size: 3.8rem;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .lap_row .text_box .db_box .title span {
        font-size: 30px;
        font-size: 3rem;
    }
}

.column_reason2 .lap_row .text_box .db_box h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    padding: 0 0 20px 110px;
    color: #4d659d;
    font-size: 26px;
    font-size: 2.6rem;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .lap_row .text_box .db_box h3 {
        font-weight: normal;
        padding: 0 0 20px 100px;
        font-size: 19px;
        font-size: 1.9rem;
    }
}

.column_reason2 .row01 {
    margin-bottom: 310px;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .row01 {
        margin-bottom: 30px;
    }
}

.column_reason2 .row02 {
    margin-bottom: 310px;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .row02 {
        margin-bottom: 30px;
    }
}

.column_reason2 .row03 {
    margin-bottom: 160px;
}

@media only screen and (max-width: 768px) {
    .column_reason2 .row03 {
        margin-bottom: 30px;
    }
}

.column_reason2 .row01 .img_box,
.column_reason2 .row03 .img_box {
    left: 0;
}

.column_reason2 .row02 .img_box {
    right: 0;
}

.column_reason2 .row02 .coise_box {
    -webkit-box-orient: inherit;
    -webkit-box-direction: inherit;
    -ms-flex-direction: inherit;
    flex-direction: inherit;
}

.other_hall .column_first {
    padding-bottom: 0;
}

.other_hall .column_hall {
    margin-bottom: 0;
}

.other_hall .hall_sec .img_box img {
    width: 450px;
    height: 445px;
}

@media only screen and (max-width: 768px) {
    .other_hall .hall_sec .img_box img {
        display: block;
        width: 100%;
        height: 250px;
        margin: 0 auto;
    }
}

.other_hall .hall_sec ul {
    display: block;
}

.other_hall .hall_sec ul li {
    width: 100%;
    margin-top: 0;
    text-align: left;
    border: none;
}

@media only screen and (max-width: 768px) {
    .other_hall .hall_sec ul li {
        display: block;
    }
}

.other_hall .column_hall_oh {
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

.other_hall .column_hall_oh ul li {
    margin-bottom: 0;
}

/* ◯◯プランをご検討中の方へ 新しい指定方法（強制上書き） */
#plan_sub{
    .column_hall_oh{
        ul{
            li{
                /* 火葬式（直葬）の背景色 */
                &.cs_bg{
                    a{
                        background-color: #6154a7!important;
                    }  
                }
                /* 家族葬の背景色 */
                &.family_bg{
                    a{
                        background-color: #4c572d!important;
                    }
                }
                /* オーダーメイドの背景色 */
                &.om_bg{
                    a{
                        background-color: #c1543d!important;
                    }
                }
            }
        }
    }
}

/*----------------------------------------------------
	会社概要
----------------------------------------------------*/

#company .aisastu {
    padding: 120px 0;
    background: url("../img/company/aisatsu.jpg");
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    #company .aisastu {
        background-position: center;
    }
}

#company .aisastu h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    color: #fff;
    font-size: 36px;
    font-size: 3.6rem;
}

@media only screen and (max-width: 768px) {
    #company .aisastu h3 {
        font-size: 20px;
        font-size: 2rem;
    }
}

#company .coment_company {
    padding: 60px 0 0 0;
    background: #f9f9f7;
}

@media only screen and (max-width: 768px) {
    #company .coment_company {
        padding: 30px 0;
    }
}

#company .coment_company .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #company .coment_company .flex {
        display: block;
    }
}

#company .coment_company .text_box {
    width: 80%;
    margin-right: 50px;
}

@media only screen and (max-width: 768px) {
    #company .coment_company .text_box {
        width: 100%;
        margin-right: 0;
        margin-bottom: 30px;
    }
}

#company .coment_company .text_box .name {
    margin: 30px 0;
    text-align: right;
}

@media only screen and (max-width: 768px) {
    #company .coment_company .text_box .name img {
        width: 50%;
    }
}

#company .coment_company .img_box img {
    border-radius: 10px;
}

@media only screen and (max-width: 768px) {
    #company .coment_company .img_box img {
        display: block;
        height: 250px;
        margin: 0 auto;
    }
}

#company .coment_company .img_box .note {
    line-height: 1.4;
    margin-top: 10px;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    #company .coment_company .img_box .note {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.column_rinen {
    padding: 60px 0;
    background: url("../img/company/bg_rinen.jpg");
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_rinen {
        background-position: center;
    }
}

.column_rinen .sec_cmn_heading {
    color: #fff;
}

.column_rinen .bg_cl {
    width: 60%;
    padding: 30px;
    text-align: center;
    color: #4d659d;
    border: 1px solid #4d659d;
    background: rgba(255, 255, 255, 0.8);
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .column_rinen .bg_cl {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_syakun {
    margin-bottom: 30px;
    background: url("../img/company/bg_syakun.jpg");
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_syakun {
        background-position: center;
    }
}

.column_syakun .bg_cl {
    color: #c1543d;
    border: 1px solid #c1543d;
}

.column_kihon {
    padding: 60px 0;
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_kihon {
        margin-bottom: 30px;
        padding: 60px 0 30px 0;
    }
}

.column_kihon dl {
    margin-top: 30px;
}

.column_kihon dt,
.column_kihon dd {
    display: inline-block;
    margin-bottom: 30px;
}

.column_kihon dt {
    width: 22%;
    margin-right: 30px;
    padding: 20px 40px;
    text-align: center;
    color: #705d41;
    background: #fff;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .column_kihon dt {
        width: 50%;
        margin: 0 0 10px 0;
        padding: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_kihon dd {
    width: 70%;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .column_kihon dd {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_company {
    padding: 60px 0;
}

@media only screen and (max-width: 768px) {
    .column_company {
        padding: 30px 0;
    }
}

.column_company iframe {
    margin-top: 20px;
}

.beginning_box {
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    .beginning_box {
        margin-top: 0;
    }
}

.column_company .list_company_info li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.column_company .list_company_info li:first-child .l_sec_company {
    border-top: 1px solid #5e66b5;
}

.column_company .list_company_info li .l_sec_company {
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%;
    padding: 24px 0px;
    color: #5e66b5;
    border-bottom: 1px solid #5e66b5;
}

.column_company .list_company_info li:first-child .r_sec_company {
    border-top: 1px solid #eee;
}

.column_company .list_company_info li .r_sec_company {
    -ms-flex-preferred-size: 80%;
    flex-basis: 80%;
    padding: 24px 0px;
    border-bottom: 1px solid #eee;
}

@media screen and (max-width: 767px) {
    .column_company .list_company_info li {
        display: block;
    }

    .column_company .list_company_info li .l_sec_company {
        padding-bottom: 0;
    }

    .column_company .list_company_info li .r_sec_company {
        line-height: 1.6;
        padding-top: 8px;
    }

    .column_company .list_company_info li:first-child .l_sec_company,
    .column_company .list_company_info li:first-child .r_sec_company {
        border-top: none;
    }

    .column_company .list_company_info li .l_sec_company {
        border: none;
    }

    .column_company iframe {
        height: 150px;
    }
}

/*----------------------------------------------------
	会員
----------------------------------------------------*/

#kyosai .column_first .kyosai_banner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .kyosai_banner {
        display: block;
    }
}

@media only screen and (max-width: 414px) {
    #kyosai .column_first .kyosai_banner {
        padding: 10px;
    }
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .sec_cmn_heading_cen {
        text-align: center;
    }
}

@media only screen and (max-width: 414px) {
    #kyosai .column_first .sec_cmn_heading_cen {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#kyosai .column_first .left_sec {
    position: relative;
    width: 50%;
    padding: 20px;
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .left_sec {
        width: 100%;
        margin-bottom: 20px;
        padding: 10px;
    }
}

#kyosai .column_first .left_sec:before {
    position: absolute;
    bottom: 0;
    left: 0;
    display: block;
    width: 100px;
    height: 140px;
    content: "";
    background: url(../img/kyosai/saien01.png) no-repeat;
}

@media only screen and (max-width: 1100px) {
    #kyosai .column_first .left_sec:before {
        content: none;
    }
}

#kyosai .column_first .left_sec:after {
    position: absolute;
    right: 0;
    bottom: 0;
    display: block;
    width: 120px;
    height: 145px;
    content: "";
    background: url(../img/kyosai/saien02.png) no-repeat;
}

@media only screen and (max-width: 1100px) {
    #kyosai .column_first .left_sec:after {
        content: none;
    }
}

#kyosai .column_first .left_sec ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-bottom: 20px;
}

#kyosai .column_first .left_sec ul li {
    font-weight: 600;
    /*width: 40%;*/
    padding: 20px;
    text-align: center;
    color: #fff;
    border: 1px solid #ecadc6;
    background: #fff;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .left_sec ul li {
        font-weight: 500;
        width: 48%;
        padding: 10px 0;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#kyosai .column_first .left_sec ul li:nth-child(2) {
    border: 1px solid #c2c6e0;
}

#kyosai .column_first .left_sec .big_tit {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    margin-bottom: 10px;
    text-align: center;
    color: #c1543d;
    font-size: 40px;
    font-size: 4rem;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .left_sec .big_tit {
        font-size: 30px;
        font-size: 3rem;
    }
}

#kyosai .column_first .left_sec span {
    color: #1c541f;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .left_sec span {
        display: block;
        font-size: 20px;
        font-size: 2rem;
    }
}

@media only screen and (max-width: 768px) {
    #kyosai .column_first .left_sec p {
        line-height: 1.4;
    }
}

#kyosai .column_kaiin {
    padding-top: 60px;
    background: url(../img/common/bg_blue.jpg);
    background-size: cover;
}

#kyosai .column_kaiin .kaiin_sec {
    padding: 30px;
    background: #fff;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_kaiin .kaiin_sec {
        padding: 30px 10px;
    }
}

#kyosai .column_kaiin .sec_cmn_heading_cen {
    margin-bottom: 10px;
}

#kyosai .column_kaiin .sec_cmn_heading_cen.nishintou {
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_kaiin .sec_cmn_heading_cen.nishintou .nishintou-img {
        margin-top: 20px;
    }
}

#kyosai .column_kaiin .flex {
    margin-top: 50px;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_kaiin .flex {
        display: block;
    }
}

#kyosai .column_kaiin .flex h4 {
    position: absolute;
    top: -10px;
    right: 0;
    left: 0;
    width: 40%;
    margin: 0 auto;
    padding: 25px 0;
    text-align: center;
    color: #fff;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_kaiin .flex h4 {
        width: 80%;
        font-size: 18px;
        font-size: 1.8rem;
        padding: 0;
        margin-top: 20px;
    }
}

@media only screen and (max-width: 414px) {
    #kyosai .column_kaiin .flex h4 img {
        width: 65%;
    }
}

#kyosai .column_kaiin .flex .left_sec {
    position: relative;
    width: 100%;
    padding: 95px 30px 30px;
    text-align: center;
    background: #fdf7fa;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_kaiin .flex .left_sec {
        width: 100%;
        margin-bottom: 60px;
        padding: 70px 10px 20px;
    }
}

#kyosai .column_kaiin .flex .left_sec .red {
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    color: #e72b74;
}

#kyosai .column_kaiin .flex .right_sec {
    position: relative;
    width: 48%;
    padding: 40px 30px;
    text-align: center;
    background: #f3f4f9;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_kaiin .flex .right_sec {
        width: 100%;
        margin-bottom: 60px;
        padding: 30px 10px;
    }
}

@media only screen and (max-width: 414px) {
    #kyosai .column_kaiin .flex .right_sec {
        margin-bottom: 0;
    }
}

#kyosai .column_kaiin .flex .right_sec .red {
    font-weight: 600;
    display: inline-block;
    margin-top: 10px;
    color: #1a2888;
}

#kyosai .column_tokuten {
    padding-top: 60px;
    background: url(../img/kyosai/bag_uga.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_tokuten {
        padding-top: 30px;
    }
}

#kyosai .column_tokuten .inner {
    padding: 40px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_tokuten .inner {
        margin: 0 20px;
        padding: 20px;
    }
}

#kyosai .column_tokuten .inner .bg_box .flex {
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_tokuten .inner .bg_box .flex {
        display: block;
    }
}

#kyosai .column_tokuten .inner .bg_box .flex li {
    font-weight: 500;
    line-height: 2;
    color: #6e62ae;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_tokuten .inner .bg_box .flex li {
        line-height: 1.4;
        margin-bottom: 10px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#kyosai .column_tokuten .inner .bg_box .flex .other {
    margin-top: 30px;
    color: #555;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_tokuten .inner .bg_box .flex .other {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#kyosai .column_pay {
    padding-top: 60px;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_pay {
        padding-top: 30px;
    }
}

#kyosai .column_pay span {
    font-weight: 600;
    color: #4f7953;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_pay span {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#kyosai .column_nyukai {
    padding-top: 60px;
    background: url(../img/top/bg_pink.jpg);
    background-size: cover;
}

#kyosai .column_nyukai .sec_cmn_heading_cen {
    margin-bottom: 10px;
    font-size: 28px;
    font-size: 2.8rem;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_nyukai .sec_cmn_heading_cen {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#kyosai .column_nyukai .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_nyukai .flex {
        display: block;
    }
}

#kyosai .column_nyukai .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 30px;
    background: #fff;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_nyukai .row {
        display: block;
        padding: 30px 10px;
    }
}

#kyosai .column_nyukai .row .text {
    width: 75%;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_nyukai .row .text {
        width: 100%;
        margin-bottom: 20px;
    }
}

@media only screen and (max-width: 414px) {
    #kyosai .column_nyukai .row img {
        display: block;
        margin: 0 auto;
    }
}

#kyosai .column_nyukai .row span {
    font-weight: 600;
    color: #4f7953;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 414px) {
    #kyosai .column_nyukai .row span {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#kyosai .column_nyukai .btn_area {
    width: 30%;
    margin-left: 30px;
}

@media only screen and (max-width: 768px) {
    #kyosai .column_nyukai .btn_area {
        width: 100%;
    }
}

@media only screen and (max-width: 414px) {
    #kyosai .column_nyukai .btn_area {
        margin-left: 0;
    }
}

#kyosai .column_form {
    padding-top: 60px;
}

#kyosai .kaiin__two-btn {
    margin: 30px 0 30px;
}

@media only screen and (max-width: 768px) {
    #kyosai .kaiin__two-btn {
        margin: 50px 0 30px;
    }
}

#kyosai .kaiin__two-btn ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 40px;
}

@media only screen and (max-width: 768px) {
    #kyosai .kaiin__two-btn ul {
        display: block;
        margin-top: 20px;
    }
}

#kyosai .kaiin__two-btn .btn .fas {
    margin-right: 12px;
}

#kyosai .kaiin__two-btn .btn a {
    width: 300px;
    margin-top: 5px;
    border-radius: 10px;
    background-image: none;
}

@media only screen and (max-width: 768px) {
    #kyosai .kaiin__two-btn .btn a {
        width: 270px;
    }
}

@media only screen and (max-width: 768px) {
    #kyosai .kaiin__two-btn .kaiin_btn01 {
        margin-bottom: 15px;
    }
}

#kyosai .kaiin__two-btn .kaiin_btn01 p {
    color: #c1543d;
}

#kyosai .kaiin__two-btn .kaiin_btn01 a {
    background: #c1543d;
}

#kyosai .kaiin__two-btn .kaiin_btn02 p {
    color: #705d41;
}

/*----------------------------------------------------
	完了ページ
----------------------------------------------------*/

.complete .complete-text {
    margin-top: 30px;
    text-align: center;
}

.complete .btn_back a {
    font-size: 16px;
    font-weight: 500;
    display: inline-block;
    width: 100%;
    max-width: 380px;
    margin-top: 40px;
    padding: 15px;
    color: #fff;
    border-radius: 30px;
    background: #4d659d;
}

.complete .column_first {
    padding-top: 100px;
    padding-bottom: 90px;
}

@media only screen and (max-width: 768px) {
    .complete .column_first {
        padding-top: 30px;
        padding-bottom: 40px;
    }
}

/*----------------------------------------------------
	グリーフケア
----------------------------------------------------*/

#griefcare .sec_cmn_heading,
#griefcare .sec_title,
#griefcare .note_red {
    font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
    font-weight: 600;
}

#griefcare .column_first {
    padding-bottom: 0;
}

.column_care {
    padding-top: 60px;
    background: url(../img/griefcare/bag_greenhaikei.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_care {
        padding-top: 30px;
    }
}

.column_aboutcare .img_inner {
    padding: 0 15px 80px;
    text-align: center;
}

@media only screen and (max-width: 768px) {
    .column_aboutcare .img_inner {
        padding: 0 15px 30px;
    }
}

.column_aboutcare {
    padding-top: 60px;
    background: radial-gradient(circle, rgba(248, 255, 248, 1) 0%, #dbf4ed 100%);
}

.column_aboutcare .inner {
    padding: 30px;
    text-align: center;
    background: #fff;
}

.column_aboutcare .inner.prom {
    border-radius: 10px;
    margin-bottom: 30px;
}

.column_aboutcare .sp {
    display: none;
}

@media only screen and (max-width: 768px) {
    .column_aboutcare .pc {
        display: none;
    }

    .column_aboutcare .sp {
        display: block;
    }
}

.column_aboutcare .inner .prom_flex {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    text-align: left;
    margin-bottom: 36px;
}

.column_aboutcare .inner .prom_flex ul li {
    width: 448px;
    margin-bottom: 14px;
    font-size: 1.7rem;
}

.column_aboutcare .inner .prom_flex ul li img {
    margin-right: 5px;
    width: 20px;
}

.column_aboutcare .inner .sec_cmn_heading {
    font-weight: 600;
    color: #1c541f;
    font-size: 30px;
    font-size: 3rem;
}

.column_aboutcare .inner.prom .sec_cmn_heading {
    font-weight: 600;
    color: #9f0000;
    font-size: 30px;
    font-size: 3rem;
    border-bottom: 2px solid #9f0000;
}

.column_care8 .tel_bnr_area {
    margin: 28px auto 0px;
    width: 600px;
}

@media only screen and (max-width: 768px) {
    .column_aboutcare .inner.prom {
        border-radius: 0px;
        margin-bottom: 30px;
    }

    .column_aboutcare .inner .sec_cmn_heading {
        font-size: 20px;
        font-size: 2rem;
    }

    .column_aboutcare .inner .prom_flex {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
        text-align: left;
        margin-bottom: 16px;
    }

    .column_aboutcare .inner .prom_flex ul li {
        width: 100%;
        margin-bottom: 14px;
        font-size: 1.5rem;
    }

    .column_aboutcare .inner .prom_flex ul li img {
        margin-right: 5px;
        width: 20px;
    }

    .column_aboutcare .inner.prom .sec_cmn_heading {
        font-weight: 600;
        color: #9f0000;
        font-size: 30px;
        font-size: 2rem;
        border-bottom: 2px solid #9f0000;
        letter-spacing: -0.6px;
    }

    .column_care8 .tel_bnr_area {
        margin: 28px auto 0px;
        width: 100%;
    }
}

.column_aboutcare .inner .sec_cmn_heading_cen {
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .column_aboutcare .inner .sec_cmn_heading_cen {
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_aboutcare .inner .point {
    font-weight: 600;
    color: #c1543d;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    .column_aboutcare .inner .point {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_care .inner {
    padding: 30px;
    text-align: center;
    background: rgba(254, 255, 254, 0.9);
}

@media only screen and (max-width: 768px) {
    .column_care .inner {
        margin: 0 2%;
        padding: 20px 10px;
    }
}

.column_care .inner .sec_cmn_heading {
    font-weight: 600;
    color: #1c541f;
    font-size: 30px;
    font-size: 3rem;
}

@media only screen and (max-width: 768px) {
    .column_care .inner .sec_cmn_heading {
        font-size: 20px;
        font-size: 2rem;
    }
}

.column_care .inner .sec_cmn_heading_cen {
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    .column_care .inner .sec_cmn_heading_cen {
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_care .inner .point {
    font-weight: 600;
    color: #c1543d;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    .column_care .inner .point {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_care2 {
    padding-top: 60px;
    background: url(../img/top/bg_pink.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_care2 {
        padding-top: 30px;
    }
}

@media only screen and (max-width: 768px) {
    .column_care2 .flex {
        display: block;
    }
}

.column_care2 .flex .left_sec {
    width: 40%;
}

@media only screen and (max-width: 768px) {
    .column_care2 .flex .left_sec {
        width: 100%;
        margin-bottom: 20px;
    }
}

.column_care2 .flex .left_sec .sec_title {
    padding: 10px 0;
    text-align: center;
    border: 1px solid #757053;
    font-size: 30px;
    font-size: 3rem;
}

@media only screen and (max-width: 768px) {
    .column_care2 .flex .left_sec .sec_title {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_care2 .flex .right_sec {
    width: 55%;
}

@media only screen and (max-width: 768px) {
    .column_care2 .flex .right_sec {
        width: 100%;
    }
}

.column_care2 .flex .right_sec .sec_title_oh {
    margin-bottom: 20px;
    padding: 10px 0 5px;
    color: #4d659d;
    border-bottom: 2px solid #4d659d;
    font-size: 2.2rem;
    font-weight: 600;
}

@media only screen and (max-width: 414px) {
    .column_care2 .flex .right_sec .sec_title_oh {
        font-size: 20px;
        font-size: 2rem;
    }
}

.column_care2 .flex .right_sec ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    padding: 20px;
    background: #fff;
}

.column_care2 .flex .right_sec ul li {
    width: 45%;
    margin-bottom: 10px;
    color: #555;
}

@media only screen and (max-width: 414px) {
    .column_care2 .flex .right_sec ul li {
        width: 100%;
    }
}

.column_care2 .flex .right_sec ul li:before {
    content: "〇";
}

.column_care3 {
    padding-top: 60px;
    background: url(../img/common/bg_blue3.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_care3 {
        padding-top: 30px;
    }
}

.column_care4 {
    padding-top: 60px;
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .column_care4 {
        margin-bottom: 0px;
        padding-top: 30px;
    }
}

.column_care4 .lead {
    font-size: 20px;
}

.column_care5 {
    padding: 40px;
    background: none;
}

@media only screen and (max-width: 768px) {
    .column_care5 {
        padding: 10px;
    }
}

.column_care5 .sec_cmn_heading {
    text-align: center;
    text-decoration: underline;
}

.column_care5 h3 {
    font-weight: 600;
    position: absolute;
    top: -30px;
    right: 0;
    left: 0;
    width: 60%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 15px 0;
    text-align: center;
    color: #fff;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 414px) {
    .column_care5 h3 {
        padding: 10px 0;
        font-size: 20px;
        font-size: 2rem;
    }
}

.column_care5 h4 {
    margin-bottom: 10px;
    color: #555;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 414px) {
    .column_care5 h4 {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_care5 .flex {
    margin-top: 60px;
}

@media only screen and (max-width: 768px) {
    .column_care5 .flex {
        display: block;
    }
}

.column_care5 .flex .yajirushi img {
    display: block;
    width: 100%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .column_care5 .flex .yajirushi img {
        width: 50%;
    }
}

@media only screen and (max-width: 414px) {
    .column_care5 .flex .yajirushi img {
        width: 30%;
        margin: 20px auto 40px auto;
    }
}

.column_care5 .left_sec {
    position: relative;
    width: 45%;
    margin-right: 20px;
    padding: 45px 30px 20px 30px;
    border: 1px solid #757052;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_care5 .left_sec {
        width: 100%;
    }
}

.column_care5 .left_sec h3 {
    background: #757052;
}

.column_care5 .right_sec {
    position: relative;
    width: 45%;
    margin-left: 20px;
    padding: 45px 30px 20px 30px;
    border: 1px solid #d8715e;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_care5 .right_sec {
        width: 100%;
        margin: 30px 0 0 0;
    }
}

@media only screen and (max-width: 414px) {
    .column_care5 .right_sec {
        margin: 0;
    }
}

.column_care5 .right_sec h3 {
    background: #d8715e;
}

.column_care6 {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-top: 30px;
}

@media only screen and (max-width: 768px) {
    .column_care6 {
        display: block;
    }
}

.column_care6 > ul {
    width: 32%;
    margin-right: 30px;
    padding: 30px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_care6 > ul {
        width: 100%;
        margin-bottom: 20px;
        padding: 15px;
    }
}

.column_care6 > ul li {
    margin-bottom: 10px;
    color: #555;
}

.column_care6 > ul li:before {
    content: "〇";
}

.column_care6 .right_sec .sub_sec {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    -ms-flex-pack: distribute;
    justify-content: space-around;
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 3px solid #757053;
}

@media only screen and (max-width: 414px) {
    .column_care6 .right_sec .sub_sec {
        display: block;
    }
}

.column_care6 .right_sec .sub_sec p {
    font-weight: 600;
    color: #757053;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 414px) {
    .column_care6 .right_sec .sub_sec p {
        line-height: 1.4;
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_care6 .right_sec .sub_sec ul {
    width: 35%;
    padding: 15px;
    background: rgba(255, 255, 255, 0.8);
}

@media only screen and (max-width: 414px) {
    .column_care6 .right_sec .sub_sec ul {
        width: 100%;
    }
}

.column_care6 .right_sec .sub_sec ul li:before {
    padding-right: 10px;
    content: "〇";
}

.column_care6 .right_sec li.note_red {
    color: #6e62ae;
}

.column_care_other .left_sec ul li {
    margin-bottom: 10px;
}

.column_care_other .left_sec ul li:before {
    content: "〇";
}

.column_care_other .right_sec .note_red {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    line-height: 1.4;
    margin-top: 20px;
    padding: 20px;
    text-align: center;
    color: #fff;
    background: url(../img/common/bg_blue4.jpg);
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 414px) {
    .column_care_other .right_sec .note_red {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

.column_care7 {
    padding-top: 60px;
    background: url(../img/griefcare/bag_care.jpg);
    background-size: cover;
}

@media only screen and (max-width: 768px) {
    .column_care7 {
        padding-top: 30px;
    }
}

.column_care7 .inner {
    position: relative;
    padding: 40px;
    background: #fff;
}

@media only screen and (max-width: 414px) {
    .column_care7 .inner {
        padding: 40px 20px;
    }
}

.column_care7 .inner:before {
    position: absolute;
    top: 5px;
    left: 5px;
    width: 33px;
    height: 33px;
    content: "";
    background: url(../img/top/sankaku.png);
}

.column_care7 .care_box {
    margin-top: 30px;
    padding: 30px;
    border: 1px solid #eee;
}

.column_care7 .care_box p {
    font-weight: 600;
    text-align: center;
    text-decoration: underline;
    color: #4d659d;
}

.column_care7 ul {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin-top: 10px;
}

@media only screen and (max-width: 414px) {
    .column_care7 ul {
        margin-top: 20px;
    }
}

.column_care7 ul li {
    width: 40%;
    margin-bottom: 10px;
    color: #555;
}

@media only screen and (max-width: 414px) {
    .column_care7 ul li {
        width: 100%;
    }
}

.column_care7 ul li:before {
    content: "〇";
}

/*----------------------------------------------------
	スタッフ
----------------------------------------------------*/

#staff .column_first {
    padding: 0 0 60px 0;
    background: url(../img/top/bg_pink.jpg);
    background-size: cover;
}

#staff .column_staff_list {
    padding: 60px 0;
    background: url(../img/common/bg_blue2.jpg);
    background-size: cover;
}

#staff .column_staff_list .staff_list {
    margin-top: 60px;
}

#staff .column_staff_list .staff_list ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}

@media only screen and (max-width: 768px) {
    #staff .column_staff_list .staff_list ul {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
    }
}

#staff .column_staff_list .staff_list ul li {
    width: 18%;
    margin: 0 2% 50px 0;
}

@media only screen and (max-width: 768px) {
    #staff .column_staff_list .staff_list ul li {
        width: 47%;
        margin-right: 0;
    }
}

#staff .column_staff_list .staff_list ul li:nth-child(5n) {
    margin-right: 0;
}

#staff .column_staff_list .staff_list ul li p {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    line-height: 1.4;
    color: #757052;
}

#staff .column_staff_list .staff_list ul li .position {
    letter-spacing: 0.1em;
    font-size: 15px;
    font-size: 1.5rem;
}

#staff .column_staff_list .staff_list ul li .name {
    font-weight: 600;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    #staff .column_staff_list .staff_list ul li .name {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#staff .column_staff_list .staff_list ul li .h_line:after {
    border-top: 1px solid #757052;
}

#staff .column_staff_list .staff_list ul li .text_box {
    margin-top: 10px;
}

#staff .column_staff_list .staff_list ul li img {
    height: auto;
    -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
    filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.4));
}

/*----------------------------------------------------
	事前相談
----------------------------------------------------*/

#salon .column_first {
    padding-bottom: 0;
}

#salon .column_consul .hall_body {
    padding: 10px 60px 30px 60px;
}

@media only screen and (max-width: 768px) {
    #salon .column_consul .hall_body {
        padding: 20px;
    }
}

#salon .column_consul {
    margin-bottom: 0;
}

#salon .column_form {
    padding-top: 60px;
}

.column_salon1 {
    padding-top: 60px;
    background: url(../img/salon/bag_salon.jpg);
    background-size: cover;
}

.column_salon1 .inner {
    padding: 40px 60px;
    text-align: center;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #salon .column_form {
        padding-top: 0px;
    }

    .column_salon1 .inner {
        margin: 0 3%;
        padding: 30px 10px;
    }
}

.column_salon1 .flex {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 30px 0;
}

@media only screen and (max-width: 768px) {
    .column_salon1 .flex {
        display: block;
    }
}

.column_salon1 .flex > p {
    width: 48%;
}

@media only screen and (max-width: 768px) {
    .column_salon1 .flex > p {
        width: 100%;
        margin-bottom: 20px;
    }
}

.column_salon1 .flex > p img {
    width: 70%;
}

.ul-six-ways-salon .tit_green {
    font-weight: 600;
    color: #4f7953;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .column_salon1 .tit_green {
        font-weight: normal;
        font-size: 15px;
        font-size: 1.5rem;
    }
}

/* column_salon1 内のモジュール ul-six-ways-salon */

.ul-six-ways-salon {
    display: flex;
    justify-content: space-between;
    max-width: 1005px;
    margin: 0 auto;
}

.ul-six-ways-salon.flex-left {
    justify-content: left;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon {
        display: block;
    }
}

.six-ways-intro {
    margin-top: 70px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: bold;
    margin-bottom: 10px;
    color: #796333;
    font-size: 28px;
    font-size: 2.8rem;
}

@media screen and (max-width: 768px) {
    .six-ways-intro {
        margin-top: 40px;
        font-size: 20px;
        font-size: 2rem;
    }
}

.six-ways-intro span {
    font-size: 24px;
    font-size: 2.4rem;
}

@media screen and (max-width: 768px) {
    .six-ways-intro span {
        font-size: 20px;
        font-size: 2rem;
    }
}

.ul-six-ways-salon > li {
    width: 46%;
    border: 1px solid #796333;
    border-radius: 25px;
    padding: 10px 0 35px;
    margin-top: 30px;
    position: relative;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon > li {
        width: 100%;
        padding: 7px 0 25px;
        margin-top: 16px;
    }
}

.ul-six-ways-salon__title {
    font-size: 18px;
    color: #796333;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: bold;
    padding-top: 4px;
    position: relative;
}

.ul-six-ways-salon__title::before,
.ul-six-ways-salon__title::after {
    content: "";
    display: block;
    width: 60px;
    height: 1px;
    background: #796333;
    position: absolute;
    top: -3px;
}

.ul-six-ways-salon__title::before {
    left: 18%;
}

.ul-six-ways-salon__title::after {
    right: 18%;
}

.ul-six-ways-salon__title span {
    font-size: 21px;
}

.ul-six-ways-salon__title .ul-six-ways-salon__title__sub {
    font-size: 18px;
}

.ul-six-ways-salon__icon {
    font-size: 64px;
    color: #c1543d;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__icon {
        font-size: 47px;
        color: #c1543d;
    }
}

.ul-six-ways-salon__icon.blue {
    font-size: 64px;
    color: #4d659d;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__icon.blue {
        font-size: 47px;
        color: #4d659d;
    }
}

.ul-six-ways-salon__content {
    padding: 16px 40px 0px;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__content {
        padding: 16px 30px 0px;
    }
}

.ul-six-ways-salon__content__time {
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__content__time {
        margin-bottom: 7px;
    }
}

.ul-six-ways-salon__number {
    font-size: 28px;
    color: #796333;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: bold;
    border-bottom: 1px solid #796333;
    margin-bottom: 12px;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__number {
        font-size: 25px;
        margin-bottom: 5px;
    }
}

.ul-six-ways-salon__li--tel .ul-six-ways-salon__content {
    padding: 55px 90px 0px;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__li--tel .ul-six-ways-salon__content {
        padding: 15px 3% 0px;
    }

    .ul-six-ways-salon__li--tel .ul-six-ways-salon__content img {
        max-width: 69vw;
        max-width: min(240px, 69vw);
    }
}

.ul-six-ways-salon__li--mail .ul-six-ways-salon__content a {
    font-size: 18px;
    color: #4d659d;
    text-decoration: underline;
    margin-bottom: 10px;
}

.ul-six-ways-salon__li--line .ul-six-ways-salon__icon {
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__li--line .ul-six-ways-salon__icon {
        margin-bottom: 15px;
    }
}

.ul-six-ways-salon__li--line .ul-six-ways-salon__icon img {
    width: 90px;
}

@media screen and (max-width: 768px) {
    .ul-six-ways-salon__li--line .ul-six-ways-salon__icon img {
        width: 58px;
    }
}

.ul-six-ways-salon__li--visit .ul-six-ways-salon__content {
    padding: 16px 90px 0px;
}

.ul-six-ways-salon__li--tv .ul-six-ways-salon__content {
    padding: 35px 90px 0px;
}

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

    .ul-six-ways-salon__li--visit .ul-six-ways-salon__content,
    .ul-six-ways-salon__li--tv .ul-six-ways-salon__content {
        padding: 15px 30px 0px;
    }
}

.six-ways-direction-form {
    padding: 30px 0;
    max-width: 660px;
    margin: 0 auto;
}

.six-ways-direction-form__title {
    margin-top: 50px;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    font-weight: bold;
    margin-bottom: 30px;
    color: #796333;
    font-size: 28px;
    font-size: 2.8rem;
}

@media screen and (max-width: 768px) {
    .six-ways-direction-form__title {
        margin-top: 40px;
        font-size: 20px;
        font-size: 2rem;
        margin: 20px auto;
    }
}

.six-ways-direction-form__title span {
    font-size: 22px;
    font-size: 2.2rem;
}

@media screen and (max-width: 768px) {
    .six-ways-direction-form__title span {
        font-size: 20px;
        font-size: 2rem;
    }
}

.six-ways-direction-form .tit_green {
    margin-top: 30px;
}

/* 終了 (column_salon1 内のモジュール ul-six-ways-salon) */

.column_salon2 {
    padding-top: 60px;
    background: url(../img/common/bg_green.jpg);
    background-size: cover;
}

.column_salon2 .slide_area {
    margin-bottom: 80px;
}

@media only screen and (max-width: 768px) {
    .column_salon2 .slide_area {
        margin-bottom: 40px;
    }
}

.column_salon2 .salon_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
    .column_salon2 .salon_area {
        display: block;
    }
}

.column_salon2 .salon_area .row {
    width: 78%;
    margin-left: 30px;
    padding: 30px;
    text-align: center;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_salon2 .salon_area .row {
        width: 100%;
        margin-top: 20px;
        margin-left: 0;
        padding: 20px 10px;
    }
}

.column_salon2 .salon_area .row ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 80%;
    margin: 0 auto;
}

@media only screen and (max-width: 768px) {
    .column_salon2 .salon_area .row ul {
        width: 100%;
    }
}

.column_salon2 .salon_area .row li {
    width: 48%;
    margin-bottom: 10px;
    text-align: left;
}

@media only screen and (max-width: 768px) {
    .column_salon2 .salon_area .row li {
        width: 50%;
        font-size: 13px;
        font-size: 1.3rem;
    }
}

.column_salon2 .salon_area .row li:before {
    content: "・";
}

.column_salon2 .salon_area .row h3 {
    margin-bottom: 20px;
    color: #4d659d;
}

.column_salon2 .slide_area2 .thumbnails2:after {
    display: block;
    width: 54%;
    content: "";
}

@media only screen and (max-width: 768px) {
    .column_salon2 .thumbnails:after {
        display: block;
        width: 17%;
        content: "";
    }
}

.column_salon2 .mainImage,
.column_salon2 .mainImage2 {
    margin-bottom: 20px;
}

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

    .column_salon2 .mainImage,
    .column_salon2 .mainImage2 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

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

    .column_salon2 .mainImage img,
    .column_salon2 .mainImage2 img {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
        order: 2;
        height: auto;
    }
}

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

    .column_salon2 .mainImage .btn a,
    .column_salon2 .mainImage2 .btn a {
        background: #705d41 url(../img/common/yajirushi.webp) no-repeat 238px center;
    }
}

.column_salon2 .salon_studio {
    margin-left: 30px;
    padding: 30px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    .column_salon2 .salon_studio {
        -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
        order: 1;
        margin-bottom: 20px;
        margin-left: 0;
    }
}

.column_salon2 .salon_studio .time {
    margin-top: 20px;
}

/* slide画像 */

.mainImage img,
.mainImage2 img {
    width: 47%;
    text-align: center;
}

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

    .mainImage img,
    .mainImage2 img {
        width: 100%;
    }
}

.thumbnails,
.thumbnails2 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin: 0 auto;
}

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

    .thumbnails,
    .thumbnails2 {
        -webkit-box-align: start;
        -ms-flex-align: start;
        align-items: flex-start;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    }
}

.thumbnails img,
.thumbnails2 img {
    width: 8.57%;
    height: auto;
    margin-right: 7px;
    cursor: pointer;
}

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

    .thumbnails img,
    .thumbnails2 img {
        width: 23%;
        max-width: 100%;
        margin-right: 2px;
        margin-bottom: 10px;
    }
}

.thumbnails img:last-child,
.thumbnails2 img:last-child {
    margin-right: 0;
}

/*----------------------------------------------------
	供花・供物
----------------------------------------------------*/

#order .column_first .flex {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex {
        display: block;
    }
}

#order .column_first .flex .num,
#order .column_first .flex .fax {
    width: 49%;
    margin-top: 40px;
}

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

    #order .column_first .flex .num,
    #order .column_first .flex .fax {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
    }
}

#order .column_first .flex .tel_area {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    margin-bottom: 30px;
    padding: 30px 40px;
    border: 1px solid #c1543d;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .tel_area {
        display: block;
        padding: 30px 20px;
    }
}

#order .column_first .flex .tel_area .tel {
    width: 55%;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .tel_area .tel {
        width: 100%;
    }
}

#order .column_first .flex .tel_area h3 {
    width: 40%;
    text-align: center;
    color: #c1543d;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .tel_area h3 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#order .column_first .flex .fax {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    padding: 21px 28px;
    border: 1px solid #67474a;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .fax {
        padding: 21px 0;
    }
}

#order .column_first .flex .fax .note {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .fax .note {
        font-size: 12px;
        font-size: 1.2rem;
    }
}

#order .column_first .flex .fax h3 {
    width: 40%;
    text-align: center;
    color: #67474a;
    font-size: 22px;
    font-size: 2.2rem;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .fax h3 {
        width: 100%;
        margin-bottom: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }
}

#order .column_first .flex .fax .fax_num {
    margin-top: 20px;
    text-align: center;
    color: #d03b1b;
    font-size: 26px;
    font-size: 2.6rem;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .fax .fax_num {
        font-size: 22px;
        font-size: 2.2rem;
    }
}

#order .column_first .flex .fax .fax_area {
    width: 80%;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .fax .fax_area {
        width: 100%;
    }
}

#order .column_first .flex .fax .fax_area .btn a {
    font-size: 18px;
    background: #705d41 url(../img/common/yajirushi.webp) no-repeat 302px center;
}

@media only screen and (max-width: 768px) {
    #order .column_first .flex .fax .fax_area .btn a {
        background: #705d41 url(../img/common/yajirushi.webp) no-repeat 290px center;
    }
}

.column_item01 {
    padding: 60px 0;
    background: url(../img/common/bg_blue2.jpg);
    background-size: cover;
}

.column_item01 .right {
    text-align: right;
}

@media only screen and (max-width: 768px) {
    .column_item01 .right {
        text-align: left;
    }
}

.column_item01 .item_tit {
    margin-top: 30px;
    padding: 10px 0 10px 30px;
    background: url(../img/common/bg_brown.webp);
}

@media only screen and (max-width: 768px) {
    .column_item01 .item_tit {
        display: block;
    }
}

.column_item01 .item_tit .sec_head {
    font-weight: 500;
    text-align: left;
    color: #fff;
    font-size: 28px;
    font-size: 2.8rem;
}

.column_item01 .item_tit p {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    padding-left: 20px;
    color: #fff;
}

.column_item01 .row_kumotsu:after {
    display: block;
    width: 32%;
    content: "";
}

.column_item01 .item_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    /* justify-content: space-between; */
    margin-bottom: 40px;
    padding: 30px 15px 30px 25px;
    border: 1px solid #eee;
    background: #fff;
    gap: 0 12px;
}

@media only screen and (max-width: 768px) {
    .column_item01 .item_box {
        justify-content: space-between;
        padding: 30px 10px;
        gap: 0;
    }
}

.column_item01 .item_box:after {
    display: block;
    width: 49%;
    content: "";
}

.column_item01 .item_box > li {
    width: 24%;
    margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
    .column_item01 .item_box > li {
        width: 48%;
        margin-bottom: 10px;
    }
}

.column_item01 .item_box > li .note {
    margin-top: 10px;
    text-align: center;
    font-size: 14px;
    font-size: 1.4rem;
}

.column_item01 .item_box > li .photo_area {
    position: relative;
    border: 1px solid #eee;
    background: #fff;
}

.column_item01 .item_box > li .photo_area img {
    display: block;
    margin: 0 auto;
}

.column_item01 .item_box > li .photo_area .zoom {
    position: absolute;
    right: 20px;
    bottom: 10px;
}

.column_item01 .item_box > li .text_box .text {
    min-height: 166px;
    padding: 20px;
    text-align: center;
    border: 1px solid #eee;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 768px) {
    .column_item01 .item_box > li .text_box .text {
        min-height: auto;
        padding: 10px;
    }
}

.column_item01 .item_box > li .text_box .text li:nth-child(1) {
    margin-bottom: 10px;
    color: #757052;
    font-size: 20px;
    font-size: 2rem;
}

@media only screen and (max-width: 768px) {
    .column_item01 .item_box > li .text_box .text li:nth-child(1) {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.column_item01 .item_box > li .text_box .text .amount {
    color: #da577d;
    font-size: 20px;
    font-size: 2rem;
}

.column_item01 .item_box > li .text_box .text .amount span {
    font-size: 14px;
    font-size: 1.4rem;
}

.column_item01 .image {
    margin-top: -30px;
    margin-bottom: 20px;
}

.column_item01 .column_first {
    background: none;
}

.column_item01 .item_box2 > li {
    width: 32%;
}

@media only screen and (max-width: 768px) {
    .column_item01 .item_box2 > li {
        width: 48%;
    }
}

.column_item01 .item_box2 > li .text_box .text {
    min-height: auto;
}

#order .column_form {
    padding-top: 60px;
}

#order .column_form .form_table .flex {
    margin-bottom: 0px;
    flex-wrap: wrap;
}

@media only screen and (max-width: 980px) {
    #order .column_form .form_table .flex {
        display: block;
        margin-bottom: 0;
    }
}

#order .column_form .form_table .flex > span {
    display: inline-block;
    margin-bottom: 40px;
}

#order .column_form .form_table .red {
    display: inline-block;
    margin-bottom: 25px;
    font-size: 18px;
    font-size: 1.8rem;
}

@media only screen and (max-width: 980px) {
    #order .column_form .form_table .red {
        line-height: 1.4;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

#order .column_form .form_table .s_title {
    color: #4e7952;
}

@media only screen and (max-width: 980px) {
    #order .column_form .form_table .s_title {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

#order .column_form .form_table #kikka,
#order .column_form .form_table #wayou,
#order .column_form .form_table #frame,
#order .column_form .form_table #morikago1,
#order .column_form .form_table #mosyu {
    width: 50%;
}

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

    #order .column_form .form_table #kikka,
    #order .column_form .form_table #wayou,
    #order .column_form .form_table #frame,
    #order .column_form .form_table #morikago1,
    #order .column_form .form_table #mosyu {
        width: 100%;
    }
}

#order .column_form .form_table #pink,
#order .column_form .form_table #morikago2,
#order .column_form .form_table #kaiten2 {
    width: 50%;
}

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

    #order .column_form .form_table #pink,
    #order .column_form .form_table #morikago2,
    #order .column_form .form_table #kaiten2 {
        width: 100%;
    }
}

#order .column_form .form_table #white,
#order .column_form .form_table #shikimi,
#order .column_form .form_table #sesyu {
    width: 50%;
}

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

    #order .column_form .form_table #white,
    #order .column_form .form_table #shikimi,
    #order .column_form .form_table #sesyu {
        width: 100%;
    }
}

#order .column_form .form_table #kaiten1,
#order .column_form .form_table #kaiten2 {
    width: 50%;
}

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

    #order .column_form .form_table #kaiten1,
    #order .column_form .form_table #kaiten2 {
        width: 100%;
    }
}

#order .column_form .form_table #sesyu {
    width: 50%;
}

@media only screen and (max-width: 980px) {
    #order .column_form .form_table #sesyu {
        width: 100%;
    }
}

#order .column_form .form_table .flex01:after {
    display: block;
    width: 30%;
    content: "";
}

#order .column_form .form_table .flex01 > span {
    width: 50%;
}

@media only screen and (max-width: 980px) {
    #order .column_form .form_table .flex01 > span {
        width: 100%;
    }
}

#order .column_form .form_table #order1,
#order .column_form .form_table #order2,
#order .column_form .form_table #order3,
#order .column_form .form_table #order4 {
    width: 50%;
}

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

    #order .column_form .form_table #order1,
    #order .column_form .form_table #order2,
    #order .column_form .form_table #order3,
    #order .column_form .form_table #order4 {
        width: 100%;
    }
}

#order .column_form .form_table .flex02 {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: start;
}

#order .column_form .form_table .flex02:after {
    display: block;
    width: 28%;
    content: "";
}

#order .column_form .form_table .flex02 .wpcf7-list-item.last {
    display: block;
}

#order .column_form .form_table .flex02 > span {
    width: 32%;
}

#order .column_form .form_table .flex03 {
    margin-bottom: 0;
}

#order .column_form .wpcf7-form-control-wrap.example .wpcf7-list-item {
    display: block;
}

@media only screen and (max-width: 768px) {
    #order .column_form .wpcf7-form-control-wrap.example .wpcf7-list-item {
        margin-bottom: 10px;
        margin-left: 0;
    }
}

#order .column_form .wpcf7-form-control-wrap.your-send {
    display: inline-block;
    margin-right: 10px;
}

#order .column_form .s_title2 {
    font-size: 18px;
    font-weight: 600;
    display: inline-block;
    margin-top: 30px;
    margin-bottom: 8px;
    color: #555;
    width: 100%;
    margin: 0 !important;
}

@media only screen and (max-width: 768px) {
    #order .column_form .s_title2 {
        font-size: 16px;
        font-size: 1.6rem;
    }
}

/*----------------------------------------------------
	個人情報保護方針
----------------------------------------------------*/

#policy .column_policy {
    padding: 40px 60px;
    padding-right: 20px;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #policy .column_policy {
        padding: 40px 10px;
    }
}

#policy .column_policy .sec_cmn_heading_ms {
    font-weight: 600;
    margin: 40px 0 10px 0;
    color: #555;
}

@media only screen and (max-width: 768px) {
    #policy .column_policy .sec_cmn_heading_ms {
        font-size: 18px;
        font-size: 1.8rem;
    }
}

/*----------------------------------------------------
	サイトマップ
----------------------------------------------------*/

#colophon.sitemap .site_ft {
    font-weight: 600;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding: 40px;
    color: #555;
    background: #fff;
}

@media only screen and (max-width: 768px) {
    #colophon.sitemap .site_ft {
        padding: 20px 10px;
    }
}

#colophon.sitemap .site_info {
    width: 80%;
    padding-left: 0;
}

@media only screen and (max-width: 768px) {
    #colophon.sitemap .site_info {
        width: 100%;
    }
}

#colophon.sitemap .site_info a {
    color: #555;
}

/* コロナ対策用のＭＶ変更 */

@media only screen and (max-width: 1600px) {
    .fade_img.ver_colona {
        height: 44vw !important;
    }
}

@media only screen and (max-width: 768px) {
    .fade_img.ver_colona {
        height: 70vw !important;
    }
}

/*# sourceMappingURL=style.css.map */

/* salon */

.salon-popup {
    display: flex;
    justify-content: space-around;
    margin: 40px auto 30px;
}

.salon-popup > li {
    display: inline-block;
    padding: 0 40px;
    cursor: pointer;
    border-radius: 30px;
    font-size: 22px;
    font-weight: bold;
    color: #00b900;
    border: 1px solid;
    text-align: center;
    line-height: 2.8;
}

.salon-popup > li a {
    color: #00b900;
}

.salon-popup > li.curent {
    background: #00b900;
    color: #fff;
}

.salon-popup > li.curent a {
    color: #fff;
}

.salon-popup > li:hover {
    opacity: 0.7;
}

#salon-popup__line__item {
    text-align: center;
}

.salon-form-title {
    font-size: 23px;
    font-weight: 500;
    color: #4d659d;
    margin-top: 60px;
}

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

    .salon-popup > li {
        text-align: center;
        margin-right: auto;
        margin-left: auto;
        font-size: 18px;
    }

    .salon-popup > li:last-of-type {
        margin-top: 15px;
        margin-left: auto;
    }

    .salon-form-title {
        font-size: 20px;
        font-weight: 600;
        margin-top: 15px;
    }
}

/* パンくず表示位置変更のための調整 */
@media screen and (max-width: 768px) {
    .home #main {
        margin-top: 0;
    }
}

/* add css */
.text-a-right {
    text-align: right;
}

/*投稿の調整*/
.single .entry-content h2 {
    font-weight: bold;
    border-bottom: #d0d0d0 4px solid;
    position: relative;
    margin: 10px 0 10px;
    padding: 16px;
    letter-spacing: 0.05em;
    text-align: left;
}

.single .entry-content h2:before {
    content: "";
    display: block;
    background: #585331;
    width: 50%;
    height: 4px;
    position: absolute;
    left: 0;
    bottom: -4px;
}

.single .entry-content h3 {
    padding: 8px 16px;
    letter-spacing: 0.05em;
    font-size: 2.2rem;
    font-weight: bold;
    border-left: #585331 6px solid;
}

.single .entry-content h4 {
    padding: 8px 16px;
    letter-spacing: 0.05em;
    font-size: 2.2rem;
    font-weight: bold;
    border-bottom: #585331 3px solid;
}

/*震えるアニメーション*/
@keyframes shake {
    0% {
        transform: translate(0, 0);
    }

    5% {
        transform: translate(-2px, -0);
    }

    10% {
        transform: translate(2px, 0);
    }

    15% {
        transform: translate(-2px, -0);
    }

    20% {
        transform: translate(2px, 0);
    }

    25% {
        transform: translate(-2px, -0);
    }

    30% {
        transform: translate(0, 0);
    }

    100% {
        transform: translate(0, 0);
    }
}

/*top お急ぎコンテンツ*/
.hurry_box {
    display: none;
}

@media screen and (max-width: 428px) {
    .hurry_box {
        display: inline-block;
        width: 100%;
        padding: 0 15px;
        margin-top: 10px;
    }

    .hurry_box .open_btn {
        display: block;
        width: 100%;
        margin: 0 auto;
        padding: 15px 0;
        background: #d12a2a;
        text-align: center;
        margin-bottom: 10px;
        box-shadow: 0 5px #9f1818;
        line-height: 1.4;
        border: 0;
        animation: shake 2s infinite;
        position: relative;
    }

    .hurry_box .open_btn::before {
        position: absolute;
        left: 30px;
        top: 30px;
        content: "";
        display: block;
        width: 30px;
        height: 30px;
        background-image: url(../img/top/hurry_box_icon01.png);
        background-size: cover;
    }

    .hurry_box .open_btn.active {
        animation: none;
    }

    .hurry_box .open_btn h3 {
        font-size: 1.3rem;
        color: #ffff00;
        font-weight: 600;
    }

    .hurry_box .open_btn p {
        color: #fff;
        font-size: 2.3rem;
    }

    .hurry_box .open_btn p i {
        transition: all 0.3s;
        transform: rotate(360deg);
        margin-left: 8px;
    }

    .hurry_box .open_btn.active p i {
        transform: rotate(180deg);
    }

    .hurry_box .hurry_detail {
        display: none;
        background: #f9f9f7;
        padding: 10px;
    }

    .hurry_box.active .hurry_detail {
        display: block;
    }

    .hurry_detail ul {
        list-style: none;
        text-indent: 0;
    }

    .hurry_detail ul.hurry_feature li {
        margin-bottom: 10px;
        line-height: 1.4;
        padding-left: 1.5em;
        text-indent: -1.5em;
        font-size: 1.5rem;
    }

    .hurry_detail ul.hurry_feature li::before {
        content: "";
        display: inline-block;
        width: 17px;
        height: 17px;
        background: url(../img/common/check_mark.png) no-repeat center center;
        background-size: 17px;
        vertical-align: middle;
        margin: 0 5px 0 0;
    }

    .reminder {
        font-size: 2rem;
        text-align: center;
        font-weight: 600;
        margin: 10px auto;
    }

    .reminder .yellow_under {
        display: inline-block;
    }

    .reminder .big {
        font-size: 2.3rem;
        color: #da2f25;
        background: linear-gradient(transparent 60%, #ff6 60%);
    }

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

    ul.hurry_staff li {
        width: 42%;
        text-align: center;
    }
}

/*----------------------------------------------------
club_2ページャー
----------------------------------------------------*/
.partner_store {
    width: 100%;
    background: #fff;
}

.partner_store .tab {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding: 20px 20px 0 20px;
}

@media only screen and (max-width: 414px) {
    .partner_store .tab {
        padding: 10px 10px 0 10px;
    }
}

.partner_store .tab li {
    width: 25%;
}

@media only screen and (max-width: 414px) {
    .partner_store .tab li {
        width: 33.3%;
    }
}

.partner_store .tab li span {
    display: block;
    width: 96%;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0;
    border: 1px solid #dfdfdf;
    background: #efefef;
    letter-spacing: 0.2em;
}

.partner_store .tab li:hover {
    cursor: pointer;
}

.partner_store .tab li.active span {
    background: #c1543d;
    color: #fff;
}

.partner_store .store_list {
    padding: 20px;
    display: none;
}

@media only screen and (max-width: 414px) {
    .partner_store .store_list {
        padding: 20px 6px;
    }
}

.partner_store .store_list table {
    width: 100%;
    margin: 0 auto;
    border-collapse: collapse;
    display: none;
}

.partner_store .store_list table tr:nth-child(even) {
    background: #efefef;
}

.partner_store .store_list table tr th,
.partner_store .store_list table tr td {
    padding: 10px;
    border: 1px solid #dfdfdf;
}

/* .partner_store .store_list table tr td:last-child{
    display: flex;
} */
@media only screen and (max-width: 414px) {

    .partner_store .store_list table tr th,
    .partner_store .store_list table tr td {
        padding: 5px;
        font-size: 12px;
        font-size: 1.2rem;
        width: 25%;
    }
}

.partner_store .store_list table tr th {
    color: #fff;
    background: rgba(37, 67, 138, 0.9);
}

.partner_store .store_list table tr td a {
    text-decoration: underline;
}

.partner_store .store_list table tr td a:hover {
    text-decoration: none;
}

.partner_store .store_list table.active {
    display: table;
}

.partner_store .store_list .pager {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin: 15px auto 0 auto;
}

.partner_store .store_list .pager li {
    border: 1px solid #dfdfdf;
    padding: 3px 10px;
    margin-right: 5px;
}

.partner_store .store_list .pager li:hover {
    cursor: pointer;
}

.partner_store .store_list .pager li.active {
    background: #c1543d;
    color: #fff;
}

.partner_store .store_list.active {
    display: block;
}

.store_list_footer_txt {
    text-align: center;
    font-size: 2rem;
}

#kyosai .column_pay .store_list_footer_txt span {
    display: inline-block;
    font-size: 3rem;
}

.store_list_footer_txt span a {
    color: rgba(37, 67, 138, 0.9);
}

@media only screen and (max-width: 768px) {
    #kyosai .column_pay .store_list_footer_txt span {
        display: block;
    }
}

#masthead #main_visual {
    position: relative;
    margin: 0px 0 40px;
    padding-bottom: 20px;
}

#main_visual .mainslider {
    width: 100%;
    height: auto;
}

#main_visual .mainslider img {
    width: 100%;
}

#masthead #main_visual .swiper-pagination-bullet-active {
    background: #dc7a85;
}

#masthead #main_visual .swiper-pagination {
    bottom: 0;
}

@media screen and (max-width: 767px) {
    #masthead #main_visual {
        position: relative;
        margin: 0px;
        padding-bottom: 0px;
    }

    #masthead #main_visual .swiper-pagination {
        bottom: -10%;
    }
}

/*よくある質問用*/
.accordion {
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
    position: relative;
    width: 100%;
    max-width: 1200px;
    margin-bottom: 100px;
}

.accordion-ttl {
    margin-bottom: 30px;
}

.accordion-ttl02 {
    margin-top: 150px;
    margin-bottom: 30px;
}

.accordion-item {
    margin-bottom: 50px;
}

.accordion-title {
    cursor: pointer;
    font-size: 21px;
    padding: 10px 20px;
    background-color: #68474b;
    color: #fff;
    display: flex;
    align-items: center;
}

@media screen and (max-width: 428px) {
    .accordion-title {
        font-size: 18px;
    }
}

.accordion-title::before {
    content: "Q.";
    font-size: 30px;
    color: #fff;
    margin-right: 10px;
}

.accordion-content {
    display: none;
    padding: 30px 20px;
}

.accordion-content div {
    padding-left: 50px;
}

.accordion-content::before {
    content: "A.";
    font-size: 30px;
    color: #f16c6c;
    margin-right: 10px;
    float: left;
}

.accordion-content p {
    font-size: 16px;
    line-height: 1.5;
}

.accordion-content p a {
    display: inline-block;
}

/* 矢印 */

.sec_cmn_heading02 {
    font-size: 3.8rem;
    font-weight: 500;
    letter-spacing: 1px;
    position: relative;
    text-align: center;
    color: #004625;
    margin-bottom: 20px;
    margin-top: 100px;
}

.accordion-title {
    position: relative;
}

.accordion-title::after {
    border-right: solid 2px #fff;
    border-top: solid 2px #fff;
    content: "";
    display: block;
    height: 8px;
    position: absolute;
    right: 25px;
    top: 38%;
    transform: rotate(135deg);
    transition: transform 0.3s ease-in-out, top 0.3s ease-in-out;
    width: 8px;
}

.accordion-title.open::after {
    top: 45%;
    transform: rotate(-45deg);
}

.tiba_center {
    text-align: center;
    margin-bottom: 20px;
    max-width: 60%;
    margin-inline: auto;
}

@media screen and (max-width: 767px) {
    .tiba_center.smart_hide {
        display: none;
    }

    .tiba_center.pc_hide {
        margin-top: 15px;
        text-align: center;
        margin-bottom: 0px;
        max-width: 100%;
        margin-inline: auto;
        padding: 0 15px;
    }
}

@media screen and (min-width: 768px) {
    .tiba_center.pc_hide {
        display: none;
    }
}


/*----2024.06.07add----*/

/*グリーフケアページ*/

#griefcare {
    font-family: 'Noto Sans JP', sans-serif;
}

#griefcare .sec_cmn_heading,
#griefcare .sec_title,
#griefcare .note_red {
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: 800;
}

.column_aboutcare {
    background: #fff;
    padding-bottom: 0;
}

.column_aboutcare .inner.prom .sec_cmn_heading {
    font-weight: 600;
    color: #373737;
    font-size: 3.7rem;
    border-bottom: none;
}

.column_aboutcare .inner .prom_flex ul li {
    width: 540px;
    margin-bottom: 14px;
    font-size: 2rem;
    padding: 12px 18px;
    display: flex;
    align-items: center;
    border-radius: 100px;
    color: #c1543d;
    margin: 12px 8px;
    border: 1px solid #c1543d;
}

.whats-gcare-box {
    background: url(../img/griefcare/4874478_m.jpg) no-repeat center center;
    background-size: cover;
    padding: 60px 0;
}

.whats-gcare-circle {
    text-align: center;
    width: 600px;
    height: 600px;
    background: #ffffff70;
    border-radius: 1200px;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    border: 10px solid #ffffff10;
    padding: 0 0 21px;
}

.sec_cmn_heading2 {
    margin: 0 0 30px;
    color: #373737;
    letter-spacing: 2px;
    font-weight: 800;
    font-size: 3.6rem;
}

.sec_cmn_heading_cen2 {
    font-weight: 400;
    margin-bottom: 30px;
    color: #796333;
    font-size: 2rem;
}

.column_care2b {
    text-align: center;
    padding-top: 60px;
}

.column_care2b .bereavement_title {
    font-size: 3rem;
    color: #757053;
    text-align: center;
    padding: 78px 100px 84px;
    border-right: 1px solid #757053;
    font-weight: 800;
}

.column_care2b .bereavement_sub {
    display: block;
    font-size: 1.2rem;
}

.column_care2b .bereavement_col {
    font-size: 1.6rem;
}

.column_care2b .bereavement_col .note_red {
    color: #c1543d;
    font-size: 2.4rem;
}

.column_care2b .bereavement_list_title {
    font-size: 2rem;
    background: #cb9c35;
    color: #fff;
}

.bereavement_list_box {
    border: 1px solid #cb9c35;
    margin-top: 16px;
}

.column_care2b ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    padding: 12px;
    background: #fff;
}

.column_care2b ul li {
    width: 45%;
    margin-bottom: 10px;
    color: #555;
}

.gcare_omoi_box {
    background: #3a5595;
    padding: 60px 0 18px;
}

.gcare_omoi_box h2 {
    font-size: 3.7rem;
    color: #fff;
    text-align: center;
}

.gcare_omoi_box .care_intro {
    text-align: justify;
    max-width: 1000px;
    margin: 28px auto 60px;
    color: #fff;
    font-weight: 400;
}

.komorebi_feature h2 {
    font-size: 3.7rem;
    color: #373737;
    text-align: center;
    padding: 60px;
    @media (max-width:1023px){
        line-height: 1.0;
    }
}

.komorebi_feature h2 span {
    font-size: 7rem;
    color: #c1543d;
}

/* --- グリーフケアページ（griefcare） --- */
.column_care_think{
    .komorebi_feature{
        margin: 0 auto 60px auto;
        @media (max-width:1023px){
            margin: 0 auto 30px auto;
        }
        .flex{
            @media (max-width:1023px){
                justify-content: space-around;
                flex-wrap: wrap;
            }
            img{
                width: calc(100% / 3 - 40px);
                @media (max-width:1023px){
                    width: calc(100% / 2 - 20px);
                }
            }
        }
    }
    .schedule_box{
        border: 10px solid #81c9a6;
        padding: 30px;
        margin-bottom: 30px;
        border-radius: 10px;
        background-image: url(../img/griefcare/schedule_bg.jpg);
        background-position: top right;
        background-repeat: no-repeat;
        background-size: 300px;
        .schedule_intro{
            margin: 0 auto 30px auto;
        }
        .schedule{
            display: flex;
            flex-wrap: wrap;
            gap: 10px 20px;
            border-top: 1px solid #ccc;
            padding-top: 30px;
        }
    }
}

.column_care_member{
    .inner{
        h2{
            padding: 60px;
            @media (max-width:1023px){
                padding: 0 0 30px 0;
                font-size: 2.3rem;
            }
        }
        .member_box{
            display: flex;
            justify-content: center;
            gap: 40px;
            max-width: 1000px;
            margin: 0 auto 30px;
            background: #fff;
            padding: 40px;
            border-radius: 30px;
            box-shadow: 10px 10px 0 #e6d2d7;
            @media (max-width:1023px){
                padding: 20px;
                gap: 20px;
            }
            .img{
                width: 30%;
                @media (max-width:1023px){
                    width: 100%;
                }
                img{
                    border-radius: 30px;
                    margin-bottom: 20px;
                }
            }
            .text{
                flex: 1;
            }
        }
    }
}


.member_box {
    box-shadow: inherit;
}

.member_box .text p {
    font-family: 'Noto Sans JP', sans-serif;
}

.name_b {
    font-size: 2.4rem;
}

.column_care_member {
    background: #81c9a6;
    background-image: none;
}

.column_care_member h2 {
    font-size: 3.7rem;
    color: #fff;
    text-align: center;
    padding: 0 0 60px;
}

.column_care_member h2 span {
    color: #c1543d;
}

.column_care3 {
    width: 100%;
    background-size: 16px 16px;
    background-position: 50% 50%;
    background-image: repeating-linear-gradient(90deg, rgb(225 225 225), rgb(225 225 225 / 50%) 1px, transparent 1px, transparent 16px), repeating-linear-gradient(0deg, rgb(225 225 225 / 50%), rgb(225 225 225 / 50%) 1px, #fff 1px, #fff 16px);
}

.column_care3 h2,
.column_care4 h2 {
    font-size: 3.7rem;
    color: #373737;
    text-align: center;
    padding: 60px;
}

.column_care6 .right_sec {
    background: #fff;
    padding: 28px;
    margin: 0 auto;
    border-radius: 16px;
}

@media only screen and (max-width: 768px) {
    .column_aboutcare {
        padding-top: 0px;
    }

    .column_aboutcare .img_inner {
        padding: 0;
    }

    .column_aboutcare .inner.prom .sec_cmn_heading {
        font-size: 2.6rem;
    }

    .column_aboutcare .inner {
        padding: 16px;
        text-align: center;
        background: #fff;
    }

    .column_aboutcare .inner .prom_flex ul li {
        width: 100%;
        margin: 10px 0;
    }

    .whats-gcare-circle {
        width: 380px;
        height: 380px;
    }

    .sec_cmn_heading2 {
        font-size: 2.6rem;
    }

    .sec_cmn_heading_cen2 {
        font-size: 1.4rem;
    }

    .sec_cmn_heading2 {
        margin: 0 0 13px;
    }

    .column_aboutcare .inner .prom_flex ul {
        width: 100%;
    }

    .column_care2b .flex {
        flex-wrap: wrap;
        justify-content: center;
    }

    .column_care2b .bereavement_title {
        border-right: none;
        padding: 0px 100px 16px;
    }

    .column_care2b .bereavement_col {
        font-size: 1.5rem;
    }

    .column_care2b .bereavement_col .note_red {
        color: #c1543d;
        font-size: 1.8rem;
    }

    .column_care2b {
        text-align: center;
        padding-top: 40px;
        padding-bottom: 0;
    }

    .column_care2b ul {
        width: 100%;
        display: block;
    }

    .column_care2b ul li {
        width: 100%;
        margin-bottom: 10px;
        color: #555;
    }

    .gcare_omoi_box {
        background: #3a5595;
        padding: 60px 16px 18px;
    }

    .gcare_omoi_box h2 {
        font-size: 2.6rem;
        color: #fff;
        text-align: center;
    }

    .komorebi_feature h2 {
        font-size: 3.7rem;
        color: #373737;
        text-align: center;
        padding: 30px;
    }

    .column_care_member h2 {
        font-size: 2.4rem;
        color: #fff;
        text-align: center;
        padding: 0 0 40px;
    }

    .member_box .img {
        text-align: center;
    }

    .member_box {
        flex-direction: column;
        align-items: center;
    }

    .column_care3 h2,
    .column_care4 h2 {
        font-size: 2.6rem;
        color: #373737;
        text-align: center;
        padding: 10px 0 40px;
    }
}


/*----2024.07.02add----*/

/*会社概要ページ*/

.pc_hide {
    display: none;
}

.inner_syakunrinen {
    margin: 0 auto;
    max-width: 1580px;
    padding: 0 100px;
}

.text_pink {
    color: #ffa0a0;
}

.column_message_box {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    background: url(../img/company/thanks.jpg);
    background-size: cover;
    color: #fff;
    padding: 200px;
    margin-bottom: 140px;
}

.column_message_box .message_box {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.column_message_box .message_sub {
    font-size: 2.4rem;
}

.column_message_box h2 {
    font-size: 4rem;
    margin: 10px;
}

.column_message_box p {
    font-size: 1.8rem;
    font-weight: 400;
    line-height: 2;
}



.column_syakunrinen_box {
    margin-bottom: 80px;
}

.column_syakunrinen_box .rinen_box,
.column_syakunrinen_box .syakun_box {
    display: flex;
    flex-wrap: wrap;
    height: 700px;
}

.column_syakunrinen_box div.syakunrinen_text {
    width: 50%;
    padding: 100px 0px;
    display: flex;
    flex-direction: column;
}

.column_syakunrinen_box .rinen_box {
    position: relative;
}

.column_syakunrinen_box .syakun_box {
    position: relative;
}

.column_syakunrinen_box .rinen_box .backtext {
    position: absolute;
    right: 0;
    bottom: 32px;
    font-size: min(7vw, 142px);
    color: #f2f1ed;
    z-index: 1;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700;
}

.column_syakunrinen_box .syakun_box .backtext {
    position: absolute;
    left: 0;
    bottom: 32px;
    font-size: min(7vw, 142px);
    color: #f2f1ed;
    z-index: 1;
    font-family: "Josefin Sans", sans-serif;
    font-weight: 700;
}

.column_syakunrinen_box .rinen_box div.syakunrinen_text h2.syakunrinen_h2 {
    color: #005281;
    text-align: right;
    font-size: 3.4rem;
    padding: 28px 0px;
    letter-spacing: 0.2em;
}

.column_syakunrinen_box .rinen_box div.syakunrinen_text h3.syakunrinen_h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    color: #005281;
    text-align: right;
    font-size: 3.6rem;
    margin-bottom: 28px;
}

.column_syakunrinen_box .rinen_box div.syakunrinen_text h4.syakunrinen_h4 {
    text-align: right;
    font-size: 2rem;
    margin-bottom: 10px;

}

.column_syakunrinen_box .rinen_box div.syakunrinen_text p {
    text-align: left;
    font-size: 1.8rem;
    display: flex;
    justify-content: end;
}

.column_syakunrinen_box .syakun_box div.syakunrinen_text h2.syakunrinen_h2 {
    color: #005281;
    text-align: left;
    font-size: 3.4rem;
    padding: 28px 0px;
    letter-spacing: 0.2em;
}

.column_syakunrinen_box .syakun_box div.syakunrinen_text h3.syakunrinen_h3 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
    color: #005281;
    text-align: left;
    font-size: 3.6rem;
    margin-bottom: 28px;
}

.column_syakunrinen_box .syakun_box div.syakunrinen_text h4.syakunrinen_h4 {
    text-align: left;
    font-size: 2rem;
    margin-bottom: 10px;

}

.column_syakunrinen_box .syakun_box div.syakunrinen_text p {
    text-align: left;
    font-size: 1.8rem;
}

.column_syakunrinen_box .rinen_box div.syakunrinen_pic {
    width: 50%;
    text-align: left;
    position: static;
    z-index: 2;
}

.column_syakunrinen_box .syakun_box div.syakunrinen_pic {
    width: 50%;
    text-align: right;
    position: static;
    z-index: 2;
}


.column_kihon2 {
    background: #3a5595;
    padding-top: 68px;
}

.column_kihon2 dl {
    margin-top: 30px;
}

.column_kihon2 dt {
    width: 22%;
    margin-right: 30px;
    padding: 20px 40px;
    text-align: center;
    color: #705d41;
    background: #fff;
    font-size: 22px;
    font-size: 2.2rem;
    border-radius: 10px;
}

.column_kihon2 dd {
    width: 70%;
    color: #555;
    font-size: 18px;
    font-size: 1.8rem;
    color: #fff
}

.column_kihon2 dt,
.column_kihon2 dd {
    display: inline-block;
    margin-bottom: 30px;
}

.column_kihon2 .h_line:after {
    flex-grow: 1;
    border-top: 1px solid #fff;
    content: '';
}

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

    .inner_syakunrinen {
        padding: 0 20px;
    }

    .pc_hide {
        display: block;
    }

    .column_message_box {
        padding: 40px 18px;
        margin-bottom: 0px;
    }

    .column_message_box .message_sub {
        font-size: 1.8rem;
    }

    .column_message_box h2 {
        font-size: 2.2rem;
        margin: 10px;
        text-align: center;
    }

    .column_message_box p {
        font-size: 1.4rem;
        font-weight: 400;
        line-height: 2;
    }

    .column_syakunrinen_box {
        margin-bottom: 40px;
        padding: 0;
    }

    .column_syakunrinen_box .rinen_box,
    .column_syakunrinen_box .syakun_box {
        height: auto;
        margin-bottom: 36px;
    }

    .column_syakunrinen_box .rinen_box {
        flex-direction: column-reverse
    }

    .column_syakunrinen_box div.syakunrinen_text {
        width: 100%;
        padding: 18px;
    }

    .column_syakunrinen_box .rinen_box div.syakunrinen_text p,
    .column_syakunrinen_box .syakun_box div.syakunrinen_text p {
        font-size: 1.6rem;
        justify-content: center;
    }

    .column_syakunrinen_box .rinen_box div.syakunrinen_pic,
    .column_syakunrinen_box .syakun_box div.syakunrinen_pic {
        width: 100%;
        height: 250px;
        padding: 20px;
    }

    .column_syakunrinen_box .rinen_box div.syakunrinen_text h2.syakunrinen_h2 {
        font-size: 2rem;
        text-align: center;
    }

    .column_syakunrinen_box .rinen_box div.syakunrinen_text h3.syakunrinen_h3 {
        font-size: 2.4rem;
        text-align: center;
    }

    .column_syakunrinen_box .syakun_box div.syakunrinen_text h2.syakunrinen_h2 {
        font-size: 2rem;
        text-align: center;
    }

    .column_syakunrinen_box .syakun_box div.syakunrinen_text h3.syakunrinen_h3 {
        font-size: 2.4rem;
    }

    .column_syakunrinen_box .rinen_box .backtext,
    .column_syakunrinen_box .syakun_box .backtext {
        display: none;
    }

    .column_kihon2 {
        margin-bottom: 30px;
        padding: 60px 0 30px 0;
    }

    .column_kihon2 .inner {
        padding: 0 3%
    }

    .column_kihon2 dt {
        width: 50%;
        margin: 0 0 10px 0;
        padding: 10px;
        font-size: 18px;
        font-size: 1.8rem;
    }

    .column_kihon2 dd {
        width: 100%;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.page-id-52 #plan_sub,
.page-id-1230 #plan_sub,
.page-id-8748 #plan_sub{
    font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Times New Roman", "メイリオ", Meiryo, serif;
}

.page-id-52 #plan_sub .tab_row .plan_list,
.page-id-1230 #plan_sub .tab_row .plan_list,
.page-id-8748 #plan_sub .tab_row .plan_list{
   font-family: "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}