/*  YAE C5 CLINIC
--------------------------------------------------------------------------*/
/*  https://yaec5.jp
--------------------------------------------------------------------------*/

@charset "shift_jis";
a:link {text-decoation: none;color:#333;} 
a:visited {text-decoration: none;color:#333;} 
a:hover {text-decoration: none;} 
body { margin:0px;padding:0px;}
body { width: 100%;position:relative;}
body { background-color: #fff; }
body { font-family: 'Noto Sans JP', sans-serif;}
body, th, td, div, font { line-height: 1.5; }
body { font-size: 16px;font-size: 1.6rem;   /* sets the default sizing to make sure nothing is actually 10px */}
html { font-size: 62.5%; text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

ul, ol, ul li, ol li { list-style: none;}
img, a img { border: 0px none; vertical-align: bottom;outline: none;}
form{margin:0px;}
input{margin:0px;}form{margin:0px;}
iframe{ vertical-align: bottom;}

::-webkit-scrollbar-track {background: #fff;border-radius: 5px;}
::-webkit-scrollbar { width: 8px;height: 10px;}
::-webkit-scrollbar-thumb {background: #d8d8d8;border-radius: 5px;}

@font-face {font-family: 'Pinyon Script', cursive;font-style: ;src: url(''),url('../font/PinyonScript-Regular.ttf') format('truetype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Light.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Thin.otf') format('opentype');}
@font-face {font-family: 'Noto Sans JP', sans-serif;font-style: ;src: url(''),url('../font/NotoSansJP-Medium.otf') format('opentype');}

.font-script {font-family: "Pinyon Script", cursive; letter-spacing: -0.5px;}

.mincho { font-family:"������","YuMincho","�q���M�m���� ProN W3","HiraMinProN-W3","HG����E",serif;}
@media screen and (max-width: 640px) {
.mincho { font-family:"Sawarabi Mincho", serif;}
}

@-webkit-keyframes light {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}
@media screen and (max-width: 640px) {.sp_none {display: none !important;}}
@media screen and (min-width: 640px) {.pc_none {display: none !important;}}



/*  �^�C�g���֘A
--------------------------------------------------------------------------*/
h1 { margin: 0px;padding: 0px;}
h2 { margin: 0px;padding: 0px;}
h3 { margin: 0px;padding: 0px;}
.clear { display: none;}


/* �A�j���[�V���� */

.delighter.delighter {transition: all .6s ease-out;transform: translateY(30%);opacity: 0;}
.delighter.delighter.started { transform: none;opacity: 1;}
.delighter.delighter.started.ended {}
.delighterL.delighter {/* ������ */transition:all .6s ease-out;transform:translateX(-15%);opacity:0}
.delighterR.delighter {/* �E���� */transition:all .6s ease-out;transform:translateX(15%);opacity:0}
.delighter6.delighter {transition:all .6s ease-out;transform:translateY(30%);opacity:0}
.delighter7.delighter {transition:all .7s ease-out;transform:translateY(30%);opacity:0}
.delighter8.delighter {transition:all .8s ease-out;transform:translateY(30%);opacity:0}
.delighter9.delighter {transition:all .9s ease-out;transform:translateY(30%);opacity:0}

.img_wrap{position: relative;overflow: hidden;}
.img_fadein::before{content: '';width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #fff;z-index: 2;transition: .5s;}
.img_fadein.show::before{transform: translateX(100%);}
.img_fadein img{opacity: 0;transition: .5s;}
.img_fadein.show img{opacity: 1;}

/*  HEAD
--------------------------------------------------------------------------*/
.header { background-color: rgba(255,255,255,1.0);border-bottom: 1px solid #f8f8f8;position: fixed;}
.header { width: 100% ;height: 110px;margin: 0 auto 0px;padding: 0px 0px;z-index:4;}
.head_logo{ max-height: 60px;position:absolute;top: 25px;left: 30px;z-index: 8888;}
#head_content { padding: 110px 0px 0;}

@media only screen and (max-width:640px) {
.header{ width: 100% ;height: 80px;padding: 0px 0px;}
.head_logo{ max-height: 50px;position:absolute;top:15px;left: 15px;z-index: 8888;}
#head_content { padding: 79px 0px 0;}
}


ul.head_menu { margin: 0px;padding: 0px 0px 0px;display: inline-block;position: absolute;top: 34px;left:200px;}
ul.head_menu li { float:left;margin: 0px 0px;text-align:center; position: relative;font-family: 'Noto Serif JP', sans-serif;}
ul.head_menu li a { margin: 0px;padding: 10px 10px ;display: block; text-decoration: none;}
ul.head_menu li a { font-size: 14px;color: #333;font-weight:;line-height: 1.2;letter-spacing: 0.1em;}
ul.head_menu li a:hover { color: #; text-decoration: underline;}
ul.head_menu li:first-child { border: none; }
ul.head_menu li:last-child { border: none; }
ul.head_menu li a::after {position: absolute;right:0;left:0;margin:auto auto;content: '';width: 80%;height: 2px;background: #fff;border-radius: 20px;bottom: -15px;opacity: 0;visibility: hidden;transition: 0.3s;}
ul.head_menu li a:hover::after {visibility: visible;bottom: -8px;opacity: 1;}
@media screen and (max-width: 1050px) {
ul.head_menu { display: none;}
}

.openbtn{ position: fixed;top:15px;right:15px;width: 80px;height:80px;cursor: pointer;background:#;z-index:9999;}
.openbtn span{ display: inline-block;transition: all .4s;position: absolute;height: 2px;background-color: #666;}
.openbtn span:nth-of-type(1) {top:25px;left: 15px;width: 50px;}
.openbtn span:nth-of-type(2) {top:35px;left: 15px;width:35px;}
.openbtn.active span:nth-of-type(1) {top: 28px;left: 16px;transform: translateY(10px) rotate(-45deg);width: 50px;}
.openbtn.active span:nth-of-type(2) {top: 48px;left: 16px;transform: translateY(-10px) rotate(45deg);width: 50px;}
@media only screen and (max-width:640px) {
.openbtn{ position: fixed;top:10px;right:10px;width: 60px;height:60px;cursor: pointer;background:#;z-index:9999;}
.openbtn span{ display: inline-block;transition: all .4s;position: absolute;height: 2px;background-color: #666;}
.openbtn span:nth-of-type(1) {top:25px;left: 10px;width: 40px;}
.openbtn span:nth-of-type(2) {top:35px;left: 10px;width:25px;}
.openbtn.active span:nth-of-type(1) {top: 25px;left: 10px;transform: translateY(5px) rotate(-45deg);width: 40px;}
.openbtn.active span:nth-of-type(2) {top: 35px;left: 10px;transform: translateY(-5px) rotate(45deg);width: 40px;}
}



/* MENU */

.menu-trigger { width: 70px;height: 70px;position: fixed;right:0px;top:0px;z-index:9999;}
.menu-trigger { background:linear-gradient(to right, #222 0%, #000 100%);}
.menu-trigger span {display: block;position: absolute;right:15px;background-color: #fff;height: 2px;width: 40px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 21px;}
.menu-trigger span:nth-of-type(2) {top: 33px;}
.menu-trigger span:nth-of-type(3) {top: 45px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(12px) rotate(-45deg);transform: translateY(12px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-12px) rotate(45deg);transform: translateY(-12px) rotate(45deg);}
.menu-trigger:hover {cursor: pointer;}
@media screen and (max-width: 640px) {
.menu-trigger { width: 50px;height: 50px;}
.menu-trigger span {display: block;position: absolute;right:10px;background-color: #fff;height: 2px;width: 30px;transition: .3s;}
.menu-trigger span { display: inline-block;transition: all .4s;box-sizing: border-box;}
.menu-trigger span:nth-of-type(1) {top: 13px;}
.menu-trigger span:nth-of-type(2) {top: 23px;}
.menu-trigger span:nth-of-type(3) {top: 33px;}
.menu-trigger.active span:nth-of-type(1) {-webkit-transform: translateY(10px) rotate(-45deg);transform: translateY(10px) rotate(-45deg);}
.menu-trigger.active span:nth-of-type(2) {opacity: 0;}
.menu-trigger.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg);transform: translateY(-10px) rotate(45deg);}
}

.slide_wrap{ position: fixed;top: 0;right: 0;z-index:8888;width: 100%;height: ;padding: 40px 15px 50px;background: #fff;border-bottom: 1px solid #f9f7f7;align-items: center;justify-content: center;text-align:center;}
.slide_wrap{ -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
.slide_wrap{ pointer-events: none;opacity: 0;transition: opacity .3s linear;font-family: 'Noto Serif JP', sans-serif;}
.slide_wrap.is-active{ pointer-events: auto;opacity: 1;}
.slide_wrap h2 { padding: 0px 0px ;margin: 30px 0px 0px;position:relative;}
.slide_wrap h2 { font-size: 1.2em;color: #333;font-weight: normal;letter-spacing:1px;line-height: 1.6;text-align: center;}
.slide_wrap h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}

.menu_logo{ max-height: 60px;right:0px;left:0px;margin:20px auto;}

ul.menu_sp { max-width: 1600px;padding: 0px 0px;border: 1px solid #e1decf;border-radius: 0px;right:0px;left:0px;margin:20px auto;}
ul.menu_sp:after {content: "";display: block;clear: both;}
ul.menu_sp li { float: left;width: 50%;border-right: 1px solid #e1decf;border-bottom: 1px solid #e1decf;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.menu_sp li:nth-child(even) {border-right: none;}
ul.menu_sp li:nth-last-child(1),
ul.menu_sp li:nth-last-of-type(2) { border-bottom: none;}
ul.menu_sp li:nth-last-of-type(2):nth-child(even) {}
ul.menu_sp li a { margin: 0px;padding: 20px 0px;display: block; text-decoration: none;text-align:center;}
ul.menu_sp li a { font-size: 16px;color: #333;font-weight:normal;letter-spacing: 0.1em;text-indent:0.1em;}
ul.menu_sp li a:hover { background-color: #f4f3ee;text-decoration: none;}
@media screen and (max-width: 640px) {
ul.menu_sp li a { margin: 0px;padding: 15px 0px;display: block; text-decoration: none;text-align:center;}
ul.menu_sp li a { font-size: 13px;color: #222;font-weight:normal;letter-spacing:1px;transition: all .3s;}
}



/*  TOP
--------------------------------------------------------------------------*/
.main_wrap { min-height: 300px;margin: 0px;padding: 20px 15px;overflow:hidden;position: relative;text-align:center;}
@media only screen and (max-width:640px) {
.main_wrap { min-height: 200px;margin: 0px;padding: 15px 15px;}
}


.top_wrap {width: 100%;margin: 0px;padding: 0px;position: relative;text-align:center;}
.top_wrap video { width: 100%;width: 100%;display: block;border-radius:0px;}



/* 
.top_main { height: 800px;margin: 0px 0px  ;padding: 0px 15px; position:relative;}
.top_main { background-position: 50% 50%;background-size: cover;}
.top_main::after {background: url("../img/main_bottom.svg");bottom: 0;left: 0;content: '';height: 70px;position: absolute;width: 100%;}
@media screen and (max-width: 800px) {
.top_main { height: 600px;margin: 0px 0px 0px ;padding: 0px 15px 0px; position:relative;}
.top_main::after {background: url("../img/main_bottom.svg");bottom: 0;left: 0;content: '';height: 40px;position: absolute;width: 100%;}
}
.top_mv_wrap { max-width: 600px;margin: 0px;padding: 1px 1px;background: #000;border-radius:10px;position:absolute;bottom: 100px;right: 50px;z-index:3;}
.top_mv_wrap img { max-width:400px; position:absolute;top: -170px;right:0px;left:0px;margin:auto auto;}
.top_mv_wrap video { width: 100%;max-width: 100%;display: block;border-radius:10px;}

@media screen and (max-width: 1000px) {
.top_mv_wrap { position:absolute;right:0px;left:0px;margin:auto auto;z-index:3;}
.top_mv_wrap img { max-width:290px; position:absolute;top: -150px;right:0px;left:0px;margin:auto auto;}
}
@media screen and (max-width: 650px) {
.top_mv_wrap { position:absolute;right:0px;left:0px;margin:auto 20px;z-index:3;}
.top_mv_wrap img { max-width:290px; position:absolute;top: -150px;right:0px;left:0px;margin:auto auto;}
}
*/


table.features_title { border-collapse: separate;border-spacing: 0px 0px;right:0px;left:0px;margin:auto auto ;}
table.features_title th { padding: 0px 0px;vertical-align: middle;text-align: right;}
table.features_title th { font-weight: normal;font-size: 120px;color: #c6b9a8;line-height: 1;}
table.features_title td { padding: 0px 15px ;tvertical-align: middle;text-align:left;}
table.features_title td h2{ padding: 0px 15px ;font-family: 'Noto Serif JP', sans-serif;font-size: 1.4em; color: #666;line-height: 1.5;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;vertical-align: middle;text-align:left;}
@media screen and (max-width:850px) {
table.features_title { max-width:100%; border-collapse: separate;border-spacing: 0px 0px;right:0px;left:0px;margin:auto auto ;}
table.features_title th { width:20%; font-size: 80px;}
table.features_title td { padding: 0px 10px ;vertical-align: middle;text-align:left;}
table.features_title td h2{ padding: 0px 15px ;font-family: 'Noto Serif JP', sans-serif;font-size: 17px; color: #666;line-height: 1.5;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;vertical-align: middle;text-align:left;}
}

ul.features { max-width: 1100px;display: flex;margin: 0px ;padding: 0px 0px ;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
ul.features li { width: 33.3333%; margin: 0px 0px;padding: 20px ;float:left;position:relative;display: block;}
ul.features li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.features li img { width:100%;height:180px;border-radius: 0px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.features li h3 { padding: 15px 0px 0;margin: 0px;font-size: 16px;color: #666;font-weight: normal;line-height: 1.6;letter-spacing: 0.1em;text-indent:0.1em;text-align:center;}
ul.features li p { margin: 0px;padding: 10px 0px 0;;font-size: 15px;color: #666;line-height: 1.6;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align:left;}
ul.features li a { text-decoration: none;}
@media only screen and (max-width:1450px) {
ul.features { width: 100%;display: flex;margin: 0px ;padding: 10px 0px 10px ;right:0px;left:0px;margin:auto auto;}
}
@media only screen and (max-width:720px) {
ul.features { max-width: 100%;display: flex;flex-direction: column;margin: 0px ;padding: 20px 0px ;right:0px;left:0px;margin:auto auto;}
ul.features li { width: 100%; margin: 0px 0px 10px;padding: 0px ;float:left;position:relative;display: block;}
ul.features li { padding: 15px 10px;display: block;}
ul.features li img { width:100%;height: 150px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
}

/* TITLE */

.title_wrap { height: 350px;margin: 0px 0 30px;padding: 0px ;position: relative;text-align:center;}
.title_wrap h1 { max-width: 1000px; background-color: #;padding: 20px ;position: absolute;top: 50%;transform: translateY(-50%);right:0px;left:0px;margin:auto auto;text-align:left;}
.title_wrap h1 { font-family: 'Noto Serif JP', sans-serif;font-size: 24px;color: #b99877;font-weight: bold;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;position: relative;z-index: 2;}
.tl_bass { background : transparent url(../img/title_back.png) no-repeat center top;background-position: 50% 50%;background-size: auto; height: 200px;}
@media only screen and (max-width:720px) {
.title_wrap { height: 300px;margin: 0px 0 30px;padding: 0px ;position: relative;text-align:center;}
}

/* PICK-MENU */

.pick_menu_wrap { background: #f8f8f8;margin: 0px;padding: 40px 20px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.pick_menu_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.pick_menu_wrap h2{ padding: 10px 0px 0;position: relative;top: 10px; transform: translateY(-40%);}
.pick_menu_wrap h2 span { font-family: 'Noto Serif JP', sans-serif;font-size: 16px;color: #333;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;position: relative;z-index: 2;}
.pick_menu_wrap h2::before {content: attr(data-en);;position: absolute;top: -70px;right:0px;left:0px;color: rgba(189,188,187,0.6);font-size: 80px;font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
@media only screen and (max-width:640px) {
.pick_menu_wrap h2{ padding: 10px 0px 0;position: relative;top: 5px; transform: translateY(-40%);}
.pick_menu_wrap h2 span { font-family: 'Noto Serif JP', sans-serif;font-size: 14px;color: #333;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;position: relative;z-index: 2;}
.pick_menu_wrap h2::before {content: attr(data-en);;position: absolute;top: -50px;right:0px;left:0px;color: rgba(189,188,187,0.6);font-size: 60px;font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
}
ul.pick_menu { max-width: 100%;display: flex;flex-wrap: wrap;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.pick_menu li { width: 25%;  margin: 0px 0px;padding: 0px;float:left;position:relative;display: block;font-family: 'Noto Serif JP', sans-serif;}
ul.pick_menu li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.pick_menu li img { width:100%;height:200px;object-fit: cover;overflow: hidden;border-radius: 5px; margin: 0px 0 5px 0;}
ul.pick_menu li h3 { background-color: #c6b9a8;max-width:220px;border-radius: 20px;padding: 5px 0;right:0px;left:0px;margin:10px auto ;}
ul.pick_menu li h3 { font-size: 14px;color: #fff;line-height: 1.7;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align: center;}
ul.pick_menu li p { margin: 0px;padding: 10px 0px 0;font-size: 16px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing: 0.1em;text-indent:0.08em;text-align:left;}
ul.pick_menu li a { height: 100%;padding: 15px;display: block;text-decoration: none;-webkit-transition: all .3s;transition: all .3s;}
ul.pick_menu li a:hover { transform: translateY(-7px);}
@media only screen and (max-width:1180px) {
ul.pick_menu { width: 100%;display: flex;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.pick_menu li { width:50%; margin: 0px 0 ;padding: 0px ;float:left;position:relative;display: block;}
ul.pick_menu li img { width:100%;height:150px;object-fit: cover;overflow: hidden;border-radius: 5px; margin: 0px 0 5px 0;}
ul.pick_menu li a { padding: 8px;}
ul.pick_menu li p { margin: 0px;padding: 10px 0px 0;font-size: 15px;color: #333;line-height: 1.5;font-weight: normal;letter-spacing: 0.1em;text-indent:0.08em;text-align:left;}
}
@media only screen and (max-width:640px) {
ul.pick_menu li { width:100%; margin: 0px 0 ;padding: 0px ;float:left;position:relative;display: block;}
}


/* CONTACT */

.contact_wrap { max-width: 1400px;background-color: #f7f7f3;border: solid 1px #e9e6e4;margin: 20px 0;padding: 30px;font-family: 'Noto Serif JP', sans-serif;text-align: center;right:0px;left:0px;margin:20px auto ;}
.contact_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.contact_wrap h2{ padding: 20px 0px ;margin: 0px 0px;position:relative;}
.contact_wrap h2{ font-size: 1.4em;color: #333;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;text-align: center;}
.contact_wrap h2 span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}
.contact_wrap .inner { max-width: 1400px;margin:0px;padding: 30px;background: rgba(255,255,255,1.0);border: 0px solid #ebe7da;border-radius:5px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.contact_wrap .inner .catch { position: relative;display: inline-block;margin: 10px auto ;padding: 0px 30px;}
.contact_wrap .inner .catch { font-size:1.8rem;color: #222;font-weight: normal;letter-spacing:2px;line-height: 1.6;text-align: center;}
.contact_wrap .inner .catch:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 2px;height: 20px;background: #8d8171; border-radius: 3px;transform: rotate(-25deg);}
.contact_wrap .inner .catch:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 2px; height: 20px;background: #8d8171;border-radius: 3px;transform: rotate(25deg);}
@media screen and (max-width: 1450px) {
.contact_wrap { max-width: 100%;background-color: #f7f7f3;border: solid 1px #e9e6e4;margin: 20px 0;padding: 15px ;text-align: center;right:0px;left:0px;margin:20px 10px ;}
.contact_wrap .inner { max-width: 100%;margin:0px;padding: 15px;background: rgba(255,255,255,1.0);border: 0px solid #ebe7da;border-radius:5px;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.contact_wrap .inner .catch { position: relative;display: inline-block;margin: 10px auto ;padding: 0px 20px;}
.contact_wrap .inner .catch { font-size:16px;color: #222;font-weight: normal;letter-spacing: 0.1em;text-indent:0.08em;line-height: 1.6;text-align: center;}
.contact_wrap .inner .catch:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 2px;height: 20px;background: #8d8171; border-radius: 3px;transform: rotate(-25deg);}
.contact_wrap .inner .catch:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 2px; height: 20px;background: #8d8171;border-radius: 3px;transform: rotate(25deg);}
}
ul.contact_btn { max-width: 800px;margin: 0px;padding: 0px 0px;display:flex;right:0px;left:0px;margin:auto auto ;}
ul.contact_btn li{ width: 50%;text-align: center; padding: 0px; float: left;position:relative;}
ul.contact_btn li a{ background-color: #c6b9a8;border: 1px solid #bbbbbb;display: block;margin: 8px 8px;padding: 8px 8px;position:relative;}
ul.contact_btn li img { max-width: 100%;}
@media screen and (max-width: 640px) {
ul.contact_btn { display:inline-block;}
ul.contact_btn li{ width: 100%;text-align: center; padding: 0px; }
}


/* CONCEPT */

.concept_wrap { margin: 0px;padding: 50px 10px ;background : transparent url(../img/bg_concept.png) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.concept_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
#concept { max-width:800px;display:inline-block;padding: 40px 10px ;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;text-align: center;}
#concept h2 { display:inline-block;border: 2px solid #fff;margin: 10px 0px;padding: 10px 40px;position:relative;}
#concept h2 { font-size: 1.1em;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:0.08em;text-align: center;}
#concept .con_title{ margin: 5px;padding:10px 0px ;position:relative;font-size: 16px;color: #fff;line-height: 1.8;font-weight: normal;letter-spacing:3px;text-align: left;}
#concept .con_txt{ margin: 0px;padding:10px 0px ;position:relative;font-size: 17px;color: #fff;line-height: 1.8;font-weight: normal;letter-spacing:3px;text-align: center;}
@media screen and (max-width: 640px) {
.concept_wrap { margin: 0px;padding: 40px 10px ;background : transparent url(../img/bg_concept.png) no-repeat center top;background-position: 50% 50%;background-size: cover;position: relative;text-align:center;}
.concept_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
#concept h4 { display:inline-block;border: 2px solid #fff;margin: 0px 0px;padding: 10px 40px;position:relative;}
#concept h4 { font-size: 18px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:0.08em;text-align: center;}
#concept .con_txt{ margin: 5px;padding:10px 0px ;position:relative;font-size: 14px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing:3px;text-align: left;}
}

/* FLOW */

.flow_wrap { max-width:100%;min-height: 300px;background: #;margin: 0px;padding: 0px 0px;overflow:;position: relative;right:0px;left:0px;margin:auto auto;text-align:center;}
.flow1{padding: 0px 0px;display: flex;align-items: center;overflow:hidden;}
.flow1_left{width: 100%;display: flex;justify-content: end;position: relative;}
_.flow1_left::after{content: '';display: block;position: absolute;right:0;bottom: 0;width: 200px;height: 100%;background-image: linear-gradient(to bottom right, transparent, transparent 50%, #fff 50%, #fff);}
.flow1_left img{height: 400px;width: 100%;object-fit: cover;}
.flow1_right{ padding: 0 25px;width: 70%;text-align:center;}
@media only screen and (max-width:640px) {
.flow1 { flex-flow: column;}
.flow1_left::after{display: none;}
.flow1_right { width: 100%;padding: 10px 0;box-sizing: border-box;text-align: center;}
.flow1_left img { height: 200px;width: 100%;object-fit: cover;}
}

.flow2 {padding: 0px 0px;display: flex;align-items: center;overflow:hidden;}
.flow2_right{width: 100%;display: flex;justify-content: start;position: relative;}
_.flow2_right::after{content: '';display: block;position: absolute;left:0;bottom: 0;width: 200px;height: 100%;background-image: linear-gradient(to bottom left, transparent, transparent 50%, #fff 50%, #fff);}
.flow2_right img {height: 400px;width: 100%;object-fit: cover;}
.flow2_left {padding: 0 25px;width: 70%;text-align:center;}
@media only screen and (max-width:640px) {
.flow2 { flex-flow: column-reverse;}
.flow2_right::after{display: none;}
.flow2_left {width: 100%;padding: 10px 0;box-sizing: border-box;text-align: center;}
.flow2_right img { height: 200px;width: 100%;object-fit: cover;}
}
#number { padding: 0px;font-family: "Pinyon Script", cursive;font-size:10em;color: rgba(255,255,255,0.5);font-weight: lighter;letter-spacing:-1px;}
#number { position:absolute;top: -30px;left: 15px;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);}
@media screen and (max-width: 640px) {
#number { padding: 0px;font-size:5em;font-weight: lighter;letter-spacing:-1px;}
#number { position:absolute;top: -30px;left: 10px;transform: rotate(-10deg);-moz-transform: rotate(-10deg);-webkit-transform: rotate(-10deg);}
}

#flow_txt { max-width:600px;padding: 40px 30px 10px;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;text-align: center;}
#flow_txt h4 { margin: 0px 0px;padding: 5px 0px;position:relative;animation: fadeIn 1s ease forwards;}
#flow_txt h4 { font-size: 1.3em;color: #666;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}
#flow_txt p { margin: 0px;padding:15px 0px ;font-size: 16px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;position:relative;animation: fadeIn 1.5s ease forwards;}
@media screen and (max-width: 640px) {
}
.btn_flow { max-width: 300px;margin: 0px;padding: 0px;position: relative;right:0px;left:0px;margin:15px auto;}
.btn_flow a { background-color: #fff;border: 2px solid #baa383;border-radius:50px;padding: 12px 0px;text-align: center;}
.btn_flow a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
.btn_flow a:hover { background-color:#baa383;border: 3px solid #baa383;color: #fff; }
.btn_flow a { font-family: 'Noto Serif JP', sans-serif;font-size:15px;color: #baa383;letter-spacing: 0.08em;text-indent:0.08em;text-align: center;text-decoration: none;-webkit-appearance: none;}
@media screen and (max-width: 640px) {
.btn_flow { max-width: 250px;margin: 0px 0px;padding: 0px 0px ;position: relative;right:0px;left:0px;margin:15px auto 30px;}
.btn_flow a { padding: 13px 0px;font-size:14px;letter-spacing: 2px;}
}




/* TOP-SERVICE */

.top_service_wrap { max-width: 1200px;background-color: #;border: solid 0px #e9e6e4;margin: 0;padding: 20px 10px;right:0px;left:0px;margin:auto auto ;text-align: center;}
.top_service_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
@media screen and (max-width: 640px) {
.top_service_wrap { margin: 0;padding: 10px 10px;text-align: center;}
}

.top_service_container { max-width: 1200px;display: flex;;margin: 0px;padding: 10px 10px;align-items: center;justify-content: center;text-align:center;}
.top_service { background-color: #;margin: 0px;padding: 0px 10px ;position: relative;}
.top_service { moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width: 1100px) {
.top_service_container { width:100%;margin: 0px;padding: 0px ;display: flex;flex-direction: column;}
.top_service { width:100%;background-color: #;margin: 0px;padding: 0px 10px ;position: relative;}
}

.mtl { padding: 20px 0px ;margin: 0px 0px;position:relative;}
.mtl { font-family: 'Noto Serif JP', sans-serif;font-size: 1.4em;color: #333;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;text-align: center;}
.mtl span { padding: 0px 0px 0px;font-size: 13px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;display: block;}

.stl { position: relative; padding: 0px 0px 10px;font-family: 'Noto Serif JP', sans-serif;text-align:center; }
.stl_en { position: relative;display: block; margin: 0px;padding: 0px;font-size: 12px;color: #333;font-weight:normal;letter-spacing:2px;line-height: 1.5;}
.stl_tl { position: relative;display: inline-block; margin: 0px;padding: 0px 30px;font-size: 15px;color: #666;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;line-height: 1.6;}
.stl_tl:before, .stl_tl:after {content: '';position: absolute;top: 50%;display: inline-block;width: 12px; height:1px;background-color: #666;}
.stl_tl:before {left:0;}
.stl_tl:after {right: 0;}
@media screen and (max-width: 640px) {
.stl_en { font-size: 13px;}
.stl_tl { font-size: 16px;}
}

/* 
ul.service_tab { max-width: 100%;display: flex;flex-wrap: wrap;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.service_tab li { width:20%;background-color: #222; border-left: 1px solid #dfdddd;border-bottom: 1px solid #dfdddd;margin: 0px 0px 0 ;padding: 15px 0;float:left;position:relative;display: block;}
ul.service_tab li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.service_tab li { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
ul.service_tab li { font-size: 13px;color: #fff;letter-spacing:0px;font-weight: normal;text-align: center;}
ul.service_tab li.select { background: #9b8d9e;color: #fff;}
ul.service_tab li.select:before {content: "";position: absolute;top: 100%;left: 50%;margin-left: -12px;border: 12px solid transparent;border-top: 12px solid #f8a69e;}
@media screen and (max-width:640px) {
ul.service_tab li { width:33.3333%;background-color: #222; border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px 0;float:left;position:relative;display: block;}
}
.disnon{display: none;}
.service_list_wrap { width: 100%;background-color: #;border: solid 1px #e9e6e4;margin: 0;padding: 30px 10px;text-align: center;right:0px;left:0px;margin:auto auto ;}
.service_list_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
 */

ul.service_list { border: solid 0px #e9e6e4;margin: 0px;padding:0px;display: flex;flex-wrap: wrap;right:0px;left:0px;margin:auto auto;align-items: center;justify-content: center;text-align:center;}
ul.service_list { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.service_list li { text-align: center; margin: 0px;padding: 5px; float: left;-webkit-transition: all .3s;transition: all .3s;}
ul.service_list li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.service_list li img{ max-width: 150px;object-fit: cover;}
ul.service_list li p { margin: 0px;padding: 10px 0px 0px;font-family: 'Noto Serif JP', sans-serif;font-size: 13px;color: #424242;line-height: 1.6;font-weight: normal;letter-spacing: 0em;text-indent:0em;text-align:center;}
ul.service_list li a{ text-decoration: none;}
ul.service_list li span { display: block;}
ul.service_list li:hover { transform: translateY(-7px);}
@media only screen and (max-width:1000px) {
ul.service_list { max-width: 600px;}
ul.service_list li { width: 33.3333%; text-align: center; margin: 0px;padding: 10px; float: left;}
}
@media only screen and (max-width:640px) {
ul.service_list { width:100%;margin: 0px;padding: 0px ;display: flex;flex-wrap: wrap;align-items: baseline;}
ul.service_list li { text-align: center; padding: 10px; float: left;position:relative;}
ul.service_list li img{ max-width: 100%;}
ul.service_list li p { ;font-size: 14px;letter-spacing: 0.01em;text-indent:0.01em;}
}

ul.service_list2 { max-width: 640px;border: solid 0px #e9e6e4;margin: 0px;padding:0px;display: flex;flex-wrap: wrap;right:0px;left:0px;margin:auto auto;align-items: baseline;text-align:center;}
ul.service_list2 { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.service_list2 li { width:25%;text-align: center; margin: 0px;padding: 5px; float: left;-webkit-transition: all .3s;transition: all .3s;}
ul.service_list2 li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.service_list2 li img{ max-width: 150px;object-fit: cover;}
ul.service_list2 li p { margin: 0px;padding: 10px 0px 0px;font-family: 'Noto Serif JP', sans-serif;font-size: 13px;color: #424242;line-height: 1.6;font-weight: normal;letter-spacing: 0em;text-indent:0em;text-align:center;}
ul.service_list2 li a{ text-decoration: none;}
ul.service_list2 li span { display: block;}
ul.service_list2 li:hover { transform: translateY(-7px);}
@media only screen and (max-width:1000px) {
ul.service_list2 { max-width: 600px;}
ul.service_list2 li { width: 33.3333%; text-align: center; margin: 0px;padding: 10px; float: left;}
}
@media only screen and (max-width:640px) {
ul.service_list2 { width:100%;margin: 0px;padding: 0px ;display: flex;flex-wrap: wrap;align-items: baseline;}
ul.service_list2 li { text-align: center; padding: 10px; float: left;position:relative;}
ul.service_list2 li img{ max-width: 100%;}
ul.service_list2 li p { ;font-size: 14px;letter-spacing: 0.01em;text-indent:0.01em;}
}


/* JUMP */

ul.jump_menu { max-width: 100%;margin: 0px;padding: 0px  ;display: inline-block;}
ul.jump_menu li { width: 300px;background-color:#; float:left; margin: 0px;text-align:center; position: relative;}
ul.jump_menu li a { border: 1px solid #e9e6e4;margin: 5px;padding: 15px 10px;display: block; text-decoration: none;text-align:center;}
ul.jump_menu li a { font-family: 'Noto Serif JP', sans-serif;font-size: 13px;color: #333;font-weight:;letter-spacing:2px;transition: all .3s;}
uljump_menumenu li a { font-size: 13px;color: #333;font-weight:bold;letter-spacing:1px;}
ul.jump_menu li a:hover { background-color: rgba(246,246,246,0.7);color: #; }
@media screen and (max-width: 1000px) {
ul.jump_menu li { width: 100%;}
}


/* PRICE */

ul.price_menu { max-width: 100%;margin: 0px;padding: 0px  ;display: inline-block;}
ul.price_menu li { width: 20%;background-color:#; float:left; margin: 0px;text-align:center; position: relative;}
ul.price_menu li a { border: 1px solid #e9e6e4;margin: 5px;padding: 15px 10px;display: block; text-decoration: none;text-align:center;}
ul.price_menu li a { font-family: 'Noto Serif JP', sans-serif;font-size: 13px;color: #333;font-weight:;letter-spacing:2px;transition: all .3s;}
ulprice_menumenu li a { font-size: 13px;color: #333;font-weight:bold;letter-spacing:1px;}
ul.price_menu li a:hover { background-color: rgba(246,246,246,0.7);color: #; }
@media screen and (max-width: 1000px) {
ul.price_menu li { width: 33.3333%;}
}


.price_title { max-width: 100%;border-top:1px solid #dedede;border-bottom:1px solid #dedede;margin: 0px;padding: 15px 15px;position:relative;right:0px;left:0px;margin:10px auto ;}
.price_title { font-family: 'Noto Serif JP', sans-serif;font-size:1.2em;color: #222;font-weight:normal;letter-spacing1px;position: relative;text-align:center;}
table.price { width: 100%;margin: 10px 0; border-collapse: collapse;font-family: 'Noto Serif JP', sans-serif; }
table.price th { width: 100%;background-color: #c6b9a8;border-radius: 5px 5px 0 0;vertical-align: middle;text-align: center;}
table.price th { padding: 13px;font-size: 17px; color: #fff;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;}
table.price td { width: 25%; border:1px solid #d7d7d7;padding: 15px;vertical-align: middle; text-align: left;}
table.price td{ -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
table.price td { font-size: 17px; color: #333;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;}
table.price td span{ display: block;font-size: 14px; color: #333;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;}
table.price .price01 { background-color: #f9f7f7;}
table.price .price02 { text-align: center;}
@media screen and (max-width: 800px) {
table.price td { width: 100%; border:1px solid #d7d7d7;display: block; margin: -1px 0 0 0; padding: 10px;vertical-align: middle; text-align: left;}
}



/* SERVICE */

.service_wrap { max-width: 1000px;background-color: #;border: solid 0px #e9e6e4;margin: 0;padding: 20px 10px;right:0px;left:0px;margin:auto auto ;text-align: center;}
.service_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow: hidden;}
.service_wrap .title { margin: 0px;padding: 15px 0px 15px 25px;position: relative;border-bottom:1px solid #dedede;}
.service_wrap .title { font-family: 'Noto Serif JP', sans-serif;font-size:1.2em;color: #333;font-weight:normal;letter-spacing: 0.1em;text-indent:0.1em;;text-align: left;}
.service_wrap .title::before { position: absolute;top: 18px;left: 10px;content: ''; width: 3px;height: -webkit-calc(100% - 1.8em);height: calc(100% - 1.8em);background-color: #999;border-radius: 5px;}
.service_wrap .tl_price { margin: 10px 0;padding: 15px 10px;position: relative;background-color: #f9f7f7;border:1px solid #dedede;}
.service_wrap .tl_price { font-family: 'Noto Serif JP', sans-serif;font-size:15px;color: #333;font-weight:normal;letter-spacing: 0.08em;text-indent:0.08em;;text-align: center;}
.service_wrap .service_img { max-width: 100%;margin:15px auto;}
.service_wrap .txt { margin: 0px;padding: 15px 0 ;font-family: 'Noto Serif JP', sans-serif;font-size:16px;color: #333;font-weight:normal;letter-spacing: 0.1em;text-indent:0.1em;;text-align: left;}
.service_wrap .ser_caution{ margin: 0px;padding:10px 0; font-size: 17px;color: #de4d0d;line-height: 1.7;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;}
@media screen and (max-width: 640px) {
.service_wrap { margin: 0;padding: 10px 10px;text-align: center;}
.service_wrap .ser_caution{ margin: 0px;padding:10px 0; font-family: 'Noto Serif JP', sans-serif;font-size: 15px;color: #de4d0d;line-height: 1.7;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;}
}


#service_catch { max-width:1000px;padding: 20px 10px;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;text-align: center;}
#service_catch h2 { margin: 0px 0px;padding: 5px 0px;position:relative;}
#service_catch h2 { font-size: 22px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: left;}
#service_catch h3 { margin: 0px 0px;padding: 5px 0px;position:relative;}
#service_catch h3 { font-size: 22px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: left;}
#service_catch img { max-width: 100%;margin:15px auto;}
#service_catch span { padding-bottom: 1px;display: inline; background:linear-gradient(transparent 70%, rgba(245,202,98,0.4) 0%);}
#service_catch .sc_txt{ 
	font-family: 'Noto Serif JP', sans-serif;
	margin: 0px;
	padding:5px 0; 
	font-size: 17px;
	color: #222;
	line-height: 1.7;
	font-weight: normal;
	letter-spacing: 0.1em;
	text-indent:0.1em;
	text-align: left;}
#service_catch .sc_caution{ margin: 0px;padding:5px 0; font-size: 17px;color: #de4d0d;line-height: 1.7;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;}
@media only screen and (max-width:640px) {
#service_catch h3 { font-size: 18px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing:2px;text-align: center;}
#service_catch .sc_txt{ font-size: 16px;}
#service_catch .sc_caution{ font-size: 16px;}
}



ul.recommend { width: 100%;background-color: #b9ac9b;border:1px solid #dedede;border-radius:0px;margin: 10px 0;padding: 20px;display: inline-block;font-family: 'Noto Serif JP', sans-serif;}
ul.recommend { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.recommend .inner { background-color: #fff;border-radius:10px;margin: 0px;padding: 20px 20px;border-bottom:1px dotted #dedede;}
ul.recommend li { padding: 10px 0px 10px 40px;letter-spacing:0px;border-bottom:1px solid #dedede;}
ul.recommend li { font-size: 18px;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
ul.recommend li { background: url('../img/check02.png') no-repeat scroll ;background-size: 25px 25px;background-position: left 0px top 15px;}
ul.recommend:after { content: "";display: block;clear: both;}
@media only screen and (max-width:640px) {
ul.recommend li { font-size: 16px;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
}

ul.method { width: 100%;padding: 20px 0px;display:inline-block;font-family: 'Noto Serif JP', sans-serif;}
ul.method li { width: 100%;border-bottom: 1px solid #eceeee;margin: 0px 0px;padding: 10px ;text-align: left; }
ul.method li { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
ul.method li { margin: 0px;padding: 15px 0px;font-size:16px;color: #333;letter-spacing:1px;line-height: 1.4;text-align: left;}
@media screen and (max-width: 640px) {
}


ul.effect { width: 100%; display: inline-block;margin: 0px ;padding: 30px 0px 30px ;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
ul.effect li { float:left;list-style: none;}
ul.effect li { width: 25%;margin: 0px ;padding: 7px 0px;background-color: #9b8d9e;border: 1px solid #eceeee;border-radius: 20px;}
ul.effect li { position:relative;display: block;}
ul.effect li { font-size: 14px;color: #fff;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;text-align:center;}
ul.effect li { -webkit-box-sizing: border-box; -moz-box-sizing: border-box;box-sizing: border-box; }
@media only screen and (max-width:800px) {
ul.effect li { width: 33.3333%;margin: 0px ;padding: 7px 0px;background-color: #9b8d9e;border: 1px solid #eceeee;border-radius: 20px;}
ul.effect li { font-size: 14px;color: #fff;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;text-align:center;}
}
@media only screen and (max-width:640px) {
ul.effect li { width: 50%;margin: 0px ;padding: 7px 0px;background-color: #9b8d9e;border: 1px solid #eceeee;border-radius: 20px;}
}

ul.flow { max-width: 100%;margin: 0px;padding: 10px 0px;right:0px;left:0px;margin:auto auto;}
ul.flow li{ background-color: #fff;border: 1px solid #f3f3f3;margin: 10px 0px;padding: 15px 10px;position: relative;}
div.flow_column { width: 100%;display: table;margin: 0px;padding: 0px;}
div.flow_column .box1 { display: table-cell;width: 150px;padding: 0px 0px;position: relative;vertical-align: top;text-align: left;}
div.flow_column .box2 { display: table-cell;padding: 0px 0px;vertical-align: top;text-align: left;}
div.flow_column img {  width: 150px;margin-right: 10px;}
div.flow_column h3 { padding:10px 10px ;display:inline;background:linear-gradient(transparent 60%, #e2cae6 60%);font-size: 18px;color: #333;line-height: 1.5;font-weight: normal;letter-spacing:2px;text-align: left;}
div.flow_column p { margin: 0px;padding:15px 0px 0;font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
@media screen and (max-width: 640px) {
div.flow_column .box1 { display: table-cell;width: 90px;padding: 0px 0px;vertical-align: top;text-align: left;}
div.flow_column .box2 { display: table-cell;padding: 0px 0px;vertical-align: top;text-align: left;}
div.flow_column img { max-width: 90px;margin-right: 10px;}
div.flow_column h3 { padding:10px 10px ;display:inline;background:linear-gradient(transparent 60%, #e2cae6 60%);font-size: 17px;color: #333;line-height: 1.5;font-weight: normal;letter-spacing:2px;text-align: left;}
div.flow_column p { margin: 0px;padding:15px 0px 0;font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing:1px;text-align: left;}
}
.check_icon{ background: #222;margin: 0px 20px 0px;padding:4px 4px 4px 8px;font-size: 11px;color: #fff;position: absolute;top: 0px;right:-5px;display: inline-block;}
.check_icon:before {content: "";position: absolute;top: 50%;right:-26px;margin-top: -13px;border: 13px solid transparent;border-left: 13px solid #222;z-index: ;}


.datsumo_wrap { width: 100%;background-color: #;border: solid 0px #e9e6e4;margin: 0;padding: 10px 0px;text-align: center;right:0px;left:0px;margin:5px auto ;}
.datsumo_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
.datsumo_wrap .inner { vertical-align: top;text-align: left;}
@media screen and (max-width: 1150px) {
.datsumo_wrap .inner { overflow-x: scroll;}
}
table.datsumo_system { width: 100%;border-collapse: separate;border-spacing: 1px 1px;right:0px;left:0px;margin:20px auto;font-family: 'Noto Serif JP', sans-serif;}
table.datsumo_system th { padding:0px 5px;vertical-align: middle;}
table.datsumo_system td { vertical-align: middle;}
table.datsumo_system .ds_female { background-color: #ffdce6;font-size: 15px;color: #666; font-weight: bold;line-height: 1.5;writing-mode: vertical-rl;letter-spacing:10px;text-align:center;}
table.datsumo_system .ds_male { background-color: #cfc6d1;font-size: 15px;color: #666; font-weight: bold;line-height: 1.6;writing-mode: vertical-rl;letter-spacing:10px;text-align:center;}
table.datsumo_system .ds02 { background-color: #f5f5f5;padding:10px;font-size: 14px;color: #222; font-weight: bold;line-height: 1.5;font-weight: normal;letter-spacing: 0.1em;text-indent:0.08em;text-align:center;}
table.datsumo_system .ds03 { background-color: #fff;border: 1px solid #f8f8f8;padding:10px;font-size: 15px;color: #333; font-weight: normal;line-height: 1.6;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align:left;}
table.datsumo_system .ds04 { background-color: #fff;border: 1px solid #f8f8f8;padding:10px;font-size: 16px;color: #333; font-weight: normal;line-height: 1.6;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align:right;}
@media screen and (max-width: 1150px) {
table.datsumo_system { width: 100%;min-width: 1000px;border-collapse: separate;border-spacing: 1px 1px;right:0px;left:0px;margin:0 auto 10px;}
}


ul.btn_reserve { max-width: 800px;margin: 0px;padding: 30px 0px;right:0px;left:0px;margin:auto auto;}
ul.btn_reserve li { width: 50%;float: left;text-align: center; margin: 0px;padding: 0px 10px; position:relative;}
ul.btn_reserve li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.btn_reserve li a{ margin: 0px 5px;position: relative;}
ul.btn_reserve li a { background-color: #222;padding: 20px 15px;font-family:"Sawarabi Mincho", serif;font-size: 15px;color: #fff;text-decoration: none;text-align: center;}
ul.btn_reserve li a { -webkit-transition: all .3s;transition: all .3s;display: block;position: relative;}
ul.btn_reserve li a:after { position:absolute;right:15px;top:24px;content:"";width:50px;height:13px;}
ul.btn_reserve li a:after { background:url(../img/arrow.png) no-repeat scroll 0% 0%;background-size:contain;opacity: 5; content: ""; transition: all 0.2s ease-in-out 0.1s; transform: translateX(-10px);}
ul.btn_reserve li a:hover::after { opacity: 1;transform: translateX(0px);}
ul.btn_reserve li a:hover { background-color: #000; }
@media screen and (max-width: 640px) {
ul.btn_reserve li { width: 100%;text-align: center; margin: 0px;padding: 5px 0px; position:relative;}
}

/* ARTMAKE */

.message_column { max-width: 1000px;padding: 0px 0px;display: flex;position: relative;right:0px;left:0px;margin:auto auto;z-index:2;}
.message_column_right {width: 30%;display: flex;justify-content: start;position: relative;vertical-align: top;}
.message_column_right img { max-width: 100%;height: 500px;object-fit: cover;}
.message_column_left { padding: 0 50px 0 0;width: 70%;text-align:left;}
@media only screen and (max-width:640px) {
.message_column { flex-flow: column-reverse;}
.message_column_left,.message_column_right {width: 100%;padding: 10px 0;box-sizing: border-box;text-align: center;}
.message_column_right img { max-width: 100%;height: 400px;object-fit: cover;right:0px;left:0px;margin:auto auto;}}


#message { max-width: 800px;padding: 0px 0px;right:0px;left:0px;margin:auto auto;text-align: center;font-family: 'Noto Serif JP', sans-serif;}
#message h2 { margin: 0px;padding: 10px 0px;font-size: 1.2em;color: #333;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align: left;}
#message h2 span { padding: 5px 0px;font-size: 18px;color: #333;font-weight:normal;letter-spacing:0.1em;text-indent:0.1em;line-height: 1.5;display: block;}
#message p { margin: 0px;padding:15px 0px ;position:relative;}
#message p { font-size: 16px;color: #222;line-height: 1.7;font-weight: normal;letter-spacing: 0.1em;text-indent:0.08em;text-align: left;}
#message img { max-width: 100%;margin:15px auto;}
@media only screen and (max-width:640px) {
#message { padding: 0px 15px;right:0px;left:0px;margin:auto auto;text-align: center;f}
#message h2 { margin: 0px;padding: 10px 0px;font-size: 1.2em;}
#message h2 span { padding: 5px 0px;font-size: 16px;}
#message p { font-size: 16px;}
}


.movie_wrap { max-width: 1000px;background-color: #;border: solid 0px #e9e6e4;margin: 0;padding: 50px 10px;right:0px;left:0px;margin:auto auto ;text-align: center;}
.movie_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media only screen and (max-width:640px) {
.movie_wrap { min-height: 200px;margin: 0px;padding: 15px 15px;}
}
.mv_wrap { max-width: 1000px;margin: 0px;padding: 1px 1px;background: #948681;border-radius:10px;position: relative;overflow: hidden;right:0px;left:0px;margin:0px auto 10px;z-index:3;}
.mv_wrap video { width: 100%;max-width: 100%;display: block;border-radius:10px;}


.t_menu { padding: 10px 0px 0;position: relative;top: 0%; transform: translateY(-40%);}
.t_menu span { font-family: 'Noto Serif JP', sans-serif;font-size: 1.1em;color: #333;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;position: relative;z-index: 2;}
.t_menu::before {content: attr(data-en);;position: absolute;top: -80px;right:0px;left:0px;color: rgba(189,188,187,0.6);font-size: 80px;font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
@media only screen and (max-width:640px) {
.t_menu { padding: 10px 0px 0;position: relative;top: 60%; transform: translateY(-40%);}
.t_menu span { font-family: 'Noto Serif JP', sans-serif;font-size: 16px;color: #333;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;line-height: 1.6;position: relative;z-index: 2;}
.t_menu::before {content: attr(data-en);;position: absolute;top: -60px;right:0px;left:0px;color: rgba(189,188,187,0.6);font-size: 60px;font-weight: 400;font-family: "Pinyon Script", cursive;font-style: italic;}
}
.system_column_container { max-width: 1200px;display: flex;flex-wrap: wrap;padding: 20px 0px;vertical-align: top;right:0px;left:0px;margin:auto auto;}
.system_column { width: 50%;margin:0px;padding: 15px 15px;float: left;text-align: center;box-sizing: border-box;}
@media screen and (max-width: 720px) {
.system_column_container { width: 100%;display: inline-block; padding: 10px 0px;right:0px;left:0px;margin:auto auto;}
.system_column { width: 100%;margin:0px;padding: 0px 0;position: relative;text-align: center; }
.system_column { border: none;}
}


ul.eyebrow { max-width: 1200px;display: flex;flex-wrap: wrap;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.eyebrow li { width:33.3333%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px 15px;float:left;position:relative;display: block;}
ul.eyebrow li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.eyebrow li img { max-width:100%;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.eyebrow li h3 { background-color:#f9f7f7;border-radius: 20px;padding: 8px 0px;margin: 0px;font-size: 16px;color: #222;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;line-height: 1.6;text-align:center;}
ul.eyebrow li p { font-size: 17px;color: #222;line-height: 1.7;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align: left;}
ul.eyebrow li a { text-decoration: none;}
@media only screen and (max-width:720px) {
ul.eyebrow { width: 100%;display: flex;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.eyebrow li { width:100%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px ;float:left;position:relative;display: block;}
ul.eyebrow li img { max-width:250px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.eyebrow li h3 { border-radius: 20px;padding: 5px 0px;margin: 0px;font-size: 15px;color: #222;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;line-height: 1.6;text-align:center;}
}


.base_wrap { max-width: 100%;margin: 0px;padding: 50px;border: solid 1px #d7d1ca;font-family: 'Noto Serif JP', sans-serif;}
.base_wrap  h3 { font-size: 1.4em;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;}
.base_wrap  h3 { position: relative;display: inline-block;margin: 0px ;padding: 0px 0 15px;}
@media only screen and (max-width:720px) {
.base_wrap { max-width: 100%;margin: 0px;padding: 30px;border: solid 1px #d7d1ca;font-family: 'Noto Serif JP', sans-serif;}
.base_wrap  h4 { font-size: 1.1em;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;}
}
ul.base { max-width: 100%;margin: 0px;padding: 0px;display: inline-block;right:0px;left:0px;margin:auto auto;}
ul.base { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.base li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.base li { margin: 0px ;padding: 5px 0px ;letter-spacing:0px;}
ul.base li { font-size: 18px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
ul.base:after { content: "";display: block;clear: both;}

@media only screen and (max-width:720px) {
ul.base li { font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
}


ul.choice { margin: 0px ;padding: 20px 0px;display: inline-block;font-family: 'Noto Serif JP', sans-serif;}
ul.choice h3 { position: relative;display: inline-block;margin: 20px auto ;padding: 0px 40px;}
ul.choice h3 { font-size: 1.4em;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;}
ul.choice h3:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 1px;height: 26px;background: #333; border-radius: 3px;transform: rotate(-25deg);}
ul.choice h3:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 1px; height: 26px;background: #333;border-radius: 3px;transform: rotate(25deg);}
ul.choice li { padding: 10px 0px 10px 40px;letter-spacing:0px;}
ul.choice li { font-size: 18px;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
ul.choice li { background: url('../img/check.png') no-repeat scroll ;background-size: 25px 27px;background-position: left 0px top 15px;}
ul.choice:after { content: "";display: block;clear: both;}
@media screen and (max-width:640px) {
ul.choice h3 { position: relative;display: inline-block;margin: 20px auto ;padding: 0px 40px;}
ul.choice h3 { font-size: 1.1em;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;}
ul.choice h3:before { position: absolute;left: 0;top: 0;bottom: 0;margin: auto ;content: "";width: 1px;height: 22px;background: #333; border-radius: 3px;transform: rotate(-25deg);}
ul.choice h3:after { position: absolute;content: "";right: 0;top: 0;bottom: 0;margin: auto ;width: 1px; height: 22px;background: #333;border-radius: 3px;transform: rotate(25deg);}
ul.choice li { padding:8px 0px 8px 30px;letter-spacing:0px;}
ul.choice li { font-size: 17px;color: #222;line-height: 1.8;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
ul.choice li { background: url('../img/check.png') no-repeat scroll ;background-size: 20px 20px;background-position: left 0px top 15px;}
}

ul.treatment { max-width: 100%;margin: 0px;padding: 30px 0px;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
ul.treatment li{ background-color: #e4e3de;margin: 10px 0px 20px;padding: 10px 10px;position: relative;}
ul.treatment li .t_catch { transform: skewX(-30deg); background-color: #4dc1b2;width:200px;padding: 5px 10px;position: absolute;right:0px;left:0px;top:-10px;margin: auto ;}
ul.treatment li .t_catch .t_catch_txt{transform: skewX(30deg);font-size: 16px;color: #fff;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;display: block;}
ul.treatment li .t_catch:before, 
ul.treatment li .t_catch:after {content: '';position: absolute;top: 50%;display: inline-block;width: 20px;height: 1px;background-color: black;}
ul.treatment li .t_catch:before {left:-10px;}
ul.treatment li .t_catch:after {right: -10px;}
ul.treatment li .t_tl { padding:10px 0 0;font-size: 18px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;}
ul.treatment li .t_txt { background-color: #fff;margin: 10px;padding:15px;font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align: left;}
@media screen and (max-width:850px) {
ul.treatment li .t_catch .t_catch_txt{ font-size: 15px;}
ul.treatment li .t_tl { font-size: 16px;}
ul.treatment li .t_txt { font-size: 15px;}
}

table.flow { width: 100%;border-collapse: separate;border-spacing: 5px 20px;right:0px;left:0px;margin:auto auto ;font-family: 'Noto Serif JP', sans-serif;}
table.flow th { width: 20%;background: #f9f7f7;padding: 20px 15px;vertical-align: middle;position: relative;text-align: center;}
table.flow th:before {content: "";position: absolute;top: 50%;left: 100%;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #f9f7f7;}
table.flow th { font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;}
table.flow th span{ font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;display: block;}
table.flow td { background: #fff;border: 1px solid #e0dce1;padding: 20px 20px ;vertical-align: middle;text-align: left;}
table.flow td { font-size: 16px;color: #333;line-height: 2.0;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;}
@media screen and (max-width:850px) {
table.flow { width: 100%;border-collapse: separate;border-spacing: 5px 10px;right:0px;left:0px;margin:auto auto ;}
table.flow th { width: 35%;background: #f9f7f7;padding: 20px 10px;vertical-align: middle;position: relative;text-align: center;}
table.flow th:before {content: "";position: absolute;top: 50%;left: 100%;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #f9f7f7;}
table.flow th { font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;}
table.flow th span{ font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;display: block;}
table.flow td { background: #fff;border: 1px solid #e0dce1;padding: 20px 20px ;vertical-align: middle;text-align: left;}
table.flow td { font-size: 16px;color: #333;line-height: 2.0;}
}

table.risk { width: 100%;border-collapse: separate;border-spacing: 5px 20px;right:0px;left:0px;margin:auto auto ;font-family: 'Noto Serif JP', sans-serif;}
table.risk th { background: #e8d9d4;padding: 20px 15px;vertical-align: middle;text-align: left;}
table.risk th { writing-mode: vertical-rl;ont-size: 1.2em; font-weight: normal;letter-spacing:1px;color: #fff;text-align:left;}
table.risk td { background: #fff;border: 1px solid #e0dce1;padding: 20px 15px ;vertical-align: middle;text-align:left;}
table.risk td h3 { margin: 0px;padding: 0px 0px;font-size: 1.2em; font-weight: normal;color: #333;letter-spacing: 0.05em;text-indent:0.05em;}
table.risk td p { margin: 0px;padding: 10px 0px;font-size: 16px; font-weight: normal;color: #222;letter-spacing: 0.05em;text-indent:0.05em;}
@media screen and (max-width:850px) {
table.risk { width: 100%;border-collapse: separate;border-spacing: 5px 20px;right:0px;left:0px;margin:auto auto ;}
}


.system_wrap { max-width: 980px;background: #f9f7f7;border: 1px solid #f2f2f2;margin: 0px;padding: 30px;position: relative;right:0px;left:0px;margin:20px auto;text-align:center;}
.system_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width: 640px) {
.system_wrap { padding: 30px 20px;position: relative;right:0px;left:0px;margin:10px 10px;text-align:center;}
}
table.system { width: 100%;border-collapse: collapse;border-spacing: 0px 0px;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
table.system th { width:70%;border-bottom: solid 1px #d7d1ca;padding: 15px 0px;vertical-align: top;text-align: left;}
table.system th { font-size: 16px;color: #222;line-height: 2.0;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;word-wrap: break-word;overflow-wrap: break-word;text-align:left;}
table.system th span { font-size: 14px; color: #222;display: block;}
table.system td { border-bottom: solid 1px #d7d1ca;padding: 15px 0px ;vertical-align: top;}
table.system td { font-size: 17px;color: #222;line-height: 2.0;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;word-wrap: break-word;overflow-wrap: break-word;text-align:right;}
table.system td span { padding-left: 5px ;font-size: 14px; color: #222;}
@media screen and (max-width: 640px) {
table.system { width: 100%;}
table.system th { width: 70%;border-bottom: solid 1px #d7d1ca;padding: 15px 0px;vertical-align: top;text-align: left;}
table.system th { font-size: 15px;}
}

table.system02 { width: 100%;margin: 10px 0; border-collapse: collapse;font-family: 'Noto Serif JP', sans-serif; }
table.system02 th { width: 35%;background-color: #f9f7f7;border:1px solid #d7d7d7;vertical-align: middle;text-align: left;}
table.system02 th { padding: 18px 15px;font-size: 17px; color: #333;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;}
table.system02 td { background-color: #fff;border:1px solid #d7d7d7;vertical-align: middle; text-align: left;}
table.system02 td { padding: 18px 15px;font-size: 17px; color: #333;font-weight: normal;line-height: 1.6;letter-spacing: 0.05em;text-indent:0.05em;}
@media screen and (max-width: 640px) {
table.system02 th { font-size: 16px;}
table.system02 td { font-size: 16px;}
}

table.points { width: 100%;border-collapse: separate;border-spacing: 0px 10px;right:0px;left:0px;margin:auto auto ;font-family: 'Noto Serif JP';}
table.points th { width: 20%;background: #f9f7f7;padding: 20px 15px;vertical-align: middle;position: relative;text-align: center;font-family: 'Noto Serif JP';}
table.points th:before {content: "";position: absolute;top: 50%;left: 100%;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #f9f7f7;}
table.points th { font-size: 17px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;}
table.points td { background: #fff;border: 1px solid #f9f7f7;padding: 20px 20px ;vertical-align: middle;text-align: left;font-family: 'Noto Serif JP';}
table.points td { font-size: 17px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;}
@media screen and (max-width:850px) {
table.points th { width: 25%;padding: 10px 10px;}
table.points th { font-size: 15px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;}
table.points td { background: #fff;border: 1px solid #f9f7f7;padding: 15px ;vertical-align: middle;text-align: left;}
table.points td { font-size: 15px;color: #333;line-height: 1.6;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;}

}



#faq { max-width: 1000px;padding: 10px 0px ;right:0px;left:0px;margin:15px auto 50px;font-family: 'Noto Serif JP', sans-serif;}
#faq dt { cursor:pointer;}
#faq dt { background: url('../img/.png') no-repeat scroll ;background-position: right 18px bottom 46%;background-color:#b49fb8;}
#faq dt { padding: 15px 20px;margin: 5px 0px;border-radius: 30px;text-align: center;}
#faq dt.active { background: url('../img/.png') no-repeat scroll ;background-position: right 18px bottom 46%;background-color:#9b8d9e;}
#faq dt h3 { font-size: 17px;color: #fff;line-height: 1.5;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;margin: 0px auto;}
#faq dd { max-width: 1000px;border: 1px solid #e7e7e7;text-align:center;display:none;}
#faq dd { background-color: #fff;padding: 20px 20px;margin: 10px 0px 20px;text-align:left;}
#faq dd { font-size: 16px;color: #222;font-weight: normal;line-height: 1.7;letter-spacing:1px;}
@media only screen and (max-width:800px) {
#faq dt { padding: 15px 10px 15px 15px;margin: 0px 0px 5px;border-radius: 50;text-align: center;}
#faq dt h3 { font-size:14px;color: #fff;font-weight:normal;letter-spacing:0px;text-align: left;margin: 0px auto; }
#faq dd { font-size: 15px;color: #222;font-weight: normal;line-height: 1.7;letter-spacing:1px;}
}


ul.tenteki { max-width: 100%;display: flex;flex-wrap: wrap;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
ul.tenteki li { width:25%; margin: 0px 0 ;padding: 10px ;float:left;position:relative;display: block;}
ul.tenteki li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.tenteki li img { width:100%;margin: 5px 0px;}
ul.tenteki li h3 { background-color:#f9f7f7;border-radius: 20px;padding: 8px 0px;margin: 10px 0 0;font-size: 15px;color: #222;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;line-height: 1.6;text-align:center;}
ul.tenteki li p { font-size: 15px;color: #222;line-height: 1.7;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align: left;}
ul.tenteki li a { text-decoration: none;}
@media only screen and (max-width:1200px) {
ul.tenteki li { width:33.333%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px 15px;float:left;position:relative;display: block;}}
@media only screen and (max-width:800px) {
ul.tenteki li { width:50%; background: #fff;border: 1px solid #dfdddd;margin: -1px 0px 0 -1px;padding: 15px 15px;float:left;position:relative;display: block;}}


ul.possible_parts { width: 100%;display: flex;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
ul.possible_parts li { width: 50%; border: 1px solid #dfdddd;margin: 0px 0px 0 -1px;padding: 20px ;float:left;position:relative;display: block;}
ul.possible_parts li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;overflow:hidden;}
ul.possible_parts li img { width:100%;height:250px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
ul.possible_parts li h3 { padding: 15px 0px 0;margin: 0px;font-size: 20px;color: #333;font-weight: normal;letter-spacing:0px;line-height: 1.6;text-align:center;}
ul.possible_parts li p { margin: 0px;padding: 15px 0px 0;font-size: 16px;color: #333;font-weight: normal;letter-spacing:0px;line-height: 1.6;text-align:left;}
@media only screen and (max-width:640px) {
ul.possible_parts { max-width: 100%;display: flex;flex-direction: column;margin: 0px ;padding: 10px 0px ;right:0px;left:0px;margin:auto auto;}
ul.possible_parts li { width: 100%; margin: 0px 0px -1px;position:relative;display: block;}
ul.possible_parts li img { width:100%;height:200px;object-fit: cover;overflow: hidden;margin: 0px 0px;}
}

.kabelline_ok { max-width: 100%;display:flex;display:-moz-flex;display:-o-flex;display:-webkit-flex; right:0px;left:0px;margin:10px auto;align-items: flex-end;}
.kabelline_ok img { margin-right: 10px; max-width: 200px; height:auto;}
.kabelline_ok p { margin: 0px;padding-left: 10px;font-size: 13px;color: #e6e6e6;line-height: 1.5;font-weight: normal;letter-spacing:2px;text-align: left; }
@media screen and (max-width: 640px) {
.kabelline_ok img { margin-right: 10px; max-width: 70px; }
.kabelline_ok p { margin: 0px;padding-left: 10px;font-size: 13px;color: #e6e6e6;line-height: 1.5;font-weight: normal;letter-spacing:2px;text-align: left; }
}
ul.component { max-width: 100%;margin: 0px;padding: 30px 0px;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
ul.component li{ background-color: #e4e3de;margin: 10px 0px 20px;padding: 10px 10px;position: relative;}
ul.component li .c_tl { padding:10px 0 0;font-size: 18px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: center;}
ul.component li .c_txt { background-color: #fff;margin: 10px;padding:15px;font-size: 16px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.08em;text-indent:0.08em;text-align: left;}
@media screen and (max-width:850px) {
ul.component li .c_tl { font-size: 16px;}
ul.component li .c_txt { font-size: 15px;}
}

.caution_wrap { max-width: 1100px;background: #f8f8f8;border: 1px solid #f2f2f2;margin: 0px;padding: 30px 20px;position: relative;right:0px;left:0px;margin:20px auto;text-align:center;}
.caution_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
@media screen and (max-width: 640px) {
.caution_wrap { padding: 30px 20px;position: relative;right:0px;left:0px;margin:10px 15px;text-align:center;}
}

ul.caution { max-width: 1000px;background: #f8f8f8;border: 1px solid #f2f2f2;border-radius: 0px;margin: 0px;padding: 30px ;right:0px;left:0px;margin:30px auto;font-family: 'Noto Serif JP', sans-serif;}
ul.caution { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.caution h3 { padding: 0px ;font-size: 17px;color: #222;line-height: 1.6;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
ul.caution li { margin: 5px 0px ; padding: 12px 0px;border-bottom: 1px dotted #dddddd;}
ul.caution li { font-size: 16px;color: #333;line-height: 2.0;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em;word-wrap: break-word;overflow-wrap: break-word;}
ul.caution li { text-decoration: none;text-align: left;position: relative;}
ul.caution:after { content: "";display: block;clear: both;}
ul.caution p { font-size: 16px;color: #511215;line-height: 1.7;font-weight: normal;letter-spacing: 0.15em;text-indent:0.15em;text-decoration: underline;text-align: left;}




/*  POLICY
--------------------------------------------------------------------------*/
#policy { max-width: 1000px;padding: 40px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { font-size: 1.8rem;color: #333;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy h3 { padding: 40px 0px 10px; margin-bottom: 0.3rem;background-image: linear-gradient(90deg, #96d5b7 0 20%, #dedede 20%);background-repeat: no-repeat;background-size: 100% 1%; background-position: bottom;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 16px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: left;}
@media screen and (max-width: 640px) {
#policy { max-width: 100%;padding: 30px 10px;text-align: left;right:0px;left:0px;margin:auto auto;}
#policy h3 { font-size: 17px;color: #222;font-weight: bold;letter-spacing:2px;line-height: 1.6;text-align:left;}
#policy p { margin: 0px;padding: 5px 0px 0px;font-size: 15px;color: #333;line-height: 1.7;font-weight: normal;letter-spacing:2px;text-align: left;}
}


/* NAVI */

.navi_wrap { max-width: ;background: #f9f7f7;border: 1px solid #f2f2f2;padding: 20px 20px;right:0px;left:0px;margin:auto auto;text-align: center;}
.navi_wrap iframe{ width: 100%;height: 500px;border:0;filter:grayscale(100%);-webkit-filter:grayscale(100%);vertical-align: bottom;}
.navi_column_container { width: 1600px;background: #;display: inline-block;padding: 10px 0px;vertical-align: top;}
.navi_column01 { width: 35%;margin:0px;padding: 15px 15px;float: left;text-align: center;box-sizing: border-box;}
.navi_column02 { width: 65%;margin:0px;padding: 15px 15px;float: left;text-align: center;box-sizing: border-box;}
@media screen and (max-width: 1650px) {
.navi_column_container { width: 100%;display: inline-block; padding: 10px 0px;right:0px;left:0px;margin:auto auto;}
}
@media screen and (max-width: 800px) {
.navi_column01 { width: 100%;padding:10px;}
.navi_column02 { width: 100%;padding:10px;}
}
ul.navi_address { margin: 0px ;padding: 20px 10px;display: inline-block;font-family: 'Noto Serif JP', sans-serif;}
ul.navi_address li { padding: 3px 0px;letter-spacing:0px;}
ul.navi_address li { font-size: 14px;color: #333;font-weight: normal;letter-spacing: 0.07em;text-indent:0.07em;line-height: 1.5;text-align: left;}
ul.navi_address li a{color: #333;text-decoration: none;}
ul.navi_address img{padding: 10px 0px; max-width: 100px; }
ul.navi_address h3 { padding: 0px 0px;font-size: 1.0em;color: #333;line-height: 1.5;font-weight: normal;letter-spacing: 0.05em;text-indent:0.05em}
@media screen and (max-width: 640px) {
}

table.shop_sche { width:100%;border-collapse: collapse;border-spacing: 0px 0px;margin: 0px ;padding: 0px;right:0px;left:0px;margin:auto auto;font-family: 'Noto Serif JP', sans-serif;}
table.shop_sche th { width:12.5%;border:1px solid #ccc;padding: 10px 15px;vertical-align: middle;text-align: center;}
table.shop_sche th { font-size: 14px; font-weight: normal;letter-spacing:1px;}
table.shop_sche td { background-color: #fff;border:1px solid #ccc;padding: 10px 10px ;vertical-align: middle; text-align: center;}
table.shop_sche td { font-size: 15px; color: #333;font-weight: normal;letter-spacing: 0.03em;text-indent:0.03em;line-height: 1.5;}
table.shop_sche th.ssw01{ width:%;background-color: #eef4f5;color: #333;}
table.shop_sche th.ssw02{ width:%;background-color: #ffeff0;color: #fa9ea4;}
table.shop_sche td span{ font-size: 10px; color: #333;font-weight: normal;line-height: 1.7;display: block;}
@media screen and (max-width: 800px) {
table.shop_sche th { background-color: #eef4f5;border:1px solid #ccc;padding: 7px 3px;vertical-align: middle;text-align: center;}
table.shop_sche th { font-size: 13px; color: #333;font-weight: normal;letter-spacing:0px;}
table.shop_sche td { background-color: #fff;border:1px solid #ccc;padding: 7px 5px ;vertical-align: middle; text-align: center;}
table.shop_sche td { font-size: 13px; color: #333;font-weight: normal;letter-spacing: 0.03em;text-indent:0.03em;line-height: 1.5;}
table.shop_sche td span{ font-size: 10px; color: #333;font-weight: normal;line-height: 1.5;display: block;}
}
ul.navi_caution { max-width: 100%;margin: 0px;padding: 10px 0 0;right:0px;left:0px;margin:auto auto;}
ul.navi_caution li { margin: 0px; padding: 2px 0px;}
ul.navi_caution li { font-size: 14px;color: #cb151d;line-height: 1.5;font-weight: normal;letter-spacing:1px;}
ul.navi_caution li { text-decoration: none;text-align: left;position: relative;}

ul.access_navi { max-width: 700px;margin: 0px;padding: 20px 0px;right:0px;left:0px;margin:auto auto;display: inline-block:}
ul.access_navi li { width: 50%;float:left; position: relative; vertical-align: middle;}
ul.access_navi li { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
ul.access_navi li { margin: 0px;padding: 10px 0px; text-decoration: none;text-align: left;}
ul.access_navi li span{ font-family: 'Noto Serif JP', sans-serif;font-size: 15px;color: #222;font-weight:normal;line-height: 1.5;letter-spacing: 0.05em;text-indent:0.05em;text-align: left;}
ul.access_navi li img{ width: 50px;margin-right: 10px;float:left;}
@media screen and (max-width: 640px) {
ul.access_navi li { margin: 0px;padding: 5px 0px; text-decoration: none;text-align: left;}
ul.access_navi li { width: 100%;float:left; position: relative; vertical-align: middle;}
ul.access_navi li img{ width: 40px;margin-right: 10px;float:left;}
}



/* FOOTER */

.footer { min-height: 150px;background-color:#222;margin: 0px 0px -60px;padding: 50px 15px ;position: relative;text-align: center;font-family: "Times New Roman", "Times", serif;}
@media screen and (max-width: 640px) {
.footer { margin: 0px 0px;padding: 30px 10px ;position: relative;text-align: center;}
}
.footer .inner { max-width: 1200px;margin: 0px;padding: 20px 5px ;right:0px;left:0px;margin:auto auto;z-index:3;}
.footer .inner { border-top: 1px solid #616161;border-image: linear-gradient(to right, #4c4b4b 0%,#616161 50%, #4c4b4b 100%);border-image-slice: 1;}
.footer .inner { border-bottom: 1px solid #616161;border-image: linear-gradient(to right, #4c4b4b 0%,#616161 50%, #4c4b4b 100%);border-image-slice: 1;}
.footer .foot_logo { max-width: 300px;margin: 20px 0;padding: 0px 0px;position: relative;text-align:center;}
div.foot_info { width: 100%;display: table;margin: 0px;padding: 0px;}
div.foot_info .box1 { display: table-cell;width: 150px;padding: 10px;vertical-align: top;text-align: left;}
div.foot_info .box2 { display: table-cell;padding: 10px;vertical-align: top;text-align: left;}
div.foot_info .box1 img { max-width: 100%;height: auto;}
div.foot_info .box2 p { margin: 0px;padding-left: 10px;font-family: 'Noto Serif JP', sans-serif;font-size: 14px;color: #e7e7e7;line-height: 1.6;font-weight: normal;letter-spacing: 0.07em;text-indent:0.07em;text-align: left; }
@media screen and (max-width: 640px) {
div.foot_info { width: 100%;display: flex;flex-direction: column;margin: 0px;padding: 0px;text-align: center;}
div.foot_info .box1 { width: 100%;padding: 10px;vertical-align: top;text-align: center;}
div.foot_info .box1 { -moz-box-sizing: border-box;-webkit-box-sizing: border-box;box-sizing: border-box;}
div.foot_info .box1 img { max-width: 150px;height: auto;}
}

.copy{ margin: 10px 0px 0px;padding: 15px 0px ;}
.copy{ font-size:16px;color: #fff;line-height: 1.6;font-weight:normal;letter-spacing: 0.07em;text-indent:0.07em;text-align: center;}
.copy a{ color: #fff;text-decoration: none;}
.copy a:hover{ text-decoration: underline;}

/* NAVI */

#foot_content{padding: 50px 0 0 0;}
#foot_navi_wrap { width:100%; background:linear-gradient(to bottom, #000 0%, #000 100%);border-top: 1px solid #3b3b3b;padding: 0px 0px ;text-align: center;}
#foot_navi_wrap { position: fixed;z-index:8888;bottom: 0px;}
ul.foot_navi { width:100%;margin: 0px ;padding: 0px 0px;display: inline-block;vertical-align:bottom;}
ul.foot_navi li { width: 25%;border-left: 1px solid #3b3b3b; float:left; margin: 0px 0px 0px -1px;text-align:center; position: relative;}
ul.foot_navi li a { border-radius:0 0 ;}
ul.foot_navi li a { margin: 0px;padding: 0px 0px;display: block; text-decoration: none;text-align:center;}
ul.foot_navi li img { max-width: 100%;height: auto;}

/* EVENT */

#top_event_wrap{ width:100%; background-color: rgba(255,255,255,0.0);padding: 15px;text-align: center;}
#top_event_wrap { -webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#top_event_wrap{ position: fixed;z-index:9999;bottom: 0px;left: 0px;display:none;}
#top_event_wrap.open { width:100%;min-height:100px; background-color: rgba(0,0,0,0.9);display:block;}
#top_event_wrap .inner { max-width:900px;padding: 15px;margin: 0px ;border: 2px dashed #787878;border-radius: 0px;font-family: 'Noto Serif JP', sans-serif;right:0px;left:0px;margin:10px auto;}

div.top_event_column { width: 100%;display: table;margin: 0px;padding: 0px;}
div.top_event_column .box1 { display: table-cell;width: 150px;padding: 0px;vertical-align: top;text-align: left;}
div.top_event_column .box2 { display: table-cell;padding: 0px 10px;vertical-align: top;text-align: left;}
div.top_event_column .box1 img { max-width:100%;object-fit: cover;overflow: hidden;;margin: 0 10px 0 0;}
div.top_event_column .box2 h3 { padding: 0px 0px;margin: 0px;position:relative;}
div.top_event_column .box2 h3 { font-size: 1.7em;color: #fff;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.0;text-align: left;}
div.top_event_column .box2 .tc_txt{ margin: 0px;padding:5px 0; font-size: 15px;color: #b97fb6;line-height: 1.6;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;}
div.top_event_column .box2 .tc_price { padding: 0px;margin: 0px;font-size: 2.0em;color: #fff;font-weight: normal;line-height: 1.2;font-style:italic;letter-spacing:0px;text-align: left;}
div.top_event_column .box2 .tc_price span { padding: 0 0 0 10px;margin: 0px;font-size: 15px;color: #fff;font-weight: normal;font-style:normal;letter-spacing:1px;}
@media screen and (max-width: 640px) {
div.top_event_column .box1 { display: table-cell;width: 100px;padding: 0px;vertical-align: top;text-align: left;}
div.top_event_column .box2 h3 { padding: 0px 0px;margin: 0px;position:relative;}
div.top_event_column .box2 h3 { font-size: 17px;color: #fff;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;line-height: 1.0;text-align: left;}
div.top_event_column .box2 .tc_txt{ margin: 0px;padding:5px 0; font-size: 14px;color: #b97fb6;line-height: 1.4;font-weight: normal;letter-spacing: 0.1em;text-indent:0.1em;text-align: left;}
div.top_event_column .box2 .tc_price { padding: 0px 0px;margin: 0px;font-size: 1.5em;color: #fff;font-weight: normal;font-style:italic;letter-spacing:0px;text-align: left;}
div.top_event_column .box2 .tc_price span { padding: 0 0 0 10px;margin: 0px;font-size: 15px;color: #fff;font-weight: normal;font-style:normal;letter-spacing:1px;}
}

.close { display: inline-block;width: 50px;height: 50px;position: relative;border: 1px solid #b97fb6;border-radius: 0px;cursor: pointer;position: absolute;top:20px;left: 20px;}
.close span::before,
.close span::after { display: block;content: ""; position: absolute;top:23px;left: 5px;width: 40px;height: 4px;background: #b97fb6;}
.close span::before {transform: rotate(-45deg);}
.close span::after {transform: rotate(45deg);}
@media screen and (max-width: 1000px) {
.close { display: inline-block;width: 40px;height: 40px;position: relative;background: rgba(255,255,255,0.8);border: 1px solid #b97fb6;border-radius: 0px;cursor: pointer;position: absolute;top:-25px;left: 15px;}
.close span::before,
.close span::after { display: block;content: ""; position: absolute;top:18px;left: 5px;width: 30px;height: 4px;background: #b97fb6;}
}

/* ページトップに戻る */
.pagetop {
    height: 50px;
    width: 50px;
    position: fixed;
    right: 30px;
    bottom: 90px;
    background: #fff;
    border: solid 2px #000;
    border-radius: 50%;
    display: none;
    justify-content: center;
    align-items: center;
    z-index: 2;
    cursor: pointer;
  }
  .pagetop__arrow {
    display: block;
    height: 10px;
    width: 10px;
    border-top: 3px solid #000;
    border-right: 3px solid #000;
    transform: translateY(20%) rotate(-45deg);
  }


/* フッターナビ（新）*/

ul.foot_navi_new { display: none;}

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

  ul.foot_navi_new { width:100%;margin: 0px ;padding: 0px 0px;display: inline-block;vertical-align:bottom;font-family: "Times New Roman", "Times", serif;}
  ul.foot_navi_new li { width: 33%;border: 0.5px solid white; float:left; margin: 0px 0px 0px -1px;text-align:center; position: relative;}
  ul.foot_navi_new li a { border-radius:0 0 ;}
  ul.foot_navi_new li a { margin: 0px;padding: 0px 0px;display: block; text-decoration: none;text-align:center;}
  ul.foot_navi_new li img { max-width: 20%;height: auto; margin-top: 1rem;}
  .navi_font { color: white; margin-bottom: 1rem; font-size: 1.2rem;}

}

/*ホーム　メニュー*/
/* ##メニュー
------------------------------------------------------------ */
.p-home-menu-index {
	padding-top: 11rem;
	padding-bottom: 8rem;
	font-family: 'Noto Sans JP';
}

.p-home-menu {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	max-width: 1440px;
	margin: 0 auto 3rem;
}

.p-home-menu + .p-home-menu {
	margin-top: 8rem;
}

.p-home-menu__image {
	width: 50%;
}

.p-home-menu__body {
	width: 50%;
	max-width: 600px;
	padding: 8.6rem 5rem 0 7rem;
}

.p-home-menu__title {
	line-height: 1;
	margin: 0 0 2rem;
	color: #ad7f52;
	font-weight: normal;
	font-size: 5rem;
	font-family: "Times New Roman", "Times", serif;
}

.p-home-menu__lead {
	line-height: 2;
	margin: 0 0 2rem;
	font-size: 1.7rem;
	font-family: "Times New Roman", "Times", serif;
}

.p-home-menu__list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	margin: -.4rem;
	padding: 0;
	list-style-type: none;
	justify-content: space-between;
	font-family: "Times New Roman", "Times", serif;
}

.p-home-menu__list > li {
	width: 45%;
	padding: 0.4rem;
	margin-right: 1rem;
	margin-left: 1rem;
}

.p-home-menu__list .c-btn {
	width: 100%;
	height: 5.2rem;
	padding: .5rem 1rem;
	font-size: 1.4rem;
}

.p-home-menu__list > li.btn_wide{
	width: 100%;
}

.p-home-menu__list > li.btn_wide .c-btn{
	background: #c9f4f4;
}

.p-home-menu__list > li.btn_wide .c-btn:hover{
	background: #39f4f4;
}

.p-home-menu--rev {
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}

.p-home-menu--rev .p-home-menu__image {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}

.p-home-menu--rev .p-home-menu__body {
	-webkit-box-ordinal-group: 1;
	-ms-flex-order: 0;
	order: 0;
	padding: 8.6rem 7rem 0 5rem;
}

/* バナー */
.p-home-menu-bnr {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	max-width: 1200px;
	margin: 10rem auto 2rem;
	padding: 0 3.3rem;
	list-style-type: none;
}

.p-home-menu-bnr > li {
	-webkit-perspective: 0.33333;
	perspective: 0.33333;
	padding: 0 1.7rem;
}

.p-home-menu-bnr .p-home-menu__title{
	text-align: center;
}

@media screen and (max-width: 559px) {
	.p-home-menu-index {
		padding-top: 5.5rem;
		padding-bottom: 5rem;
	}
	.p-home-menu {
		display: block;
		margin-bottom: 1rem;
	}
	.p-home-menu + .p-home-menu {
		margin-top: 5rem;
	}
	.p-home-menu__image img{
		width: 200%;
	}
	.p-home-menu__body {
		width: auto;
		padding: 2.4rem 8% 0;
	}
	.p-home-menu__title {
		margin-bottom: 1rem;
		font-size: 3rem;
		text-align: center;
		font-family: "Times New Roman", "Times", serif;
	}
	.p-home-menu__lead {
		line-height: 1.92308;
		margin-bottom: 1.6rem;
		font-size: 1.3rem;
		font-family: "Times New Roman", "Times", serif;
	}
	.p-home-menu__list .c-btn {
		height: 5rem;
		font-size: 1.2rem;
	}
	.p-home-menu--rev .p-home-menu__image {
		padding-right: 4%;
		padding-left: 0;
	}
	.p-home-menu--rev .p-home-menu__body {
		padding: 2.4rem 8% 0;
	}
	.p-home-menu--rev .p-home-menu__title {
		text-align: center;
	}
	.p-home-menu-bnr {
		-ms-flex-wrap: wrap;
		flex-wrap: wrap;
		margin: 4.5rem 0 0;
		padding: 0 1.5rem;
	}
	.p-home-menu-bnr > li {
		width: 100%;
		padding: .5rem;
	}
	.p-home-menu__list > li {
		width: 100%;
	}
}


/* ------------------------------------------------------------
 ##Button
------------------------------------------------------------ */
/* ##汎用ボタン
------------------------------------------------------------ */
.c-btn {
	display: -webkit-inline-box;
	display: -ms-inline-flexbox;
	display: inline-flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	position: relative;
	line-height: 1;
	margin: 0 auto;
	border-style: none;
	text-align: center;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	background-color: transparent;
	text-decoration: none;
	text-align: center;
	-webkit-transition: 0.3s ease;
	transition: 0.3s ease;
}

a.c-btn,
button.c-btn,
input.c-btn {
	cursor: pointer;
}

.c-btn-typeA {
	border: 1px solid #c19e7c;
	color: #c19e7c;
	background-color: #333;
}

.c-btn-typeA:link, .c-btn-typeA:visited {
	color: #c19e7c;
}

a.c-btn-typeA:hover {
	color: #333;
	background-color: #c19e7c;
}

.c-btn-typeB {
	border: 1px solid #c19e7c;
	color: #666;
	background-color: #fff;
}

.c-btn-typeB:link, .c-btn-typeB:visited {
	color: #666;
}

a.c-btn-typeB:hover {
	color: #333;
	background-color: #c19e7c;
}


/** コンセプト タイトル
------------------------------------------------------------ */
.c-ttl-typeA_concept {
	position: relative;
	line-height: 1;
	padding-bottom: 3.8rem;
	color: #666666;
	font-weight: normal;
	font-size: 4rem;
	text-align: center;
	text-indent: 0.2em;
	letter-spacing: 0.2em;
	margin-bottom: -5rem;
	font-family: "Times New Roman", "Times", serif;
}
.c-ttl-typeA_concept:after {
	content: '';
	position: absolute;
	right: 0;
	left: 0;
	bottom: 0;
	width: 4rem;
	height: .2rem;
	margin: 0 auto;
	background-color: #666;
}
@media screen and (max-width: 559px) {
	.c-ttl-typeA_concept {
	margin-bottom: -1rem;
	}

}
/*ホーム　メニュー*/


/* パンクズ */
ul.title li a {
    text-decoration:none;
    font-size: 14px;
}
/* パンクズ */ 


 /*============================================================
 # ヘッダー予約ボタン
============================================================  */
a.btn--top {
	border: 1px solid #c19e7c;
	color: #333;
	background-color: #c19e7c;
	font-family: "Times New Roman", "Times", serif;
}

a.btn--top:hover {
	color: #666;
	background-color: #fff
}

a.btn-header {
	font-size: 1.6rem;
	position: relative;
	top: 2rem;
	right: 14rem;
	padding: 1.1rem 1.1rem 1.1rem 1.1rem;
	border-radius: 100vh;
}

.top_navi_btn {
	flex: 1;
	display: flex;
	justify-content: flex-end;
	margin: 0 auto;
}

.top_navi_btn_ul {
	padding-left:0;
}

.top_navi_btn_ul li {
	list-style:none;
}

.top_navi_btn_ul li a {
	text-decoration: none;
	padding: 7px;
	font-weight: bold;
	padding: 15px;
}

/* SP時*/
@media screen and (max-width: 559px) {
	a.btn-header {
		font-size: 1.0rem;
		position: relative;
		top: 1rem;
		right: 8rem;
		padding: 2px 2px 2px 2px;
		border-radius: 100vh;
	}

	.top_navi_btn_ul li a {
		text-decoration: none;
		padding: 7px;
		font-weight: bold;
		font-size: 0.9rem;
	}
}

   /*============================================================
 # バーガーメニュー予約ボタン
============================================================  */
.menu_ex {
	text-align: center;
	padding-left: 19%;
}
ul.header_navi_button {
	width:60%;
	margin: 5px 0 0 0;
	padding: 0px 0px;
	display: inline-block;
	vertical-align:bottom;
  }
  ul.header_navi_button li {
	width: 20%;
	margin-right: 2px;
	border: 0.5px solid #c19e7c;
	float:left; list-style: none;
	background-color: black;
  }
  ul.header_navi_button li a {
	  border-radius:0 0;
	  padding:0 0 0 0;
	  margin: 0px;
	  text-decoration: none;
	  display: block;
	  text-align: center;
  }
  ul.header_navi_button li img {
	  max-width: 14%;
	  height: auto;
	  margin-top: 10px;
  }
  div.header_navi_button_font_s {
	  color: white;
	  font-size: 1.0rem;
  }
  div.header_navi_button_font {
	  color: white;
	  font-weight:bold;
	  font-size: 1.5rem;
	  padding-bottom: 20px;
  }
/* SP時*/
@media screen and (max-width: 559px) {
	ul.header_navi_button {
		width:100%;
		display: none;
	}
	ul.header_navi_button li {
		width: 32%;
		display: none;

	}
	ul.header_navi_button li img {
		max-width: 24%;
		display: none;

	}
	.menu_ex {
		padding-left: 2%;
		display: none;
	}
}

/*============================================================
============================================================  */

/* ページヘッダー*/
.font_h {
	font-size: 28px;
	font-family: "Times New Roman", "Times", serif;
	color: #3F3F3F;
	font-weight: normal;

}
.pick_menu_wrap h2::before {
	color: #FAEBD7;
}
/* /ページヘッダー*/



/* 期待できる効果list start */
.s_vol_bg {
	margin-top: -4rem;
	padding: 3rem 0 3rem;
	background-color: #f7f7f7;
}

.s_vol_bg .vol_list{
	padding: 0;
	list-style: none;
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

.s_vol_bg .vol_list li{
	margin-top: 0.4rem;
  	margin-bottom: 1.2rem;
	display: block;
	padding: 1.7rem 1.5rem;
	font-size: 2.0rem;
	line-height: 1;
	text-decoration: none;
	background: #fff;
	border: 1.5px solid #c19e7c;
	transition: all 0.3s;
	text-align: center;
	color: #AD7F52;
}

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

	.s_vol_bg {
		margin-top: -1rem;
		padding: 3rem 0 3rem;
		background-color: #f7f7f7;
	}
	.s_vol_bg .vol_list{
		list-style: none;
		width: 100%;
		margin-left: -1.6rem;
	}
	.s_vol_bg .vol_list li{
		font-size: 1.6rem;
    margin: 0.4rem -1rem 1.2rem -1.7rem;
	}
}
/* ./期待できる効果list end */

/* 3サークル start */
.p_vol {
	font-size: 22px;
}
  
.pl_vol {
	font-size: 28px;
	margin-top: -4rem;
}
  
.fsl {
	font-size: 26px;
}
  
.vol-box-list .pl_vol {
	font-size: 30px;
}

.vol-box-list .p_vol {
	font-size: 22px;
}

.vol-box-list .d_vol_mt {
	margin-top: 2rem;
}
  
.p_vol_g {
	color:#ad7f52;
}

.vol-box-list .p_vol_g {
	color:#ad7f52;
}

.mt_intro {
	margin-top: -8rem;
}
  
@media screen and (max-width: 559px) {
	.p_vol {
		font-size: 16px;
	}

	.pl_vol {
		font-size: 19px;
	}

	.vol-box-list .pl_vol {
		font-size: 19px;
	}

	.vol-box-list .pm_vol {
		font-size: 20px;
	}

	.vol-box-list .p_vol {
		font-size: 16px;
	}

	.mt_intro {
		margin-top: -4rem;
	}
	.fsl {
		font-size: 24px;
	}
}
  
  
.page_vol .circle_3{
	margin-top: -4rem;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: "Times New Roman", "Times", serif;
}
.page_vol .circle_3 .circle_1{
	width: 24rem;
	height: 24rem;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #666666;
	border: none;
	border-radius: 12rem;
	color: #f2ddc9;
	font-size: 2.0rem;
	text-align: center;
	line-height: 1.5;
	margin-right: 1rem;
}

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

	.page_vol .circle_3{
		margin-top: 1rem;
		flex-wrap: wrap;
	}

	.page_vol .circle_3 .circle_1{
		width: 17.5rem;
		height: 17.5rem;
		display: flex;
		justify-content: center;
		align-items: center;
		background: #666666;
		border: none;
		border-radius: 12rem;
		color: #f2ddc9;
		font-size: 1.6rem;
		text-align: center;
		line-height: 1.5;
		margin-right: 0.2rem;
		margin-top: -2rem;
	}
}
/* ./３サークル end */