/*------------------------
  gloval
------------------------*/
@import url("default.css");

* {-webkit-text-size-adjust:100%;}
a:link {text-decoration:none; color:#000;}
a:visited{text-decoration:none; color:#000;}
a:hover{text-decoration:none; color:#000;}
a:active{text-decoration:none; color:#000;}

h1,h2,h3,h4,h5,h6,p,small,strong,ul,li,th,td,dt,dd { font-size: .14rem; line-height: 1.4; color: #000; font-family: "fot-cezanne-pron";}
html { overflow: auto; font-size: 10px;}

html { font-size: 625%; line-height: 1;}
@media (max-width: 1080px) {
    html { font-size: 600%;}
}
@media (max-width: 767px) {
    html { font-size: 565%;}
}
@media (max-width: 480px) {
    html { font-size: 530%;}
}

body { font-size: .14rem; line-height: .2rem; letter-spacing: .13em; overflow-x: hidden; background-color: #fff;}
.container-fluid { max-width: 1510px; padding-left: 15px; padding-right: 15px;}

.lg-visible { display: none;}
.sp-visible { display: none;}
.pc-visible { display: block;}
@media (max-width: 991px) {
    .lg-visible { display: inline-block;}
}
@media (max-width: 767px) {
    body { padding-top: 65px;}
    .sp-visible { display: inline-block;}
    .sp-none { display: none;}
    .pc-visible { display: none;}
}
@media (max-width: 500px) {
    body { padding-top: 50px;}
}

.mv_base { opacity: 0; transition: all .4s; transform: translate(0px,60px);}
.mv { transform: translate(0px,0px); opacity: 1;}
.close-bg { position: fixed; height: 100vh; width: 100%; left: 0; top: 0; background: rgba(0,0,0,.45); transition: .3s; visibility: hidden; opacity: 0; z-index: 998;}
.no-scroll body { overflow: hidden;}
.no-scroll .close-bg { visibility: visible; opacity: 1;}

.delay:nth-child(1) { -webkit-animation: delay 0.5s ease 0.5s 1 forwards; animation: delay 0.5s ease 0.1s 1 forwards;}
.delay:nth-child(2) { -webkit-animation: delay 0.5s ease 1s 1 forwards; animation: delay 0.5s ease 0.3s 1 forwards;}
.delay:nth-child(3) { -webkit-animation: delay 0.5s ease 1.5s 1 forwards; animation: delay 0.5s ease 0.5s 1 forwards;}
.delay:nth-child(4) { -webkit-animation: delay 0.5s ease 2s 1 forwards; animation: delay 0.5s ease 0.7s 1 forwards;}
.delay:nth-child(5) { -webkit-animation: delay 0.5s ease 2.5s 1 forwards; animation: delay 0.5s ease .9s 1 forwards;}
.delay:nth-child(6) { -webkit-animation: delay 0.5s ease 3s 1 forwards; animation: delay 0.5s ease 1.1s 1 forwards;}

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

figure.eyechatch { padding-top: 57.8%; margin-bottom: 0; background-size: cover; background-position: center; position: relative;}
.image-rate { margin: 9px 4.5px;}

.p-lr0 { padding-left: 0; padding-right: 0;}
.category_slider {
    .slick-list { width: calc(100% - 3px);
        .slick-track {
            .slick-slide { width: 100%!important;
                &:hover { background: @red; transition: all .3s;}
            }
        }
    }
}
.close-btn { position: absolute; top: 30px; right: 30px; z-index: 3;}
.modal-content { background: none; border: none; height: 100%; max-width: 520px; margin: auto; display: flex; justify-content: center; align-items: center;
    .title-wrap {
        .img-wrap { display: inline-block!important;
            img { display: inline-block!important;}
        }
        .name-block { display: inline-block; vertical-align: bottom; padding-left: .2rem;
            strong { font-size: .27rem; line-height: .47rem;}
            h3 { font-size: .37rem; line-height: .37rem;}
        }
    }
    .contents {
        li { -webkit-box-flex: 0; -ms-flex: 0 0 100%!important; flex: 0 0 100%!important; max-width: 100%!important; padding-top: .45rem!important;
            strong { font-size: .3rem; line-height: .52rem; letter-spacing: .05em;}
            p { font-size: .18rem; line-height: .3rem; letter-spacing: .05em;}
        }
    }
    @media (max-width:767px){
        height: auto;
    }
}
.slick-prev:before { content: url("../images/next_arrow.svg"); color: #739092;}
.slick-next:before { content: url("../images/prev_arrow.svg"); color: #739092;}
@media (min-width: 900px) {
    .slick-next { right: -30px;}
    .slick-prev { left: -30px;}
}
@media (max-width:768px) {
    #tabPanels { padding-left: .15rem; padding-right: .15rem;}
}

/* tab */
.ChangeElem_Panel {
    &.hidetab {
        opacity: 0; visibility: hidden; overflow: hidden; height: 0;
    }
}

.col-xs-12 { padding-left: 15px; padding-right: 15px;}

.gnav { position: fixed; width: 300px; right: -300px; top: 0; height: 100vh; z-index: 999; background: #970411; transition: .3s; overflow-y: scroll}
.gnav.active { right: 0;}
.gnav li:not(.last) a { text-align: right; font-size: .18rem; letter-spacing: .1em; line-height: 1; color: #fff; position: relative; display: block; border-bottom: 1px solid #fff; padding: .2rem; cursor: pointer;}
.gnav li.close-button a { padding-right: .6rem!important;}
.gnav li.close-button a:after { content: ""; position: absolute; right: .2rem; top: -2px; bottom: 0; margin: auto; width: 23px; height: 3px; transform: rotate(45deg); background: #fff;}
.gnav li.close-button a:before { content: ""; position: absolute; right: .2rem; top: -2px; bottom: 0; margin: auto; width: 23px; height: 3px; transform: rotate(-45deg); background: #fff;}
.gnav li a:hover { color: #fff!important;}
.gnav li.left-icon img { position: absolute; left: .2rem; top: -.04rem; bottom: 0; margin: auto; height: 0.19rem;}
.gnav li.last { padding-top: .15rem;}
.gnav li.last a { display: block; color: #fff!important; font-size: .15rem; text-align: right; padding: .1rem .2rem; line-height: 1;}
@media (max-width: 767px) {
    .gnav { width: 200px; right: -200px;}
}


.archive_tab { display: flex; display: -ms-flex; justify-content: center; align-items: center; margin-bottom: .7rem;
    > li { display: inline-block; border-right: 1px solid #000;
        &:first-child { border-left: 1px solid #000;}
        button { background: none; border: none; padding: .08rem .3rem .06rem; transition: all .3s; cursor: pointer;
            .archive_btn1{ fill: #231815;}
            .archive_btn2{ fill: none; stroke: #231815; stroke-linecap: round; stroke-linejoin: round;}
            &:hover { background: #970411;
                .archive_btn1{ fill: #fff;}
                .archive_btn2{ fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;}
            }
            &:focus { outline: none;}
            &.is-active { background: #970411;
                .archive_btn1{ fill: #fff;}
                .archive_btn2{ fill: none; stroke: #fff; stroke-linecap: round; stroke-linejoin: round;}
            }
            svg { height: .5374rem;}
        }
    }
}
.gallery-ttl { display: flex; display: -ms-flex; flex-wrap: wrap; align-items: center; justify-content: center; background: #970411; padding: .15rem; margin-bottom: .2rem;
    > * { color: #fff;}
    span { font-size: .11rem; line-height: 1.5; letter-spacing: .01em; display: inline-block;}
    span:first-child { position: relative; padding-right: .85rem;
        &:before { content: ""; position: absolute; top: 0; bottom: 0; left: .38rem; margin: auto; background: #fff; height: 1px; width: .52rem;}
    }
    span:last-child { position: relative; padding-left: .85rem;
        &:before { content: ""; position: absolute; top: 0; bottom: 0; right: .38rem; margin: auto; background: #fff; height: 1px; width: .52rem;}
        &:after { content: "";  position: absolute; top: -6px; bottom: 0; right: .37rem; margin: auto; background: #fff; height: 1px; width: 8px; transform: rotate(45deg);}
    }
    h3 { font-size: .27rem; line-height: 1.2; letter-spacing: .1em;}
}
@media (max-width:768px) {
    .gallery-ttl { display: block;
        h3 { padding-top: .15rem; padding-bottom: .15rem; text-align: center;}
        span { display: block; margin: auto; max-width: 110px; padding-left: 0!important; padding-right: 0!important;}
    }
}
@media (max-width:645px) {
    .archive_tab{
        > li {
            button { padding-left: .1rem; padding-right: .1rem;
                svg { height: .8021rem; width: .611rem;}
            }
        }
    }
}
@media (max-width:450px) {
    .archive_tab{
        > li {
            button {
                svg { height: .6962rem; width: .5058rem;}
            }
        }
    }
}


figure.image-rate { max-width: calc(50% - 9px);}

.ChangeElem_Panel {
    .slick-dots { bottom: -35px;
        li {
            button { position: relative; z-index: 2;
                &:before { color: white; opacity: 1;}
            }
        }
        li.slick-active {
            button {
                &:before { color: @red;}
            }
        }
    }
}


/*------------------------
  font
------------------------*/


/*------------------------
  color
------------------------*/

@red: #970411;
@l-g: #96C3B8;
@gr: #739092;


/*------------------------
  commmon
------------------------*/

button.l-btn { color: #fff; font-size: .13rem; line-height: 50px; letter-spacing: .1em; display: inline-block; height: 50px; width: 185px; background: @gr; border: 1px solid @gr; transition: .3s; padding: 0; cursor: pointer;
    &:hover { background: #fff; color: @gr; transition: .3s;}
}

.fixed_top { position: fixed; bottom: 60px; right: 45px; z-index: 999; width: 155px; height: 160px;
    @media (max-width: 767px) {
        width: 100px; height: 105px; bottom: 30px; right: 15px;
    }
}

.toggle-row.t-hidden { opacity: 0; z-index: 1; transition: .6s; max-height: 0px;}
.toggle-row { opacity: 1; z-index: 0; display: flex; transition: .6s; max-height: 4000px; -webkit-transition: max-height 1s; -moz-transition: max-height 1s; transition: max-height 1s; padding-bottom: .3rem;}

@-webkit-keyframes fadein {
	0%{ opacity:0;}
	75%{ opacity:0.5;}
	100% { opacity:1;}
}

/*------------------------
  header
------------------------*/

header { top: 25px; left: 0; right: 0; margin: auto; z-index: 1; padding: 30px 15px; position: fixed; background: transparent; transition: all .3s; z-index: 15;
    .container-fluid { max-width: 1140px; margin: auto;}
    h1 { display: inline-block;}
    .menu-trg-area { display: inline-block; width: 50px; height: 44px; top: 20px; right: 15px; position: relative; float: right; z-index: 10; cursor: pointer;
        .menu-trigger { display: inline-block; transition: all .4s; box-sizing: border-box; width: 50px; height: 44px; box-sizing: border-box;
            span { display: inline-block; position: absolute; left: 0; width: 100%; height: 4px; border-radius: 4px; transition: all .4s; background-color: #fff;
                &:nth-of-type(1) { top: 0px;}
                &:nth-of-type(2) { top: 20px;}
                &:nth-of-type(3) { bottom: 0;}
            }
        }
        &.active {
            .menu-trigger{
                span { background-color: #000;
                    &:nth-of-type(1) { -webkit-transform: translateY(20px) rotate(-45deg); transform: translateY(20px) rotate(-45deg);}
                    &:nth-of-type(2) { opacity: 0;}
                    &:nth-of-type(3) { -webkit-transform: translateY(-20px) rotate(45deg); transform: translateY(-20px) rotate(45deg);}
                }
            }
            & + .menu_nav {
                ul { padding-top: 20%; height: auto;}
            }
        }
        &:not(.active) + .menu_nav{
            ul { height: 0;
                li { height: 0; padding: 0;
                    a { pointer-events: none;}
                }
            }
        }
    }
    .menu_nav { width: 100%; height: 0; background: rgba(255, 255, 255, 0.9); transition: all .3s; position: fixed; left: 0; right: 0; top: 0; bottom: 0;
        ul {  max-width: 1140px; padding-left: 15px; padding-right: 15px; margin: auto; transition: all .3s; height: 0;
            li { text-align: center; transition: all .3s; margin-bottom: .15rem;
                a { font-size: 0; line-height: 0; font-weight: bold; height: auto; height: 0; opacity: 0; transition: all .3s; line-height: 0;}
            }
        }
    }
    .menu-trg-area.active + .menu_nav { height: 100vh;
        ul {
            li { height: auto;
                a { font-size: .2rem; line-height: 1.5; height: auto; opacity: 1;}
            }
        }
    }
    &.header_sizing { background: #970411; top: 0; max-height: 80px; padding: 10px 15px; z-index: 15;
        h1 {
            img { max-height: 45px;}
        }
        .menu-trg-area { top: 7px; width: 42px; height: 30px;
            .menu-trigger { width: 42px; height: 30px;
                span { background-color: #fff;
                    &:nth-child(2) { top: 13px;}
                }
            }
            &.active {
                .menu-trigger{
                    span {
                        &:nth-of-type(1) { top: -11px; -webkit-transform: translateY(24px) rotate(-45deg); transform: translateY(24px) rotate(-45deg);}
                        &:nth-of-type(2) { opacity: 0;}
                        &:nth-of-type(3) { bottom: -11px; -webkit-transform: translateY(-24px) rotate(45deg); transform: translateY(-24px) rotate(45deg);}
                    }
                }
            }
        }
        .menu_nav { top: 65px;
            ul { padding-top: .4rem;}
        }
    }
    @media (max-width:767px) {
        & { max-height: 80px; top: 0; background: #970411; padding: 10px 15px;
            h1 img { max-height: 45px;}
            .menu-trg-area { top: 7px; width: 42px; height: 30px; right: 0;
                .menu-trigger { width: 42px; height: 30px;
                    span {
                        &:nth-of-type(1) { top: 0;}
                        &:nth-of-type(2) { top: 13px;}
                        &:nth-of-type(3) { bottom: 0;}
                    }
                }
                &.active {
                    .menu-trigger{
                        span { background-color: #fff;
                            &:nth-of-type(1) { top: -7px;}
                            &:nth-of-type(2) { opacity: 0;}
                            &:nth-of-type(3) { bottom: -7px;}
                        }
                    }
                }
            }
            .menu_nav { top: 65px;}
            .menu-trg-area.active + .menu_nav {
                ul {
                    li {
                        a { font-size: .16rem; line-height: 1.5; letter-spacing: .04em; height: auto; opacity: 1;}
                    }
                }
            }
        }
    }
    @media (max-width:500px){
        .gnav li:not(.last) a { font-size: .15rem;}
        &.header_sizing h1 img { max-height: 30px;}
        h1 img { max-height: 30px;}
        &.header_sizing .menu-trg-area { width: 36px; height: 25px; top: 3px;}
        &.header_sizing .menu-trg-area .menu-trigger span:nth-of-type(2) {top: 11px;}
        .menu-trg-area { width: 36px; height: 25px; top: 3px;}
        .menu-trg-area .menu-trigger span:nth-of-type(2) {top: 11px;}
    }
}

/*------------------------
  footer
------------------------*/

footer { margin-top: -1.5rem;
    .img-wrap {
        img { width: 100%;}
    }
    p.copyright { font-size: .12rem; line-height: .4rem; letter-spacing: .075em; color: #fff; height: 40px; background: @red; text-align: center;
        a { color: #fff!important; transition: all .3s;
            &:hover { opacity: .6;}
        }
    }
}


/*------------------------
  top
------------------------*/

#home {
    section { padding: 70px 0;}
    section.s-line { padding: 70px 0 50px; position: relative; height: 100%; width: 100%; display: block; background-image: url("../images/border.svg"); background-repeat: no-repeat;
        &:after { content: ""; position: absolute; bottom: -60px; left: 0; right: 0; margin: auto; background: url(../images/sec_b.svg)no-repeat; background-position: center; background-size: contain; width: calc(100% + 2px); height: 290px; overflow: visible;}
    }
    section.w-line { position: relative; padding: 70px 0;
        &:before { content: ""; position: absolute; bottom: -180px; left: -4px; right: 0; margin: auto; background: url(../images/sec_w.svg)no-repeat; background-position: center; background-size: contain; width: calc(100% + 4px); height: 290px; overflow: visible; z-index: 1;}
    }
    section.hero { padding-top: 0;
        .hero-slider {
            .slick-list {
                .slick-track {
                    .slick-slide {
                        img { width: 100%;}
                    }
                }
            }
            .slick-dots { bottom: 35px;
                li {
                    button { position: relative; z-index: 2;
                        &:before { color: white; opacity: 1;}
                    }
                }
                li.slick-active {
                    button {
                        &:before { color: @red;}
                    }
                }
            }
        }
    }

    section.s01 { padding: .6rem 0 .9rem;
        .container-fluid { padding-top: 50px;
            h2 { margin-bottom: .25rem;}
            strong { margin-bottom: .5rem;}
            p { font-size: .15rem; line-height: 2; letter-spacing: .06em;}
        }
        @media (max-width:768px) {
            .container-fluid {
                p { text-align: left!important;
                    br { display: none;}
                }
            }
        }
    }

    section.plan { padding-top: 0; padding-bottom: 0;
        .bg-wrapper { padding-top: .45rem; background: url(../images/memorial_business.jpg); background-size: cover; background-position: center;
            // &:after { content: ""; background: url(../images/photo_bg.png)no-repeat; background-size: contain; background-position: bottom; width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; right: 0; margin: auto;}
            .bottom_bg { background: url(../images/photo_bg.png)no-repeat; background-size: contain; background-position: bottom; width: 100%; height: .78rem; position: relative; bottom: -1px; margin: auto;}
        }
        .container-fluid { max-width: 1130px; padding-bottom: 4.2rem; position: relative;}
        h2 { margin-bottom: .4rem;}
        .plan-slider {
            .slick-slide { background: #fff; padding: .2rem; margin-left: 5px; margin-right: 5px; position: relative;
                &::after { content: ""; background: url(../images/link-arrow.svg)no-repeat; display: inline-block; height: .0588rem; width: .244rem; position: absolute; right: .25rem; bottom: .25rem;}
                h3 { font-size: .14rem; line-height: 1.4; letter-spacing: .05em; padding-top: .15rem; padding-bottom: .1rem;}
                p { font-size: .12rem; line-height: 1.8; letter-spacing: 0; color: #739092; font-feature-settings: "palt";
                    span { color: #970411;}
                }
                a { position: relative; z-index: 1; transition: all .3s;
                    &:hover { opacity: 0.6;}
                }
            }
        }
        @media (min-width:1160px){
            .bg-wrapper {
                .bottom_bg { height: 1.3rem; background-size: cover;}
            }
        }
        @media (min-width: 900px){
            .slick-prev { left: -35px;}
            .slick-next { right: -35px;}
        }
        @media (max-width:767px){
            .bg-wrapper { padding-top: .4rem;}
            .container-fluid { padding-bottom: .2rem;}
        }
    }

    section.s02 { background: url(../images/bg.png); background-size: auto; background-repeat: repeat; padding-bottom: 2.8rem;
        .container-fluid { max-width: 1130px; padding-bottom: .3rem;
            strong { margin-bottom: .1rem;}
            h2 { margin-bottom: .35rem;}
            figure { margin-bottom: 0;}
        }
    }

    section.s03 {
        .container-fluid { max-width: 1000px;
            h2 { margin-bottom: .2rem;}
            strong { margin-bottom: .2rem;
                & + .img_wrap { margin-bottom: .15rem;}
            }
            .row {
                .col-md-6 { padding-left: 15px; padding-right: 15px;
                    &:nth-child(odd) { border-right: 1px solid @l-g;
                        .table-wrap { padding-left: 0; padding-right: .3rem;}
                    }
                    .table-wrap { padding: .3rem 0 .3rem .3rem;
                        dl { padding-top: .075rem; padding-bottom: .075rem;
                            dt { font-size: .13rem; line-height: 1.2; letter-spacing: -.025em; color: @l-g; font-weight: normal;}
                            dd { font-size: .13rem; line-height: 1.2; letter-spacing: .05em;}
                            @media (min-width:768px) {
                                dt { clear: left; float: left; width: 27%;}
                                dd { margin-left: 28%;}
                            }
                        }
                    }
                }
                .col-12 { position: relative;
                    &:before { content: ""; position: absolute; top: 50%; left: 0; right: 0; margin: auto; width: 100%; z-index: -1; opacity: 0; transition: all .4s;}
                }
                .col-12.t-hidden {
                    &:before { border-top: 1px dotted @l-g; opacity: 1;}
                }
            }
        }
    }

    section.s04 { background: @l-g; padding: .85rem  0 1.9rem;
        h2 { margin-top: .1rem; margin-bottom: .5rem;}
        .container-fluid { max-width: 1130px;
            .bg_wrapper { background: #fff; border-radius: 15px; padding: .45rem 1rem;
                ul {
                    li { padding-bottom: .2rem; border-bottom: 1px solid #222; margin-bottom: .3rem;
                        h3 { margin-bottom: .2rem;
                            img { max-height: 50px;}
                        }
                        p { font-size: .15rem; line-height: 1.8; letter-spacing: 0.04em; text-align: left;}
                        .img-wrap {
                            margin-top: .1rem;
                        }
                        &:last-child { border: none; margin-bottom: 0; padding-bottom: 0;}
                    }
                }
            }
            .tab {
                text-align: center; margin-bottom: .6rem;
                .ch_Btn {
                    display: inline-block; position: relative; color: #000000; font-weight: bold; font-size: 0.26rem; letter-spacing: 0; line-height: 1; padding: 0 .1rem .25rem; transition: .3s; cursor: pointer;
                    &:after {
                        content: ""; position: absolute; right: 0; left: 0; bottom: .15rem; width: .13rem; height: .13rem; display: block; margin: auto; border-right: 2px solid #000; border-bottom: 2px solid #000; transform: rotate(45deg); transition: .3s;
                    }
                    &.is-active,
                    &:hover {
                        color: #96c3b8;
                        &:after {
                            border-color: #96c3b8;
                        }
                    }
                }
            }
            .ch_Panel {
                display: none;
                &.is-active {
                    display: block;
                }
            }
            @media (max-width: 767px) {
                .ch_Btn {
                    font-size: .2rem;
                }
            }
        }
    }

    section.s05 { padding-top: 1.2rem; padding-bottom: 0;
        .container-fluid {
            h2 { position: relative; z-index: 1;}
        }
    }

    section.s06 { background: url(../images/me_bg.jpg)no-repeat; background-size: cover; background-position: center bottom; padding-top: 2rem; padding-bottom: 4.5rem;
        .container-fluid { max-width: 930px; margin: auto;
            .category_slider { display: inline-flex; margin-bottom: .2rem; width: 100%;
                li { padding: 0 .35rem; text-align: center; color: #fff; border-left: 1px solid #fff; -ms-flex: 0 0 14.2857142857%; flex: 0 0 14.2857142857%; max-width: 14.2857142857%; padding: 4px;
                    &:last-child { border-right: 1px solid #fff;}
                }
            }
            ul.row { margin-left: 0; margin-right: 0;
                li { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; padding: 4px;
                    a { display: block; padding: 8px; background: #fff; transition: all .3s;
                        &:hover { background: @red;}
                        img { width: 100%;}
                    }
                }
            }
        }
    }

    section.s07 { padding-top: 1.5rem; padding-bottom: 0; position: relative; z-index: 1;
        .container-fluid { max-width: 930px; margin-bottom: -.9rem;
            h2 { margin-bottom: .3rem;}
            .wrap { max-width: 700px; padding-left: .5rem; padding-right: .5rem; padding-bottom: .6rem; margin: auto; background: #fff; border-radius: 50px;}
            .wrap-2 { max-width: 700px; padding-left: .5rem; padding-right: .5rem; padding-bottom: .6rem; margin: auto; background: #fff; border-radius: 50px; margin-bottom: -.5rem;
                p { font-size: .14rem; line-height: 1.9; letter-spacing: .04em; font-feature-settings: "palt";}
            }
            .name-text { margin-top: .5rem;
                strong { display: flex; display: -ms-flex; align-content: center; justify-content: flex-end; align-items: center;
                    > span { font-size: .13rem; line-height: 1; padding-top: 1px; margin-right: .15rem;}
                    > img { height: .18rem!important; font-size: 0; line-height: 1;}
                }
            }
        }
        &:after { content: ""; position: absolute; bottom: -.75rem; left: 0; right: 0; margin: auto; height: .16547rem; width: 100%; background: url(../images/fot_text.svg)no-repeat; background-position: center;}
    }

    @media (max-width:1158px) {
        section.s-line:not(.hero) {
            &:after { background-size: cover; height: 240px; width: calc(100% + 2px);}
        }
    }
    @media (max-width:800px) {
        section.w-line {
            &:before {  bottom: -160px;}
        }
        section.s07 {
            &:after { content: ""; position: absolute; bottom: -.75rem; left: 0; right: 0; margin: auto; height: .16rem; width: auto; background: url(../images/fot_text.svg)no-repeat; background-size: contain; background-position: center; padding-left: .15rem; padding-right: .15rem;}
        }
    }
    @media (max-width: 768px){
        section.s03 .container-fluid .row .col-md-6 .table-wrap dl dt { width: 30%;}
        section.s03 .container-fluid .row .col-md-6 .table-wrap dl dd { margin-left: 31%;}
    }
    @media (max-width:767px) {
        section.s03 .container-fluid .row .col-md-6 .table-wrap dl dt { width: 100%;}
        section.s03 .container-fluid .row .col-md-6 .table-wrap dl dd { margin-left: 0; width: 100%;}
        section.s-line {
            &:after { background-size: cover; height: 130px;}
        }

        section.hero { padding-bottom: 0;
            &:after { bottom: -30px;}
            .hero-slider {
                .slick-dots { bottom: 15px;}
            }
        }
        section.s02 { padding-top: .6rem; padding-bottom: .6rem;}
        section.s03 {
            .container-fluid {
                .row {
                    .col-md-6 { padding-left: 15px; padding-right: 15px;
                        .table-wrap { padding: 0; padding-right: 0!important;
                            dl { text-align: center;
                                dt { font-size: .15rem; line-height: 1.5;}
                                dd { font-size: .15rem; line-height: 1.5;}
                            }
                        }
                    }
                    .col-12 { margin-top: .45rem; margin-bottom: .3rem;}
                }
            }
        }
        section.s04 { padding: 0.45rem 0 1rem;
            .container-fluid {
                .bg_wrapper { padding: 0.15rem 0.3rem;}
            }
        }
        section.s05 { padding-top: .8rem;}
        section.s06 {
            .container-fluid {
                ul.row {
                    li { -webkit-box-flex: 0; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding: 4px;
                        > div { padding: 10px 15px;
                            .wrap {
                                .title-wrap {
                                    .name-block { padding-left: 0; padding-top: 10px;}
                                }
                            }
                        }
                    }
                }
            }
        }
        section.s07 { padding-bottom: 0;
            .container-fluid { margin-bottom: 0;}
        }
    }
    @media (max-width:350px) {
        section.s07 {
            &:after { content: ""; position: absolute; bottom: -.45rem; left: 0; right: 0; margin: auto; height: .14rem; width: auto; background: url(../images/fot_text.svg)no-repeat; background-size: contain; background-position: center; padding-left: .15rem; padding-right: .15rem;}
        }
    }
}

#single-page {
    .mw700 { max-width: 730px;}
    section.s-line { padding: 0 0 50px; position: relative; height: 100%; width: 100%; display: block; background-image: url("../images/border.svg"); background-repeat: no-repeat;
        &:after { content: ""; position: absolute; bottom: -60px; left: 0; right: 0; margin: auto; background: url(../images/sec_b.svg)no-repeat; background-position: center; background-size: contain; width: calc(100% + 2px); height: 290px; overflow: visible;}
        .img-wrap {
            img { width: 100%;}
        }
    }
    .p1 { padding: .65rem 0 1rem;
        .title-wrap {text-align: center;
            p { font-size: .12rem; line-height: 1.2; color: #739092;}
            h3 { font-size: .34rem; line-height: 1.6; border-bottom: 1px solid #989898; padding-bottom: .3rem;}
        }
        .wp-post { padding-top: .6rem; padding-bottom: .9rem;
            img { height: auto;}
        }
    }
    .navigation-box { text-align: center; position: relative;
        &:before { content: ""; display: block; background: #989898; height: 1px; width: 100%; z-index: 0; position: absolute; top: 0; bottom: 0; margin: auto;}
        .l-btn { font-size: .13rem; line-height: .1847rem; letter-spacing: .1em; color: #fff; display: inline-block; width: 100%; max-width: 1.82rem; background: #970411; padding: .15rem; position: relative; transition: all .3s; border: 1px solid #970411;
            &:hover { color: #970411; background: #fff;}
        }
    }
    & + footer { margin-top: .7rem;
        .img-wrap { display: none;}
    }
    @media (max-width:768px){
        .p1 {
            .title-wrap {
                h3 { font-size: .24rem;}
            }
        }
        section.s-line:after { bottom: -30px; height: 2rem; background-size: cover;}
    }
}
.ChangeElem_Panel .slick-dots { bottom: -45px;}
.slick-dots li button { width: 20px; height: 20px;}
.slick-dots li button:before { font-size: 16px; width: 20px; height: 20px;}
@media(max-width:520px){
    #top_interview .d-flex { display: block!important;
        span { display: block!important; margin-right: 0!important; margin-bottom: .1rem;}
    }
    #home section.s07 .container-fluid .wrap-2 { padding: .45rem .25rem;}
}

#fullimage img { max-height: 75vh!important;}
.image-rate img { object-fit: cover; font-family: 'object-fit: cover;';}