body.remove-border::before,body.remove-border:after{
    opacity:0
}
body.remove-border #content::before,body.remove-border #content:after{
    opacity:0
}
.home{
    color:#605343;
    line-height:28px
}
.home::before{
    content:"";
    position:fixed;
    background:rgba(137,119,111,.8);
    height:10px;
    top:0;
    left:0;
    right:0;
    z-index:10;
    transition:.3s all linear
}
.home:after{
    content:"";
    position:fixed;
    background:rgba(137,119,111,.8);
    height:10px;
    bottom:0;
    left:0;
    right:0;
    z-index:10;
    transition:.3s all linear
}
.home #content::before{
    content:"";
    position:fixed;
    background:rgba(137,119,111,.8);
    width:10px;
    top:10px;
    bottom:10px;
    left:0;
    z-index:10;
    transition:.3s all linear
}
.home #content:after{
    content:"";
    position:fixed;
    background:rgba(137,119,111,.8);
    width:10px;
    top:10px;
    bottom:10px;
    right:0;
    z-index:10;
    transition:.3s all linear
}
.home #bread_area,.home .title-holder{
    display:none
}
.home .container{
    max-width:100%;
    padding:0
}
.home #content{
    padding:0
}
.home .elementor-section.elementor-section-boxed>.elementor-container{
    max-width:100% !important;
    width:100%
}
.home .elementor-column-gap-default>.elementor-row>.elementor-column>.elementor-element-populated{
    padding:0 !important
}
.home #wrapper{
    padding-top:0
}
.home #header .header-fixed{
    display:block
}
.home #header #navigation{
    box-shadow:unset
}
.home #header .fixed-pc{
    top:10px;
    right:10px;
    left:10px;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transition:.3s all linear
}
.home #header .fixed-pc.fixed{
    opacity:1;
    visibility:visible;
    pointer-events:all
}
@media screen and (max-width: 767px){
    .home #header .toggle-menu{
        top:10px;
        right:10px
    }
}
@keyframes right-to-left{
    0%{
        background-position:1589px center
    }
    100%{
        background-position:0 center
    }
}
.h2-shared span{
    display:block;
    line-height:1
}
.h2-shared span.en{
    font-family:"Cinzel",serif;
    color:#cbbb9f;
    font-size:48px;
    letter-spacing:0
}
.h2-shared span.jp{
    font-family:"dnp-shuei-mincho-pr6n",sans-serif;
    color:#605343;
    margin-top:25px;
    font-size:34px;
    font-weight:500;
    letter-spacing:.08em
}
@media screen and (max-width: 767px){
    .h2-shared span.en{
        font-size:40px;
        line-height:48px
    }
    .h2-shared span.jp{
        font-family:"Noto Serif JP",serif;
        margin-top:0;
        font-size:32px;
        line-height:48px
    }
}
.btn-shared a{
    font-family:"dnp-shuei-mincho-pr6n",sans-serif;
    position:relative;
    display:block;
    width:-moz-fit-content;
    width:fit-content;
    background:#89776f;
    color:#fff;
    border-radius:100px;
    padding:0 38px 6px 17px;
    font-size:22px;
    font-weight:300;
    line-height:40px;
    letter-spacing:.04em
}
.btn-shared a:after{
    content:"";
    position:absolute;
    background:url("../img/shared/icon_arrow.png") no-repeat;
    width:16px;
    height:16px;
    background-size:100%;
    top:50%;
    right:16px;
    transform:translateY(-50%)
}
.btn-shared a:hover{
    opacity:.8
}
@media screen and (max-width: 767px){
    .btn-shared a{
        font-family:"Noto Serif JP",serif;
        padding:8px 39px 10px 16px;
        font-size:18px;
        font-weight:400;
        line-height:32px;
        transition:unset
    }
}
#header .header-fixed{
    position:absolute;
    top:10px;
    right:10px;
    left:10px;
    z-index:10;
    display:none
}
#header #navigation{
    margin-left:auto;
    max-width:860px;
    width:100%;
    height:100px;
    background:rgba(255,255,255,.96);
    display:flex;
    align-items:center;
    box-shadow:0 12px 24px rgba(0,0,0,.16)
}
#header .nav-list{
    position:relative;
    display:flex;
    justify-content:space-between;
    max-width:525px;
    width:100%;
    margin:0 36px
}
#header .nav-list::before{
    content:"";
    position:absolute;
    background:#89776f;
    width:1px;
    top:-10px;
    bottom:-6px;
    right:-37px
}
#header .nav-list>li{
    position:relative;
    z-index:2
}
#header .nav-list>li>a span,#header .nav-list>li p span{
    display:block;
    text-align:center;
    line-height:1;
    letter-spacing:0
}
#header .nav-list>li>a span.en,#header .nav-list>li p span.en{
    color:#454545;
    font-size:16px
}
#header .nav-list>li>a span.jp,#header .nav-list>li p span.jp{
    color:#a6958d;
    margin-top:13px;
    font-size:10px;
    font-weight:500
}
#header .nav-list>li>a:hover,#header .nav-list>li p:hover{
    opacity:.8
}
#header .nav-list .parent{
    z-index:1
}
#header .nav-list .parent .sub-menu{
    position:absolute;
    top:0;
    padding-top:57px;
    left:50%;
    transform:translateX(-50%);
    display:none
}
#header .nav-list .parent .sub-menu ul{
    border-top:1px solid #7b6b66;
    background:#fff;
    width:339px;
    padding:15px 20px 26px
}
#header .nav-list .parent .sub-menu ul li a{
    position:relative;
    display:block;
    padding-left:24px;
    font-size:15px;
    line-height:32px;
    letter-spacing:0
}
#header .nav-list .parent .sub-menu ul li a::before{
    content:"";
    position:absolute;
    background:url("../img/icons/sub_menu_icon2.png") no-repeat;
    width:15px;
    height:15px;
    background-size:100%;
    left:0;
    top:9px
}
#header .nav-list .parent .sub-menu ul li a:hover{
    opacity:.8
}
#header .nav-list .parent .sub-menu ul li:nth-child(1){
    margin-bottom:5px
}
#header .nav-list .parent .sub-menu ul li:nth-child(1) a{
    font-family:"dnp-shuei-mincho-pr6n",sans-serif;
    background:url("../img/icons/sub_menu_icon1.png") no-repeat right top 13px/20px auto;
    width:-moz-fit-content;
    width:fit-content;
    padding:0 30px 0 0;
    font-size:22px;
    font-weight:500;
    line-height:40px;
    letter-spacing:.08em
}
#header .nav-list .parent .sub-menu ul li:nth-child(1) a:before{
    display:none
}
#header .nav-list .parent .sub-menu ul li+li{
    margin-top:0px
}
#header .box-tel{
    margin:-21px 25px 0 30px
}
#header .box-tel a{
    display:block;
    width:208px
}
#header .box-tel .note{
    text-align:center;
    color:#a6958d;
    margin-top:6px;
    font-size:11px;
    line-height:1;
    font-weight:500;
    letter-spacing:0
}
#header .wrap{
    position:absolute;
    top:108px;
    left:0;
    right:0;
    z-index:2;
    max-width:1160px;
    padding:0 30px
}
#header .wrap .logo{
    width:442.5px
}
#header .fixed-pc{
    position:fixed;
    top:0;
    left:0;
    right:0;
    background:#fff;
    box-shadow:0px 12px 24px rgba(0,0,0,.16);
    z-index:999;
    height:100px;
    display:flex;
    align-items:center;
    justify-content:space-between
}
#header .fixed-pc .logo{
    max-width:280px;
    width:100%;
    margin-left:30px
}
#header .fixed-pc .logo a{
    display:block
}
#header .fixed-pc .group{
    display:flex;
    justify-content:space-between;
    align-items:center;
    max-width:860px;
    width:100%
}
@media screen and (min-width: 768px){
    #header .nav-list{
        cursor:pointer
    }
    #header .nav-list .parent:hover .sub-menu{
        display:block
    }
}
@media screen and (min-width: 768px)and (max-width: 1150px){
    #header .fixed-pc .logo{
        max-width:250px;
        margin-left:10px
    }
    #header .fixed-pc .group{
        max-width:770px
    }
    #header .fixed-pc .box-tel{
        margin-left:10px;
        margin-right:10px
    }
    #header .fixed-pc .nav-list{
        margin:0 15px
    }
    #header .fixed-pc .nav-list::before{
        right:-11px
    }
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #header .fixed-pc .logo{
        max-width:230px
    }
    #header .fixed-pc .group{
        max-width:660px
    }
    #header .fixed-pc .box-tel{
        margin-top:-11px
    }
    #header .fixed-pc .box-tel a{
        width:180px
    }
    #header .fixed-pc .box-tel .note{
        font-size:10px
    }
    #header .fixed-pc .nav-list{
        margin:0 15px
    }
    #header .fixed-pc .nav-list::before{
        right:-14px
    }
    #header .fixed-pc .nav-list>li>a span.en{
        font-size:14px
    }
}
@media screen and (min-width: 768px)and (max-width: 900px){
    #header .fixed-pc .logo{
        max-width:210px
    }
    #header .fixed-pc .group{
        max-width:610px
    }
    #header .fixed-pc .box-tel{
        margin-top:-11px
    }
    #header .fixed-pc .box-tel a{
        width:170px
    }
    #header .fixed-pc .box-tel .note{
        font-size:9px
    }
    #header .fixed-pc .nav-list{
        margin:0 10px
    }
    #header .fixed-pc .nav-list::before{
        right:-11px
    }
    #header .fixed-pc .nav-list>li>a span.en{
        font-size:13px
    }
}
@media screen and (min-width: 768px)and (max-width: 850px){
    #header #navigation .nav-list{
        margin:0 20px
    }
    #header #navigation .nav-list::before{
        right:-21px
    }
    #header #navigation .box-tel{
        margin:-21px 20px 0
    }
    #header .fixed-pc .logo{
        max-width:180px
    }
    #header .fixed-pc .box-tel{
        margin-top:-11px
    }
    #header .fixed-pc .box-tel a{
        width:170px
    }
    #header .fixed-pc .box-tel .note{
        font-size:9px
    }
    #header .fixed-pc .nav-list{
        margin:0 10px
    }
    #header .fixed-pc .nav-list::before{
        right:-11px
    }
    #header .fixed-pc .nav-list>li>a span.en{
        font-size:11px
    }
}
@media screen and (max-width: 767px){
    #header .header-fixed{
        position:unset;
        display:block
    }
    #header .toggle-menu{
        position:fixed;
        top:0;
        right:0;
        background:#89776f;
        z-index:1000;
        width:48px;
        height:48px;
        transition:.7s all ease-in-out
    }
    #header .menu-trigger,#header .menu-trigger span{
        display:inline-block;
        transition:all .4s;
        box-sizing:border-box
    }
    #header .menu-trigger{
        position:relative;
        display:block;
        width:48px;
        height:48px
    }
    #header .menu-trigger span{
        position:absolute;
        left:50%;
        transform:translateX(-50%);
        border-radius:5px;
        width:20px;
        height:2px;
        background:#fff
    }
    #header .menu-trigger span:nth-of-type(1){
        top:13px
    }
    #header .menu-trigger span:nth-of-type(2){
        top:50%;
        transform:translate(-50%, -50%)
    }
    #header .menu-trigger span:nth-of-type(3){
        bottom:13px
    }
    #header .toggle-menu.active .menu-trigger span:nth-of-type(1){
        top:50%;
        transform:translate(-50%, -50%) rotate(-45deg)
    }
    #header .toggle-menu.active .menu-trigger span:nth-of-type(2){
        opacity:0
    }
    #header .toggle-menu.active .menu-trigger span:nth-of-type(3){
        top:50%;
        transform:translate(-50%, -50%) rotate(45deg)
    }
    #header #navigation{
        position:fixed;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:0;
        overflow-y:auto;
        max-width:none;
        width:auto;
        height:auto;
        display:block;
        box-shadow:unset;
        background:url("../img/shared/fixed_menu_bg.jpg") no-repeat center top/cover;
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        z-index:999
    }
    #header .fixed-logo{
        box-sizing:content-box;
        width:260px;
        padding:17px 0 0 20px
    }
    #header .nav-list{
        display:block;
        max-width:none;
        width:auto;
        margin:64px 42px 0
    }
    #header .nav-list::before{
        display:none
    }
    #header .nav-list>li>a,#header .nav-list>li p{
        display:block;
        width:-moz-fit-content;
        width:fit-content
    }
    #header .nav-list>li>a span,#header .nav-list>li p span{
        width:-moz-fit-content;
        width:fit-content;
        text-align:left;
        color:#fff !important
    }
    #header .nav-list>li>a span.en,#header .nav-list>li p span.en{
        font-size:24px
    }
    #header .nav-list>li>a span.jp,#header .nav-list>li p span.jp{
        margin-top:12px;
        font-size:12px
    }
    #header .nav-list>li+li{
        margin-top:36px
    }
    #header .nav-list .parent .sub-menu{
        position:unset;
        padding-top:0;
        transform:unset;
        display:none
    }
    #header .nav-list .parent .sub-menu ul{
        background:none;
        border-top:none;
        width:auto;
        padding:30px 0 0;
        margin:0 -10px 0 0;
        color:#fff
    }
    #header .nav-list .parent.open-menu .sub-menu{
        display:block
    }
    #header .fixed-link{
        padding:74px 42px 32px;
        display:flex !important;
        justify-content:space-between
    }
    #header .fixed-link li{
        width:calc(50% - 12px)
    }
    #header .fixed-link li a{
        display:block
    }
    #header .wrap{
        top:56px;
        left:0;
        right:0;
        max-width:none;
        padding:0
    }
    #header .wrap .logo{
        max-width:314px;
        width:100%;
        margin:0 auto
    }
}
#keyvisual{
    position:relative
}
#keyvisual .group{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:1;
    max-width:1160px;
    padding:0 30px;
    color:#fff;
    margin:0 auto;
    display:flex;
    justify-content:space-between
}
#keyvisual .group::before{
    content:"";
    position:absolute;
    background:url("../img/top/kv_deco.png") no-repeat;
    width:724px;
    height:223px;
    background-size:100%;
    bottom:108px;
    right:-220px;
    z-index:-1
}
#keyvisual .catch-left{
    margin-top:492px
}
#keyvisual .catch-left h2{
    margin-right:-20px;
    font-size:38px;
    font-weight:300;
    line-height:63px;
    letter-spacing:.08em
}
#keyvisual .catch-left .txt{
    color:#fcf9f2;
    opacity:.6;
    margin-top:24px;
    font-size:16px;
    font-weight:300;
    line-height:1;
    letter-spacing:.04em
}
#keyvisual .catch-right{
    margin:201px -18px 0 0;
    width:238px
}
#keyvisual .catch-right dl{
    writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    -ms-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -moz-writing-mode:vertical-rl;
    -webkit-writing-mode:vertical-rl;
    text-orientation:upright;
    word-wrap:break-word
}
#keyvisual .catch-right dl dt{
    position:relative;
    font-size:18px;
    font-weight:500;
    line-height:35px;
    letter-spacing:.105em
}
#keyvisual .catch-right dl dt::before{
    content:"";
    position:absolute;
    background:#fff;
    top:2px;
    left:-17px;
    width:1px;
    height:66px
}
#keyvisual .catch-right dl dd{
    margin-right:36px;
    font-size:14px;
    line-height:31px;
    font-weight:500;
    letter-spacing:.14em
}
#keyvisual .photo{
    height:768px
}
#keyvisual .photo img{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover
}
@media screen and (min-width: 768px)and (max-width: 1200px){
    #keyvisual .catch-left h2{
        font-size:36px
    }
    #keyvisual .catch-right{
        margin-right:0
    }
}
@media screen and (max-width: 767px){
    #keyvisual .group{
        top:275px;
        left:0;
        right:0;
        max-width:318px;
        padding:0
    }
    #keyvisual .group::before{
        display:none
    }
    #keyvisual .catch-sp{
        position:absolute;
        top:91px;
        right:38px;
        text-align:right;
        color:#fff;
        font-size:10px;
        line-height:16px;
        font-weight:500;
        letter-spacing:.04em
    }
    #keyvisual .catch-left{
        flex:1;
        margin:0
    }
    #keyvisual .catch-left h2{
        font-family:"Noto Serif JP",serif;
        margin-right:0;
        font-size:30px;
        font-weight:400;
        line-height:49px;
        letter-spacing:.04em
    }
    #keyvisual .catch-left .txt{
        font-family:"Noto Serif JP",serif;
        margin-top:18px;
        font-size:12px;
        font-weight:400;
        line-height:20px
    }
    #keyvisual .catch-right{
        margin:0
    }
    #keyvisual .catch-right dl{
        width:104px
    }
    #keyvisual .catch-right dl dt{
        margin-top:11px;
        font-size:15px;
        line-height:26px;
        letter-spacing:.08em
    }
    #keyvisual .catch-right dl dt::before{
        display:none
    }
    #keyvisual .catch-right dl dd{
        display:none
    }
    #keyvisual .photo{
        height:667px
    }
}
#news{
    padding:108px 0 189px
}
#news .wrap{
    display:flex;
    justify-content:space-between
}
#news .left{
    width:25% !important;
    display:flex;
    flex-direction:column
}
#news .left h2 span{
    display:block;
    line-height:1
}
#news .left h2 span.en{
    color:#89776f;
    font-size:48px;
    letter-spacing:0
}
#news .left h2 span.jp{
    margin-top:10px;
    color:#cbbb9f;
    font-size:20px;
    font-weight:500;
    letter-spacing:.08em
}
#news .left .btn-shared{
    margin-top:50px
}
#news .left .btn-shared a{
    font-size:22px;
    padding:0 39px 6px 17px
}
#news .right{
    width:75% !important;
    margin-top:-15px
}
#news .right .post-box dl{
    display:flex;
    border-bottom:1px solid #cbbb9f;
    padding:15px 0
}
#news .right .post-box dl dt{
    color:#8f8471;
    max-width:124px;
    width:100%;
    font-size:14px;
    font-style:italic;
    font-weight:500
}
#news .right .post-box dl dt span{
    display:none
}
#news .right .post-box dl dd{
    margin-top:-3px
}
#news .right .post-box dl dd a{
    color:#454545;
    letter-spacing:.02em
}
#news .right .post-box dl dd a:hover{
    text-decoration:underline
}
@media screen and (max-width: 767px){
    #news{
        padding:54px 19px 101px
    }
    #news .wrap{
        display:block;
        justify-content:space-between
    }
    #news .left{
        width:100% !important;
        display:flex;
        flex-direction:column
    }
    #news .left h2{
        display:flex;
        justify-content:space-between
    }
    #news .left h2 span{
        display:block;
        line-height:1
    }
    #news .left h2 span.en{
        font-size:40px
    }
    #news .left h2 span.jp{
        margin:-2px -4px 0 0;
        line-height:26px;
        cursor:vertical-text;
        writing-mode:vertical-rl;
        -o-writing-mode:vertical-rl;
        -ms-writing-mode:vertical-rl;
        -ms-writing-mode:tb-rl;
        -moz-writing-mode:vertical-rl;
        -webkit-writing-mode:vertical-rl;
        text-orientation:upright;
        word-wrap:break-word
    }
    #news .left .btn-shared{
        display:none
    }
    #news .right{
        width:100% !important;
        margin-top:8px
    }
    #news .right .post-box dl{
        display:block;
        line-height:16px;
        padding:15px 0
    }
    #news .right .post-box dl dt{
        max-width:none
    }
    #news .right .post-box dl dd{
        margin-top:6px
    }
    #news .right .btn-shared a{
        margin:25px 0 0 auto;
        padding:0 42px 2px 20px;
        line-height:40px
    }
    #news .right .btn-shared a:after{
        right:19px
    }
}
#clinic{
    background:url("../img/top/clinic_deco1.png") no-repeat left 10px top/60px auto,url("../img/top/clinic_deco2.png") no-repeat right 10px bottom/60px auto;
    margin:0 auto;
    max-width:1240px;
    padding:0 10px 60px
}
#clinic h2{
    position:relative;
    top:-3px
}
#clinic h2 span{
    display:block;
    line-height:1;
    text-align:right
}
#clinic h2 span:nth-child(1){
    font-size:48px;
    letter-spacing:0
}
#clinic h2 span:nth-child(1) i{
    font-style:normal;
    opacity:.6;
    letter-spacing:0
}
#clinic h2 span:nth-child(1) i:nth-child(1){
    color:#a6958d
}
#clinic h2 span:nth-child(1) i:nth-child(2){
    color:#3884a3
}
#clinic h2 span:nth-child(1) i:nth-child(3){
    color:#c08b2e
}
#clinic h2 span:nth-child(2){
    color:#8f8471;
    margin:20px -2px 0 0;
    font-size:16px;
    letter-spacing:.08em
}
#clinic h3{
    color:#605343;
    margin-top:-40px;
    font-size:34px;
    line-height:54px;
    font-weight:500;
    letter-spacing:.08em
}
#clinic .txt{
    color:#b7a389;
    margin-top:21px;
    font-weight:600;
    line-height:30px;
    letter-spacing:.04em
}
#clinic .group{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    -moz-column-gap:20px;
    column-gap:20px;
    margin-top:-72px
}
#clinic .group .gr-box{
    width:464px;
    margin-top:114px
}
#clinic .group .gr-box .box{
    padding:22px 10px 17px 20px
}
#clinic .group .gr-box .box .lead{
    display:flex;
    flex-wrap:wrap;
    align-items:center;
    row-gap:10px
}
#clinic .group .gr-box .box .lead .photo{
    width:50px
}
#clinic .group .gr-box .box .lead h4{
    color:#7c9baa;
    margin:0 12px 0 16px;
    font-size:14px;
    font-weight:500;
    line-height:28px;
    letter-spacing:0
}
#clinic .group .gr-box .box .lead h4 span{
    display:block;
    color:#454545;
    font-size:24px;
    line-height:1;
    letter-spacing:.08em
}
#clinic .group .gr-box .box .lead h4 span i{
    font-style:normal;
    margin:0 -5px 0 -8px
}
#clinic .group .gr-box .box .lead .btn-link{
    width:101px
}
#clinic .group .gr-box .box .info{
    color:#454545;
    margin:9px 0 5px;
    font-size:14px
}
#clinic .group .gr-box .box:nth-child(1){
    background:#e4eef2
}
#clinic .group .gr-box .box:nth-child(1) .lead .photo{
    margin-top:-6px
}
#clinic .group .gr-box .box:nth-child(1) .lead h4 span{
    margin-bottom:6px
}
#clinic .group .gr-box .box:nth-child(1) .tel{
    width:284px
}
#clinic .group .gr-box .box:nth-child(2){
    background:#fdecce;
    margin-top:10px
}
#clinic .group .gr-box .box:nth-child(2) .info{
    margin-top:17px
}
#clinic .group .gr-box .box:nth-child(2) .tel{
    width:274px
}
#clinic .group .map{
    width:560px
}
@media screen and (min-width: 768px){
    #clinic .group .gr-box{
        order:1
    }
    #clinic .group .map{
        order:2
    }
}
@media screen and (min-width: 768px)and (max-width: 1100px){
    #clinic .group .gr-box .box:nth-child(2) .lead{
        position:relative;
        align-items:flex-start
    }
    #clinic .group .gr-box .box:nth-child(2) .lead .btn-link{
        position:absolute;
        top:25px;
        left:61px
    }
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #clinic .group .gr-box .box{
        padding:15px !important
    }
    #clinic .group .gr-box .box .lead h4{
        margin-right:0
    }
    #clinic .group .gr-box .box .lead h4 span{
        font-size:22px
    }
}
@media screen and (min-width: 768px)and (max-width: 900px){
    #clinic .group .gr-box .box{
        padding:10px !important
    }
    #clinic .group .gr-box .box .lead h4{
        margin-right:0
    }
    #clinic .group .gr-box .box .lead h4 span{
        font-size:20px
    }
}
@media screen and (max-width: 767px){
    #clinic{
        background:url("../img/top/clinic_deco1_sp.png") no-repeat left 20px top/18px auto,url("../img/top/clinic_deco2_sp.png") no-repeat right 20px bottom/18px auto;
        padding:0 30px 18px
    }
    #clinic .wrap{
        padding:0
    }
    #clinic h2{
        top:0;
        padding-top:5px
    }
    #clinic h2 span:nth-child(1){
        font-size:26px
    }
    #clinic h2 span:nth-child(2){
        margin:7px 0 0;
        font-size:13px
    }
    #clinic h3{
        font-family:"Noto Serif JP",serif;
        margin-top:30px;
        font-size:32px;
        letter-spacing:.04em
    }
    #clinic .txt{
        margin-top:15px
    }
    #clinic .group{
        display:block;
        margin-top:0px
    }
    #clinic .group .gr-box{
        width:auto;
        margin-top:27px
    }
    #clinic .group .gr-box .box{
        padding:18px 17px 21px
    }
    #clinic .group .gr-box .box .lead{
        position:relative;
        align-items:flex-start;
        flex-wrap:nowrap;
        -moz-column-gap:8px;
        column-gap:8px
    }
    #clinic .group .gr-box .box .lead .photo{
        width:40px
    }
    #clinic .group .gr-box .box .lead h4{
        margin:0
    }
    #clinic .group .gr-box .box .lead h4 span{
        font-family:"Noto Serif JP",serif;
        font-size:20px
    }
    #clinic .group .gr-box .box .lead h4 span i{
        margin:0 -5px 0 -6px
    }
    #clinic .group .gr-box .box .lead .btn-link{
        position:absolute;
        top:20px;
        left:50px;
        width:94px
    }
    #clinic .group .gr-box .box .lead .btn-link a{
        display:block
    }
    #clinic .group .gr-box .box .info{
        margin:4px 0 9px;
        font-size:12px;
        line-height:18px
    }
    #clinic .group .gr-box .box:nth-child(1){
        border-left:1px solid #3984a3
    }
    #clinic .group .gr-box .box:nth-child(1) .lead .photo{
        margin-top:0
    }
    #clinic .group .gr-box .box:nth-child(1) .lead h4 span{
        margin-bottom:1px
    }
    #clinic .group .gr-box .box:nth-child(1) .tel{
        width:auto
    }
    #clinic .group .gr-box .box:nth-child(2){
        border-left:1px solid #c08b2e;
        margin-top:12px
    }
    #clinic .group .gr-box .box:nth-child(2) .info{
        margin-top:17px
    }
    #clinic .group .gr-box .box:nth-child(2) .tel{
        width:auto
    }
    #clinic .group .map{
        width:auto;
        margin:9px 0 0 -9px
    }
}
#concept h3{
    font-size:34px;
    font-weight:500;
    line-height:54px;
    letter-spacing:.08em
}
#concept .group1{
    position:relative;
    z-index:1;
    margin-top:100px;
    padding-bottom:84px
}
#concept .group1::before{
    content:"";
    position:absolute;
    background:url("../img/top/concept_bg.jpg") no-repeat right top;
    background-size:cover;
    top:20px;
    left:73px;
    right:0;
    bottom:0;
    z-index:-2
}
#concept .group1:after{
    content:"";
    position:absolute;
    background:url("../img/top/concept_txt_img.png") no-repeat left 59.5px bottom -15px/276.5px auto;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:-1
}
#concept .group1 .wrap{
    max-width:1160px;
    padding:0 30px
}
#concept .group1 h2{
    color:#cbbb9f;
    font-size:48px;
    line-height:1;
    letter-spacing:0
}
#concept .group1 .gr-txt{
    display:flex;
    justify-content:space-between;
    -moz-column-gap:30px;
    column-gap:30px;
    margin:55px 0 0 6px;
    max-width:998px
}
#concept .group1 .gr-txt .right{
    flex:1;
    max-width:611px;
    color:#605343;
    margin-top:18px
}
#concept .group1 .gr-txt .right dt{
    font-weight:bold;
    font-size:20px;
    letter-spacing:.06em
}
#concept .group1 .gr-txt .right dd{
    margin-top:18px;
    font-size:18px;
    line-height:35px;
    letter-spacing:0
}
#concept .group1 .photo{
    max-width:1028px;
    margin:48px auto 0
}
#concept .group2{
    position:relative;
    margin-top:87px;
    padding-top:68px
}
#concept .group2::before{
    content:"";
    position:absolute;
    background:url("../img/top/concept_deco2.png") no-repeat right top/84px auto #e9eff0;
    top:0;
    bottom:0;
    left:0;
    right:73px
}
#concept .group2 .catch{
    position:relative;
    background:#fff;
    color:#89776f;
    margin-left:6px;
    width:151px;
    padding-left:12px;
    line-height:40px;
    font-size:14px;
    font-weight:500;
    letter-spacing:0
}
#concept .group2 .catch::before{
    content:"";
    position:absolute;
    background:#e9eff0;
    top:0;
    bottom:0;
    right:0;
    -webkit-clip-path:polygon(100% 0, 0 50%, 100% 100%);
    clip-path:polygon(100% 0, 0 50%, 100% 100%);
    width:20px;
    z-index:1
}
#concept .group2 h3{
    margin:26px 0 0 6px
}
#concept .group2 .txt-lead{
    margin:19px 0 0 6px;
    font-size:18px;
    line-height:32px;
    letter-spacing:0
}
#concept .group2 .row{
    display:flex;
    justify-content:space-between;
    -moz-column-gap:20px;
    column-gap:20px;
    margin:46px 0 0 5px
}
#concept .group2 .row .left{
    width:712px;
    padding-bottom:100px
}
#concept .group2 .row .left .box{
    position:relative;
    display:flex;
    background:#fcf9f2
}
#concept .group2 .row .left .box .num{
    position:absolute;
    top:-15px;
    left:-9px;
    z-index:1;
    opacity:.5;
    color:#a6958d;
    font-size:34px;
    line-height:1;
    letter-spacing:-0.08em
}
#concept .group2 .row .left .box .icon{
    display:flex;
    align-items:center;
    justify-content:center;
    width:136px
}
#concept .group2 .row .left .box .icon img{
    display:block;
    margin:0 auto
}
#concept .group2 .row .left .box .gr-txt{
    flex:1;
    padding:11px 20px 25px 0
}
#concept .group2 .row .left .box .gr-txt h4{
    font-size:24px;
    font-weight:500;
    line-height:48px;
    letter-spacing:.08em
}
#concept .group2 .row .left .box .gr-txt .txt{
    margin:3px 0 0 2px;
    font-size:14px;
    line-height:24px;
    letter-spacing:.06em
}
#concept .group2 .row .left .box .gr-txt .list-cate{
    display:flex;
    -moz-column-gap:8px;
    column-gap:8px;
    margin-top:10px
}
#concept .group2 .row .left .box .gr-txt .list-cate li{
    background:#e9eff0;
    padding:0 15px 0 17px;
    font-size:15px;
    line-height:33px;
    font-weight:bold;
    letter-spacing:0
}
#concept .group2 .row .left .box+.box{
    margin-top:26px
}
#concept .group2 .row .left .box:nth-child(1) .icon img{
    width:61px
}
#concept .group2 .row .left .box:nth-child(2) .icon img{
    width:59px
}
#concept .group2 .row .left .box:nth-child(3) .icon img{
    width:64px
}
#concept .group2 .row .right{
    width:347px;
    margin-right:-60px
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #concept .group1::before{
        left:20px
    }
    #concept .group1:after{
        background-position:left 7px bottom -15px
    }
}
@media screen and (min-width: 768px)and (max-width: 1250px){
    #concept .group2::before{
        right:17px
    }
    #concept .group2 .row .right{
        margin-right:calc(-50vw + 50% + 20px)
    }
}
@media screen and (max-width: 767px){
    #concept h3{
        font-family:"Noto Serif JP",serif;
        font-size:32px;
        letter-spacing:.04em
    }
    #concept .group1{
        margin-top:79px;
        padding-bottom:49px
    }
    #concept .group1::before{
        background-image:url("../img/top/concept_bg_sp.jpg");
        top:18px;
        left:20px
    }
    #concept .group1:after{
        background:url("../img/top/concept_txt_img_sp.png") no-repeat left 13px bottom -7px/132px auto
    }
    #concept .group1 .wrap{
        padding:0 38px
    }
    #concept .group1 h2{
        font-size:40px
    }
    #concept .group1 .gr-txt{
        display:block;
        margin:26px 0 0
    }
    #concept .group1 .gr-txt .right{
        margin-top:26px
    }
    #concept .group1 .gr-txt .right dt{
        font-size:16px;
        letter-spacing:.04em
    }
    #concept .group1 .gr-txt .right dd{
        margin-top:12px;
        font-size:16px;
        line-height:27px
    }
    #concept .group1 .photo{
        margin-top:13px
    }
    #concept .group2{
        margin:55px 0 0;
        padding-top:31px
    }
    #concept .group2::before{
        content:"";
        position:absolute;
        background:url("../img/top/concept_deco2_sp.png") no-repeat right top/64px auto #e9eff0;
        top:0;
        bottom:0;
        left:0;
        right:20px
    }
    #concept .group2 .wrap{
        padding:0 38px
    }
    #concept .group2 .catch{
        margin-left:0
    }
    #concept .group2 h3{
        margin:21px 0 0
    }
    #concept .group2 .txt-lead{
        margin:17px 0 0;
        font-size:16px;
        line-height:30px
    }
    #concept .group2 .row{
        display:block;
        margin:22px 0 0
    }
    #concept .group2 .row .left{
        width:auto;
        padding-bottom:0
    }
    #concept .group2 .row .left .box .num{
        top:-15px;
        left:-10px
    }
    #concept .group2 .row .left .box .icon{
        align-items:flex-start;
        width:75px;
        padding-top:19px
    }
    #concept .group2 .row .left .box .gr-txt{
        padding:14px 12px 16px 0
    }
    #concept .group2 .row .left .box .gr-txt h4{
        font-family:"Noto Serif JP",serif;
        line-height:35px
    }
    #concept .group2 .row .left .box .gr-txt .txt{
        margin:7px 0 0 4px;
        line-height:22px;
        letter-spacing:0
    }
    #concept .group2 .row .left .box .gr-txt .list-cate{
        flex-wrap:wrap;
        gap:4px
    }
    #concept .group2 .row .left .box .gr-txt .list-cate li{
        padding:0 13px 0 15px
    }
    #concept .group2 .row .left .box+.box{
        margin-top:20px
    }
    #concept .group2 .row .left .box:nth-child(1) .icon img{
        width:48px
    }
    #concept .group2 .row .left .box:nth-child(2) .icon img{
        width:46px
    }
    #concept .group2 .row .left .box:nth-child(3) .icon img{
        width:48px
    }
    #concept .group2 .row .right{
        display:flex;
        width:auto;
        margin:38px -18px 0 -38px
    }
    #concept .group2 .row .right li{
        width:50%
    }
}
#pickup{
    padding:73.5px 30px 0
}
#pickup .wrap{
    max-width:1220px;
    padding:0;
    border:10px solid #ebe5d9
}
#pickup .wrap::before{
    content:"";
    position:absolute;
    background:url("../img/top/pickup_deco1.png") no-repeat;
    width:30px;
    height:30px;
    background-size:100%;
    top:-40px;
    left:-40px
}
#pickup .wrap::after{
    content:"";
    position:absolute;
    background:url("../img/top/pickup_deco3.png") no-repeat;
    width:30px;
    height:30px;
    background-size:100%;
    bottom:-40px;
    right:-40px
}
#pickup .group1{
    display:flex;
    justify-content:space-between;
    max-width:1140px;
    padding:48px 20px 0;
    margin:0 auto
}
#pickup .group1 .left .txt-lead{
    margin-top:29px;
    color:#a6958d;
    font-size:18px;
    line-height:32px;
    letter-spacing:0
}
#pickup .group1 .right{
    position:relative;
    margin:1px -5px 0 0
}
#pickup .group1 .right::before{
    content:"";
    position:absolute;
    background:url("../img/top/pickup_deco2.png") no-repeat;
    width:126.5px;
    height:28.5px;
    background-size:100%;
    top:0;
    left:-172px
}
#pickup .group1 .right .catch{
    cursor:vertical-text;
    text-align:left;
    direction:rtl;
    writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    -ms-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -moz-writing-mode:vertical-rl;
    -webkit-writing-mode:vertical-rl;
    text-orientation:sideways-right;
    -o-text-orientation:sideways-right;
    -ms-text-orientation:upright;
    -ms-text-orientation:sideways-right;
    -moz-text-orientation:sideways-right;
    -webkit-text-orientation:sideways-right;
    color:#cbbb9f;
    font-size:24px;
    line-height:33px;
    letter-spacing:0
}
#pickup .group1 .right .catch span{
    color:#99b7bf;
    letter-spacing:0
}
#pickup .group2{
    margin-top:51px
}
#pickup .group2 .row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    border-top:1px solid #ebe5d9
}
#pickup .group2 .row .photo{
    width:47.5%
}
#pickup .group2 .row .inner{
    width:52.5%;
    padding:0 20px
}
#pickup .group2 .row .inner .gr-txt{
    max-width:530px;
    padding:25px 0;
    margin:0 auto
}
#pickup .group2 .row .inner .gr-txt h3 span{
    display:block
}
#pickup .group2 .row .inner .gr-txt h3 span.jp{
    font-size:28px;
    line-height:32px;
    font-weight:500;
    letter-spacing:.06em
}
#pickup .group2 .row .inner .gr-txt h3 span.jp small{
    margin-left:15px;
    font-size:14px;
    letter-spacing:.06em
}
#pickup .group2 .row .inner .gr-txt h3 span.en{
    color:#cbbb9f;
    margin-top:16px;
    font-size:14px;
    line-height:1;
    letter-spacing:0
}
#pickup .group2 .row .inner .gr-txt .txt{
    margin-top:30px
}
#pickup .group2 .row .inner .gr-txt .btn-shared{
    margin-top:30px
}
@media screen and (min-width: 768px){
    #pickup .group2 .row:nth-child(odd) .photo{
        order:1
    }
    #pickup .group2 .row:nth-child(odd) .inner{
        order:2
    }
    #pickup .group2 .row:nth-child(even) .photo{
        order:2
    }
    #pickup .group2 .row:nth-child(even) .inner{
        order:1
    }
}
@media screen and (min-width: 768px)and (max-width: 1300px){
    #pickup .wrap::before{
        left:calc(-50vw + 50% + 10px)
    }
    #pickup .wrap::after{
        right:calc(-50vw + 50% + 10px)
    }
}
@media screen and (min-width: 768px)and (max-width: 860px){
    #pickup .group2 .row .right .gr-txt h3 span.jp{
        font-size:22px
    }
}
@media screen and (max-width: 767px){
    #pickup{
        padding:66px 30px 0
    }
    #pickup .wrap{
        border-width:5px;
        padding-bottom:32px
    }
    #pickup .wrap::before{
        background-image:url("../img/top/pickup_deco1_sp.png");
        width:18px;
        height:18px;
        top:-23px;
        left:-23px
    }
    #pickup .wrap::after{
        background-image:url("../img/top/pickup_deco2_sp.png");
        width:18px;
        height:18px;
        bottom:-23px;
        right:-23px
    }
    #pickup .group1{
        position:relative;
        display:block;
        padding:20px 20px 0 19px
    }
    #pickup .group1::before{
        content:"";
        position:absolute;
        background:url("../img/top/pickup_deco2.png") no-repeat;
        width:126.5px;
        height:28.5px;
        background-size:100%;
        top:77px;
        left:19px
    }
    #pickup .group1 .left .h2-shared span.jp{
        margin-top:114px
    }
    #pickup .group1 .left .txt-lead{
        margin-top:19px;
        font-size:16px
    }
    #pickup .group1 .right{
        position:absolute;
        top:24px;
        right:20px;
        margin:0;
        width:75px
    }
    #pickup .group1 .right::before{
        display:none
    }
    #pickup .group1 .right .catch{
        font-size:16px;
        line-height:25px
    }
    #pickup .group2{
        margin-top:23px
    }
    #pickup .group2 .row{
        display:block;
        border-top:none
    }
    #pickup .group2 .row .photo{
        width:auto
    }
    #pickup .group2 .row .inner{
        width:auto;
        padding:23px 17px 0 16px
    }
    #pickup .group2 .row .inner .gr-txt{
        max-width:none;
        padding:0
    }
    #pickup .group2 .row .inner .gr-txt h3 span.jp{
        font-family:"Noto Serif JP",serif
    }
    #pickup .group2 .row .inner .gr-txt h3 span.jp small{
        display:block;
        margin:0 0 0 0
    }
    #pickup .group2 .row .inner .gr-txt h3 span.en{
        margin-top:14px
    }
    #pickup .group2 .row .inner .gr-txt .txt{
        margin-top:18px;
        font-size:16px
    }
    #pickup .group2 .row .inner .gr-txt .btn-shared{
        margin-top:35px
    }
    #pickup .group2 .row+.row{
        margin-top:32px
    }
    #pickup .group2 .row.row2 .inner .gr-txt h3 span.en{
        margin-top:12px;
        font-size:12px
    }
}
#menu .group1{
    position:relative;
    z-index:1;
    padding:73px 0 68px
}
#menu .group1::before{
    content:"";
    position:absolute;
    background:#e9eff0;
    height:352px;
    bottom:0;
    left:0;
    right:0;
    z-index:-1
}
#menu .group1 .wrap{
    padding-top:99px
}
#menu .group1 .wrap::before{
    content:"";
    position:absolute;
    background:url("../img/top/menu_deco.png") no-repeat;
    width:126.5px;
    height:28.5px;
    background-size:100%;
    top:0;
    left:-40px
}
#menu .group1 h2 span{
    display:block;
    line-height:1
}
#menu .group1 h2 span.en{
    font-size:48px;
    letter-spacing:0
}
#menu .group1 h2 span.jp{
    color:#cbbb9f;
    margin:20px 0 0 4px;
    font-size:20px;
    font-weight:500;
    letter-spacing:.08em
}
#menu .group1 .list-link{
    display:flex;
    justify-content:space-between;
    margin-top:46px
}
#menu .group1 .list-link li{
    width:19.0909090909%
}
#menu .group1 .list-link li a{
    display:block
}
#menu .group1 .btn-shared a{
    margin:61px auto 0
}
#menu .list-photo{
    display:flex
}
#menu .list-photo li{
    width:33.3333333333%
}
@media screen and (min-width: 768px)and (max-width: 1250px){
    #menu .group1 .wrap::before{
        left:calc(-50vw + 50% + 20px)
    }
}
@media screen and (max-width: 767px){
    #menu .group1{
        padding:144px 0 79px
    }
    #menu .group1::before{
        height:45%
    }
    #menu .group1 .wrap{
        padding:0 30px
    }
    #menu .group1 .wrap::before{
        top:-63px;
        left:38px
    }
    #menu .group1 h2{
        display:flex;
        justify-content:space-between
    }
    #menu .group1 h2 span{
        display:block;
        line-height:1
    }
    #menu .group1 h2 span.en{
        font-size:40px;
        line-height:48px
    }
    #menu .group1 h2 span.jp{
        cursor:vertical-text;
        writing-mode:vertical-rl;
        -o-writing-mode:vertical-rl;
        -ms-writing-mode:vertical-rl;
        -ms-writing-mode:tb-rl;
        -moz-writing-mode:vertical-rl;
        -webkit-writing-mode:vertical-rl;
        text-orientation:upright;
        word-wrap:break-word;
        font-family:"Noto Serif JP",serif;
        margin:2px 0 0;
        letter-spacing:.19em
    }
    #menu .group1 .list-link{
        display:block;
        margin-top:33px
    }
    #menu .group1 .list-link li{
        width:auto
    }
    #menu .group1 .list-link li a{
        display:block
    }
    #menu .group1 .list-link li+li{
        margin-top:6px
    }
    #menu .group1 .btn-shared a{
        margin-top:24px
    }
    #menu .list-photo{
        display:flex
    }
    #menu .list-photo li{
        width:33.3333333333%
    }
}
#message{
    position:relative;
    background:linear-gradient(120deg, rgb(239, 230, 214) 0%, rgb(236, 242, 244) 100%);
    padding:100px 0 0
}
#message::before{
    content:"";
    position:absolute;
    background:linear-gradient(120deg, rgb(201, 179, 140) 0%, rgb(201, 179, 140) 100%);
    opacity:.08;
    top:0;
    left:0;
    bottom:0;
    width:66%
}
#message .wrap{
    z-index:1
}
#message .wrap::before{
    content:"";
    position:absolute;
    background:url("../img/top/message_deco1.png") no-repeat;
    width:192px;
    height:140px;
    background-size:100%;
    top:-8px;
    right:-73px;
    z-index:-1
}
#message .wrap::after{
    content:"";
    position:absolute;
    background:url("../img/top/message_deco3.png") no-repeat;
    width:60px;
    height:60px;
    background-size:100%;
    bottom:76px;
    left:-40px;
    z-index:-1
}
#message .h2-shared span.jp{
    margin-top:20px
}
#message .group{
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    -moz-column-gap:20px;
    column-gap:20px
}
#message .txt{
    background:url("../img/top/message_deco2.png") no-repeat left top/50px auto;
    padding:48px 0 126px;
    margin-top:44px;
    width:530px
}
#message .txt li+li{
    margin-top:28px
}
#message .photo{
    position:relative;
    width:502px;
    margin-top:-61px
}
#message .photo::before{
    content:"";
    position:absolute;
    background:url("../img/top/message_deco4.png") no-repeat;
    width:126.5px;
    height:28.5px;
    background-size:100%;
    bottom:77px;
    right:-44px
}
@media screen and (min-width: 768px)and (max-width: 1300px){
    #message .wrap::before{
        right:calc(-50vw + 50% + 10px)
    }
}
@media screen and (min-width: 768px)and (max-width: 1250px){
    #message .wrap::after{
        left:calc(-50vw + 50% + 10px)
    }
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #message .wrap::after{
        width:50px;
        height:50px;
        bottom:20px
    }
    #message .photo{
        width:470px;
        margin-right:34px
    }
    #message .txt{
        font-size:14px;
        padding-bottom:80px
    }
}
@media screen and (max-width: 767px){
    #message{
        padding:50px 0 55px
    }
    #message::before{
        display:none
    }
    #message .wrap{
        padding:0 30px
    }
    #message .wrap::before{
        display:none
    }
    #message .wrap::after{
        background-image:url("../img/top/message_deco3_sp.png");
        width:18px;
        height:18px;
        bottom:-17px;
        left:20px
    }
    #message .h2-shared span.jp{
        margin-top:10px
    }
    #message .group{
        flex-direction:column;
        align-items:flex-start;
        justify-content:flex-start;
        -moz-column-gap:0px;
        column-gap:0px
    }
    #message .txt{
        order:2;
        background:none;
        padding:0;
        margin-top:27px;
        width:auto
    }
    #message .txt li+li{
        margin-top:28px
    }
    #message .photo{
        order:1;
        width:auto;
        margin:21px -25px 0 0
    }
    #message .photo::before{
        display:none
    }
}
#point{
    position:relative;
    z-index:1;
    padding:97px 0 288px
}
#point::before,#point:after{
    content:"";
    position:absolute;
    background:linear-gradient(120deg, rgb(201, 179, 140) 0%, rgb(201, 179, 140) 100%);
    opacity:.2;
    z-index:-1
}
#point::before{
    top:12.4%;
    right:0;
    width:50%;
    height:32.7%
}
#point:after{
    width:55%;
    top:48.2%;
    left:0;
    height:40%
}
#point .lead{
    position:relative;
    display:flex;
    align-items:center;
    justify-content:space-between;
    -moz-column-gap:20px;
    column-gap:20px
}
#point .lead h2{
    color:#605343;
    margin-top:-3px;
    font-size:34px;
    font-weight:500;
    line-height:52px;
    letter-spacing:.08em
}
#point .lead .txt-img{
    flex:1;
    max-width:384.5px
}
#point .lead .txt-img2{
    position:absolute;
    top:26px;
    left:-10px;
    width:197px
}
#point .box-txt{
    position:relative;
    width:18.1818181818%
}
#point .box-txt h3{
    font-size:28px;
    font-weight:500;
    line-height:56px;
    letter-spacing:.15em
}
#point .box-txt h4{
    font-size:24px;
    font-weight:500;
    line-height:40px;
    letter-spacing:0
}
#point .box-txt .txt{
    margin-top:42px
}
#point .row1{
    position:relative;
    margin-top:119px
}
#point .row1 .photo{
    width:50.9090909091%;
    margin:0 auto
}
#point .row1 .box-txt{
    position:absolute;
    top:0;
    right:0
}
#point .row1 .box-txt .num{
    position:absolute;
    width:137px;
    top:-67px;
    right:-62px
}
#point .row1 .box-txt h3{
    cursor:vertical-text;
    writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    -ms-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -moz-writing-mode:vertical-rl;
    -webkit-writing-mode:vertical-rl;
    text-orientation:upright;
    word-wrap:break-word;
    margin-left:-15px
}
#point .row2{
    position:relative;
    margin-top:44px
}
#point .row2 .photo{
    width:50.9090909091%;
    margin:0 auto
}
#point .row2 .box-txt{
    position:absolute;
    top:0;
    left:0
}
#point .row2 .box-txt .num{
    position:absolute;
    width:124px;
    top:-59px;
    left:-67px
}
#point .row2 .box-txt h3{
    cursor:vertical-text;
    writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    -ms-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -moz-writing-mode:vertical-rl;
    -webkit-writing-mode:vertical-rl;
    text-orientation:upright;
    word-wrap:break-word;
    margin:0 -14px 0 auto
}
#point .row3{
    position:relative;
    margin-top:47px
}
#point .row3 .photo{
    width:50.9090909091%;
    margin:0 auto
}
#point .row3 .box-txt{
    position:absolute;
    top:0;
    right:0
}
#point .row3 .box-txt .num{
    position:absolute;
    width:137.5px;
    top:-72px;
    right:-63px
}
#point .row3 .box-txt h3{
    cursor:vertical-text;
    writing-mode:vertical-rl;
    -o-writing-mode:vertical-rl;
    -ms-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    -moz-writing-mode:vertical-rl;
    -webkit-writing-mode:vertical-rl;
    text-orientation:upright;
    word-wrap:break-word;
    margin:-2px 0 0 -14px
}
#point .row4{
    position:relative;
    display:flex;
    margin-top:92.5px
}
#point .row4>*{
    position:relative;
    width:50%
}
#point .row4 .deco{
    position:absolute;
    width:32.7272727273%;
    top:17%;
    left:51%;
    transform:translateX(-50%)
}
#point .row4 .photo{
    width:47.2727272727%
}
#point .row4 .box-txt{
    position:absolute;
    width:36.3636363636%
}
#point .row4 .box-txt .txt{
    margin-top:33px
}
#point .row4 .left .photo{
    margin:0 2.5% 0 auto
}
#point .row4 .left .box-txt{
    top:-42px;
    left:0
}
#point .row4 .left .box-txt .num{
    width:128px
}
#point .row4 .left .box-txt h4{
    margin-top:25px
}
#point .row4 .right{
    margin-top:20.6%
}
#point .row4 .right .box-txt{
    top:-46px;
    right:0
}
#point .row4 .right .box-txt .num{
    width:135px
}
#point .row4 .right .box-txt h4{
    margin-top:2px
}
#point .row4 .right .photo{
    margin-left:2.5%
}
#point .row5{
    position:relative;
    margin-top:-11.5%;
    width:50%
}
#point .row5 .photo{
    width:47.2727272727%;
    margin:0 2.5% 0 auto
}
#point .row5 .box-txt{
    position:absolute;
    top:-36px;
    left:0;
    width:36.3636363636%
}
#point .row5 .box-txt .num{
    width:122px
}
#point .row5 .box-txt h4{
    margin-top:25px
}
#point .row5 .box-txt h4 span{
    display:block;
    color:#b5a98d;
    margin-top:11px;
    font-size:18px;
    font-weight:500;
    line-height:1;
    letter-spacing:.02em
}
#point .row6{
    position:relative;
    margin-top:62px
}
#point .row6 .photo{
    width:50%;
    margin:0 auto
}
#point .row6 .box-txt{
    position:absolute;
    top:-49px;
    right:0
}
#point .row6 .box-txt .num{
    width:149.5px
}
#point .row6 .box-txt h4{
    margin-top:25px
}
#point .row6 .box-txt .txt{
    margin-top:33px
}
@media screen and (min-width: 768px)and (max-width: 1200px){
    #point h3,#point h4{
        font-size:20px !important;
        line-height:1.7 !important
    }
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #point h3,#point h4{
        font-size:19px !important
    }
    #point .box-txt{
        width:22%
    }
    #point .box-txt .txt{
        font-size:13px;
        margin-top:15px !important
    }
    #point .row4 .left .box-txt{
        top:0
    }
    #point .row4 .left .box-txt .num{
        width:100px
    }
    #point .row4 .right .box-txt{
        top:0
    }
    #point .row4 .right .box-txt .num{
        width:107px
    }
    #point .row4 .box-txt{
        width:44%
    }
    #point .row5{
        margin-top:-7%
    }
    #point .row5 .box-txt{
        top:0;
        width:44%
    }
}
@media screen and (max-width: 767px){
    #point{
        background:url("../img/top/point_deco_sp.png") no-repeat left calc(50% + 9px) bottom 55px/218.5px;
        padding:45px 0 197px
    }
    #point::before,#point:after{
        content:"";
        position:absolute;
        background:linear-gradient(120deg, rgb(201, 179, 140) 0%, rgb(201, 179, 140) 100%);
        opacity:.2;
        z-index:-1;
        width:50% !important
    }
    #point::before{
        top:463px;
        right:0;
        height:calc(50% - 506px)
    }
    #point:after{
        top:auto;
        bottom:355px;
        left:0;
        height:calc(50% - 312px)
    }
    #point .wrap{
        padding:0 30px
    }
    #point .lead{
        align-items:flex-start
    }
    #point .lead h2{
        font-family:"Noto Serif JP",serif;
        margin-top:0;
        font-size:32px;
        line-height:48px
    }
    #point .lead .txt-img{
        flex:none;
        max-width:62px;
        margin-top:13px
    }
    #point .lead .txt-img2{
        top:54px;
        left:-2px;
        right:0;
        width:auto
    }
    #point .box-txt{
        position:unset !important;
        width:auto !important
    }
    #point .box-txt h3{
        font-family:"Noto Serif JP",serif;
        font-size:22px;
        line-height:40px;
        letter-spacing:.18em
    }
    #point .box-txt h4{
        font-size:22px;
        line-height:36px
    }
    #point .box-txt .txt{
        margin-top:22px
    }
    #point .row1{
        margin-top:210px
    }
    #point .row1 .photo{
        width:auto;
        margin:0 90px 0 0
    }
    #point .row1 .box-txt .group{
        position:absolute;
        top:-125px;
        right:-14px
    }
    #point .row1 .box-txt .num{
        position:unset;
        width:86px;
        margin-right:26px
    }
    #point .row1 .box-txt h3{
        margin:-7px 0 0 26px
    }
    #point .row2{
        margin-top:165px
    }
    #point .row2 .photo{
        width:auto;
        margin:0 0 0 90px
    }
    #point .row2 .box-txt .group{
        position:absolute;
        top:-120px;
        left:-10px
    }
    #point .row2 .box-txt .num{
        position:unset;
        width:110.5px;
        margin-left:9px
    }
    #point .row2 .box-txt h3{
        margin:-12px 0 0
    }
    #point .row3{
        margin-top:175px
    }
    #point .row3 .photo{
        width:auto;
        margin:0 90px 0 0
    }
    #point .row3 .box-txt .group{
        position:absolute;
        top:-128px;
        bottom:0;
        right:-30px
    }
    #point .row3 .box-txt .num{
        position:unset;
        width:101.5px;
        margin-right:33px
    }
    #point .row3 .box-txt h3{
        margin:-4px 0 0 33px
    }
    #point .row4{
        display:block;
        margin-top:51px
    }
    #point .row4>*{
        width:auto
    }
    #point .row4 .deco{
        display:none
    }
    #point .row4 .photo{
        width:auto
    }
    #point .row4 .box-txt{
        width:auto
    }
    #point .row4 .box-txt .txt{
        margin-top:20px
    }
    #point .row4 .left .photo{
        margin:0 0 0 50%
    }
    #point .row4 .left .box-txt .group{
        position:absolute;
        top:-17px;
        left:0
    }
    #point .row4 .left .box-txt .num{
        width:92px
    }
    #point .row4 .left .box-txt h4{
        margin-top:26px
    }
    #point .row4 .right{
        margin-top:43px
    }
    #point .row4 .right .box-txt .group{
        position:absolute;
        top:-13px;
        left:calc(50% + 22px)
    }
    #point .row4 .right .box-txt .num{
        width:110.5px
    }
    #point .row4 .right .box-txt h4{
        margin:8px 0 0 2px
    }
    #point .row4 .right .photo{
        margin:0 50% 0 0
    }
    #point .row5{
        margin-top:44px;
        width:auto
    }
    #point .row5 .photo{
        width:auto;
        margin:0 0 0 50%
    }
    #point .row5 .box-txt{
        width:auto
    }
    #point .row5 .box-txt .group{
        position:absolute;
        top:-13px;
        left:0
    }
    #point .row5 .box-txt .num{
        width:95.5px
    }
    #point .row5 .box-txt h4{
        margin-top:9px
    }
    #point .row5 .box-txt h4 span{
        margin-top:7px
    }
    #point .row5 .box-txt .txt{
        margin-top:78px
    }
    #point .row6 .photo{
        width:auto;
        margin:0 50% 0 0
    }
    #point .row6 .box-txt .group{
        position:absolute;
        top:-16px;
        left:calc(50% + 19px)
    }
    #point .row6 .box-txt .num{
        width:93.5px
    }
    #point .row6 .box-txt h4{
        margin-top:-3px
    }
    #point .row6 .box-txt .txt{
        margin-top:22px
    }
}
#infomation{
    background:url("../img/top/infomation_bg.jpg") no-repeat left top/cover;
    padding:102px 0 123px
}
#infomation .h2-shared span.en{
    color:#fff
}
#infomation .h2-shared span.jp{
    margin-top:29px
}
#infomation .row{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    -moz-column-gap:20px;
    column-gap:20px;
    margin-top:70px
}
#infomation .row:after{
    content:"";
    position:absolute;
    background:url("../img/top/infomation_deco.png") no-repeat;
    width:60px;
    height:60px;
    background-size:100%;
    bottom:-35px;
    right:-60px;
    z-index:-1
}
#infomation .left{
    width:550px
}
#infomation .right{
    width:468px
}
#infomation .table-time table{
    background:#fff
}
#infomation .table-time table th{
    text-align:center;
    width:118px;
    font-weight:500;
    border-right:1px solid #d1c4b3
}
#infomation .table-time table td{
    font-size:18px;
    font-weight:500;
    letter-spacing:0
}
#infomation .table-time table td:nth-child(2){
    padding-left:2%;
    width:16%;
    text-align:center
}
#infomation .table-time table td:last-child{
    width:10.5%
}
#infomation .table-time table thead{
    border-bottom:1px solid #d1c4b3
}
#infomation .table-time table thead *{
    line-height:61px;
    padding-bottom:5px
}
#infomation .table-time table thead tr th{
    font-size:18px
}
#infomation .table-time table tbody *{
    line-height:61px;
    padding-bottom:5px
}
#infomation .table-time table tbody tr td{
    color:#3884a3
}
#infomation .table-time table tbody tr td.lh{
    line-height:1;
    padding:4px 0 0
}
#infomation .table-time table tbody tr td.lh span{
    display:block;
    color:#605343;
    font-size:12px;
    line-height:1;
    margin:10px 0 0 -3px
}
#infomation .table-time table tbody tr td:last-child{
    color:#8f8471
}
#infomation .table-time table tbody tr:nth-child(2){
    border-top:1px solid #d1c4b3
}
#infomation .note{
    display:flex;
    -moz-column-gap:4px;
    column-gap:4px;
    margin-top:22px;
    font-size:14px;
    line-height:25px;
    letter-spacing:0
}
#infomation .note span{
    color:#3884a3
}
#infomation .info{
    margin-top:15px
}
#infomation .info dl{
    display:flex;
    border-bottom:1px solid #fff;
    padding:10.5px 0 11px 3px;
    font-size:14px;
    line-height:24px
}
#infomation .info dl dt{
    max-width:83px;
    width:100%;
    font-weight:600
}
#infomation .info dl:nth-child(1){
    border-top:1px solid #fff
}
#infomation .map{
    filter:grayscale(100%);
    height:500px
}
#infomation .btn-map{
    text-align:right;
    margin-top:10px
}
#infomation .btn-map a{
    display:inline-block;
    background:url("../img/top/infomation_icon.png") no-repeat right top 9px/16px;
    border-bottom:1px solid rgba(0,0,0,0);
    padding-right:31px;
    font-size:14px;
    font-weight:500;
    line-height:32px;
    letter-spacing:0;
    transition:unset
}
#infomation .btn-map a:hover{
    border-color:#605343
}
@media screen and (min-width: 768px)and (max-width: 1250px){
    #infomation .row::after{
        right:calc(-50vw + 50%)
    }
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #infomation .table-time table td{
        font-size:16px
    }
    #infomation .table-time table td:nth-child(2){
        width:14%
    }
    #infomation .table-time table td:last-child{
        width:9.5%
    }
}
@media screen and (min-width: 768px)and (max-width: 850px){
    #infomation .table-time table th{
        width:100px;
        font-size:15px !important
    }
    #infomation .table-time table td{
        font-size:16px
    }
    #infomation .table-time table td:nth-child(2){
        width:12%
    }
    #infomation .table-time table td:last-child{
        width:7.5%
    }
}
@media screen and (max-width: 767px){
    #infomation{
        background:url("../img/top/infomation_bg_sp.jpg") no-repeat center top/cover;
        padding:43px 0 53px
    }
    #infomation .wrap{
        padding:0 30px
    }
    #infomation .h2-shared span.jp{
        margin-top:10px
    }
    #infomation .row{
        display:block;
        margin-top:26px
    }
    #infomation .row:after{
        display:none
    }
    #infomation .left{
        width:auto
    }
    #infomation .right{
        width:auto
    }
    #infomation .table-time table{
        font-family:"Noto Serif JP",serif
    }
    #infomation .table-time table th{
        width:90px
    }
    #infomation .table-time table td:nth-child(2){
        padding-left:0;
        width:13%
    }
    #infomation .table-time table td:last-child{
        width:9%
    }
    #infomation .table-time table thead *{
        line-height:38px;
        padding-bottom:1px
    }
    #infomation .table-time table thead tr th{
        font-size:16px
    }
    #infomation .table-time table thead tr td{
        font-size:15px
    }
    #infomation .table-time table tbody *{
        line-height:18px;
        padding-bottom:0
    }
    #infomation .table-time table tbody tr th{
        font-size:15px
    }
    #infomation .table-time table tbody tr td{
        font-size:14px
    }
    #infomation .table-time table tbody tr td.lh{
        padding:0
    }
    #infomation .table-time table tbody tr td.lh span{
        margin:0 0 0 -4px
    }
    #infomation .table-time table tbody tr:nth-child(1) *{
        padding:7px 0 8px
    }
    #infomation .table-time table tbody tr:nth-child(2) *{
        padding:7px 0 8px
    }
    #infomation .note{
        -moz-column-gap:3px;
        column-gap:3px;
        margin-top:26px
    }
    #infomation .info{
        margin-top:23px
    }
    #infomation .info dl{
        padding:8px 0 11px 2px
    }
    #infomation .info dl dt{
        max-width:71px
    }
    #infomation .map{
        height:250px;
        margin-top:15px
    }
    #infomation .btn-map a{
        padding-right:19px
    }
}
#infomation-child .row{
    position:relative;
    z-index:1;
    display:flex;
    justify-content:space-between;
    -moz-column-gap:20px;
    column-gap:20px
}
#infomation-child .left{
    width:550px
}
#infomation-child .right{
    width:468px
}
#infomation-child .table-time table{
    border:1px solid #d1c4b3;
    background:#fff
}
#infomation-child .table-time table th{
    text-align:center;
    width:118px;
    font-weight:500;
    border-right:1px solid #d1c4b3
}
#infomation-child .table-time table td{
    font-size:18px;
    font-weight:500;
    letter-spacing:0
}
#infomation-child .table-time table td:nth-child(2){
    padding-left:2%;
    width:16%;
    text-align:center
}
#infomation-child .table-time table td:last-child{
    width:10.5%
}
#infomation-child .table-time table thead{
    border-bottom:1px solid #d1c4b3
}
#infomation-child .table-time table thead *{
    line-height:61px;
    padding-bottom:5px
}
#infomation-child .table-time table thead tr th{
    font-size:18px
}
#infomation-child .table-time table tbody *{
    line-height:61px;
    padding-bottom:5px
}
#infomation-child .table-time table tbody tr td{
    color:#3884a3
}
#infomation-child .table-time table tbody tr td.lh{
    line-height:1;
    padding:4px 0 0
}
#infomation-child .table-time table tbody tr td.lh span{
    display:block;
    color:#605343;
    font-size:12px;
    line-height:1;
    margin:10px 0 0 -3px
}
#infomation-child .table-time table tbody tr td:last-child{
    color:#8f8471
}
#infomation-child .table-time table tbody tr:nth-child(2){
    border-top:1px solid #d1c4b3
}
#infomation-child .note{
    display:flex;
    -moz-column-gap:4px;
    column-gap:4px;
    margin-top:22px;
    font-size:14px;
    line-height:25px;
    letter-spacing:0
}
#infomation-child .note span{
    color:#3884a3
}
#infomation-child .info{
    margin-top:15px
}
#infomation-child .info dl{
    display:flex;
    border-bottom:1px solid #d1c4b3;
    padding:10.5px 0 11px 3px;
    font-size:14px;
    line-height:24px
}
#infomation-child .info dl dt{
    max-width:83px;
    width:100%;
    font-weight:600
}
#infomation-child .info dl:nth-child(1){
    border-top:1px solid #d1c4b3
}
#infomation-child .map{
    filter:grayscale(100%);
    height:500px
}
#infomation-child .btn-map{
    text-align:right;
    margin-top:10px
}
#infomation-child .btn-map a{
    display:inline-block;
    background:url("../img/top/infomation_icon.png") no-repeat right top 9px/16px;
    border-bottom:1px solid rgba(0,0,0,0);
    padding-right:31px;
    font-size:14px;
    font-weight:500;
    line-height:32px;
    letter-spacing:0;
    transition:unset
}
#infomation-child .btn-map a:hover{
    border-color:#605343
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #infomation-child .table-time table td{
        font-size:16px
    }
    #infomation-child .table-time table td:nth-child(2){
        width:14%
    }
    #infomation-child .table-time table td:last-child{
        width:9.5%
    }
}
@media screen and (min-width: 768px)and (max-width: 850px){
    #infomation-child .table-time table th{
        width:100px;
        font-size:15px !important
    }
    #infomation-child .table-time table td{
        font-size:16px
    }
    #infomation-child .table-time table td:nth-child(2){
        width:12%
    }
    #infomation-child .table-time table td:last-child{
        width:7.5%
    }
}
@media screen and (max-width: 767px){
    #infomation-child .wrap{
        padding:0
    }
    #infomation-child .row{
        flex-direction:column;
        gap:20px
    }
    #infomation-child .left{
        width:auto
    }
    #infomation-child .right{
        width:auto
    }
    #infomation-child .table-time table{
        font-family:"Noto Serif JP",serif
    }
    #infomation-child .table-time table th{
        width:90px
    }
    #infomation-child .table-time table td:nth-child(2){
        padding-left:0;
        width:13%
    }
    #infomation-child .table-time table td:last-child{
        width:9%
    }
    #infomation-child .table-time table thead *{
        line-height:38px;
        padding-bottom:1px
    }
    #infomation-child .table-time table thead tr th{
        font-size:16px
    }
    #infomation-child .table-time table thead tr td{
        font-size:15px
    }
    #infomation-child .table-time table tbody *{
        line-height:18px;
        padding-bottom:0
    }
    #infomation-child .table-time table tbody tr th{
        font-size:15px
    }
    #infomation-child .table-time table tbody tr td{
        font-size:14px
    }
    #infomation-child .table-time table tbody tr td.lh{
        padding:0
    }
    #infomation-child .table-time table tbody tr td.lh span{
        margin:0 0 0 -4px
    }
    #infomation-child .table-time table tbody tr:nth-child(1) *{
        padding:7px 0 8px
    }
    #infomation-child .table-time table tbody tr:nth-child(2) *{
        padding:7px 0 8px
    }
    #infomation-child .note{
        -moz-column-gap:3px;
        column-gap:3px;
        margin-top:26px
    }
    #infomation-child .info{
        margin-top:23px
    }
    #infomation-child .info dl{
        padding:8px 0 11px 2px
    }
    #infomation-child .info dl dt{
        max-width:71px
    }
    #infomation-child .map{
        height:250px;
        margin-top:15px
    }
    #infomation-child .btn-map a{
        padding-right:19px
    }
}
#recruit{
    padding:65px 20px
}
#recruit .wrap{
    max-width:1278px;
    padding:30px 20px;
    background:url("../img/top/recruit_deco1.png") no-repeat left top/58.5px auto,url("../img/top/recruit_deco2.png") no-repeat right bottom/58.5px auto
}
#recruit a{
    background:url("../img/shared/icon_arrow.png") no-repeat right 10px bottom 10px/16px auto #ebe5d9;
    max-width:1100px;
    margin:0 auto;
    display:flex;
    align-items:center
}
#recruit a .photo{
    width:57.4545454545%
}
#recruit a .right{
    width:42.5454545455%;
    padding:20px
}
#recruit a .right .gr-txt{
    max-width:385px;
    margin:0 auto
}
#recruit a .right .gr-txt h2 span{
    display:block;
    line-height:1
}
#recruit a .right .gr-txt h2 span.en{
    color:#9f6d6d;
    font-size:48px;
    letter-spacing:0
}
#recruit a .right .gr-txt h2 span.en i{
    color:#6b97a8;
    font-style:normal;
    letter-spacing:0
}
#recruit a .right .gr-txt h2 span.jp{
    color:#cbbb9f;
    margin-top:11px;
    font-size:20px;
    font-weight:500;
    letter-spacing:.08em
}
#recruit a .right .gr-txt .txt{
    margin-top:32px;
    font-size:14px;
    font-weight:500;
    line-height:22px
}
#recruit a:hover{
    opacity:.8
}
@media screen and (min-width: 768px)and (max-width: 1000px){
    #recruit a{
        flex-wrap:wrap
    }
    #recruit a .photo{
        width:100%
    }
    #recruit a .right{
        width:100%
    }
    #recruit a .right .gr-txt{
        max-width:unset;
        width:-moz-fit-content;
        width:fit-content
    }
}
@media screen and (max-width: 767px){
    #recruit{
        padding:24px 20px 28px
    }
    #recruit .wrap{
        padding:18px;
        background:url("../img/top/recruit_deco1_sp.png") no-repeat left top/18px auto,url("../img/top/recruit_deco2_sp.png") no-repeat right bottom/18px auto
    }
    #recruit a{
        background:#ebe5d9;
        display:block
    }
    #recruit a .photo{
        width:auto
    }
    #recruit a .right{
        width:auto;
        padding:19px 18px 17px
    }
    #recruit a .right .gr-txt{
        max-width:none
    }
    #recruit a .right .gr-txt h2{
        position:relative
    }
    #recruit a .right .gr-txt h2::before{
        content:"";
        position:absolute;
        background:url("../img/top/recruit_icon_arrow.png") no-repeat;
        background-size:100%;
        width:22.5px;
        height:22.5px;
        top:9px;
        left:184px
    }
    #recruit a .right .gr-txt h2 span.en{
        font-size:40px
    }
    #recruit a .right .gr-txt h2 span.jp{
        margin-top:7px
    }
    #recruit a .right .gr-txt .txt{
        margin-top:17px;
        line-height:24px
    }
    #recruit a:hover{
        opacity:.8
    }
}
#footer{
    display:flex;
    text-align:center;
    color:#fff
}
#footer>*{
    min-height:750px;
    display:flex;
    align-items:center;
    justify-content:center;
    flex-direction:column
}
#footer .left{
    background:url("../img/shared/ft_deco1.png") no-repeat left top/292px auto #605343;
    width:56.3689604685%;
    padding:0 20px
}
#footer .left .logo{
    width:390px;
    margin:0 auto
}
#footer .left .info{
    margin-top:51px
}
#footer .left .info li{
    font-size:13px;
    line-height:20px;
    letter-spacing:0
}
#footer .left .info li+li{
    margin-top:20px
}
#footer .left .list-link{
    display:flex;
    justify-content:space-between;
    -moz-column-gap:14px;
    column-gap:14px;
    width:274px;
    margin:60px auto 0
}
#footer .left .sitemap{
    margin-top:20px
}
#footer .left .sitemap a:hover{
    text-decoration:underline
}
#footer .right{
    background:url("../img/shared/ft_deco2.png") no-repeat right bottom/292px auto,linear-gradient(120deg, rgb(23, 88, 115) 0%, rgb(100, 86, 53) 100%);
    width:43.6310395315%;
    padding:0 20px
}
#footer .right h3{
    font-size:22px;
    font-weight:500;
    line-height:45px;
    letter-spacing:.08em
}
#footer .right .btn-tel{
    max-width:378px;
    margin:30px auto 0
}
#footer .right .btn-web{
    max-width:426px;
    margin:48px auto 0
}
#footer .right .btn-web dt{
    position:relative;
    width:-moz-fit-content;
    width:fit-content;
    margin:0 auto 10px;
    line-height:32px;
    font-weight:500;
    letter-spacing:.08em
}
#footer .right .btn-web dt::before,#footer .right .btn-web dt:after{
    content:"";
    position:absolute;
    background:#fff;
    width:1px;
    height:20px
}
#footer .right .btn-web dt::before{
    top:9px;
    left:-19px;
    transform:rotate(-32deg)
}
#footer .right .btn-web dt:after{
    top:9px;
    right:-12px;
    transform:rotate(32deg)
}
#footer .right address{
    margin-top:95px;
    font-size:10px;
    line-height:32px;
    letter-spacing:.08em
}
@media screen and (max-width: 767px){
    #footer{
        flex-direction:column
    }
    #footer>*{
        min-height:auto;
        display:block
    }
    #footer .left{
        background:url("../img/shared/ft_deco1_sp.png") no-repeat left top/292px auto #605343;
        width:auto;
        order:2;
        padding:46px 0 102px
    }
    #footer .left .logo{
        width:100%;
        max-width:314px;
        margin:0 auto
    }
    #footer .left .info{
        margin-top:32px
    }
    #footer .left .info li{
        font-size:12px
    }
    #footer .left .list-link{
        margin-top:21px
    }
    #footer .left address{
        font-family:"Noto Sans JP",sans-serif;
        margin-top:36px;
        font-size:10px;
        line-height:32px;
        letter-spacing:0
    }
    #footer .right{
        background:url("../img/shared/ft_deco2_sp.png") no-repeat right bottom/292px auto,linear-gradient(120deg, rgb(23, 88, 115) 0%, rgb(100, 86, 53) 100%);
        width:auto;
        order:1;
        padding:37px 0 59px
    }
    #footer .right h3{
        font-family:"Noto Serif JP",serif;
        font-size:27px;
        line-height:39px
    }
    #footer .right .btn-tel{
        max-width:314px;
        margin-top:27px
    }
    #footer .right .btn-web{
        max-width:314px;
        margin-top:19px
    }
    #footer .right .btn-web dt{
        font-family:"Noto Serif JP",serif;
        margin:0 auto 10px;
        font-size:15px;
        line-height:21px
    }
    #footer .right .btn-web dt::before{
        top:4px;
        left:-16px
    }
    #footer .right .btn-web dt:after{
        top:4px
    }
}
.pagetop{
    position:fixed;
    width:48px;
    bottom:30px;
    left:30px;
    z-index:10;
    transition:.3s all linear
}
.fixed-btn{
position: fixed;
    bottom: 30px;
    right: 30px;
    display: flex;
    z-index: 10;
    transition: .3s all linear;
    width: 50%;
    max-width: 600px;
}
.navOpen #header #navigation{
    opacity:1;
    visibility:visible;
    pointer-events:all
}
.navOpen.home::before{
    background:rgba(137,119,111,.9)
}
.navOpen.home:after{
    background:rgba(137,119,111,.9)
}
@media screen and (max-width: 767px){
	.ai_popup_wrapper{
		    position: fixed;
    right: 0;
    bottom: 95px;
    max-width: 200px;
	z-index: 9999;
	}
    #fixed-box{
        position:fixed;
        bottom:24px;
        left:0;
        right:0;
        display:flex !important;
        align-items:center;
        justify-content:space-between;
        -moz-column-gap:7px;
        column-gap:7px;
        max-width:314px;
        margin:0 auto;
        z-index:998
    }
}