@charset "utf-8";
/*
Theme Name: res
Version: 1.2.4
Author: T8,Inc.
*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,400,700&display=swap');
:root {
--break: 1920;
--guideline-color: #ba5f00;
font-size: calc(16 / var(--break) * 100vw);
--color01: #EEEBE6;
--color02: #593D08;
--color03: #3A2805;
--color04: #D1BE99;
--color05: #333333;
--color06: #D2A145;
--color07: #AE3100;
--color08: #FFFFFF;
--color09: #8D5D00;
--color10: #7F4042;
--color11: #BA5F00;
--size5px: calc(5 / var(--break) * 100vw);
--size10px: calc(10 / var(--break) * 100vw);
--size15px: calc(15 / var(--break) * 100vw);
--size20px: calc(20 / var(--break) * 100vw);
--size25px: calc(25 / var(--break) * 100vw);
--size30px: calc(30 / var(--break) * 100vw);
--size35px: calc(35 / var(--break) * 100vw);
--size40px: calc(40 / var(--break) * 100vw);
--size45px: calc(45 / var(--break) * 100vw);
--size50px: calc(50 / var(--break) * 100vw);
--size55px: calc(55 / var(--break) * 100vw);
--size60px: calc(60/ var(--break) * 100vw);
--size65px: calc(65 / var(--break) * 100vw);
--size70px: calc(70 / var(--break) * 100vw);
--size75px: calc(75 / var(--break) * 100vw);
--size80px: calc(80 / var(--break) * 100vw);
--size85px: calc(85 / var(--break) * 100vw);
--size90px: calc(90 / var(--break) * 100vw);
--size95px: calc(95 / var(--break) * 100vw);
--size100px: calc(100 / var(--break) * 100vw);
--size105px: calc(105 / var(--break) * 100vw);
--size110px: calc(110 / var(--break) * 100vw);
--size115px: calc(115 / var(--break) * 100vw);
--size120px: calc(120 / var(--break) * 100vw);
--size125px: calc(125 / var(--break) * 100vw);
--size130px: calc(130 / var(--break) * 100vw);
--size135px: calc(135 / var(--break) * 100vw);
--size140px: calc(140 / var(--break) * 100vw);
--size145px: calc(145 / var(--break) * 100vw);
--size150px: calc(150 / var(--break) * 100vw);
--size160px: calc(160 / var(--break) * 100vw);
--size170px: calc(170 / var(--break) * 100vw);
--size180px: calc(180 / var(--break) * 100vw);
--size190px: calc(190 / var(--break) * 100vw);
--size200px: calc(200 / var(--break) * 100vw);
}
@media(min-width: 768px) and (max-width: 1599px) {
:root {
--break: 1599;
}
}
@media(min-width: 768px) and (max-width: 1299px) {
:root {
--break: 1299;
}
}
@media(max-width:767px) {
:root {
--break: 750;
}
}
/*サイト別フォント・カラー設定*/
.txt_link {
color: #ba5f00;
text-decoration: underline;
}
/*ここまで*/
html, body {
scroll-behavior: smooth;
font-size: 1.125rem;
font-weight: 300;
line-height: 2;
color: #333333;
letter-spacing: .1em;
font-family: "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.fwn {
font-weight: normal;
}
.fwb {
font-weight: bold;
}
img {
max-width: 100%;
height: auto;
}
iframe {
max-width: 100%;
}
video {
max-width: 100%;
}
* {
margin: 0;
padding: 0;
}
li {
list-style: none;
}
a {
color: inherit;
text-decoration: none;
}
#wrap {
overflow-x: hidden;
}
.oh {
overflow: hidden;
}
a:hover {
opacity: .85;
transition: .3s;
}
a.zoom{
pointer-events: none;
}
.inner,.inner1000,.inner1140,.inner1200,.inner1340,.inner1500
{
max-width: 1240px;
width: 90%;
margin: 0 auto;
}
.inner1000 {
max-width: 1000px;
}
.inner1140 {
max-width: 1140px;
}
.inner1200 {
max-width: 1200px;
}
.inner1340 {
max-width: 1340px;
}
.inner1500 {
max-width: 1500px;
}
.w100 {
width: 100%!important;
}
table{
table-layout: fixed;
}
td input{
max-width: 100%;
}
a[href^="tel:"] {
cursor: default;
}
a[href^="tel:"]:hover {
opacity: 1;
}
.slick-slide {
outline: none;
}
.adjust {
display: none;
}
.tb_only {
display: none;
}
.sp_only {
display: none;
}
.tb_pc {
display: inherit;
}
.sp_tb {
display: none;
}
.flex {
display:-webkit-box;
display:-ms-flexbox;
display: -webkit-flex;
display:flex;
-webkit-box-pack:justify;
-ms-flex-pack:justify;
-webkit-justify-content:space-between;
justify-content:space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.flex.start { -webkit-justify-content: flex-start; justify-content: flex-start; }
.flex.end { -webkit-justify-content: flex-end; justify-content: flex-end; }
.flex.center { -webkit-justify-content: center; justify-content: center; }
.flex.around { -webkit-justify-content: space-around; justify-content: space-around; }
.flex.between { -webkit-justify-content: space-between; justify-content: space-between; }
.flex.stretch { -webkit-align-items: stretch; align-items: stretch; }
.flex.ai_center { -webkit-align-items: center; align-items: center; }
.flex.ai_start { -webkit-align-items: flex-start; align-items: flex-start; }
.flex.ai_end { -webkit-align-items: flex-end; align-items: flex-end; }
.flex.nowrap { -webkit-flex-wrap: nowrap; flex-wrap: nowrap; }
.flex.column { -ms-flex-direction:column; -webkit-flex-direction:column; flex-direction:column; }
.flex.row { -ms-flex-direction:row; -webkit-flex-direction:row; flex-direction:row; }
.flex.c_reverse { -ms-flex-direction:column-reverse; -webkit-flex-direction:column-reverse; flex-direction:column-reverse; }
.flex.r_reverse { -ms-flex-direction:row-reverse; -webkit-flex-direction:row-reverse; flex-direction:row-reverse; }
.flex.cc { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; }
.flex.ccc { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center;}
.flex.cccc { -webkit-align-items: center; align-items: center; -webkit-justify-content: center; justify-content: center; text-align: center; -webkit-flex-direction:column; flex-direction:column;}
.noshrink { flex: 0 0 auto; }
.grow { flex: 1 1 auto; }
.ccl { border-radius: 100%; }
.bdrd5 {border-radius: var(--size5px);}
.bdrd10 {border-radius: var(--size10px);}
.bdrd15 {border-radius: var(--size15px);}
.bdrd20 {border-radius: var(--size20px);}
.bdrd25 {border-radius: var(--size25px);}
.bdrd30 {border-radius: var(--size30px);}
.bdrd35 {border-radius: var(--size35px);}
.bdrd40 {border-radius: var(--size40px);}
.bdrd45 {border-radius: var(--size45px);}
.bdrd50 {border-radius: var(--size50px);}
.txt_center { text-align: center; }
.txt_right { text-align: right; }
.txt_rl {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
text-orientation: upright;
}
.mgn_a {
margin-left: auto;
margin-right: auto;
}
.mgn_l { margin-left: auto; }
.mgn_r { margin-right: auto; }
.no_mgn { margin-bottom: 0!important;}
.mb5 { margin-bottom: var(--size5px); }
.mb10 { margin-bottom: var(--size10px); }
.mb15 { margin-bottom: var(--size15px); }
.mb20 { margin-bottom: var(--size20px); }
.mb25 { margin-bottom: var(--size25px); }
.mb30 { margin-bottom: var(--size30px); }
.mb35 { margin-bottom: var(--size35px); }
.mb40 { margin-bottom: var(--size40px); }
.mb45 { margin-bottom: var(--size45px); }
.mb50 { margin-bottom: var(--size50px); }
.mb55 { margin-bottom: var(--size55px); }
.mb60 { margin-bottom: var(--size60px); }
.mb65 { margin-bottom: var(--size65px); }
.mb70 { margin-bottom: var(--size70px); }
.mb75 { margin-bottom: var(--size75px); }
.mb80 { margin-bottom: var(--size80px); }
.mb85 { margin-bottom: var(--size85px); }
.mb90 { margin-bottom: var(--size90px); }
.mb95 { margin-bottom: var(--size95px); }
.mb100 { margin-bottom: var(--size100px); }
.mb105 { margin-bottom: var(--size105px); }
.mb110 { margin-bottom: var(--size110px); }
.mb115 { margin-bottom: var(--size115px); }
.mb120 { margin-bottom: var(--size120px); }
.mb125 { margin-bottom: var(--size125px); }
.mb130 { margin-bottom: var(--size130px); }
.mb135 { margin-bottom: var(--size135px); }
.mb140 { margin-bottom: var(--size140px); }
.mb145 { margin-bottom: var(--size145px); }
.mb150 { margin-bottom: var(--size150px); }
.mb05em { margin-bottom:0.5em; }
.mb10em { margin-bottom:1.0em; }
.mb15em { margin-bottom:1.5em; }
.mb20em { margin-bottom:2.0em; }
.mb25em { margin-bottom:2.5em; }
.mb30em { margin-bottom:3.0em; }
.mt5 { margin-top: var(--size5px); }
.mt10 { margin-top: var(--size10px); }
.mt15 { margin-top: var(--size15px); }
.mt20 { margin-top: var(--size20px); }
.mt25 { margin-top: var(--size25px); }
.mt30 { margin-top: var(--size30px); }
.mt35 { margin-top: var(--size35px); }
.mt40 { margin-top: var(--size40px); }
.mt45 { margin-top: var(--size45px); }
.mt50 { margin-top: var(--size50px); }
.mt55 { margin-top: var(--size55px); }
.mt60 { margin-top: var(--size60px); }
.mt65 { margin-top: var(--size65px); }
.mt70 { margin-top: var(--size70px); }
.mt75 { margin-top: var(--size75px); }
.mt80 { margin-top: var(--size80px); }
.mt85 { margin-top: var(--size85px); }
.mt90 { margin-top: var(--size90px); }
.mt95 { margin-top: var(--size95px); }
.mt100 { margin-top: var(--size100px); }
.mt105 { margin-top: var(--size105px); }
.mt110 { margin-top: var(--size110px); }
.mt115 { margin-top: var(--size115px); }
.mt120 { margin-top: var(--size120px); }
.mt125 { margin-top: var(--size125px); }
.mt130 { margin-top: var(--size130px); }
.mt135 { margin-top: var(--size135px); }
.mt140 { margin-top: var(--size140px); }
.mt145 { margin-top: var(--size145px); }
.mt150 { margin-top: var(--size150px); }
.mt05em { margin-top:0.5em; }
.mt10em { margin-top:1.0em; }
.mt15em { margin-top:1.5em; }
.mt20em { margin-top:2.0em; }
.mt25em { margin-top:2.5em; }
.mt30em { margin-top:3.0em; }
.mr5 {margin-right: var(--size5px); }
.mr10 {margin-right: var(--size10px); }
.mr15 {margin-right: var(--size15px); }
.mr20 {margin-right: var(--size20px); }
.mr25 {margin-right: var(--size25px); }
.mr30 {margin-right: var(--size30px); }
.mr35 {margin-right: var(--size35px); }
.mr40 {margin-right: var(--size40px); }
.mr45 {margin-right: var(--size45px); }
.mr50 {margin-right: var(--size50px); }
.ml5 {margin-left: var(--size5px); }
.ml10 {margin-left: var(--size10px); }
.ml15 {margin-left: var(--size15px); }
.ml20 {margin-left: var(--size20px); }
.ml25 {margin-left: var(--size25px); }
.ml30 {margin-left: var(--size30px); }
.ml35 {margin-left: var(--size35px); }
.ml40 {margin-left: var(--size40px); }
.ml45 {margin-left: var(--size45px); }
.ml50 {margin-left: var(--size50px); }
.db { display: block; }
.dib { display: inline-block; }
.por { position: relative; z-index: 1; }
.poa { position: absolute; }
.zi0 { z-index: 0; }
.zi1 { z-index: 1; }
.zi2 { z-index: 2; }
.turn_up {
position: absolute;
top: 0;
right: 0;
left: 0;
transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.lh1 { line-height: 1; }
.lh11 { line-height: 1.1; }
.lh12 { line-height: 1.2; }
.lh13 { line-height: 1.3; }
.lh14 { line-height: 1.4; }
.lh15 { line-height: 1.5; }
.lh16 { line-height: 1.6; }
.lh17 { line-height: 1.7; }
.lh18 { line-height: 1.8; }
.lh19 { line-height: 1.9; }
.lh2 { line-height: 2; }
.lh22 { line-height: 2.2; }
.lh25 { line-height: 2.5; }
.pt0 { padding-top: 0; }
.pt5 { padding-top: var(--size5px); }
.pt10 { padding-top: var(--size10px); }
.pt15 { padding-top: var(--size15px); }
.pt20 { padding-top: var(--size20px); }
.pt25 { padding-top: var(--size25px); }
.pt30 { padding-top: var(--size30px); }
.pt35 { padding-top: var(--size35px); }
.pt40 { padding-top: var(--size40px); }
.pt45 { padding-top: var(--size45px); }
.pt50 { padding-top: var(--size50px); }
.pt55 { padding-top: var(--size55px); }
.pt60 { padding-top: var(--size60px); }
.pt65 { padding-top: var(--size65px); }
.pt70 { padding-top: var(--size70px); }
.pt75 { padding-top: var(--size75px); }
.pt80 { padding-top: var(--size80px); }
.pt85 { padding-top: var(--size85px); }
.pt90 { padding-top: var(--size90px); }
.pt95 { padding-top: var(--size95px); }
.pt100 { padding-top: var(--size100px); }
.pt105 { padding-top: var(--size105px); }
.pt110 { padding-top: var(--size110px); }
.pt115 { padding-top: var(--size115px); }
.pt120 { padding-top: var(--size120px); }
.pt125 { padding-top: var(--size125px); }
.pt130 { padding-top: var(--size130px); }
.pt135 { padding-top: var(--size135px); }
.pt140 { padding-top: var(--size140px); }
.pt145 { padding-top: var(--size145px); }
.pt150 { padding-top: var(--size150px); }
.pt160 { padding-top: var(--size160px); }
.pt170 { padding-top: var(--size170px); }
.pt180 { padding-top: var(--size180px); }
.pt190 { padding-top: var(--size190px); }
.pt200 { padding-top: var(--size200px); }
.pb0 { padding-bottom: 0; }
.pb5 { padding-bottom: var(--size5px); }
.pb10 { padding-bottom: var(--size10px); }
.pb15 { padding-bottom: var(--size15px); }
.pb20 { padding-bottom: var(--size20px); }
.pb25 { padding-bottom: var(--size25px); }
.pb30 { padding-bottom: var(--size30px); }
.pb35 { padding-bottom: var(--size35px); }
.pb40 { padding-bottom: var(--size40px); }
.pb45 { padding-bottom: var(--size45px); }
.pb50 { padding-bottom: var(--size50px); }
.pb55 { padding-bottom: var(--size55px); }
.pb60 { padding-bottom: var(--size60px); }
.pb65 { padding-bottom: var(--size65px); }
.pb70 { padding-bottom: var(--size70px); }
.pb75 { padding-bottom: var(--size75px); }
.pb80 { padding-bottom: var(--size80px); }
.pb85 { padding-bottom: var(--size85px); }
.pb90 { padding-bottom: var(--size90px); }
.pb95 { padding-bottom: var(--size95px); }
.pb100 { padding-bottom: var(--size100px); }
.pb105 { padding-bottom: var(--size105px); }
.pb110 { padding-bottom: var(--size110px); }
.pb115 { padding-bottom: var(--size115px); }
.pb120 { padding-bottom: var(--size120px); }
.pb125 { padding-bottom: var(--size125px); }
.pb130 { padding-bottom: var(--size130px); }
.pb135 { padding-bottom: var(--size135px); }
.pb140 { padding-bottom: var(--size140px); }
.pb145 { padding-bottom: var(--size145px); }
.pb150 { padding-bottom: var(--size150px); }
.pb160 { padding-bottom: var(--size160px); }
.pb170 { padding-bottom: var(--size170px); }
.pb180 { padding-bottom: var(--size180px); }
.pb190 { padding-bottom: var(--size190px); }
.pb200 { padding-bottom: var(--size200px); }
.pr5 {padding-right: var(--size5px); }
.pr10 {padding-right: var(--size10px); }
.pr15 {padding-right: var(--size15px); }
.pr20 {padding-right: var(--size20px); }
.pr25 {padding-right: var(--size25px); }
.pr30 {padding-right: var(--size30px); }
.pr35 {padding-right: var(--size35px); }
.pr40 {padding-right: var(--size40px); }
.pr45 {padding-right: var(--size45px); }
.pr50 {padding-right: var(--size50px); }
.pr55 {padding-right: var(--size55px); }
.pr60 {padding-right: var(--size60px); }
.pr65 {padding-right: var(--size65px); }
.pr70 {padding-right: var(--size70px); }
.pr75 {padding-right: var(--size75px); }
.pr80 {padding-right: var(--size80px); }
.pr85 {padding-right: var(--size85px); }
.pr90 {padding-right: var(--size90px); }
.pr95 {padding-right: var(--size95px); }
.pr100 { padding-right: var(--size100px); }
.pl5 {padding-left: var(--size5px); }
.pl10 {padding-left: var(--size10px); }
.pl15 {padding-left: var(--size15px); }
.pl20 {padding-left: var(--size20px); }
.pl25 {padding-left: var(--size25px); }
.pl30 {padding-left: var(--size30px); }
.pl35 {padding-left: var(--size35px); }
.pl40 {padding-left: var(--size40px); }
.pl45 {padding-left: var(--size45px); }
.pl50 {padding-left: var(--size50px); }
.pl55 {padding-left: var(--size55px); }
.pl60 {padding-left: var(--size60px); }
.pl65 {padding-left: var(--size65px); }
.pl70 {padding-left: var(--size70px); }
.pl75 {padding-left: var(--size75px); }
.pl80 {padding-left: var(--size80px); }
.pl85 {padding-left: var(--size85px); }
.pl90 {padding-left: var(--size90px); }
.pl95 {padding-left: var(--size95px); }
.pl100 { padding-left: var(--size100px); }
.prl5 { padding-right: var(--size5px); padding-left: var(--size5px); }
.prl10 { padding-right: var(--size10px); padding-left: var(--size10px); }
.prl15 { padding-right: var(--size15px); padding-left: var(--size15px); }
.prl20 { padding-right: var(--size20px); padding-left: var(--size20px); }
.prl25 { padding-right: var(--size25px); padding-left: var(--size25px); }
.prl30 { padding-right: var(--size30px); padding-left: var(--size30px); }
.prl35 { padding-right: var(--size35px); padding-left: var(--size35px); }
.prl40 { padding-right: var(--size40px); padding-left: var(--size40px); }
.prl45 { padding-right: var(--size45px); padding-left: var(--size45px); }
.prl50 { padding-right: var(--size50px); padding-left: var(--size50px); }
.prl55 { padding-right: var(--size55px); padding-left: var(--size55px); }
.prl60 { padding-right: var(--size60px); padding-left: var(--size60px); }
.prl65 { padding-right: var(--size65px); padding-left: var(--size65px); }
.prl70 { padding-right: var(--size70px); padding-left: var(--size70px); }
.prl75 { padding-right: var(--size75px); padding-left: var(--size75px); }
.prl80 { padding-right: var(--size80px); padding-left: var(--size80px); }
.prl85 { padding-right: var(--size85px); padding-left: var(--size85px); }
.prl90 { padding-right: var(--size90px); padding-left: var(--size90px); }
.prl95 { padding-right: var(--size95px); padding-left: var(--size95px); }
.prl100 { padding-right: var(--size100px); padding-left: var(--size100px); }
.fz10{font-size: .625rem; letter-spacing: .1em;}
.fz12{font-size: .75rem; letter-spacing: .1em;}
.fz13{font-size: .8125rem; letter-spacing: .1em;}
.fz14{font-size: .875rem; letter-spacing: .1em;}
.fz15{font-size: .9375rem; letter-spacing: .1em;}
.fz16{font-size: 1rem; letter-spacing: .1em;}
.fz18{font-size: 1.125rem; letter-spacing: .1em;}
.fz20{font-size: 1.25rem; letter-spacing: .1em;}
.fz22{font-size: 1.375rem; letter-spacing: .1em;}
.fz24{font-size: 1.5rem; letter-spacing: .1em;}
.fz25{font-size: 1.5625rem; letter-spacing: .1em;}
.fz26{font-size: 1.625rem; letter-spacing: .1em;}
.fz28{font-size: 1.75rem; letter-spacing: .1em;}
.fz30{font-size: 1.875rem; letter-spacing: .1em;}
.fz32{font-size: 2rem; letter-spacing: .1em;}
.fz34{font-size: 2.125rem; letter-spacing: .1em;}
.fz36{font-size: 2.25rem; letter-spacing: .1em;}
.fz38{font-size: 2.375rem; letter-spacing: .1em;}
.fz40{font-size: 2.5rem; letter-spacing: .1em;}
.fz42{font-size: 2.625rem; letter-spacing: .1em;}
.fz44{font-size: 2.75rem; letter-spacing: .1em;}
.fz46{font-size: 2.875rem; letter-spacing: .1em;}
.fz48{font-size: 3rem; letter-spacing: .1em;}
.fz50{font-size: 3.125rem; letter-spacing: .1em;}
.fz52{font-size: 3.25rem; letter-spacing: .1em;}
.fz54{font-size: 3.375rem; letter-spacing: .1em;}
.fz56{font-size: 3.5rem; letter-spacing: .1em;}
.fz58{font-size: 3.625rem; letter-spacing: .1em;}
.fz60{font-size: 3.75rem; letter-spacing: .1em;}
.fz62{font-size: 3.875rem; letter-spacing: .1em;}
.fz64{font-size: 4rem; letter-spacing: .1em;}
.fz66{font-size: 4.125rem; letter-spacing: .1em;}
.fz68{font-size: 4.25rem; letter-spacing: .1em;}
.fz70{font-size: 4.375rem; letter-spacing: .1em;}
.fz80{font-size: 5rem; letter-spacing: .1em;}
.fz84{font-size: 5.25rem; letter-spacing: .1em;}
.fz90{font-size: 5.625rem; letter-spacing: .1em;}
.fz96{font-size: 6rem; letter-spacing: .1em;}
.fz100{font-size: 6.25rem; letter-spacing: .1em;}
.fz110{font-size: 6.875rem; letter-spacing: .1em;}
.fz120{font-size: 7.5rem; letter-spacing: .1em;}
.fz130{font-size: 8.125rem; letter-spacing: .1em;}
.fz140{font-size: 8.75rem; letter-spacing: .1em;}
.fz150{font-size: 9.375rem; letter-spacing: .1em;}
.ls0 { letter-spacing: 0; }
.ls05 { letter-spacing: .05em; }
.ls1 { letter-spacing: .1em; }
.ls15 { letter-spacing: .15em; }
.ls2 { letter-spacing: .2em; }
.txt_white { color: #fff!important; }
.bg_white { background-color: #fff!important; }
.shadow_w {
text-shadow: 0px 0px 5px #fff, 0px 0px 5px #fff, 0px 0px 10px #fff, 0px 0px 10px #fff, 0px 0px 15px #fff, 0px 0px 15px #fff;
}
em { font-style: normal; }
.txt_col01{color: var(--color01) !important;}
.txt_col02{color: var(--color02) !important;}
.txt_col03{color: var(--color03) !important;}
.txt_col04{color: var(--color04) !important;}
.txt_col05{color: var(--color05) !important;}
.txt_col06{color: var(--color06) !important;}
.txt_col07{color: var(--color07) !important;}
.txt_col08{color: var(--color08) !important;}
.txt_col09{color: var(--color09) !important;}
.txt_col10{color: var(--color10) !important;}
.txt_col11{color: var(--color11) !important;}
.txt_col12{color: var(--color12) !important;}
.txt_col13{color: var(--color13) !important;}
.txt_col14{color: var(--color14) !important;}
.txt_col15{color: var(--color15) !important;}
.txt_col16{color: var(--color16) !important;}
.txt_col17{color: var(--color17) !important;}
.txt_col18{color: var(--color18) !important;}
.txt_col19{color: var(--color19) !important;}
.txt_col20{color: var(--color20) !important;}
.txt_col_fl01::first-letter{color: var(--color01) !important;}
.txt_col_fl02::first-letter{color: var(--color02) !important;}
.txt_col_fl03::first-letter{color: var(--color03) !important;}
.txt_col_fl04::first-letter{color: var(--color04) !important;}
.txt_col_fl05::first-letter{color: var(--color05) !important;}
.txt_col_fl06::first-letter{color: var(--color06) !important;}
.txt_col_fl07::first-letter{color: var(--color07) !important;}
.txt_col_fl08::first-letter{color: var(--color08) !important;}
.txt_col_fl09::first-letter{color: var(--color09) !important;}
.txt_col_fl10::first-letter{color: var(--color10) !important;}
.txt_col_fl11::first-letter{color: var(--color11) !important;}
.txt_col_fl12::first-letter{color: var(--color12) !important;}
.txt_col_fl13::first-letter{color: var(--color13) !important;}
.txt_col_fl14::first-letter{color: var(--color14) !important;}
.txt_col_fl15::first-letter{color: var(--color15) !important;}
.txt_col_fl16::first-letter{color: var(--color16) !important;}
.txt_col_fl17::first-letter{color: var(--color17) !important;}
.txt_col_fl18::first-letter{color: var(--color18) !important;}
.txt_col_fl19::first-letter{color: var(--color19) !important;}
.txt_col_fl20::first-letter{color: var(--color20) !important;}
.bg_col01{background-color: var(--color01) !important;}
.bg_col02{background-color: var(--color02) !important;}
.bg_col03{background-color: var(--color03) !important;}
.bg_col04{background-color: var(--color04) !important;}
.bg_col05{background-color: var(--color05) !important;}
.bg_col06{background-color: var(--color06) !important;}
.bg_col07{background-color: var(--color07) !important;}
.bg_col08{background-color: var(--color08) !important;}
.bg_col09{background-color: var(--color09) !important;}
.bg_col10{background-color: var(--color10) !important;}
.bg_col11{background-color: var(--color11) !important;}
.bg_col12{background-color: var(--color12) !important;}
.bg_col13{background-color: var(--color13) !important;}
.bg_col14{background-color: var(--color14) !important;}
.bg_col15{background-color: var(--color15) !important;}
.bg_col16{background-color: var(--color16) !important;}
.bg_col17{background-color: var(--color17) !important;}
.bg_col18{background-color: var(--color18) !important;}
.bg_col19{background-color: var(--color19) !important;}
.bg_col20{background-color: var(--color20) !important;}
.bdr_col01{border-color: var(--color01) !important;}
.bdr_col02{border-color: var(--color02) !important;}
.bdr_col03{border-color: var(--color03) !important;}
.bdr_col04{border-color: var(--color04) !important;}
.bdr_col05{border-color: var(--color05) !important;}
.bdr_col06{border-color: var(--color06) !important;}
.bdr_col07{border-color: var(--color07) !important;}
.bdr_col08{border-color: var(--color08) !important;}
.bdr_col09{border-color: var(--color09) !important;}
.bdr_col10{border-color: var(--color10) !important;}
.bdr_col11{border-color: var(--color11) !important;}
.bdr_col12{border-color: var(--color12) !important;}
.bdr_col13{border-color: var(--color13) !important;}
.bdr_col14{border-color: var(--color14) !important;}
.bdr_col15{border-color: var(--color15) !important;}
.bdr_col16{border-color: var(--color16) !important;}
.bdr_col17{border-color: var(--color17) !important;}
.bdr_col18{border-color: var(--color18) !important;}
.bdr_col19{border-color: var(--color19) !important;}
.bdr_col20{border-color: var(--color20) !important;}
.bbw {
border-bottom: 1px solid #fff;
}
.parallax {
width: 100%;
background-attachment: fixed!important;
}
.parallax.is_ios, .tab.parallax {
background-attachment: inherit!important;
}
.ready {
position: relative;
}
.ready a {
pointer-events: none;
}
.ready a:hover {
opacity: 1;
cursor: default;
}
.ready:before {
content: "準備中";
color: #fff;
text-align: center;
width: calc(100 / var(--break) * 100vw);
height: calc(40 / var(--break) * 100vw);
line-height: calc(40 / var(--break) * 100vw);
background: rgba(51,51,51,.7);
font-size: 1.125rem;
letter-spacing: .1em;
top: 0;
bottom: 0;
right: 0;
left: 0;
margin: auto;
z-index: 2;
position: absolute;
}
@media(max-width: 767px){
.parallax, .parallax.is_ios, .tab.parallax {
width: 100%;
background-attachment: inherit!important;
}
}
@media(min-width: 768px) {
a[href^="tel:"] {
pointer-events: none;
}
.slick-slide img,
#sb_instagram .sbi_photo_wrap
{
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
}
}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
.pc_only {
display: none;
}
.tb_only {
display: inherit;
}
.sp_only {
display: none;
}
.tb_pc {
display: inherit;
}
.sp_tb {
display: inherit;
}
}
@media(max-width: 767px) {
:root {
font-size: 4.27vw;
}
html, body {
font-size: 1rem;
letter-spacing: 0;
}
.lum-lightbox {
background-color: rgba(255,255,255,.9);
}
.lum-close-button:after, .lum-close-button:before {
background-color: rgb(000,000,000);
}
.lum-gallery-button {
display: none !important;
}
a.zoom{
position: relative;
display: block;
pointer-events: auto;
}
a.zoom:before {
content: "タップで拡大します";
position: absolute;
width: 100%;
height: 4.27vw;
left: 0;
right: 0;
top: 0;
bottom: 0;
margin: auto;
letter-spacing: .1em;
line-height: 4.27vw;
text-shadow: 0 0 calc(5 / var(--break) * 100vw) #fff, 0 0 calc(5 / var(--break) * 100vw) #fff, 0 0 calc(10 / var(--break) * 100vw) #fff, 0 0 calc(10 / var(--break) * 100vw) #fff, 0 0 calc(15 / var(--break) * 100vw) #fff, 0 0 calc(15 / var(--break) * 100vw) #fff;
text-align: center;
}
a.zoom:after{
content: '';
position: absolute;
top: 0;
right: 0;
display: block;
width: 1.5em;
height: 1.5em;
background-color: rgba(0,0,0,0.5);
background-image: url("images/page/icn_zoom.svg");
background-size: 1em 1em;
background-position: center center;
background-repeat: no-repeat;
}
.lum-lightbox.lum-open {
z-index: 10;
}
.lum-lightbox-image-wrapper {
overflow-x: scroll;
}
.lum-lightbox-inner img {
max-width: calc(1000 / var(--break) * 100vw);
}
.inner,.inner1000,.inner1140,.inner1200,.inner1340,.inner1500 {
width: 100%;
max-width: calc(702 / var(--break) * 100vw);
}
.pc_only {
display: none;
}
.tb_only {
display: none;
}
.sp_only {
display: inherit;
}
.tb_pc {
display: none;
}
.sp_tb {
display: inherit;
}
.pt_1vw { padding-top: 1vw;}
.pt_2vw { padding-top: 2vw;}
.pt_3vw { padding-top: 3vw;}
.pt_4vw { padding-top: 3vw;}
.pt_5vw { padding-top: 5vw;}
.pt_6vw { padding-top: 6vw;}
.pt_7vw { padding-top: 7vw;}
.pt_8vw { padding-top: 8vw;}
.pt_9vw { padding-top: 9vw;}
.pt_10vw { padding-top: 10vw;}
.pt_11vw { padding-top: 11vw;}
.pt_12vw { padding-top: 12vw;}
.pt_13vw { padding-top: 13vw;}
.pt_14vw { padding-top: 14vw;}
.pt_15vw { padding-top: 15vw;}
.pb_1vw { padding-bottom: 1vw; }
.pb_2vw { padding-bottom: 2vw; }
.pb_3vw { padding-bottom: 4vw; }
.pb_5vw { padding-bottom: 5vw; }
.pb_6vw { padding-bottom: 6vw; }
.pb_7vw { padding-bottom: 7vw; }
.pb_8vw { padding-bottom: 8vw; }
.pb_9vw { padding-bottom: 9vw; }
.pb_10vw { padding-bottom: 10vw; }
.pb_11vw { padding-bottom: 11vw; }
.pb_12vw { padding-bottom: 12vw; }
.pb_13vw { padding-bottom: 13vw; }
.pb_14vw { padding-bottom: 14vw; }
.pb_15vw { padding-bottom: 15vw; }
.ls0_sp { letter-spacing: 0!important; }
.ls05_sp { letter-spacing: .05em!important; }
.ls15_sp { letter-spacing: .15em!important; }
.ls2_sp { letter-spacing: .2em!important; }
.txt_width {
max-width: calc(646 / var(--break) * 100vw)!important;
margin-left: auto;
margin-right: auto;
}
.sp_left {
text-align: left!important;
}
.shadow_w {
text-shadow: 0 0 calc(5 / var(--break) * 100vw) #fff, 0 0 calc(5 / var(--break) * 100vw) #fff, 0 0 calc(10 / var(--break) * 100vw) #fff, 0 0 calc(10 / var(--break) * 100vw) #fff, 0 0 calc(15 / var(--break) * 100vw) #fff, 0 0 calc(15 / var(--break) * 100vw) #fff;
}
.txt_tb {
writing-mode: horizontal-tb;
}
.ready:before {
font-size: .75rem;
}
}
/* areaTitle_common
------------------------------------------------------------------*/
.areaTitle_common .en{
margin-bottom: calc(27 / var(--break03));
padding-bottom: calc(17.5 / var(--break03));
line-height: .9;
letter-spacing: .15em;
color: #d1be99;
font-family: "cormorant-garamond", serif;
font-weight: 400;
font-style: normal;
font-size: calc(140 / var(--break04));
text-align: center;
position: relative;
z-index: 1;
}
.areaTitle_common .en::before{
content: "";
max-width: 100%;
width: calc(800 / var(--break04));
height: 1px;
margin: auto;
background: #d1be99;
position: absolute;
inset: auto 0 0;
}
.areaTitle_common .en.w10::before{
width: calc(1000 / var(--break04));
}
.areaTitle_common .en.w11::before{
width: calc(1100 / var(--break04));
}
.areaTitle_common .jp{
letter-spacing: .1em;
line-height: 1.5;
font-family: "vdl-v7mincho", sans-serif;
font-weight: 500;
font-style: normal;
font-size: calc(40 / var(--break03));
text-align: center;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.areaTitle_common .en{
margin-bottom: 3vw;
padding-bottom: 3.5vw;
letter-spacing: 0;
font-size: calc(140 / var(--break04));
}
.areaTitle_common .en::before{
width: 100%;
}
.areaTitle_common .en.mini{
font-size: calc(90 / var(--break04));
}
.areaTitle_common .jp{
line-height: 1.5;
letter-spacing: 0;
font-size: calc(39.5 / var(--break03));
}
}
/* グローバルナビゲーション gnav
------------------------------------------------------------------*/
.btn_gnav_sp {
width: calc(110 / var(--break04));
height: calc(110 / var(--break04));
background: #3a2805;
position: fixed;
top: 0;
right: 0;
z-index: 10000;
outline: none;
cursor: pointer;
}
.btn_gnav_sp .txt_gnav {
width: calc(56 / var(--break04));
height: calc(11 / var(--break04));
background: url(images/page/txt_gnav.svg)no-repeat center / contain;
position: absolute;
right: 0;
left: 0;
bottom: calc(22 / var(--break04));
margin: auto;
}
.btn_gnav_sp .icn_gnav {
width: calc(50 / var(--break04));
height: 1px;
background: #fff;
position: absolute;
top: calc(-22.5/ var(--break04));
bottom: 0;
left: 0;
right: 0;
margin: auto;
transition: transform .3s ease-in-out;
}
.btn_gnav_sp .icn_gnav:before,
.btn_gnav_sp .icn_gnav:after {
content: "";
width: 100%;
height: 1px;
position: absolute;
left: 0;
background: #fff;
transition: transform .3s ease-in-out;
}
.btn_gnav_sp .icn_gnav:before {top: calc(-10.5/ var(--break04));}
.btn_gnav_sp .icn_gnav:after {bottom: calc(-10.5/ var(--break04));}
.open .btn_gnav_sp .icn_gnav {background: none;}
.open .btn_gnav_sp .icn_gnav:before,
.open .btn_gnav_sp .icn_gnav:after {
background: #fff;
transition: transform .3s ease-in-out;
}
.open .btn_gnav_sp .icn_gnav:before {
transform: rotate(45deg);
top: 0;
}
.open .btn_gnav_sp .icn_gnav:after {
transform: rotate(-45deg);
bottom: 0;
}
.gnav_sp {
width: 80%;
max-width: 600px;
height: 100%;
padding: 0;
padding-top: 170px;
line-height: 1.45;
background: rgba(255, 255, 255, .9);
position: fixed;
top: 0;
right: 0;
z-index: 9999;
overflow-y: auto;
overflow-x: hidden;
visibility: hidden;
opacity: 0;
transition: opacity .6s ease, visibility .6s ease;
touch-action: auto !important;
}
.gnav_sp .nav_main {
padding-bottom: 150px;
}
.bg_gnav {
visibility: hidden;
transition: .3s;
opacity: 0;
}
.open .bg_gnav {
width: 100%;
height: 100%;
position: fixed;
z-index: 9998;
background: rgba(0, 0, 0, 0);
visibility: visible;
opacity: 1;
transition: .3s;
left: 0;
top: 0;
}
.gnav_sp .nav_main>ul {
display: block;
max-width: 515px;
width: 92%;
margin: auto;
}
.gnav_sp .nav_main>ul>li>a {
display: block;
padding: 8.5px 20px 8.5px 34px;
line-height: 1.6;
letter-spacing: 0;
font-size: 20px;
font-family: "vdl-v7mincho", sans-serif;
font-weight: 500;
font-style: normal;
transition: transform .6s ease, opacity .2s ease;
position: relative;
}
.gnav_sp .nav_main>ul>li>a:after {
content: "";
width: 15px;
height: 10px;
margin: auto;
background: #8d5d00;
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
top: 0;
bottom: 0;
left: 0;
}
.gnav_sp .nav_main>ul>li.nav_drawer>a:after {
transform: rotate(90deg);
}
.gnav_sp .nav_main>ul>li.nav_drawer>a.open:after {
transform: rotate(-90deg);
}
.open .gnav_sp {
visibility: visible;
opacity: 1;
}
.open .gnav_sp .nav_main>ul>li {
opacity: 1;
transform: translateX(0);
transition: transform 1s ease, opacity .9s ease;
}
@media(min-width: 768px) {
.gnav_sp {
overflow-y: scroll;
-ms-overflow-style: none;
scrollbar-width: none;
}
.gnav_sp::-webkit-scrollbar {
display: none;
}
.gnav_sp .ps-container>.ps-scrollbar-y-rail>.ps-scrollbar-y {
background-color: transparent !important;
}
}
@media(min-width: 768px) and (max-width:1299px) {
.btn_gnav_sp {
width: calc(110 / 1700 * 100vw);
height: calc(110 / 1700 * 100vw);
}
.gnav_sp {
padding-top: calc(160 / 1500 * 100vw);
}
}
@media(min-width: 768px) and (max-width:1499px) {
.gnav_sp {
width: calc(790 / 1300 * 100vw);
}
.gnav_sp .nav_main>ul>li>a:after {
width: calc(15 / 1300 * 100vw);
height: calc(15 / 1300 * 100vw);
}
.gnav_sp .nav_main>ul>li>a {
font-size: calc(20 / 1300 * 100vw);
}
.gnav_sp .nav_main>ul>li>a:after {
width: calc(15 / 1300 * 100vw);
height: calc(10 / 1300 * 100vw);
}
}
@media only screen and (max-width: 767px) {
.btn_gnav_sp {
top: 3vw;
right: 3.2vw;
height: calc(100 / 750 * 100vw);
width: calc(100 / 750 * 100vw);
}
.btn_gnav_sp .txt_gnav {
width: calc(62 / 750 * 100vw);
height: calc(13 / 750 * 100vw);
bottom: 2vw;
}
.btn_gnav_sp .icn_gnav {
width: calc(40 / 750 * 100vw);
height: 1px;
top: -2.5vw;
}
.btn_gnav_sp .icn_gnav:before,
.btn_gnav_sp .icn_gnav:after {
height: 1px;
}
.btn_gnav_sp .icn_gnav:before {
top: -1.5vw;
}
.btn_gnav_sp .icn_gnav:after {
bottom: -1.75vw;
}
.gnav_sp {
max-width: calc(600 / 750 * 100vw);
width: 80%;
padding: 19vw 0 0;
line-height: 1.45;
}
.gnav_sp .nav_main {
padding: 0 3vw 20vw;
}
.gnav_sp .nav_main>ul{
width: calc(560 / 750 * 100vw);
}
.gnav_sp .nav_main>ul>li {
padding: 0;
}
.gnav_sp .nav_main>ul>li>a {
padding: 1.6vw 0vw 1.6vw 5vw;
font-size: calc(32 / 750 * 100vw);
text-align: left;
line-height: 1.55;
letter-spacing: 0;
}
.gnav_sp .nav_main>ul>li>a:after {
width: 12.5px;
height: 7.5px;
top: 4vw;
bottom: auto;
}
}
/* ヘッダー header
------------------------------------------------------------------*/
header {
width: 100%;
padding-left: calc(30 / var(--break05));
padding-right: calc(110 / var(--break04));
z-index: 10;
}
header h1 {
width: calc(380 / var(--break04));
padding-top: calc(30 / 1920 * 100vw);
}
header .col_contact{
position: relative;
z-index: 1;
}
header .col_contact .cover_head_address{
width: calc(505 / var(--break04));
font-size: calc(18/ var(--break04));
padding-top: calc(20 / var(--break04));
line-height: 1.5;
text-align: center;
color: #fff;
position: absolute;
right: 100%;
}
header .row_contact01{
width: calc(730 / var(--break04));
position: absolute;
top: calc(100% - 10 / var(--break05));
right: calc(20 / var(--break04));
}
header .row_contact01 > .btn {
width: calc(230 / var(--break04));
height: calc(60 / var(--break04));
font-size: calc(18 / var(--break04));
}
header .row_contact01 > .btn::before {
right: calc(15 / var(--break04));
}
header .row_contact01 > .btn .icon {
width: calc(30 / var(--break04));
height: calc(30 / var(--break04));
left: calc(20 / var(--break04));
}
@media(min-width: 768px) and (max-width:1599px) {
header .col_contact .cover_head_address{
letter-spacing: .08em;
}
}
@media(min-width: 768px) and (max-width:1299px) {
header {
padding-right: calc(110 / 1700 * 100vw);
}
header h1 {
width: calc(380 / 1700 * 100vw);
}
header .col_contact .cover_head_address{
width: calc(490/ 1700 * 100vw);
letter-spacing: .05em;
font-size: calc(18/ 1700 * 100vw);
}
}
@media(max-width: 767px) {
header .col_contact {
display: none;
}
header {
padding-left: calc(24 / 750 * 100vw);
padding-right: 0;
}
header h1 {
padding-top: calc(18 / 750 * 100vw);
}
header .row_contact01{
display: none;
}
.sp_address{
padding: 4vw 2vw;
line-height: 1.9;
letter-spacing: .05em;
font-size: calc(28 / 750 * 100vw);
}
}
/* メインイメージ main_img
------------------------------------------------------------------*/
.main_img {
position: relative;
}
.main_img .slide_main {
opacity: 0;
transition: opacity .3s linear;
pointer-events: none;
}
.main_img .slide_main.slick-initialized {
opacity: 1;
}
.main_img .slide_main li {
min-height: 600px;
height: 100vh;
}
.main_img.tab .slide_main li {
height: auto;
}
.main01 {
background: url(images/index/main01.jpg)no-repeat center / cover;
}
.main_img .tag_main_img{
width: calc(440 / var(--break04));
height: calc(135 / var(--break04));
margin: auto;
font-size: calc(28 / var(--break04));
color: #fff;
background: url(images/index/tag_main_img.png)no-repeat center / contain;
outline: 1px solid #fff;
outline-offset: calc(-10 / var(--break04));
position: absolute;
right: calc(40 / 1920 * 100vw);
bottom: calc(50 / 1920 * 100vw);
}
.main_img .txt_implant{
width: calc(1230 / 1920 * 100vw);
position: absolute;
bottom: calc(-4 / 1920 * 100vw);
left: calc(70 / 1920 * 100vw);
}
.main_img .cover_ballon_main_img{
width: calc(372 / var(--break04));
height: calc(305 / var(--break04));
position: absolute;
left: calc(60 / var(--break05));
bottom: calc(190 / 1920 * 100vw);
}
.cover_ballon_main_img .label_main_img{
width: calc(372 / var(--break04));
height: calc(102 / var(--break04));
line-height: 1.5;
padding: calc(8 / var(--break04)) 0 0;
font-size: calc(24 / var(--break04));
text-align: center;
background: url(images/index/main_icon_label.png)no-repeat center / contain;
position: absolute;
bottom: calc(-12.5 / var(--break04));
}
.main_img .ballon_main_img {
width: calc(305 / var(--break04));
height: calc(305 / var(--break04));
padding-bottom: calc(50 / var(--break04));
line-height: 1.3;
letter-spacing: 0;
font-size: calc(34 / var(--break04));
margin: auto;
background: url(images/index/main_icon.png)no-repeat center / contain;
}
.main_img .ballon_main_img .fz80{
letter-spacing: -.025em;
line-height: 1;
font-size: calc(80 / var(--break04));
}
.cover_main_img{
width: 100%;
height: 100%;
margin: auto;
position: absolute;
inset: 0;
z-index: 1;
}
.catch_main_img{
width: calc(750 / var(--break04));
margin: 0 auto calc(15 / var(--break04));
padding: calc(7.5 / var(--break04));
line-height: 1.5;
font-size: calc(36 / var(--break04));
color: #fff;
background-image: linear-gradient(to left, #ae3100, #ba5f00);
}
.catch_main_img02{
margin-bottom: calc(15 / var(--break04));
line-height: 1.15;
font-size: calc(93.5 / var(--break04));
color: #fff;
}
.catch_main_img03{
line-height: 1.4;
font-size: calc(55 / var(--break04));
color: #fff;
}
.catch_main_img03 .deco{
display: inline-block;
padding: 0 calc(20 / var(--break05));
position: relative;
z-index: 1;
}
.catch_main_img03 .deco::before,
.catch_main_img03 .deco::after
{
content: "";
width: calc(300 / 1920 * 100vw);
height: calc(2 / var(--break04));
margin: auto;
background: url(images/index/deco_catch_main_img03.svg)no-repeat center / contain;
position: absolute;
inset: 0 auto;
}
.catch_main_img03 .deco::before{left: 100%; transform: scale(-1, 1);}
.catch_main_img03 .deco::after{right: 100%;}
@media (min-width: 768px) and (max-width: 1899px) {
.main_img .slide_main li {
height: calc(900 / var(--break04));
}
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media only screen and (max-width: 767px) {
.main_img .slide_main li {
min-height: auto;
height: calc(100svh - calc(120 / var(--break) * 100vw));
}
.main01 {
background: url(images/index/main01_sp.jpg)no-repeat center / cover;
}
.main_img .tag_main_img{
width: calc(330 / 750 * 100vw);
height: calc(135 / 750 * 100vw);
line-height: 1.5;
letter-spacing: 0;
background: url(images/index/tag_main_img_sp.png)no-repeat center / contain;
right: calc(20 / 750 * 100vw);
bottom: calc(60 / 750 * 100vw);
z-index: 2;
}
.main_img .txt_implant{
width: calc(724 / 750 * 100vw);
margin: auto;
left: 0;
right: 0;
z-index: 0;
}
.main_img .cover_ballon_main_img{
width: calc(372 / 750 * 100vw);
height: calc(305 / 750 * 100vw);
left: 0;
bottom: calc(40 / 750 * 100vw);
z-index: 2;
}
.cover_ballon_main_img .label_main_img{
padding: 1.5vw 0 0;
letter-spacing: 0;
bottom: calc(-12.5 / var(--break04));
}
.main_img .ballon_main_img {
padding-bottom: calc(50 / var(--break04));
}
.cover_main_img{
padding-bottom: 15vw;
}
.catch_main_img{
width: calc(568 / 750 * 100vw);
margin: 0 auto 2vw;
padding: 1vw;
letter-spacing: 0;
font-size: calc(26 / 750 * 100vw);
}
.catch_main_img02{
margin-bottom: 2vw;
font-size: calc(72 / 750 * 100vw);
}
.catch_main_img03{
letter-spacing: 0;
font-size: calc(42 / 750 * 100vw);
}
.catch_main_img03 .deco{
padding: 0 calc(20 / var(--break04));
}
.catch_main_img03 .deco::before,
.catch_main_img03 .deco::after
{
width: calc(168 / 750 * 100vw);
height: calc(1.6 / 750 * 100vw);
background: url(images/index/deco_catch_main_img03_sp.svg)no-repeat center / contain;
}
}
/* areaTitle_common
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
}
/* top_trouble
------------------------------------------------------------------*/
.top_trouble{
position: relative;
z-index: 5;
}
.bg_trouble{
border-top: calc(20 / var(--break04)) solid #3a2805;
padding: calc(60 / var(--break04)) 0 0;
position: relative;
z-index: 1;
}
.bg_trouble::before{
content: "";
max-height: 745px;
width: calc(1920 / var(--break04));
height: calc(751 / var(--break04));
margin: auto;
background: url(images/index/bg_trouble01.png)no-repeat center bottom / cover;
position: absolute;
top: -1px;
left: 0;
right: 0;
z-index: -1;
}
.row_trouble{
margin-bottom: calc(50 / 1920 * 100vw);
}
.row_trouble > .col{
width: 32%;
padding: calc(48 / var(--break04)) 1%;
line-height: 1.8;
text-align: center;
background: #fff;
position: relative;
z-index: 1;
}
.row_trouble > .col::before {
content: "";
width: 100%;
height: 100%;
margin: auto;
background: #f1efeb;
clip-path: polygon(0 0, 100% 0, 100% var(--size40px), 0 100%);
position: absolute;
inset: 0;
z-index: -1;
}
.row_trouble .num{
width: var(--size40px);
height: var(--size50px);
padding-bottom: var(--size10px);
line-height: 1;
background: #7f4042;
clip-path: polygon(100% 0, 100% 100%, 50% calc(100% - var(--size10px)), 0 100%, 0 0);
color: #fff;
position: absolute;
top: 0;
left: var(--size10px);
}
.row_trouble > .col:nth-of-type(2n){
background: #f1efeb;
}
.row_trouble > .col:nth-of-type(2n)::before {
background: #fff;
}
.row_trouble > .col:nth-of-type(2n) .num{
background: #ba5f00;
}
.copy_trouble .fz34{font-size: calc(34 / var(--break03)); letter-spacing: .05em;}
.copy_trouble .fz50{font-size: calc(50 / var(--break03)); letter-spacing: .05em;}
@media(min-width: 768px) {
.row_trouble > .col:nth-of-type(n + 4){
margin-top: calc(30 / var(--break04));
}
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.bg_trouble{
padding: calc(65 / 750 * 100vw) 0 0;
}
.bg_trouble::before{
width: calc(750 / 750 * 100vw);
height: calc(1070 / 750 * 100vw);
background: url(images/index/bg_trouble01_sp.png)no-repeat center bottom / cover;
}
.row_trouble{
margin-bottom: calc(50 / 750 * 100vw);
}
.row_trouble > .col{
width: 48.5%;
padding: calc(52.5 / 750 * 100vw) 1%;
line-height: 1.8;
}
.row_trouble > .col:nth-of-type(n + 3){
margin-top: calc(20 / var(--break04));
}
.row_trouble .num{
padding-bottom: var(--size10px);
letter-spacing: 0;
font-size: calc(24 / 750 * 100vw);
}
.row_trouble .fz22{
line-height: 1.6;
letter-spacing: 0;
font-size: calc(26.5 / 750 * 100vw);
}
.copy_trouble .fz34{font-size: calc(34 / 750 * 100vw); letter-spacing: 0;}
.copy_trouble .fz50{font-size: calc(50 / 750 * 100vw); letter-spacing: 0;}
}
/* top_feature
------------------------------------------------------------------*/
.top_feature{
padding-top: calc(200 / var(--break03));
background: url(images/index/deco_rejdcted.png)no-repeat top calc(-150 / var(--break04)) center / 100%;
}
.top_feature .fz38_feature{
font-size: calc(37 / var(--break04));
}
.bg_feature_common{
position: relative;
z-index: 1;
}
.bg_feature_common > .deco_pattern{
height: calc(200 / var(--break04));
bottom: 0;
opacity: .1;
}
.copy_feature_common{
margin-bottom: calc(30 / var(--break04));
padding-bottom: calc(25 / var(--break04));
line-height: 1.7;
text-align: center;
border-bottom: 1px solid #333;
}
.copy_feature_common02{
letter-spacing: .15em;
line-height: .7;
font-size: calc(179.5 / 1920 * 100vw);
position: absolute;
z-index: 5;
}
.num_feature_common{
width: calc(140 / 1920 * 100vw);
height: calc(186 / 1920 * 100vw);
margin: auto;
padding-bottom: calc(20 / 1920 * 100vw);
line-height: 1;
letter-spacing: .1em;
font-size: calc(62 / 1920 * 100vw);
color: #ba5f00;
background: url(images/index/namu.png)no-repeat center / contain;
position: absolute;
top: calc(-18 / 1920 * 100vw);
z-index: 5;
}
.box_feature_common{
max-width: 1340px;
width: 94%;
margin-left: auto;
margin-right: auto;
position: absolute !important;
left: 0;
right: 0;
z-index: 2;
}
.box_feature_common .copy_feature_common02{
left: 0;
right: 0;
text-align: center;
bottom: calc(99.99% - 6 / var(--break04));
}
.deco_feature_top::before,
.deco_feature_bottom::after
{
content: "";
width: calc(656 / var(--break04));
height: calc(657 / var(--break04));
margin: auto;
background: url(images/index/deco08.png) no-repeat center / contain;
position: absolute;
z-index: -1;
}
.deco_feature_top::before{
background: url(images/index/deco08_2.png) no-repeat center / contain;
top: 0;
right: 0;
}
.deco_feature_bottom::after{
bottom: 0;
left: 0;
}
@media(min-width: 768px) and (max-width:1299px) {
.top_feature .fz38_feature{
letter-spacing: .05em;
font-size: calc(34 / 1700 * 100vw);
}
}
@media(max-width: 767px) {
.top_feature{
padding-top: calc(200 / var(--break03));
background: url(images/index/deco_feature01_sp.png)no-repeat top calc(-150 / 750 * 100vw) center / 100%;
}
.top_feature .fz38_feature{
letter-spacing: 0;
font-size: calc(38 / 750 * 100vw);
}
.bg_feature_common::before{
content: "";
width: 100%;
height: calc(280 / 750 * 100vw);
margin: auto;
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.bg_feature_common > .deco_pattern{
height: calc(200 / var(--break04));
bottom: 0;
opacity: .1;
}
.copy_feature_common{
margin-bottom: calc(30 / var(--break04));
padding-bottom: calc(25 / var(--break04));
line-height: 1.7;
text-align: center;
border-bottom: 1px solid #333;
}
.copy_feature_common02{
letter-spacing: 0;
font-size: calc(140 / 750 * 100vw);
}
.num_feature_common{
width: calc(84 / 750 * 100vw);
height: calc(112 / 750 * 100vw);
padding-bottom: calc(20 / 750 * 100vw);
letter-spacing: .1em;
font-size: calc(37 / 750 * 100vw);
top: calc(-18 / 1920 * 100vw);
}
.box_feature_common{
max-width: 1340px;
width: 94%;
margin-left: auto;
margin-right: auto;
position: absolute !important;
left: 0;
right: 0;
z-index: 2;
}
.box_feature_common .copy_feature_common02{
left: 0;
right: 0;
text-align: center;
bottom: calc(99.99% - 6 / var(--break04));
}
.deco_feature_top::before,
.deco_feature_bottom::after
{
content: "";
width: calc(656 / var(--break04));
height: calc(657 / var(--break04));
margin: auto;
background: url(images/index/deco08.png) no-repeat center / contain;
position: absolute;
z-index: -1;
}
.deco_feature_top::before{
background: url(images/index/deco08_2.png) no-repeat center / contain;
top: 0;
right: 0;
}
.deco_feature_bottom::after{
bottom: 0;
left: 0;
}
}
/* top_feature01
------------------------------------------------------------------*/
.bg_feature11{
padding: var(--size60px) 0 var(--size180px);
position: relative;
z-index: 1;
}
.bg_feature11::before{
content: "";
width: 100%;
height: calc(100% - var(--size100px));
margin: auto;
background: url(images/page/pattern_02.png)repeat;
clip-path: polygon(0 0, 100% 0%, 100% calc(100% - var(--size200px)), 0% 100%);
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.bg_feature11::after{
content: "";
width: calc(1920 / 1920 * 100vw);
height: calc(585 / 1920 * 100vw);
margin: auto;
background: url(images/index/deco_feature02.png)no-repeat center / contain;
position: absolute;
top: 0;
left: 0;
right: 0;
z-index: -1;
}
.row_feature10{
max-width: 1720px;
width: calc(100% - 200 / 1920 * 100vw);
margin-right: calc(80 / var(--break04));
margin-left: auto;
}
.row_feature10 > .col_img{
width: 53%;
position: relative;
z-index: 1;
}
.row_feature10 > .col_txt{
width: 50.5%;
position: relative;
z-index: 2;
}
.row_feature10 .box{
width: 100%;
padding: calc(50 / var(--break04)) calc(50 / 1920 * 100vw);
padding-bottom: calc(140 / var(--break04));
background-image: linear-gradient(to top, #eeebe6, #fff);
border-top: solid #d1be99 calc(20 / var(--break04));
}
.row_feature10 .box > .wrap{
max-width: 700px;
margin: auto;
}
.row_feature10 .num_feature_common{
left: calc(30 / var(--break04));
}
.row_feature10 .copy_feature_common02{
position: absolute;
left: calc(90 / var(--break04));
bottom: calc(-40 / var(--break04));
}
.row_feature11 > .col{
max-width: 394px;
width: 32%;
}
@media(min-width: 768px) {
.row_feature10 > .col_img{
margin-top: calc(-40 / var(--break04));
}
.row_feature10 > .col_txt{
padding-top: calc(60 / var(--break04));
margin-right: -4%;
}
}
@media(min-width: 768px) and (max-width:1599px) {
.row_feature10{
width: calc(100% - 180 / 1920 * 100vw);
margin-right: calc(65 / var(--break04));
}
}
@media(min-width: 768px) and (max-width:1299px) {
.row_feature10{
width: calc(100% - 160 / 1920 * 100vw);
margin-right: calc(50 / var(--break04));
}
}
@media(max-width: 767px) {
.bg_feature11{
padding: var(--size60px) 0 var(--size150px);
}
.bg_feature11::before{
height: calc(100% - var(--size90px));
background: url(images/page/pattern_02.png)repeat center / calc(418 / 700 * 100vw);
clip-path: polygon(0 0, 100% 0%, 100% calc(100% - var(--size80px)), 0% 100%);
}
.bg_feature11::after{
width: calc(1920 / 1920 * 100vw);
height: calc(585 / 1920 * 100vw);
background: url(images/index/deco_feature02.png)no-repeat center / contain;
}
.row_feature10{
width: 100%;
margin-right: auto;
margin-left: auto;
}
.row_feature10 > .col_img{
width: 100%;
padding: 0 calc(4 / 750 * 100vw) 0 calc(24 / 750 * 100vw);
margin-bottom: calc(20 / 750 * 100vw);
}
.row_feature10 > .col_txt{
width: calc(702 / 750 * 100vw);
margin: 0 auto;
}
.row_feature10 .box{
width: 100%;
padding: calc(50 / 750 * 100vw) calc(40 / 750 * 100vw);
padding-bottom: calc(100 / var(--break04));
background-image: linear-gradient(to top, #eeebe6, #fff);
border-top: solid #d1be99 calc(20 / var(--break04));
}
.row_feature10 .box > .wrap{
max-width: 700px;
margin: auto;
}
.row_feature10 .num_feature_common{
left: 7vw;
}
.row_feature10 .copy_feature_common02{
text-align: center;
left: 0;
right: 0;
bottom: calc(-40 / var(--break04));
}
.row_feature10 .num_feature_common{
top: 59.5vw;
}
.row_feature11 > .col{
width: 48.5%;
}
.row_feature11 > .col:last-child{
margin: calc(20 / var(--break02)) auto 0;
}
}
/* top_feature02
------------------------------------------------------------------*/
.row_feature20.row_common02 {
max-width: 1790px;
}
.row_feature20 .num_feature_common{
right: calc(-30 / var(--break05));
}
.row_feature20 .copy_feature_common02 {
left: 40%;
text-align: center;
top: calc(-80 / var(--break04));
}
.row_feature21{
width: calc(910 / var(--break04));
position: absolute;
top: calc(-75 / var(--break04));
left: 0;
right: 0;
z-index: 1;
}
.row_feature21::before{
content: "";
width: calc(130 / var(--break04));
height: calc(130 / var(--break04));
margin: auto;
background: url(images/index/cross.png)no-repeat center / contain;
position: absolute;
inset: 0;
z-index: -1;
}
.row_feature21 > .circle{
width: calc(341 / var(--break04));
height: calc(341 / var(--break04));
line-height: 1.2;
color: #fff;
background: url(images/index/circle_feature20.png)no-repeat center / cover;
}
.row_feature21 > .circle02{
background: url(images/index/circle_feature21.png)no-repeat center / cover;
}
@media(min-width: 768px) {
.row_feature20 > .col_img{
top: calc(-40 / var(--break04));
}
.row_feature20 > .col_txt{
padding-top: calc(110 / 1920 * 100vw);
}
.row_feature21 .fz44{
font-size: calc(44 / var(--break04));
}
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.row_feature20.row_common02 .col_img{
margin-bottom: 5vw;
padding: 0 calc(3 / var(--break02)) 0 calc(24 / var(--break02));
}
.row_feature20 .num_feature_common{
right: 3vw;
top: 60vw;
}
.row_feature20 .copy_feature_common02 {
left: 0;
right: 0;
text-align: center;
top: -7vw;
}
.row_feature21{
width: calc(702 / var(--break04));
top: calc(-75 / var(--break04));
}
.row_feature21::before{
width: calc(82 / var(--break04));
height: calc(82 / var(--break04));
margin: auto;
}
.row_feature21 > .circle{
width: calc(274 / 750 * 100vw);
height: calc(274 / 750 * 100vw);
line-height: 1.2;
}
.row_feature21 .fz44{
letter-spacing: 0;
font-size: calc(35 / 750 * 100vw);
}
}
/* top_feature03
------------------------------------------------------------------*/
.top_feature03 .box_feature_common{
top: calc(230 / 1920 * 100vw);
z-index: 9;
}
.top_feature03 .num_feature_common{
left: calc(140 / 1920 * 100vw);
}
.bg_feature30{
padding: calc(190 / var(--break02)) 0 calc(80 / var(--break03));
position: relative;
z-index: 1;
}
.bg_feature30 > .bg_pattern02{
width: 100%;
height: 100%;
margin: auto;
opacity: .6;
position: absolute;
inset: 0;
z-index: -2;
}
.bg_feature32{
padding: calc(80 / var(--break03)) 0;
}
.box_feature30{
padding: calc(50 / var(--break03)) 4% calc(85 / var(--break03));
background: url(images/index/bg_feature03.jpg)no-repeat center / cover;
outline: 1px solid #333333;
outline-offset: calc(-19 / var(--break03));
position: relative;
z-index: 1;
}
.row_feature30 .col{
max-width: 240px;
width: 24%;
}
@media(min-width: 768px) and (max-width:1299px) {
.top_feature03 .box_feature_common{
top: calc(215 / 1920 * 100vw);
}
.bg_feature30{
padding: calc(210 / var(--break02)) 0 calc(80 / var(--break03));
}
}
@media(min-width: 768px) and (max-width:1299px) {
.top_feature03 .box_feature_common{
top: calc(200 / 1920 * 100vw);
}
.bg_feature30{
padding: calc(230 / var(--break02)) 0 calc(80 / var(--break03));
}
}
@media(max-width: 767px) {
.top_feature03 .box_feature_common{
top: calc(230 / 750 * 100vw);
}
.top_feature03 .num_feature_common{
left: 4vw;
}
.bg_feature30{
padding: calc(540 / 750 * 100vw) 0 calc(80 / 750 * 100vw);
}
.bg_feature32{
padding: calc(80 / var(--break03)) 0;
}
.bg_feature32.bg_feature_common::before{
content: none;
}
.box_feature30{
padding: calc(50 / var(--break03)) 5.5vw calc(60 / var(--break03));
background: url(images/index/bg_feature03_sp.jpg)no-repeat center / cover;
}
.row_feature30 .col{
width: 48%;
}
.row_feature30 .col:nth-of-type(n + 3){
margin-top: calc(20 / var(--break03))
}
.top_feature03 .row_common30{
justify-content: space-between;
}
.top_feature03 .row_common30>.col{
width: 48.5%;
margin: 0;
}
.top_feature03 .row_common30>.col:nth-of-type(n + 3){
margin-top: calc(40 / 750 * 100vw);
}
.top_feature03 .row_common30>.col:last-child{
margin: calc(40 / 750 * 100vw) auto auto;
}
.top_feature03 .row_common30 .copy_row_common30{
letter-spacing: 0;
font-size: calc(28/ 750 * 100vw);
}
.top_feature03 .row_common30 .areaText{
letter-spacing: 0;
font-size: calc(26/ 750 * 100vw);
}
}
/* top_feature04
------------------------------------------------------------------*/
.top_feature04{
padding: calc(60 / var(--break02)) 0 calc(110 / var(--break02));
position: relative;
z-index: 1;
}
.top_feature04::before{
content: "";
width: calc(1060 / var(--break04));
height: calc(520 / var(--break04));
margin: auto;
background: #eeebe6;
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
position: absolute;
bottom: 0;
right: 0;
z-index: -1;
}
.top_feature04 > .bg_pattern02{
width: 100%;
height: 100%;
margin: auto;
opacity: .6;
position: absolute;
inset: 0;
z-index: -2;
}
.row_feature40.row_feature10 .box{
background-image: none;
}
.row_feature40 .ballon_feature40{
width: calc(255 / var(--break03));
height: calc(232 / var(--break03));
margin: auto;
position: absolute;
left: 0;
right: 0;
z-index: 10;
}
@media(min-width: 768px) {
.row_feature40.row_feature10 > .col_img{
margin-top: 0;
}
.row_feature40.row_feature10 > .col_txt {
padding-top: 0;
}
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.top_feature04{
padding: 0 0 calc(125 / var(--break02));
}
.top_feature04::before{
width: calc(530 / 750 * 100vw);
height: calc(260 / 750 * 100vw);
}
.top_feature04::after{
content: "";
width: 100%;
height: calc(280 / 750 * 100vw);
margin: auto;
background: #fff;
position: absolute;
top: 0;
left: 0;
right: 0;
}
.row_feature40 .ballon_feature40{
width: calc(204 / var(--break03));
height: calc(185 / var(--break03));
right: 5vw;
left: auto;
z-index: 10;
top: 70vw;
}
}
/* top_feature05
------------------------------------------------------------------*/
.top_feature05{
margin-top: calc(190 / var(--break04));
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
}
/* top_feature06
------------------------------------------------------------------*/
.bg_feature06{
height: calc(560 / var(--break02));
position: relative;
z-index: 1;
}
.bg_feature06 > .bg_pattern02{
width: 100%;
height: 100%;
margin: auto;
opacity: .6;
position: absolute;
inset: 0;
z-index: -2;
}
.top_feature06 .box_feature_common{
padding-bottom: calc(145 / var(--break03));
top: calc(425 / 1920 * 100vw);
position: absolute;
z-index: 20;
}
.row_feature61{
width: calc(800 / var(--break03));
margin: auto;
position: absolute;
left: 0;
right: 0;
top: calc(100% - 100 / var(--break03));
}
.row_feature61 > .circle{
width: calc(240 / var(--break03));
height: calc(240 / var(--break03));
line-height: 1.6;
color: #fff;
font-size: calc(30.5 / var(--break03));
background: url(images/index/circle_feature60.png)no-repeat center / cover;
}
.row_feature61 > .circle02{background: url(images/index/circle_feature61.png)no-repeat center / cover;}
.row_feature61 > .circle03{background: url(images/index/circle_feature62.png)no-repeat center / cover;}
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.bg_feature06{
height: calc(745 / 750 * 100vw);
}
.top_feature06 .box_feature_common{
padding-bottom: calc(150 / var(--break03));
top: calc(230 / 750 * 100vw);
}
.row_feature61{
width: calc(640 / 750 * 100vw);
top: calc(100% - 100 / 750 * 100vw);;
}
.row_feature61 > .circle{
width: calc(194 / 750 * 100vw);
height: calc(194 / 750 * 100vw);
letter-spacing: 0;
}
.row_feature61 > .circle .fz30{
letter-spacing: 0;
font-size: calc(26 / 750 * 100vw);
}
}
/* top_implant
------------------------------------------------------------------*/
.top_implant{
padding-top: calc(120 / var(--break03));
}
.bg_implant.bg_row_common02::before{
background: #ebf5f6;
}
.bg_implant02{
padding: calc(80 / var(--break03)) 0 calc(100 / var(--break03));
position: relative;
z-index: 1;
}
.bg_implant02::before,
.bg_implant02::after
{
content: "";
width: calc(656 / var(--break04));
height: calc(657 / var(--break04));
margin: auto;
background: url(images/index/deco09.svg) no-repeat center / contain;
position: absolute;
z-index: -1;
}
.bg_implant02::before{
top: 0;
right: 0;
}
.bg_implant02::after{
bottom: 0;
left: 0;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.top_implant .col_img{padding-right: 2.5vw;}
}
/* top_overdenture
------------------------------------------------------------------*/
.top_overdenture{
padding-top: calc(120 / var(--break03));
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.top_overdenture .col_img{padding-left: 2.5vw;}
}
/* top_rejected
------------------------------------------------------------------*/
.top_rejected{
padding-top: calc(100 / var(--break02));
border-top: #d1be99 solid calc(20 / var(--break04));
background: url(images/index/deco_rejdcted.png)no-repeat center top / 100%;
position: relative;
z-index: 1;
}
.bg_rejected{
padding: 0 0 calc(90 / var(--break03));
position: relative;
z-index: 2;
}
.bg_rejected::before{
content: "";
width: 100%;
height: calc(100% - 50 / var(--break03));
margin: auto;
background: url(images/page/pattern_02.png)repeat;
clip-path: polygon(0 calc(300 / var(--break04)), 100% 0, 100% 100%, 0 100%);
position: absolute;
bottom: 0;
left: 0;
right: 0;
z-index: -1;
}
.bg_rejected::after{
content: "";
width: calc(656 / var(--break04));
height: calc(657 / var(--break04));
margin: auto;
background: url(images/index/deco09.svg) no-repeat center / contain;
position: absolute;
opacity: .3;
bottom: 0;
left: 0;
z-index: -1;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.top_rejected{
padding-top: calc(90 / var(--break02));
background: url(images/index/deco_rejdcted_sp.png)no-repeat center top / 100%;
}
.bg_rejected::before{
height: calc(100% - 100 / var(--break03));
background: url(images/page/pattern_02.png)repeat;
clip-path: polygon(0 calc(140 / var(--break04)), 100% 0, 100% 100%, 0 100%);
}
}
/* lp_case
------------------------------------------------------------------*/
.top_case{
padding: calc(110 / var(--break02)) 0;
}
.row_tabs .tab {
max-width: 400px;
width: 32.5%;
min-height: var(--size100px);
padding: var(--size10px);
color: #fff;
background: #8d5d00;
line-height: 1.6;
font-size: calc(24 / var(--break03));
position: relative;
z-index: 1;
transition: .5s all;
opacity: .8;
}
.row_tabs .tab::before {
width: calc(30 / var(--break03));
height: calc(10 / var(--break03));
margin: auto;
background: #8d5d00;
clip-path: polygon(51% 100%, 0 0, 100% 0);
position: absolute;
top: calc(100% - .5px);
left: 0;
right: 0;
z-index: -1;
}
.row_tabs .tab.select::before {content: "";}
.row_tabs .tab.bg_col10::before {background: #7f4042;}
.row_tabs .tab.bg_col11::before {background: #ba5f00;}
.area_folders .folder {display: none;}
.area_folders .folder.is_show {display: block;}
.row_tabs .tab.select ,
.row_tabs .tab:hover {
transition: .5s all;
opacity: 1;
}
@media(min-width: 768px) {
.inner_case{
width: 94%;
}
}
@media(max-width: 767px) {
.row_tabs {
margin-bottom: var(--size60px);
}
.row_tabs .tab {
width: 48.5%;
min-height: var(--size100px);
padding: var(--size10px);
line-height: 1.6;
letter-spacing: 0;
font-size: calc(23.5 / var(--break03));
}
.row_tabs .tab:last-child {
margin: calc(30 / var(--break03)) auto 0;
}
.row_tabs .tab.select {
transition: .5s all;
}
}
/* lp_case
------------------------------------------------------------------*/
.area_case_common01 .box_case{
padding: var(--size45px) calc(40 / var(--break03)) var(--size60px);
background: #eeebe6;
}
.slider_case .slick-prev,
.slider_case .slick-next,
.slider_case .slick-prev:hover,
.slider_case .slick-next:hover,
.slider_case .slick-prev:focus,
.slider_case .slick-next:focus {
width: calc(42 / var(--break02));
height: calc(80 / var(--break02));
background: url(images/page/arw_case.svg)no-repeat center / cover;
z-index: 1;
top: calc(-80 / var(--break02));
bottom: 0;
margin: auto;
transform: none;
}
.slider_case .slick-prev:before,
.slider_case .slick-next:before {
display: none;
}
.slider_case .slick-prev {
left: calc(45 / var(--break02));;
}
.slider_case .slick-next {
right: calc(45 / var(--break02));;
transform: scaleX(-1) !important;
}
.slider_case.slick-dotted.slick-slider{
margin-bottom: 0 !important;
}
.slider_case .slick-dots{
margin-top: var(--size20px);
position: relative;
inset: auto;
}
.slider_case li button:before {
width: calc(11 / var(--break02));
height: calc(11 / var(--break02));
opacity: 1;
background: #d1be99;
font-size: 0;
border-radius: 100%;
}
.slider_case .slick-dots li.slick-active button:before {
opacity: 1;
background: #3c2a2b;
}
.slider_case .slick-dots li:only-child {
display: none;
}
.slider_case .slick-list{
padding: 0 !important;
}
.slider_case .tbl_caption{
margin-top: var(--size10px);
color: #333;
}
.copy_case_common02{
width: 100%;
margin-bottom: var(--size20px);
height: var(--size50px);
line-height: 1;
letter-spacing: .1em;
font-size: 133.3%;
color: #7f4042;
background: #fff;
border: 1px solid #7f4042;
}
.col_r .copy_case_common02{
color: #ba5f00;
border: 1px solid #ba5f00;
}
@media(min-width: 768px) {
.inner_case{width: calc(1240 / var(--break02));}
}
@media(min-width: 768px) and (max-width:1299px) {
.inner_case{width: calc(1240 / var(--break03));}
}
@media(max-width: 767px) {
.lp_case .areaTitle{
padding-bottom: 8vw;
}
.area_case_common01{
width: calc(702 / var(--break02));
}
.area_case_common01 .box_case{
width: calc(702 / var(--break02));
padding: var(--size45px) var(--size25px) var(--size60px);
}
.copy_case02{
width: 100%;
height: var(--size50px);
margin-bottom: var(--size20px);
padding-top: calc(2.5 / var(--break02));
line-height: 1;
letter-spacing: 0;
font-size: calc(24 /750*100vw);
}
.box_case02{
padding: var(--size40px) 5vw;
}
.slider_case .slick-prev,
.slider_case .slick-next,
.slider_case .slick-prev:hover,
.slider_case .slick-next:hover,
.slider_case .slick-prev:focus,
.slider_case .slick-next:focus {
z-index: 1;
top: 68vw;
bottom: auto;
}
.slider_case .slick-prev {
left: 4.5%;
}
.slider_case .slick-next {
right: 4.5%;
transform: scaleX(-1) !important;
}
.slider_case .slick-dots{
}
.slider_case li button:before {
width: var(--size20px);
height: var(--size20px);
}
.slider_case .slick-dots li{margin: 0;}
.copy_case_common02{
margin-bottom: var(--size20px);
padding-top: calc(2.5 / var(--break02));
letter-spacing: .1em;
font-size: calc(24 / 750 * 100vw);
}
}
/* top_comparison
------------------------------------------------------------------*/
.top_comparison{
padding: calc(110 / var(--break02)) 0 0;
}
.bg_comparison{
padding: var(--size80px) 0 var(--size100px);
position: relative;
z-index: 1;
}
.bg_comparison::before{
content: "";
width: 100%;
height: calc(350 / var(--break04));
margin: auto;
background: #fff;
clip-path: polygon(100% 0, 0% 100%, 0 0);
position: absolute;
inset: 0 0 auto;
z-index: -1;
}
.tbl_comparison table {
border: 1px solid #1a1c52;
}
.tbl_comparison thead th {
width: 30%;
text-align: center;
padding: 0;
background: #fff;
border-right: 1px solid #3a2805;
}
.tbl_comparison thead .copy {
padding: var(--size10px);
font-family: "vdl-v7mincho", sans-serif;
font-weight: 500;
font-style: normal;
color: #fff;
background: #8d5d00;
position: relative;
z-index: 1;
}
.tbl_comparison thead .copy::before {
content: "";
width: 1px;
height: 100%;
margin: auto;
background: #fff;
position: absolute;
inset: 0 100% 0 auto;
z-index: -1;
}
.tbl_comparison thead .img {
padding: var(--size25px) var(--size15px) var(--size30px);
}
.tbl_comparison tbody th {
vertical-align: middle;
text-align: center;
}
.tbl_comparison tbody td {
width: 29%;
padding: calc(26 / var(--break03)) 1% calc(22 / var(--break03));
vertical-align: middle;
line-height: 1.8;
text-align: center;
background: #fff;
border-right: 1px solid #1a1c52;
border-top: 1px solid #1a1c52 !important;
}
.tbl_comparison tr:not(:last-child) td{
border-bottom-color: #1a1c52 !important;
}
.tbl_comparison .t01 {
width: 20%;
color: #fff;
background: #3a2805;
border-right: 0;
vertical-align: middle;
}
.tbl_comparison thead .t01 {
border-bottom-width: 1px;
}
.tbl_comparison .point {
display: block;
margin-bottom: var(--size10px);
line-height: 1;
font-size: calc(30 / var(--break03));
text-align: center;
}
@media(min-width: 768px) {
.inner_comparison{
max-width: 1580px;
width: 96%;
}
}
@media(min-width: 768px) and (max-width:1299px) {
.inner_comparison {
width: 94%;
}
.tbl_comparison table {
font-size: 88%;
}
}
@media(max-width: 767px) {
.bg_comparison::before{
height: calc(140 / var(--break04));
}
.bg_comparison .copy_common03.fz40{
font-size: calc(39.5 / 750 * 100vw);
}
.tbl_comparison table{
width: calc(1800 / 750 * 100vw);
font-size: 82.5%;
}
.tbl_comparison .s01 {
font-size: 120%;
}
.tbl_comparison .t01 {
width: 17.5%;
}
.tbl_comparison .t02 {
width: 30% !important;
}
}
/* top_flow
------------------------------------------------------------------*/
.top_flow{
padding: calc(110 / var(--break02)) 0;
position: relative;
z-index: 1;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
}
/* .box_common_flow01
------------------------------------------------------------------*/
.box_common_flow01{
margin-bottom: calc(55 / var(--break02));
padding: calc(46 / var(--break02)) calc(48 / var(--break03)) ;
background: #f1efeb;
position: relative;
z-index: 1;
}
.box_common_flow01 > .deco_pattern{
height: calc(20 / var(--break02));
top: -.5px;
left: 0;
right: auto;
}
.box_common_flow01::after{
content: "";
width: calc(44/ var(--break02));
height: calc(16 / var(--break02));
margin: auto;
position: absolute;
background: #d1be99;
clip-path: polygon(50% 100%, 0 0, 100% 0);
position: absolute;
top: calc(100% + 18 / var(--break03));
left: 0;
right: 0;
z-index: -1;
}
.box_common_flow01:last-child{
margin-bottom: 0;
}
.box_common_flow01:last-child::after{
content: 0;
}
.copy_common_num01{
margin-bottom: calc(15 / var(--break03));
line-height: 1.5;
}
.copy_common_num01 .num{
width: var(--size40px);
height: var(--size40px);
letter-spacing: .1em;
line-height: 1;
font-size: calc(20 / var(--break));
color: #fff;
background: #7f4042;
position: relative;
z-index: 1;
}
.copy_common_num01 .txt{
width: calc(100% - var(--size55px));
}
.box_common_flow01:last-child::after{content: none;}
.box_common_flow01:nth-of-type(2n){
background: #e9dec7;
}
.box_common_flow01:nth-of-type(2n) .num{
background: #ba5f00;
}
@media(min-width: 768px) {
.row_flow > .col_img{
max-width: 345px;
width: 31%;
}
.row_flow > .col_txt{
width: 65%;
}
.box_common_flow01 > .deco_pattern{
background: url(images/page/pattern_01_1.png) repeat left 5px center;
}
}
@media(max-width: 767px) {
.box_common_flow01{
padding: var(--size60px) calc(32 / var(--break02)) var(--size50px);
}
.row_flow > .col_img{
width: calc(620 / var(--break02)) !important;
margin: 0 auto 6vw;
}
.copy_common_num01{
justify-content: center;
margin-bottom: 3vw;
line-height: 1.7;
position: relative;
z-index: 1;
}
.copy_common_num01 .num{
width: var(--size50px);
height: var(--size50px);
letter-spacing: 0;
font-size: calc(23.5 / var(--break));
}
.copy_common_num01 .txt{
width: auto;
letter-spacing: 0;
padding-left: 3vw;
font-size: calc(36 / var(--break));
}
.box_flow{
padding: var(--size55px) 2%;
}
}
/* bg_fee
------------------------------------------------------------------*/
.top_fee{
padding-top: calc(110 / var(--break03));
}
.top_fee02{
padding: calc(80 / var(--break03)) 0 calc(70 / var(--break03));
background: #eeebe6;
position: relative;
z-index: 1;
}
.bg_fee{
padding: calc(60 / var(--break02)) 0 calc(80 / var(--break02));
background: url(images/index/bg_fee01.jpg)no-repeat center / cover;
overflow: hidden;
position: relative;
z-index: 1;
}
.bg_fee::before {
content: "";
width: calc(656 / var(--break04));
height: calc(657 / var(--break04));
margin: auto;
background: url(images/index/deco09.svg) no-repeat center / contain;
position: absolute;
bottom: 0;
right: 0;
}
.row_payment{
max-width: 980px;
}
.row_payment>.col {
max-width: 300px;
width: 32%;
padding: var(--size30px) 0 var(--size40px);
text-align: center;
background: #fff;
position: relative;
z-index: 1
}
.row_payment > .col::before,
.row_payment > .col::after
{
content: "";
width: calc(60 / var(--break02));
height: calc(60 / var(--break02));
margin: auto;
border: 1px solid #333;
position: absolute;
z-index: -1;
}
.row_payment > .col::before{
top: var(--size10px);
left: var(--size10px);
border-right: 0;
border-bottom: 0;
}
.row_payment > .col::after{
bottom: var(--size10px);
right: var(--size10px);
border-left: 0;
border-top: 0;
}
.row_payment .icon {
max-width: 176px;
width: calc(176 / var(--break02));
margin: 0 auto var(--size20px);
}
.row_payment .copy {
margin-bottom: var(--size10px);
line-height: 1.5;
letter-spacing: .1em;
font-size: calc(22 / var(--break02));
}
.row_payment .text {
line-height: 1.5;
letter-spacing: .1em;
}
@media(max-width: 767px) {
.top_fee02{
padding: calc(80 / var(--break03)) 0 calc(70 / var(--break03));
}
.bg_fee{
background: url(images/index/bg_fee01_sp.jpg)no-repeat center / cover;
}
.row_payment>.col {
width: 48%;
min-height: calc(328 / 750 * 100vw);
}
.row_payment>.col:last-child {
margin: var(--size40px) auto 0;
}
.row_payment .icon {
width: calc(200 / var(--break02));
margin: 0 auto var(--size20px);
}
.row_payment .copy {
margin-bottom: 2.5vw;
line-height: 1.5;
letter-spacing: 0;
font-size: calc(32 / var(--break02));
}
.row_payment .text {
line-height: 1.5;
letter-spacing: 0;
font-size: calc(24 / var(--break02));
}
}
/* top_fee03
------------------------------------------------------------------*/
.bg_fee02{
padding: calc(80 / var(--break02)) 0;
}
.banner_fee{
padding: calc(100 / var(--break02)) calc(40 / var(--break02)) calc(30 / var(--break02));
color: #fff;
background: url(images/index/banner_fee01.png)no-repeat center / cover;
outline: 1px solid #fff;
outline-offset: calc(-18 / var(--break02));
position: relative;
z-index: 1;
}
.banner_fee .label{
width: calc(600 / var(--break02));
height: calc(50 / var(--break02));
padding-right: calc(15 / var(--break02));
line-height: 1;
margin: auto;
clip-path: polygon(0 0, calc(100% - var(--size20px)) 0%, 100% 100%, 0% 100%);
position: absolute;
top: calc(35 / var(--break02));
left: 0;
z-index: -1;
}
.banner_fee .price{
padding-left: calc(90 / var(--break02));
position: relative;
z-index: 1;
}
.banner_fee .circle{
width: calc(75 / var(--break02));
height: calc(75 / var(--break02));
color: #fff;
background: #7f4042;
position: absolute;
left: 0;
bottom: 0;
z-index: 1;
}
.banner_fee .price *{
letter-spacing: 0;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.bg_fee02{
padding: calc(80 / var(--break02)) 0 calc(100 / var(--break02));
}
.banner_fee{
padding: calc(138 / var(--break02)) calc(38 / var(--break02)) calc(50 / var(--break02));
background: url(images/index/banner_fee01_sp.png)no-repeat center / cover;
}
.banner_fee .label{
width: calc(650 / var(--break02));
height: calc(60 / var(--break02));
padding-right: 5vw;
letter-spacing: 0;
font-size: calc(35.5 / var(--break02));
clip-path: polygon(0 0, calc(100% - var(--size20px)) 0%, 100% 100%, 0% 100%);
top: calc(60 / var(--break02));
}
.banner_fee .price{
line-height: 2.5;
text-align: center;
padding-left: 0;
}
.banner_fee .circle{
width: calc(90 / var(--break02));
height: calc(90 / var(--break02));
font-size: calc(31 / var(--break02));
top: 4vw;
}
.banner_fee .yen{
padding-left: 15vw;
position: relative;
z-index: 1;
}
.banner_fee .tax{
padding-left: 1vw;
position: relative;
top: -1vw;
}
.banner_fee .text{
line-height: 1.6;
}
.banner_fee .fz32{
letter-spacing: .1em;
font-size: calc(38 / var(--break02));
}
.banner_fee .fz38{
letter-spacing: .1em;
font-size: calc(45 / var(--break02));
}
.banner_fee .fz42{
letter-spacing: .1em;
font-size: calc(50.5 / var(--break02));
}
.banner_fee .fz44{
letter-spacing: 0;
font-size: calc(52.5 / var(--break02));
}
.banner_fee .fz90{
font-size: calc(108.5 / var(--break02));
}
}
/* top_fee
------------------------------------------------------------------*/
.bg_fee03{
padding: calc(100 / var(--break02)) 0 calc(60 / var(--break02));
background: #f1efeb;
position: relative;
z-index: 1;
}
.bg_fee03 > .deco_pattern {
height: calc(40 / var(--break02));
top: 0;
}
.bg_fee04{
padding: calc(70 / var(--break02)) 0 calc(60 / var(--break02));
position: relative;
z-index: 1;
}
.bg_fee04::before{
content: "";
width: 50%;
height: 100%;
margin: auto;
background: rgba(0, 0, 0, .3);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);
position: absolute;
inset: 0 0 0 auto;
z-index: -1;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.bg_fee04::before{
width: calc(480 / 750 * 100vw);
height: calc(240 / 750 * 100vw);
top: auto;
}
}
/* top_faq
------------------------------------------------------------------*/
.top_q_a{
padding: calc(120 / var(--break02)) 0 var(--size80px);
}
@media(max-width: 767px) {
}
/* box_qa03
------------------------------------------------------------------*/
.box_qa03 {
border: 0;
margin-bottom: var(--size40px);
}
.box_qa03:last-child {
margin-bottom: 0;
}
.box_qa03 .box_q .txt{
position: relative;
}
.box_qa03 .box_q .box {
height: auto;
font-size: 166.6%;
color: #fff;
background: #593d08;
}
.box_qa03 .box_q .box span {
padding-bottom: 0 !important;
}
.box_qa03 .box_q .txt {
font-size: 111.1%;
color: #333;
background: #eeebe6;
}
.box_qa03 .box_a {
padding: var(--size40px) 4% var(--size10px);
background: #fff;
position: relative;
z-index: 1;
}
.box_qa03 .box_q .txt .icn{
width: calc(26 / var(--break04));
height: calc(26 / var(--break04));
}
.box_qa03 .box_q .txt .icn:before {height: 1px;}
.box_qa03 .box_q .txt .icn::after {width: 1px;}
.box_qa03 .box_q .txt .icn:before {
background: #2c1800;
}
.box_qa03 .box_q .txt .icn:after {
background: #2c1800;
}
@media (min-width: 768px) {
.box_qa03 .box_q .txt {
width: calc(100% - var(--size60px));
padding: calc(9.5 / var(--break02)) calc(50 / var(--break02)) calc(9.5/ var(--break02)) calc(30 / var(--break02));
}
}
@media (max-width: 767px) {
.box_qa03 {
margin-bottom: calc(60/ 750 * 100vw);
}
.box_qa03 .box_q .box {
width: calc(80 / 750 * 100vw) !important;
font-size: calc(50 / 750 * 100vw);
}
.box_qa03 .box_q .txt .icn:before{height: 1px;}
.box_qa03 .box_q .txt .icn::after{width: 1px;}
.box_qa03 .box_q .txt {
line-height: 1.6;
letter-spacing: 0;
padding: 1.5vw 10vw 1.5vw 4vw;
font-size: calc(36 / 750 * 100vw);
}
.box_qa03 .box_a .box {
width: var(--size80px);
height: var(--size80px);
font-size: calc(50 / 750 * 100vw);
}
.box_qa03 .box_a .wrap {
width: 100%;
margin-right: 0;
}
.box_qa03 .box_q .txt .icn {
top: 0;
bottom: 0;
right: 3.5vw;
}
}
/* top_greeting
------------------------------------------------------------------*/
.top_greeting{
padding-top: calc(120 / var(--break02));
}
.bg_greeting{
padding: calc(100 / var(--break02)) 0;
position: relative;
z-index: 1;
}
.bg_greeting::before{
content: "";
width: calc(656 / var(--break04));
height: calc(657 / var(--break04));
margin: auto;
background: url(images/index/deco09.svg)no-repeat center / contain;
position: absolute;
top: 0;
right: 0;
}
.bg_greeting > .deco_pattern {
height: calc(100 / var(--break02));
opacity: .1;
bottom: 0;
}
.row_greeting{
max-width: 1760px;
width: 96%;
}
.row_greeting > .col_img{
max-width: 900px;
width: 52%;
position: relative;
z-index: 1;
}
.row_greeting > .col_txt{
max-width: 760px;
width: 44.5%;
}
.row_greeting .tag_name{
width: calc(234 / var(--break03));
height: calc(234 / var(--break03));
margin: auto;
background: url(images/index/tag_greeting01.png)no-repeat center / contain;
position: absolute;
bottom: calc(70 / var(--break04));
right: calc(40 / var(--break04));
}
.hdg_greeting{margin-bottom: calc(39.5 / var(--break04));}
.hdg_greeting .fz40{font-size: calc(39.5 / var(--break04));}
.hdg_greeting .fz50{font-size: calc(49.5 / var(--break04));}
.tag_name > .text{
line-height: 1.5;
color: #fff;
}
.tag_name .tag{
display: block;
font-size: calc(24 / var(--break04));
}
.tag_name .name_jp{
font-size: calc(34 / var(--break04));
}
.tag_name .name_en{
display: block;
margin-top: calc(5 / var(--break04));
font-size: calc(20 / var(--break04));
color: #d1be99;
}
.bg_greeting02{
padding: calc(100 / var(--break02)) 0;
background: url(images/index/bg_greeting01.jpg)no-repeat center / cover;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.top_greeting{
padding-top: calc(110 / var(--break02));
}
.bg_greeting{
padding: calc(100 / var(--break02)) 0 calc(90 / var(--break02));
}
.bg_greeting::before{
top: auto;
bottom: 0;
}
.row_greeting{
width: 100%;
}
.row_greeting > .col_img{
width: 100%;
padding-right: calc(24 / 750 * 100vw);
margin-bottom: 6vw;
}
.row_greeting > .col_txt{
width: calc(648 / 750 * 100vw) !important;
margin: auto;
}
.row_greeting .tag_name{
bottom: 7.5vw;
right: 6vw;
}
.bg_greeting02{
background: url(images/index/bg_greeting01_sp.jpg)no-repeat center / cover;
}
}
/* top_clinic
------------------------------------------------------------------*/
.top_clinic{
padding-top: calc(130 / var(--break03));
}
.cover_clinic{
position: relative;
z-index: 1;
}
.cover_clinic::before{
content: "";
width: 50%;
height: 100%;
margin: auto;
background: url(images/index/img_clinic01.jpg)no-repeat center / cover;
position: absolute;
inset: 0 0 0 auto;
}
.cover_clinic.v2::before{
background: url(images/index/img_clinic02.jpg)no-repeat center / cover;
}
.cover_clinic > .areaText{
width: 50%;
padding: calc(80 / var(--break04)) 3.5% calc(100 / var(--break04));
}
.cover_clinic .areaText > .wrap{
margin: auto;
}
.cover_clinic .tbl_time01{
margin-left: auto;
margin-right: auto;
}
.top_clinic .btn_map a {
color: #fff;
background: #7f4042;
border: 0;
}
.top_clinic .btn_map a::before {
background: url(images/page/icn_map_white.svg) no-repeat center / contain;
}
.top_clinic .btn_map a::after {
background: url(images/page/arw01_white.svg) no-repeat center / contain;
}
@media(min-width: 768px) {
.cover_clinic.v2::before{
inset: 0 auto 0 0;
}
.cover_clinic.v2 > .areaText{
margin-left: auto;
}
}
@media(max-width: 767px) {
.cover_clinic::before{
width: 100%;
height: calc(675 / 750 * 100vw);
position: absolute;
inset: 0 0 auto;
}
.cover_clinic > .areaText{
width: 100%;
padding: calc(750 / 750 * 100vw) 3.2vw calc(90 / 750 * 100vw) ;
}
.cover_clinic .areaText > .wrap{
width: calc(702 / 750 * 100vw);
}
.top_clinic .wrap_map {
background: #fff;
}
}
/*
------------------------------------------------------------------*/
.slide_common04 .slick-prev,
.slide_common04 .slick-next {
width: calc(30 / var(--break02));
height: calc(60 / var(--break02));
background: url(images/page/arw.svg)no-repeat center / cover;
transform: translate(0);
top: calc(220 / var(--break02));
margin: auto;
z-index: 1;
}
.slide_common04 .slick-prev {
left: -7.2%;
}
.slide_common04 .slick-next {
right: -7.2%;
transform: translate(0) scaleX(-1);
}
.slide_common04 .slick-prev:before,
.slide_common04 .slick-next:before {
display: none;
}
.slide_common04 .slide_thumbnail li {
opacity: .5;
transition: .3s;
}
.slide_common04 .slide_thumbnail li.thumbnail-current {
opacity: 1;
}
.slide_common04 .slide_thumbnail li:hover {
opacity: 1;
transition: .3s;
cursor: pointer;
}
@media(min-width: 768px) {
.slide_common04 .slide_thumbnail li {
width: 18%;
margin-right: 2.5%;
}
.slide_common04 .slide_thumbnail li:nth-child(5n),
.slide_common04 .slide_thumbnail li:last-child {
margin-right: 0;
}
.slide_common04 .slide_thumbnail li:nth-of-type(n + 6) {
margin-top: 3%;
}
}
@media(min-width: 768px) and (max-width:1299px) {
.slide_common04 .slick-prev {
left: -2%;
}
.slide_common04 .slick-next {
right: -2%;
}
}
@media(max-width: 767px) {
.slide_common04 .slick-prev,
.slide_common04 .slick-next {
width: calc(30 / 750 * 100vw);
height: calc(54 / 750 * 100vw);
top: 20vw;
}
.slide_common04 .slick-prev {
left: -1.5vw;
}
.slide_common04 .slick-next {
right: -1.5vw;
}
.slide_common04 .slide_main .slick-slide>.wrap01 {
padding: 4vw 5vw;
}
.slide_common04 .ttl {
font-size: 110%;
letter-spacing: 0;
}
.slide_common04 .slide_thumbnail li {
width: 23.5%;
margin-right: 2%;
}
.slide_common04 .slide_thumbnail li:nth-child(4n),
.slide_common04 .slide_thumbnail li:last-child {
margin-right: 0;
}
.slide_common04 .slide_thumbnail li:nth-of-type(n + 5) {
margin-top: 3%;
}
}
/* top_form
------------------------------------------------------------------*/
.top_form{
margin-bottom: calc(100 / var(--break02));
padding: calc(120 / var(--break02)) 0 ;
background: #f1efeb;
position: relative;
z-index: 1;
}
.top_form > .deco_pattern{
height: calc(40 / var(--break02));
top: 0;
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
}
/* .tbl_time02 .box
------------------------------------------------------------------*/
.tbl_time02 .box{
background: none;
padding: 0;
border-top: 1px solid #34394e;
border-bottom: 1px solid #34394e;
}
.tbl_time02 table{
max-width: inherit !important;
color: #34394e;
}
.tbl_time02 thead th{border-bottom-color: #34394e;}
.tbl_time02 th{ font-weight: 300 !important;}
.tbl_time02.day8 thead tr:first-child th, .tbl_time02.day8 tr:first-child tbody td{}
.tbl_time02 span{color: #e87600;}
.branch .tbl_time02 span{color: #e6a800;}
.tbl_time_color .tbl_time02 span{color: #7f4042 !important;}
.tbl_time_color02 .tbl_time02 span{color: #ba5f00 !important;}
@media(min-width: 768px) {
.tbl_time02 thead th{
font-size: 88.8%;
padding: calc(35 / 1920 * 100vw) 0 calc(30 / 1920 * 100vw);
}
.tbl_time02.day8 tbody tr:first-child th, .tbl_time02.day8 tbody tr:first-child td{padding: calc(40 / 1920 * 100vw) 0 calc(20 / 1920 * 100vw);}
.tbl_time02.day8 tbody tr:last-child th, .tbl_time02.day8 tbody tr:last-child td{padding-bottom: calc(40 / 1920 * 100vw);}
.tbl_time .tbl_caption{
line-height: 1.6;
margin-top: 20px;
}
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.tbl_time02 thead th{padding: 3.5vw 0;}
.tbl_time02.day8 tbody tr:first-child th, .tbl_time02.day8 tbody tr:first-child td{padding: 4vw 0 2vw;}
.tbl_time02.day8 tbody tr:last-child th, .tbl_time02.day8 tbody tr:last-child td{padding-bottom: 4vw;}
.tbl_time .tbl_caption{line-height: 1.5 !important;}
}
/* フッター footer
------------------------------------------------------------------*/
.row_foot01 > .col{
width: 50%;
padding: calc(75 / var(--break04)) 3.5% 0;
position: relative;
z-index: 1;
}
.row_foot01 > .col::before{
content: "";
max-height: 200px;
width: 100%;
height: calc(200 / var(--break04));
margin: auto;
background: #fff;
position: absolute;
left: 0; right: 0;
bottom: 0;
}
.pagetop {
position: fixed;
right: calc(30 / var(--break) * 100vw);
bottom: calc(30 / var(--break) * 100vw);
z-index: 1000;
width: calc(80 / var(--break) * 100vw);
}
.copyright {
height: calc(80 / var(--break) * 100vw);
}
@media(min-width: 768px) {
.fix_tel_btn_sp{
display: none;
}
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.row_foot01 {
display: block;
}
.row_foot01 > .col_l {
width: 100%;
max-width: 100%;
text-align: center;
}
.row_foot01 > .col_r {
width: 100%;
max-width: 100%;
margin: 0 auto;
}
.copyright {
font-size: 75%;
letter-spacing: 0;
padding: 4vw 0 20vw;
height: auto;
}
.pagetop {
display: none!important;
}
.fix {
position: fixed;
width: 100%;
left: 0;
bottom: 0;
z-index: 9;
}
.fix_tel {
width: calc(120 / var(--break) * 100vw);
}
.fix_web {
width: calc(160 / var(--break) * 100vw);
}
.fix_mail {
width: calc(160 / var(--break) * 100vw);
}
.fix_line {
width: calc(160 / var(--break) * 100vw);
}
.fix_tel_btn_sp{
width: 100%;
height: 0;
margin: auto;
z-index: -10000;
opacity: 0;
visibility: hidden;
}
.open_fix_tel .fix_tel_btn_sp{
display: block;
height: auto;
padding: calc(20 / var(--break02)) calc(40 / var(--break02));
background: rgba(255, 255, 255, .8);
position: fixed;
inset: auto 0 var(--size120px);
z-index: 10000;
opacity: 1;
visibility: inherit;
}
.fix_tel_btn_sp a{
display: block;
width: calc(646 / var(--break) * 100vw);
}
.pagetop_sp {
width: calc(149.999 / var(--break) * 100vw);
}
.fix a {
display: block;
}
}
/* グーグルマップ
------------------------------------------------------------------*/
.map {
width: 100%;
padding: calc(500 / var(--break) * 100vw) 0 0 0;
position: relative;
overflow: hidden;
}
.map iframe {
width: 100%;
margin-top: calc(-150 / var(--break) * 100vw);
height: calc(100% + calc(150 / var(--break) * 100vw));
position: absolute;
top: 0;
left: 0;
}
.btn_map {
max-width: 300px;
width: calc(300 / var(--break) * 100vw);
letter-spacing: .2em;
position: absolute;
left: calc(30 / var(--break) * 100vw);
top: calc(30 / var(--break) * 100vw);
}
.btn_map a {
height: calc(60 / var(--break) * 100vw);
font-family: "vdl-v7mincho", sans-serif;
font-weight: 500;
font-style: normal;
background: #fff;
border: 1px solid #34394e;
}
.btn_map a::before {
content: "";
width: calc(16 / var(--break02));
height: calc(21 / var(--break02));
margin: auto;
background: url(images/page/icn_map01.svg)no-repeat center / contain;
position: absolute;
top: 0;
bottom: 0;
left: min(calc(30 / 1600 * 100vw), 30px);
}
.btn_map a::after {
content: "";
width: calc(31 / var(--break02));
height: calc(9 / var(--break02));
margin: auto;
background: url(images/page/arw01_mini.svg)no-repeat center / contain;
position: absolute;
top: 0;
bottom: 0;
right: calc(24 / var(--break02));
}
.branch .btn_map a::before {background: url(images/page/icn_map02.svg)no-repeat center / contain;}
@media(max-width: 767px) {
.wrap_map {background: #fcf6e5;}
.branch .wrap_map {background: rgba(252, 247, 230, .5);}
.map {height: calc(500 / 750 * 100vw);}
.map iframe {
margin-top: calc(-200 / 750 * 100vw);
height: calc(100% + calc(200 / 750 * 100vw));
}
.btn_map {
width: calc(600 / 750 * 100vw);
height: calc(100 / 750 * 100vw);
margin: 0 auto calc(80 / 750 * 100vw);
position: relative;
left: auto;
top: auto;
}
.btn_map a {
height: calc(100 / 750 * 100vw);
font-size: calc(34 / 750 * 100vw);
font-weight: normal;
letter-spacing: .2em;
}
.btn_map a::before {
width: calc(30 / 750 * 100vw);
height: calc(40 / 750 * 100vw);
left: 4vw;
}
.btn_map a::after {
width: calc(43 / 750 * 100vw);
height: calc(12.5/ 750 * 100vw);
right: calc(24 / 750 * 100vw);
}
}
/* グーグルマップ
------------------------------------------------------------------*/
@media(min-width: 768px) and (max-width:1599px) {
}
@media(min-width: 768px) and (max-width:1299px) {
}
@media(max-width: 767px) {
.map iframe {
margin-top: calc(-200 / var(--break) * 100vw);
height: calc(100% + calc(200 / var(--break) * 100vw));
}
.btn_map {
width: calc(600 / var(--break) * 100vw);
margin: 0 auto calc(60 / var(--break) * 100vw);
font-size: 1.0625rem;
letter-spacing: 0;
position: relative;
left: auto;
top: auto;
}
.btn_map a {
height: calc(100 / var(--break) * 100vw);
letter-spacing: 0;
background-position: left 3vw center;
background-size: calc(30 / var(--break) * 100vw) auto;
}
.btn_map a::after {
right: 3vw;
}
}