@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Amiri&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Zen+Old+Mincho:wght@500;600;700&display=swap');
html{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;color: #171717;background: #fff;}
.font-en{font-family: 'Zen Old Mincho', serif;}
@media all and (-ms-high-contrast:none){html{font-family: 'メイリオ', 'Meiryo', sans-serif;}}

body{font-family:'游ゴシック体', 'Yu Gothic', YuGothic, sans-serif;color: #171717;background: #fff;opacity: 0;animation: bodyAppear .3s .3s forwards;}
@keyframes bodyAppear {
    0% {
        opacity: 0;
    }

    100% {
        opacity: 1;
    }
}
body a{transition:0.2s;color: #171717;}
body a:hover{text-decoration: none;color: #171717;}
.container {padding-right: 0px!important;padding-left: 0px!important;}
.row {margin-right: 0px!important;margin-left: 0px!important;}
.row.ft_sns_row {margin: 0 auto 0 auto!important;}
.row.ft_row {margin: 0 auto 0 auto!important;}
p{margin-bottom: 0!important;line-height: 1.8;}
.tategaki{writing-mode: vertical-rl;-ms-writing-mode: tb-rl;-webkit-writing-mode:vertical-rl;}

/*共通
----------------------------------------------------------------*/
.flex-btw {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap; -webkit-box-pack: justify;-ms-flex-pack: justify;justify-content: space-between;}
.flex-nml {display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.item-cen {align-items: center;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}
.mt30 {margin-top: 30px;}
.mt50 {margin-top: 50px;}
.mt80 {margin-top: 80px;}
.mt100 {margin-top: 100px;}
.mt130 {margin-top: 130px;}
.w100 {max-width: 100%;min-height: auto!important;}
.inner {max-width: 1280px;margin: 0 auto;padding: 0 2%;position: relative;}
.max__inner {max-width: 1920px;margin: 0 auto;padding: 0 2%;}
.sp{display: none!important;}
.sp_small{display: none!important;}
.pc{display: block!important;}
.pc_small{display: block!important;}
.font-en {font-family:'Amiri', serif;}
.font-jp {font-family: 'Zen Old Mincho', serif;}

.btn01 {display: block;}
.btn01 a {position: relative;max-width: 200px;width: 100%;height: fit-content;display: block;transition: .5s;margin: 0 auto;}
.btn01 a::before {position: absolute;content: "";top: 50%;right: 0%;background: #665238;width: 40px;height: 1px;transition: .3s;}
.btn01 a:hover::before {right: -5%;}
.btn01_txt {background: transparent;padding: 15px 30px 10px;max-width: 180px;width: 100%;font-size: 15px;text-align: center;letter-spacing: 0.1em;font-weight: 500;border: 1px solid #665238;color: #665238;}

.btn02 {display: block;}
.btn02 a {width: 100%;max-width: 210px;background: url(../images/arow.png) no-repeat center right 15% / 100px;display: block;cursor: pointer;transition: .5s;text-align: left;margin: 50px 0 0 auto;}
.btn02 a:hover {background: url(../images/arow.png) no-repeat center right 8% / 100px;}
.btn02_txt {font-size: 18px;font-weight: 500;color: #171717;}

.ttlbox {z-index: 0;position: relative;margin: 0 auto 100px;}
.ttl01 {position: relative;font-size: 36px;font-weight: 400;text-align: center;margin: 0 auto;font-style: italic;letter-spacing: 0.1em;}
.txt01 {margin-top: 5px;text-align: center;font-size: 18px;font-weight: 500;}
.ttlbox::after {content: '';position: absolute;top: -30%;left: 50%;transform: translate(-50%) rotate(30deg);width: 1px;height: 130px;background-color: #a88b45;z-index: -1;}

.section_ttlbox {text-align: center;margin: 0 auto 60px;}
.section_ttl {font-size: 70px;letter-spacing: 0.15em;margin: 0;color: #665238;}
.section_ttlbox .section_txt {color: #665238;}
.section_ttlbox .section_txt p {font-size: 18px;font-weight: bold;letter-spacing: 0.15em;}

.section_h3 {font-size: 36px;letter-spacing: 0.15em;text-align: center;margin: 0 auto 60px;}

.section_txt {line-height: 1.8;text-align: center;}

.section_flex {align-items: center;}
.flex_left {width: 48%;}
.flex_right {width: 48%;}

.btn-ctp {position: absolute;content: '';top:71%;right: 50%;transform: translate(-50%);z-index: 100;}
.btn-ctp a {display: inline-block;}
.btn-ctp a img {max-width: 35px;width: 100%;height: 150px;}
.main {position: relative;}
.btn-pagetop a {display: inline-block;}

@media screen and (max-width: 1224px) {
    .btn-ctp a img {height: 120px;}
}
@media screen and (max-width: 900px) {
    .btn-ctp a img {height: 90px;}
}
@media screen and (max-width: 768px) {
    .mt30 {margin-top: 20px;}
    .mt50 {margin-top: 30px;}
    .mt80 {margin-top: 40px;}
    .mt100 {margin-top: 50px;}
    .mt130 {margin-top: 80px;}
    .sp{display: block!important;}
  	.sp_small{display: none!important;}
    .pc{display: none!important;}
  	.pc_small{display: block!important;}
    .btn-ctp a img {height: 85px;}
}
@media screen and (max-width: 480px) {
	.sp_small{display: block!important;}
  	.pc_small{display: none!important;}
    .btn-ctp {top:69%;}
    .btn-ctp a img {height: 70px;}
}
@media screen and (max-width: 414px) {
    .btn01 a{padding: 10px 10px;}
    .btn01_txt {font-size: 16px;}
    .btn02 a {padding: 10px 10px;}
}
@media screen and (max-width: 376px) {
    .btn-ctp {display: none;}
}

/*header
----------------------------------------------------------------*/
.head_inner {max-width: 1720px;min-height: auto !important;margin: 0 auto;padding: 0 15px 30px;}
.head_flex {}
.head_left {width: 35%;padding: 15px 0 0;}
.head_left a {display: inline-block;}
.head_left img {max-width: 232px;}
.head_left .head_tel {font-size: 18px;}
.head_left .head_time {font-size: 15px;}

.head_right {width: 63%;}
.hd_nav_flex {}
.hd_nav_item {width: 11%;}
.hd_nav_item:nth-child(5) {width: 16%;}
.hd_nav_item:nth-child(6) {width: 13%;}
.hd_nav_item a {text-align: center; position: relative; transition: 1s ease-out; pointer-events: auto;}
.hd_nav_item a .hover {height: 80px;width: 100%;text-align: center;position: relative;opacity: .8;}
.hd_nav_item a:hover .hover::before {content: '';position: absolute;top: 0%;left: 50%;transform: translate(-50%) rotate(0deg);width: 1px;height: 70px;background-color: #40311e;}
.hd_nav_txt {letter-spacing: 0.15em;font-weight: 500;}

.header260803{
    position: fixed;
    background-color: #fff;
    top: 0;
    z-index: 10;
    width: 100%;
}

.head_right260803{
    width: 100%;
}

.hd_nav_flex260803{
   flex: 1;
}

.hd_nav_inner260803 {
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: end;
}
.hd_nav_inner260803 .hd_nav_item:nth-child(6){
    width: 14%;
}

.cva-innner260803 {
    display: flex;
    justify-content: space-around;
    gap: 26px;
}

.cva-btn260803 {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 10px 24px;
    max-width: 210px;
    border: 1px solid #1c1c1c;
    height: 40px;
}
.cva-btn260803:hover{
    opacity: 0.8;
}

.cva-btn-contact260803{
    color: #fff;
    background-color: #8f7b60;
}

.cva-btn-contact260803:hover{
    color: #fff;
    opacity: 0.8;
}

/* プルダウン */
.ul .child:hover {display:block;height: 50px;} 
.ul { display: none; padding:0;position: relative;z-index: 999;}
.hd_nav_item:hover .ul {display: block;position: absolute;margin: 0 auto;top: 100%;left: 0;width: 100%;background: rgba(188,167,139,0.8);border-top: 2px solid #b67a18;}
.hd_nav_item:hover .child {line-height: 50px;height: 30px;font-size: 16px;letter-spacing: 0.05em;background: none;transition: .4s;}
.hd_nav_item:hover .child:last-child {border-bottom:none;}
.hd_nav_item:hover .child a {display: block;line-height: 50px;color: #fff;height:auto;transition: .4s;}
.ul .child:hover,
.ul .child:active {background:rgba(188,167,139,0.8);}

/* .hd_nav_item:nth-child(2) > a {pointer-events: none;}
.hd_nav_item:nth-child(3) > a {pointer-events: none;} */
.sub_nav {z-index: 3;pointer-events: auto;padding: 10px 15px;display: none;width: 100%;background-color: rgba(180,148,94,0.7);position: relative;position: absolute;top: 115px;left: 50%;transform: translateX(-50%);}
.sub_nav_txt {color: #fff;}
.hd_nav_item {position: relative;}
.hd_nav_item:hover .sub_nav {display: block;}
.nav_menu_goods {display: none;}
.sub_nav_overlay {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: transparent;z-index: 1;display: none;}
.hd_nav_item:hover .sub_nav_overlay {display: block;}

@media screen and (max-width: 1672px) {
    .hd_nav_item:nth-child(5) {width: 18%;}
    .hd_nav_item {width: 13%;}
}
@media screen and (max-width: 1602px) {
    .head_right {width: 66%;}
}
@media screen and (max-width: 1562px) {
    .head_left {width: 100%;margin: 0 auto;padding: 15px 0 0;max-width: 520px;}
    .head_right {width: 100%;margin: 60px 0 0;}
    .hd_nav_item a .hover {display: none;}
    .hd_nav_item a:hover .hover::before {display: none;}
    .sub_nav {top:40px;}
}
@media screen and (max-width: 1280px) {
    .head_left {width: 100%;padding: 15px 0 0;margin: unset;max-width: max-content;}
    .head_right {display: none;}
}
@media screen and (max-width: 1280px) {
    .sub_header .head_tel {text-align: center;font-size: 30px;margin: 30px auto 0;}
    .sub_header .head_time {text-align: center;font-size: 15px;}
}
@media screen and (max-width: 535px) {
    .head_left .head_tel {display: none;}
    .head_left .head_time {display: none;}
}


/*main_visual
----------------------------------------------------------------*/
.main {position: relative;overflow: hidden;}
.mv_txtbox {color: #bca78b;}
.mv_ttl {position: absolute;top: 30%;left: 40%;}
.mv_sub {font-size: 24px;letter-spacing: 0.1em;}
.mv_title {font-size: 100px;line-height: 1.2;letter-spacing: 0.1em;margin-top: 10px;}
.mv_txt {position: absolute;top: 58%;left: 56%;font-size: 16px;letter-spacing: 0.1em;}

@media screen and (max-width: 1520px) {
    .mv_ttl {top: 25%;left: 30%;}
}
@media screen and (max-width: 1310px) {
    .mv_ttl {top: 20%;left: 25%;}
}
@media screen and (max-width: 1280px) {
    .mv_sub {font-size: 20px;}
    .mv_title {font-size: 80px;}
    .mv_txt {top: 57%;font-size: 15px;}
}
@media screen and (max-width: 1080px) {
    .mv_sub {font-size: 18px;}
    .mv_title {font-size: 60px;}
    .mv_txt {font-size: 12px;}
}
@media screen and (max-width: 768px) {
    .mv_ttl {top: 11%;left: 20%;}
    .mv_sub {font-size: 16px;}
    .mv_title {font-size: 55px;}
    .mv_txt {font-size: 9px;}
}
@media screen and (max-width: 610px) {
    .mv_sub {font-size: 14px;}
    .mv_title {font-size: 46px;}
    .mv_txt {top: 55%; left: 50%;}
}
@media screen and (max-width: 530px) {
    .mv_ttl {top: 9%;}
    .mv_sub {font-size: 13px;}
    .mv_title {font-size: 38px;}
    .mv_txt {top: 53%;}
}
@media screen and (max-width: 414px) {
    .mv_ttl {top: 6%;}
    .mv_sub {font-size: 12px;}
    .mv_title {font-size: 30px;}
    .mv_txt {top: 51%;}
}
@media screen and (max-width: 375px) {
    .mv_ttl {top: 3%;left: 20%;}
}

/*top_concept
----------------------------------------------------------------*/
.top_concept {padding: 200px 0;position: relative;z-index: 0;overflow: hidden;}
.top_concept::before {content: "";position: absolute;width: 86%;height: 100%;background: url(../images/concept_leftbg.png);top: 24%;left: 0;z-index: -1;background-repeat: no-repeat;}
.top_concept::after {content: "";position: absolute;width: 86%;height: 78%;background: url(../images/concept_rightbg.png);top: 10%;right: 0;z-index: -2;}

/*top_concept
----------------------------------------------------------------*/
.top_concept {padding: 200px 0;position: relative;z-index: 0;overflow: hidden;}
.top_concept::before {content: "";position: absolute;width: 86%;height: 100%;background: url(../images/concept_leftbg.png);top: 24%;left: 0;z-index: -1;background-repeat: no-repeat;}
.top_concept::after {content: "";position: absolute;width: 86%;height: 78%;background: url(../images/concept_rightbg.png);top: 10%;right: 0;z-index: -2;}

@media screen and (max-width: 768px) {
    .top_concept {padding: 100px 0;}
    .section_ttlbox {margin: 0 auto 50px;}
    .section_ttl {font-size: 50px;}
    .section_h3 {font-size: 26px;margin: 0 auto 50px;}
}
@media screen and (max-width: 498px) {
    .section_ttl {font-size: 45px;}
    .section_h3 {font-size: 23px;}
}
@media screen and (max-width: 440px) {
    .section_ttl {font-size: 36px;}
    .section_h3 {font-size: 20px;}
}
@media screen and (max-width: 383px) {
    .top_concept {padding: 80px 0;}
    .section_ttlbox {margin: 0 auto 30px;}
    .section_ttl {font-size: 30px;}
    .section_h3 {font-size: 18px;margin: 0 auto 30px;}
}

/*top_nailsalon
----------------------------------------------------------------*/
.top_nailsalon {padding: 100px 0 200px;overflow: hidden;position: relative;z-index: 0;}
.top_nailsalon::after {content: "";position: absolute;width: 83%;height: 70%;background: url(../images/nailsalon_bg.jpg);top: 14%;right: 0;z-index: -2;background-repeat: no-repeat;background-size: cover;}
.top_nailsalon .flex_left {flex: 1;margin-left: calc(50% - 50vw);margin-right: 4%;z-index: 2;padding-left: 0;}
.top_nailsalon .section_ttlbox {text-align: left;}
.top_nailsalon .section_ttl {font-size: 30px;}
.top_nailsalon .section_txt {color: rgba(0, 0, 0, 0);-webkit-text-stroke: 1px #665238;text-stroke: 1px #665238;text-align: left;margin: 10px 0 0;}
.top_nailsalon .section_txt p {font-size: 70px;line-height: 1.2;font-weight: 500;}
.top_nailsalon .btn01 a {margin: 0 auto 0 0;}
.top_nailsalon .flex_right_img {position: absolute;top: 90%;right: 0;margin-right: calc(50% - 50vw);}

@media screen and (max-width: 1650px) {
    .top_nailsalon .flex_right_img {top: 97%;}
}
@media screen and (max-width: 1400px) {
    .top_nailsalon {padding: 100px 0;}
    .top_nailsalon::after {height: 100%;top: 2%;width: 100%;}
    .top_nailsalon .section_flex {flex-direction: column-reverse;}
    .top_nailsalon .flex_left {margin: 80px 0 0 auto;text-align: right;width: 100%;}
    .top_nailsalon .flex_right {width: 100%;}
    .top_nailsalon .flex_right_img {position: relative;margin-top: 85px;top: 100%;margin-right: unset;}
}
@media screen and (max-width: 768px) {
    .top_nailsalon {padding: 100px 0 80px;}
    .top_nailsalon .section_ttl {font-size: 26px;}
    .top_nailsalon .section_txt p {font-size: 50px;}
}
@media screen and (max-width: 480px) {
    .top_nailsalon .section_ttl {font-size: 23px;}
    .top_nailsalon .section_txt p {font-size: 45px;}
}
@media screen and (max-width: 425px) {
    .top_nailsalon .section_ttl {font-size: 20px;}
    .top_nailsalon .section_txt p {font-size: 36px;}
}



/*top_hairsalon
----------------------------------------------------------------*/
.top_hairsalon {padding: 145px 0 100px;overflow: hidden;}
.top_hairsalon .flex_right {margin-right: calc(50% - 50vw);flex: 1;margin-left: 10%;}
.top_hairsalon .section_ttlbox {text-align: left;}
.top_hairsalon .section_ttl {position: relative;}
.top_hairsalon .section_ttl::after {content: "";position: absolute;width: 70px;height: 1px;background: #665238;bottom: 55%;right: calc(100% + 0.6em);transform: translate(0, -50%);}
.top_hairsalon .section_txt {text-align: left;}
.top_hairsalon .section_h3 {text-align: left;font-size: 30px;line-height: 1.8;margin: 0 auto 30px;}
.top_hairsalon .btn01 a {margin: 0 auto 0 0;}

@media screen and (max-width: 1400px) {
    .top_hairsalon {padding: 100px 0;}
    .top_hairsalon .flex_left {width: 100%;}
    .top_hairsalon .flex_right {width: 100%;flex: unset;text-align: right;margin: 60px 0 0;}
}
@media screen and (max-width: 768px) {
    .top_hairsalon {padding: 80px 0;}
    .top_hairsalon .section_h3 {font-size: 26px;}
    .top_hairsalon .section_ttl::after {display: none;}
}
@media screen and (max-width: 467px) {
    .top_hairsalon .section_h3 {font-size: 23px;}
}
@media screen and (max-width: 414px) {
    .top_hairsalon {padding: 60px 0;}
    .top_hairsalon .section_h3 {font-size: 20px;}
}
@media screen and (max-width: 375px) {
    .top_hairsalon .section_h3 {font-size: 18px;}
}

/*top_menu
----------------------------------------------------------------*/
.top_menu {padding: 100px 0;position: relative;z-index: 0;overflow: hidden;}
.top_menu::before {content: "";position: absolute;width: 86%;height: 50%;background: #fcf9f4;top: 50%;left: -10%;z-index: -1;background-repeat: no-repeat;background-size: cover;}
.top_menu .section_flex a:hover {opacity: 0.7;}
.top_menu .section_ttlbox {text-align: right;}
.top_menu .section_ttl {position: relative;}
.top_menu .section_ttl::after {content: "";position: absolute;width: 70px;height: 1px;background: #665238;bottom: 55%;left: calc(100% + 0.6em);transform: translate(0, -50%);}
.top_menu .section_txt {text-align: right;}

@media screen and (max-width: 1080px) {
    .top_menu {padding: 80px 0;}
    .top_menu::before {width: 100%;height: 100%;top: 0%;left: 0;}
    .top_menu .flex_left {width: 100%;text-align: center;}
    .top_menu .flex_right {width: 100%;margin: 60px auto 0;text-align: center;}
}
@media screen and (max-width: 414px) {
    .top_menu {padding: 60px 0;}
    .top_menu .flex_right {margin: 35px auto 0;}
}



/*top_contents
----------------------------------------------------------------*/
.top_contents {padding: 100px 0;overflow: hidden;background: url(../images/contents_bg.png);background-repeat: no-repeat;background-position: right 0px bottom -70%;}

.top_faq {margin-bottom: 50px;}
.top_faq .flex_left {margin-left: calc(55% - 50vw);flex: 1;margin-right: 4%;}
.top_faq .section_flex a:hover {opacity: 0.7;}
.top_faq .section_ttlbox {text-align: left;}
.top_faq .section_ttl {position: relative;font-size: 60px;}
.top_faq .section_ttl::after {content: "";position: absolute;width: 70px;height: 1px;background: #665238;bottom: 55%;right: calc(100% + 0.6em);transform: translate(0, -50%);}
.top_faq .section_txt {text-align: left;}

.top_beginner {margin-bottom: 50px;}
.top_beginner .flex_right {margin-right: calc(50% - 50vw);flex: 1;margin-left: 15%;}
.top_beginner .section_flex a:hover {opacity: 0.7;}
.top_beginner .section_ttlbox {text-align: right;}
.top_beginner .section_ttl {position: relative;font-size: 60px;}
.top_beginner .section_ttl::after {content: "";position: absolute;width: 70px;height: 1px;background: #665238;bottom: 55%;left: calc(100% + 0.6em);transform: translate(0, -50%);}
.top_beginner .section_txt {text-align: right;}

.top_products {}
.top_products .flex_left {margin-left: calc(70% - 50vw);flex: 1;margin-right: 0%;}
.top_products .section_flex a:hover {opacity: 0.7;}
.top_products .section_ttlbox {text-align: left;}
.top_products .section_ttl {position: relative;font-size: 60px;}
.top_products .section_ttl::after {content: "";position: absolute;width: 70px;height: 1px;background: #665238;bottom: 55%;right: calc(100% + 0.6em);transform: translate(0, -50%);}
.top_products .section_txt {text-align: left;}

@media screen and (max-width: 1718px) {
    .top_faq .flex_left {margin-left: unset;flex: unset;margin-right: unset;}
    .top_faq .flex_right {width: 40%;}
}
@media screen and (max-width: 1718px) {
    .top_products .flex_left {margin-left: unset;}
    .top_products .flex_right {width: 40%;}
}
@media screen and (max-width: 1167px) {
    .top_faq .section_ttl {font-size: 50px;}
    .top_beginner .section_ttl {font-size: 50px;}
    .top_beginner .flex_right {margin-right: unset;}
    .top_products .section_ttl {font-size: 50px;}
}
@media screen and (max-width: 1085px) {
    .top_contents {background-position: right 0px bottom 18%;}
    .top_products .flex_left {width: 46%;flex: none;}
}
@media screen and (max-width: 1080px) {
    .top_contents {background-position: center bottom;background-size: cover;}
    .top_faq .section_flex {flex-direction: column-reverse;}
    .top_faq .flex_left {width: 100%;text-align: right;}
    .top_faq .flex_right {width: 100%;margin-top: 50px;}
    .top_faq .section_ttlbox {text-align: right;}
    .top_beginner .flex_left {width: 100%;}
    .top_beginner .flex_right {flex: none;width: 100%;margin-left: unset;}
    .top_beginner .section_ttlbox {text-align: left;}
    .top_products .section_flex {flex-direction: column-reverse;}
    .top_products .flex_left {width: 100%;text-align: right;}
    .top_products .flex_right {width: 100%;}
    .top_products .section_ttlbox {text-align: right;}
}
@media screen and (max-width: 768px) {
    .top_contents {padding: 60px 0;}
    .top_faq .section_ttl {font-size: 36px;}
    .top_faq .section_ttl::after {display: none;}
    .top_beginner .section_ttl {font-size: 36px;}
    .top_beginner .section_ttl::after {display: none;}
    .top_products .section_ttl {font-size: 36px;}
    .top_products .section_ttl::after {display: none;}
}

/*top_recruit
----------------------------------------------------------------*/
.top_recruit {margin: 100px 0;padding: 200px 0;background: url(../images/recruit_bg.jpg);background-repeat: no-repeat;background-size: cover;overflow: hidden;}
.top_recruit .section_ttlbox {text-align: left;}
.top_recruit .btn01 a {margin: 0 auto 0 0;}

@media screen and (max-width: 1080px) {
    .top_recruit {padding: 115px 0;}
    .top_recruit .section_ttlbox {margin: 0 auto 30px;}
    .top_recruit .section_ttl {font-size: 50px;}
}
@media screen and (max-width: 768px) {
    .top_recruit {padding: 80px 0;margin: 80px 0;}
    .top_recruit .section_ttl {font-size: 36px;}
}
@media screen and (max-width: 414px) {
    .top_recruit {padding: 60px 0;margin: 60px 0;}
}

/*top_reservation 
----------------------------------------------------------------*/
.top_reservation {padding: 150px 0 100px;overflow: hidden;}
.contact_box {position: relative;background: #fcf9f4;height: 300px;display: grid;align-items: center;}
.top_reservation .section_ttlbox {position: absolute;content: '';top: -80px;left: 50%;transform: translate(-50%);margin: 0;}
.top_reservation .section_txt {font-size: 18px;color: #3d301f;}
.top_reservation .section_ttl {font-size: 60px;margin: 20px 0 0;color: #3d301f;}
.contact_flex {align-items: flex-start;justify-content: center;}
.contact_item {margin-right: 80px;}
.contact_item a {display: inline-block;}
.contact_item:last-child {margin-right: 0;}

.recruit_btn {cursor: default;text-decoration: none;opacity: 1;position: relative;max-width: 333px;width: 100%;height: 65px;display: block!important;transition: .5s;margin: 0 auto;border: 2px solid #8f7b60;text-align: center;padding: 15px;}
.recruit_btn:hover {background: #8f7b60;color:#fff;}
.recruit_btn_ttl {font-size: 20px;}
.recruit_btn_txt {margin-top: 10px;}

@media screen and (max-width: 850px) {
    .top_reservation {padding: 120px 0 100px;}
    .top_reservation .section_ttl {font-size: 50px;}
    .contact_item {width: 100%;margin: 0 auto;text-align: center;}
    .contact_box {height: 285px;padding: 50px;}
  .top_reservation .section_ttlbox .section_txt p {font-size: 16px;}
}
@media screen and (max-width: 414px) {
    .top_reservation {padding: 80px 0;}
    .top_reservation .section_ttlbox {top: -63px;}
    .top_reservation .section_ttlbox .section_txt p {font-size: 14px;}
    .top_reservation .section_ttl {font-size: 36px;}
    .contact_box {height: 260px;}
}



/*footer
----------------------------------------------------------------*/
.footer {background: #f3e9e0;padding: 100px 0 80px;overflow: hidden;}
.ft_txt {margin-top: 25px;}
.ft_insta {margin-top: 25px;}
.ft_nav {margin-top: 80px;}
.copywriter {margin-top: 80px;}

@media screen and (max-width: 1280px) {
    .ft_nav {display: none;}
}
@media screen and (max-width: 973px) {
    .ft_left {width: 100%;}
    .ft_right {width: 100%;margin-top: 35px;}
}
@media screen and (max-width: 640px) {
    .footer {padding: 60px 0;}
    .ft_txt {display: none;}
}

.contact_item260803{
    margin-right: 0;
}



/*page-top
----------------------------------------------------------------*/
#page-top{
    padding-top: 234px;
}

@media screen and (max-width:1280px) {
    #page-top{
        padding-top: 0;
    }
    .header260803{
        position:relative;
    }

    .cva-innner-sp260803 {
        width: 100%;
        position: fixed;
        bottom: 0;
        z-index: 100;
        gap: 0;
        justify-content: center;
    }
    
    .cva-btn260803{
        height: auto;
        font-size: 12px;
        background-color: #f3e9e0;
        width: 33%;
        max-width: unset;
    }
    .cva-btn-contact260803{
        color: #fff;
        background-color: #8f7b60;
    }
    
}