@charset "UTF-8";
@import "base.css";
@import "fonts.css";
/*==========================================================================*/
/*                                                                          */
/*    base.css  --> スタイルの初期設定を行うため、変更しないで下さい。      */
/*    fonts.css --> フォントの初期設定を行うため、変更しないで下さい。      */
/*                                                                          */
/*==========================================================================*/

/*==========================================================================*/
/*                           Common-Setting                                 */
/*==========================================================================*/
/* 基本タグのフォントサイズを指定（12px -> 120% or 1.2em ） */
h1, h2, h3, h4, h5, h6, input, button, textarea, select, p, blockquote, th, td, pre, address, li, dt, dd {
font-size: 160%;
-webkit-text-size-adjust: none;
font-weight: 400;
}
html:focus-within {scroll-behavior: smooth;}
img {vertical-align: middle;max-width: 100%;flex-shrink: 0;height: auto;}
*,
::before,
::after{box-sizing:border-box;outline: none;}
select { visibility: visible !important; }
a{transition:all ease 0.3s;text-decoration:none;color: var(--txt);}
a[href^="tel:"] {word-break: keep-all;}
/*==========================================================================*/
/*                               Container                                  */
/*==========================================================================*/
html{background:var(--light)}
body{color:var(--txt);-webkit-text-size-adjust:none;min-width:320px;font-family: var(--font-main);text-transform: uppercase;}
#fmail select,
#fmail input,
#fmail textarea{font-family: var(--font-main)}
table {width: 100%}
h1,h2,h3,h4,h5,h6{line-height: 1.5;}
p,
dd,
dt,
li,
th,
td,
address{line-height: 1.875em;letter-spacing: 0;}
p {margin: 0 0 1.85em;}
p:last-child{margin-bottom: 0}

.bold{font-weight: bold;}
.left{text-align:left}
.right{text-align: right;}
.auto{margin-left: auto; margin-right: auto;}
.red{color: var(--red);}
.txt_line{text-decoration: underline;}
.m0a{display: block;margin: 0 auto;}
.dblock {display: block;}
.f_big{font-size: 150%;}
.f_mid{font-size: 125%;}
.f_sm{font-size: 80%;}
.en {font-family: var(--f-en);text-transform: uppercase;}
.txt_clr1 {color: var(--mcolor);}
.txt_clr2 {color: #726837;}
.text-gold {color: var(--accent)!important;}

:root {
  --font-main: "Noto Sans JP";
	--f-ver: 'Noto Sans JP Ver';
	--f-stdn: "kinuta-marumin-yoshino-stdn", serif;
	--f-en: "carbona-variable", sans-serif;
	--f-num: "arial", sans-serif;
  --txt: #363636;     
  --mcolor: #00531D;
  --scolor: #999999; 
  --site_size: 1230px;
	--mid_size: 1780px;
	--small_size: 1530px;
  
  --gray: #e9e9e9;
  --light: #F7F6F0;
  --blue: blue;
  --red: red;
	--accent: #d4a373;
	--bg-dark: #161616;
	--white: #fff;
	--bg-color: #faf9f6;
	--text-light: #666666;
	--bg-gray: #f2f0eb;
}

#wrapper{min-width: 1260px;overflow:hidden;margin:0 auto}
.inner{width: var(--site_size);margin:0 auto;position:relative;max-width: 100%;padding: 0 15px;}

/*==========================================================
                       H E A D E R  
==========================================================*/
header{position: relative; z-index: 10;}
#logo {margin: 0;}
.h_box{width:100%;position: fixed;padding: 47px 0 0;transition: all 0.3s;}
.h_inner{display:flex;justify-content:space-between;align-items: center;height: 100%;width: var(--mid_size);}

header.fixed .h_box {background: rgb(54 54 54 / 90%);padding: 20px 0;}
.btn_instagram { margin: 0 0 0 50px; }
nav {margin: 0 0 0 auto;}

/* HAMBUGER BUTTON */
.hamburger{font:inherit;display:block;overflow:visible;margin:0;padding:10px 0 5px;cursor:pointer;transition-timing-function:linear;transition-duration:.15s;transition-property:opacity,filter;text-transform:none;color:inherit;border:0}
.hamburger-box{position:relative;display:inline-block;width:35px;height:24px}
.hamburger-inner{top:50%;display:block;margin-top:-2px}
.hamburger-inner,
.hamburger-inner::after,
.hamburger-inner::before{position:absolute;width:35px;height:2px;transition:all ease 0.15s;background-color:#fff}
.hamburger-inner::after,
.hamburger-inner::before{display:block;content:""}
.hamburger-inner::before{top:-10px}
.hamburger-inner::after{bottom:-10px}
.hamburger--3dxy .hamburger-box{perspective:80px}
.hamburger--3dxy .hamburger-inner{transition:transform .15s cubic-bezier(0.645,0.045,0.355,1),background-color 0 cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy .hamburger-inner::after,
.hamburger--3dxy .hamburger-inner::before{transition:transform cubic-bezier(0.645,0.045,0.355,1) .1s}
.hamburger--3dxy.is_active .hamburger-inner{transform:rotateX(180deg) rotateY(180deg);background-color:transparent!important}
.hamburger--3dxy.is_active .hamburger-inner::before{transform:translate3d(0,10px,0) rotate(45deg)}
.hamburger--3dxy.is_active .hamburger-inner::after{transform:translate3d(0,-10px,0) rotate(-45deg)}

/*==========================================================
                  M A I N    V I S U A L
==========================================================*/
main{position: relative; z-index: 2;}
.mv{position: relative;padding: 0;background: url("../images/mv_img1.jpg") no-repeat left calc(100%) center/cover;height: 900px}
.mv_bg{position:relative;overflow:hidden;opacity:0;transition:all .3s;opacity: 0;}
.mv_bg.init{opacity:1}
.main_slider{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1;overflow: hidden;}
.main_slider.slick-initialized{overflow: inherit;}
.mv_bg,
.main_slider .slide_item{width:100%;height:900px;position: relative;}
.main_slider .slide_item:after {content: '';position: absolute;width: 100%;height: 100%;top: 0;left: 0;mix-blend-mode: multiply;background: #000;opacity: 0.3;}
.main_slider .slide_item .bg{position:absolute;width:100%;height:100%;z-index:0;top:0;left:0;background-size:cover;background-position:center;filter: brightness(0.9);}
.main_slider .slide_item .bg img{width: 100%;height: 100%;object-fit: cover;}
.main_slider .slide_item.zoomed .bg img{animation:zoomImg;animation-duration:6s;animation-timing-function:linear;animation-fill-mode:forwards}

@keyframes zoomImg { 0%{transform:scale(1)} 100%{transform:scale(1.1)}}

.mv_main {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 3;color: #fff;}
.mv_main .inner { width: var(--mid_size); display: flex;justify-content: center; height: 100%; flex-direction: column;}
.mv_main_bottom { position: absolute; bottom: 58px; display: flex; align-items: flex-end;}
.mv_main h2 .jp{font-size: 175%;font-family: var(--f-stdn);font-weight: 500;margin-right: 19px;text-shadow: 0 0 40px rgba(0,0,0,1),0 0 40px rgba(0,0,0,1),0 0 40px rgba(0,0,0,1);}
.mv_main h2 {text-shadow: 0 0 40px rgba(0,0,0,1),0 0 40px rgba(0,0,0,1),0 0 40px rgba(0,0,0,1);}
.mv_main_txt { margin: 0 28px 0 0;filter: drop-shadow(5px 5px 20px rgba(0, 0, 0, 1)); }
.mv_main_txt .lager { display: block; font-family: var(--f-stdn); font-size: 150%; font-weight: 500;margin: 19px 0 0; }
.mv_main_txt .en { margin: 0 13px 0 0; position: relative; vertical-align: text-bottom; top: -2px;}
.mv_main_txt .en .plus {position: relative;width: 25px;height: 25px;display: inline-block;top: 13px;margin: 0 -8px;}
.mv_main_txt .en .plus:before,.mv_main_txt .en .plus:after {position: absolute;width: 100%;height: 2px;background: #fff;content: '';top: calc(50% - 1px);left: 0;}
.mv_main_txt .en .plus:after {transform: rotate(90deg);}

.mv_main_item { display: flex; margin: 0 0 4px;}
.mv_main_item li:not(:last-child) {margin-right: 29px;}

.idx_progess { margin: 19px 0 0; }
.progress { display: block; width: 100%; height: 2px; border-radius: 0; overflow: hidden; background-color: rgba(255,255,255,0.4); background-image: linear-gradient(to right, #fff, #fff); background-repeat: no-repeat; background-size: 0 100%; transition: background-size 6s ease-in-out;position: relative;}
.idx_progess_btn { display: flex ; align-items: center; font-size: 30px; font-weight: 500;  color: #fff;filter:  drop-shadow(5px 5px 20px rgba(0, 0, 0, 1));}
.slider__label {width: 0;position: absolute;height: 100%;left: 0;top: 0;background: #fff;transition: all 0s linear}
.slider__label.active {width: 100%;}
/*==========================================================
                M A I N    C O N T E N T
==========================================================*/
/* DEFAULT TITLE */
.idx_ttl { font-size: 26px; line-height: 1.73em; font-family: var(--f-stdn);font-weight: 500;text-transform: uppercase;}
.idx_ttl .en {display: block;margin: 0 0 39px;font-weight: 400;}

/* DEFAUTL NAME BUTTON */
.btn a{font-size: 15px;text-transform: uppercase;font-family: var(--f-en);background: url("../images/ic_arr.svg") no-repeat right bottom;width: 199px;display: flex;padding: 0 10px 7px;}
.btn.center a{margin-left: auto; margin-right: auto;}

.btn.black a {width: 340px;height: 80px;background: url("../images/ic_arr_white.svg") no-repeat left 25px bottom 26px var(--txt);color: #fff;padding: 0 35px 16px;align-items: center;}

section{padding: 40px 0;}

/*==================== SEC01 ===================*/
.sec01 {padding: 60px 0;border-bottom: 1px solid rgb(54 54 54 / 40%);background: var(--light)}
.sec01 .inner {width: var(--small_size);}
.sec01_bnr {margin: 0 -38px;}
.sec01_bnr_item {width: calc((100% - 150px)/3);margin: 0 38px;}
.sec01_bnr_item img {width: 100%;}
/*==================== SEC02 ===================*/
.sec02 {overflow: hidden;padding: 0;}
.sec02_top_bg { padding: 120px 0; position: fixed; margin-bottom: 120px; overflow: hidden; height: 100%; display: flex; align-items: center; top: 0; left: 0; width: 100%;z-index: -2;}
.sec02_top_bg_img {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: -2;pointer-events: none;display: flex;justify-content: center;align-items: center;overflow: hidden;margin: 0;}
.sec02 .inner {width: var(--small_size);}
.sec02_top { display: flex; justify-content: space-between; align-items: flex-end;padding: 120px 0; }
.sec02 .idx_ttl {line-height: 2.04em;}
.sec02 .idx_ttl .en {margin: 0 0 30px;}
.sec02_txt { margin: 0 32px 8px 0; }
.sec02_txt p:not(:last-child) { margin: 0 0 31px; }
.sec02_list {height: 660px;overflow: hidden;}
.sec02_item {display: flex; height: 660px;background: var(--light);}
.sec02_item_img { flex-shrink: 0; margin: 0 70px 0 0; }
.sec02_item_num { color: #B5B5B5; font-size: 15px; margin: 0 0 60px;}
.sec02_item_num .lager {font-size: 153.34%;margin: 0 2px 0 0;}
.sec02_item_num .active {color: var(--txt);margin: 0 2px 0 0;}
.sec02_item_ttl { font-size: 24px; font-family: var(--f-stdn); line-height: 1.7em; font-weight: 500;margin: 0 0 54px;}
.sec02_item_ttl .en_small {font-family: var(--f-en);font-weight: 400;}
.sec02_item_ttl .en {font-size: 162.5%;display: inline-flex; font-weight: 400;margin: -2px 4px 0 0;}
.sec02_item_ttl .en .plus {width: 11px;height: 11px;display: inline-flex;position: relative;margin: 0 -3px;top: 5px;}
.sec02_item_ttl .en .plus:before,.sec02_item_ttl .en .plus:after {content: '';position: absolute;width: 11px;height: 1px;top: 50%;background: var(--txt);}
.sec02_item_ttl .en .plus:after {transform: rotate(90deg);}
.sec02_item.item1 .sec02_item_ttl {line-height: 1.575em;}
.sec02_item_txt { margin: 0 0 62px; }
.sec02_item_main { background: var(--light); display: flex; flex-direction: column; justify-content: center; }
.sec02_list .slick-dots {}
.sec02_list .slick-dots li {width: 12px;height: 40px;margin: 0 0 25px;display: block;}
.sec02_list .slick-dots li:last-child {margin-bottom: 0;}
.sec02_list .slick-dots li button {width: 100%;height: 100%;background: #959595;transition: all 0.3s;}
.sec02_list .slick-dots li button:before {display: none;}
.sec02_list .slick-dots li.slick-active button {background: var(--mcolor);cursor: default;}
.sec02_list .slick-dots { bottom: auto; width: auto; top: 50%; transform: translateY(-50%); right: -110px; }

.sec02_main_ttl { font-family: var(--f-stdn); text-align: center; margin-bottom: 35px; border-bottom: 1px solid rgb(153 153 153 / 30%); padding: 0 0 30px; }
.sec02_main_ttl .lager { font-size: 200%; font-weight: 500; display: block;margin: 0 0 10px;text-transform: lowercase;}
.sec02_main_ttl .en { font-style: italic; text-transform: lowercase;  font-family: var(--f-stdn);}
.sec02_main_txt {counter-reset: item2;display: flex;justify-content: space-between;}
.sec02_main_txt li { position: relative; margin: 0 0 25px;counter-increment: item2; padding-left: 25px;width: 47%;}
.sec02_main_txt li:before {content: counter(item2)".";position: absolute;left: 0;top: 1px; font-family: var(--f-stdn);font-weight: 500;}
.sec02_main_txt li:last-child {margin-bottom: 0;}
.sec02_main_txt li .lager {font-weight: 700;font-family: var(--f-stdn);}

.sec02_wrapper { background: var(--light); margin-top: 400px; padding: 120px 0 139px; z-index: 2;position: relative;}
.sec02_info { background: var(--light); position: relative; z-index: 2; }
/*==================== SEC03 ===================*/
.sec03 {background: #fff;padding: 150px 0 149px;border-bottom: 1px solid #C7C6C2;}
.sec03 .inner {width: var(--small_size);}
.sec03_main { display: flex; justify-content: space-between; align-items: flex-start;min-height: 450px; }
.sec03_list { width: 1200px; display: flex;max-width: calc(100% - 200px); }
.sec03_item {width: calc((100% - 89px)/3);margin: 0 45px 0 0;}
.sec03_item:nth-child(3) {margin-right: 0;}
.sec03_item_tag { display: flex; flex-wrap: wrap; font-size: 17px;line-height: 1.5em;margin: 0 0 5px;}
.sec03_item_tag .txt { margin: 0 10px 5px 0; background: var(--mcolor); color: #fff; padding: 1px 13px; }
.sec03_item_tag .txt:nth-child(2) {border: 1px solid #707070;color: var(--txt);background: #fff;}
.sec03_item_img { margin: 0 0 15px; }
.sec03_item_ttl { font-size: 20px; font-weight: 700; line-height: 1.45em; margin: 0 0 15px;}
.sec03_item_txt { line-height: 1.5em; margin-top: auto;}
.sec03_main .idx_ttl .en { margin: -6px 0 0; }
.sec03_main .idx_ttl {font-size: 22px;}
.sec03 .btn a { width: 170px; }
.sec03 .btn { position: absolute; bottom: 66px; }
.sec03_item a { display: flex; flex-direction: column; height: 100%; }
/*==================== SEC04 ===================*/
.sec04 {background: #fff;padding: 38px 0 33px;}
.sec04 .inner {width: 100%;padding: 0;}
.sec04 .idx_ttl {text-align: center;margin: 0 0 36px;}
.idx_ttl .mid {font-size: 84.62%;}
.sec04 .idx_ttl .mid {font-weight: 500;}
.sec04 .idx_ttl .en {margin-bottom: 0;}
.sec04_list {counter-reset: item;}
.sec04_item {border-top: 1px solid #C7C6C2;border-bottom: 1px solid #C7C6C2;position: relative;padding: 40px;counter-increment: item;}
.sec04_item:not(:last-of-type) {border-right: 1px solid #C7C6C2;}
.sec04_item_img { margin: 0; display: flex; justify-content: center; align-items: center; overflow: hidden; aspect-ratio: 5 / 5.87; }
.sec04_item_img img {width: 100%;height: 100%;object-fit: cover;}
.sec04_item_main { width: 360px; height: 450px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; text-align: center; background: rgba(255, 255, 255, 0.8); padding: 56px 30px 55px; display: flex; flex-direction: column; max-width: 70%; max-height: 70%; transform: translateY(10px);opacity: 0;visibility: hidden;transition: all 0.3s;border: 1px solid #fff;}
.sec04_item_en { font-size: 14px; font-family: var(--f-en); border-bottom: 1px solid; padding: 0 0 7px; margin: 0 0 35px; }
.sec04_item_en:before {counter-increment: li;content: 'WORKS.' counter(item, decimal-leading-zero);}
.sec04_item_ttl { line-height: 1.5em; font-weight: 500; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.sec04_item_btn a { width: 140px; display: inline-flex; font-size: 13px; font-family: var(--f-en); background: #fff; border-radius: 30px; justify-content: center; align-items: center; height: 40px; border: 1px solid #91867B; }
.sec04_item_btn {margin: auto 0 0;}
.sec04_item>a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
.sec04_list .slick-dots {position: relative;bottom: 0;display: flex;justify-content: center;width: auto;margin: 0 45px;}
.sec04_list .slick-dots li {width: 40px;height: 7px;padding: 0;margin: 0 10px;}
.sec04_list .slick-dots li button {width: 100%;height: 100%;background: #DCD8C3;transition: all 0.3s;padding: 0;}
.sec04_list .slick-dots li button:before {display: none;}
.sec04_list .slick-dots li.slick-active button {background: var(--mcolor);cursor: default;}
.sec04_list.slick-slider {display: flex;flex-wrap: wrap;justify-content: center;align-items: center;margin: 0;}
.sec04_list .slick-list {width: 100%;order: -1;margin-bottom: 31px;}
.sec04_list .slick-arrow {position: relative;width: 35px;height: 35px;background: url("../images/sec04_next.svg") no-repeat center center var(--txt);border-radius: 2px;top: 0;transform: none;}
.sec04_list .slick-arrow:before {display: none;}
.sec04_list .slick-prev {left: 0;background-image: url("../images/sec04_prev.svg");}
.sec04_list .slick-next {right: 0;order: 2;}

/*==================== SEC05 ===================*/
.sec05 {border-top: 1px solid #C7C6C2;background: url("../images/sec05_bg.png") no-repeat top left calc(50%) var(--light);padding: 256px 0 178px;position: relative;z-index: 2;}
.sec05 .inner {width: var(--small_size);}
.sec05_top { display: flex; flex-direction: row-reverse; align-items: center; position: relative;margin-bottom: 59px;}
.sec05_img { flex-shrink: 0; display: flex; margin: 80px 150px 0 0; align-items: flex-start; }
.sec05_img .img:not(:last-child) {margin-right: 50px;}
.sec05_img .img:nth-child(1) {margin-top: 50px;}
.sec05 .idx_ttl .en {margin-bottom: 32px;}
.sec05 .idx_ttl { margin: 0 0 38px; }
.sec05_top:after { content: ''; position: absolute; width: 100vw; height: 700px; background: #E1DCBE; z-index: -1; top: 0; mix-blend-mode: multiply; opacity: 0.3; left: 60px; }
.sec05_main { margin: 100px 0 0; }
.sec05_list { max-width: 1200px; margin: 0 auto; display: flex; justify-content: space-between; }
.sec05_item { width: calc((100% - 60px) / 3); background: #fff; padding: 1px 30px 42px; }
.sec05_item:before {content: '';position: relative;display: block;background: url("../images/sec05_icon01.jpg") no-repeat center center/100% auto;width: 120px;height: 95px;margin:-6px auto 12px;}
.sec05_item:nth-child(2):before {background-image: url("../images/sec05_icon02.jpg");}
.sec05_item:nth-child(3):before {background-image: url("../images/sec05_icon03.jpg");}
.sec05_item_ttl { text-align: center; font-size: 18px; font-weight: 700;border-bottom: 1px solid #D5D4D1;line-height: 1.5em;padding: 0 0 13px; margin: 0 0 16px; }
.sec05_item_ttl .en { display: block; font-weight: 400; color: var(--mcolor); font-size: 85%;margin: 0; }
.sec05_item_txt { padding: 0 6px 0; }
/*==================== SEC06 ===================*/
.sec06 {position: relative;padding: 0;background:  var(--light);}
.sec06_en { margin: 0; font-size: 171px; text-align: center; font-family: var(--f-en); color: #EEEBDD; white-space: nowrap; line-height: 1em; position: absolute;top: -118px;left: 0;width: 100%;z-index: 2;}
.sec06 .inner {width: var(--small_size);}
.sec06_main {background: #fff;padding: 64px 90px 72px;position: relative;z-index: 2;}
.sec06 .idx_ttl { text-align: center; font-size: 22px;line-height: 2.04em;margin: 0 0 55px;}
.sec06 .idx_ttl .en {margin-bottom: 15px;}
.sec06_info { display: flex; justify-content: space-between; align-items: flex-start; margin: 0 0 70px;}
.sec06_info_right { flex-shrink: 0; margin-left: 30px; margin-top: 11px;}
.sec06_info_right dt { text-align: center; font-size: 22px; font-family: var(--f-en); margin: 0 0 6px; }
.sec06_info_left dt { font-size: 18px; font-weight: 700;margin: 0 0 11px; }
.sec06_info_txt { margin: 0 0 45px; }
.sec06_info_item li { display: flex; border-bottom: 1px solid #D5D4D1; font-size: 14px; line-height: 1.75em; padding: 0 0 18px; margin: 0 0 12px; }
.sec06_info_item li .lager { font-weight: 700; font-size: 128.58%; }
.sec06_info_item li:last-child {border: none;padding: 0;margin: 0;}
.sec06_info_item li .img { flex-shrink: 0; width: 70px; margin: 4px 0 0; }
.sec06_info_left dl:not(:last-child) { margin: 0 0 43px; }
.sec06_info_left dl:nth-child(3) dt { margin: 0 0 6px; }
.sec06_info_left dl:nth-child(3) .sec06_info_item li {padding: 0 0 13px;}
/*==================== SEC07 ===================*/
.sec07 {padding: 1px 0 135px;background: #fff;}
.sec07:before {background: url("../images/sec07_top_img.jpg") no-repeat center center/cover;width: 100%;content: '';position: relative;display: block;height: 720px;background-attachment: fixed;margin: -179px 0 0;}
.sec07_top { display: flex; justify-content: space-between; align-items: flex-end; padding: 109px 0 0;margin: 0 0 107px;}
.sec07 .idx_ttl {font-size: 22px;flex-shrink: 0;margin: 0 124px -4px 0;line-height: 2.04em;}
.sec07 .idx_ttl .en { margin: 0 0 22px; }
.sec07_txt .bold {font-size: 112.5%;}
.sec07_txt { line-height: 1.86em; }
.sec07_main dl { background: #F7F6F0; height: 100px; display: flex; align-items: center;justify-content: space-between; position: relative; padding: 10px 45px  10px 24px; }
.sec07_main dt {font-weight: 700;font-size: 17px;}
.sec07_main dd {display: flex;justify-content: space-between;margin-top: -79px;}
.sec07_main_default dd .item { width: 170px; font-size: 18px; font-family: var(--f-stdn); font-weight: 500; background: #fff; display: flex; align-items: center; border-radius: 10px; border: 2px solid #828282; margin-left: 34px;height: 60px;position: relative;padding: 0 10px 2px 10px;justify-content: center;}
.sec07_main_default dd .item:first-child {margin-left: 0;}
.sec07_main_default dd .item:nth-child(3), .sec07_main_default dd .item:nth-child(4) , .sec07_main_default dd .item:nth-child(2) {width: 150px;}
.sec07_main_default dd .item:nth-child(2) { margin-left: 44px; }
.sec07_main_default dd .item:last-child {width: 160px;margin-left: 39px;}
.sec07_main_default dd .item:nth-child(3) { margin-left: 43px; }
.sec07_main_default dd .item:before {content: '';position: relative;display: inline-block;background: url("../images/sec07_img01.png") no-repeat center center/100% auto;width: 45px;height: 28px;margin: 0 5px 0 0;}
.sec07_main_default dd .item:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-right: 6px solid transparent; border-left: 6px solid transparent; border-top: 24px solid #ffffff; border-bottom: 0; left: calc(50% - 6px); bottom: -18px; filter: drop-shadow(0px 8px 0 #828282); }
.sec07_main { position: relative; margin-bottom: 67px;}
.sec07_main_item { width: 870px; display: flex; justify-content: space-between; position: absolute; right: 40px; top: 74px; z-index: 2; padding-left: 96px;}
.sec07_main_item:after {width: 100%;content: '';position: absolute;height: 10px;background: #363636;left: 0;top: calc(50% - 5px);z-index: -2;}
.sec07_main_item:before {content: '';position: absolute;width: 32px;height: 32px;background: #363636;border-radius: 50%;left: -6px;top: calc(50% - 16px);}
.sec07_main_item li { width: 170px; background: var(--txt); color: #fff; height: 50px; font-size: 18px; display: flex; justify-content: center; align-items: center; border-radius: 10px; margin-left: 33px; font-weight: 700;}
.sec07_main_item li:nth-child(2), .sec07_main_item li:nth-child(3) {width: 120px;position: relative;}
.sec07_main_item li:nth-child(2) {left: -5px;}
.sec07_main_item li:nth-child(3) {left: 5px;}
.sec07_main .sec07_main_site { background: rgb(59 188 104 / 9%);height: 120px; }
.sec07_main_site dt {font-size: 18px;color: var(--mcolor);text-align: center;line-height: 1.45em;margin: 0 0 0 5px;}
.sec07_main_site dd {justify-content: flex-end;margin: 0 0 -54px;align-items: flex-end;position: relative;z-index: 2;}
.sec07_main_site dd:after {content: '';position: absolute;width: calc(100% - 80px);height: 43px;background: #C5E2CF;left: 60px;top: 10px;z-index: -2;pointer-events: none;}
.sec07_main_site dd .item {width: 80px;height: 75px;border: 2px solid #7B6E43;border-radius: 10px;background: #F1ECDF;position: relative;display: flex;justify-content: center;align-items: center;text-align: center;font-size: 18px;margin-left: 55px;font-family: var(--f-stdn);font-weight: 500;}
.sec07_main_site dd .item:last-child {width: 160px;font-family: var(--f-stdn);font-size: 19px;line-height: 1.15em;text-align: left;border-color: #FFB73B;background: #FFF3DC;font-weight: 500;margin-left: 74px;top: 5px;}
.sec07_main_site dd .item:last-child:before {content: '';position: relative;display: inline-block;background: url("../images/sec07_img02.png") no-repeat center center/100% auto;margin: 0 8px 0 -6px;width: 42px;height: 44px;}
.sec07 .price {display: flex;margin: -10px 0 0 4px;}
.sec07_main_site dd .item:nth-child(2) {width: 210px;height: 55px;}
.sec07_main_site dd .item:after { content: ''; position: absolute; width: 0; height: 0; border-style: solid; border-right: 4px solid transparent; border-left: 4px solid transparent; border-bottom: 17px solid #F1ECDF; border-top: 0; left: calc(50% - 3px); top: -11px; filter: drop-shadow(0px -8px 0 #7B6E43); }
.sec07_main_site dd .item:last-child:after {border-bottom-color: #FFF3DC;filter: drop-shadow(0px -8px 0 #FFB73B);left: calc(50% - 6px);}
.sec07_main_site dd .item:nth-child(4) {margin-left: 104px;}
.sec07_main_site dd .item:nth-child(2):after { left: 38px; border-right-width: 6px; border-left-width: 6px; filter: drop-shadow(0px -6px 0 #7B6E43); border-bottom-width: 14px; top: -8px; }
.sec07_main_site dd .item:nth-child(2) .price {margin: -3px -4px 0 6px;}
.sec07_info { max-width: 1150px; background: #fff; border: 5px solid #E6F1E3; margin: 0 auto 40px; padding: 29px 20px 17px;}
.sec07_info dl { display: flex; align-items: flex-end; background: url("../images/sec07_dot.png") repeat-x left bottom/auto 1px;margin: 0 0 24px;padding: 0 0 15px;}
.sec07_info dl:last-child {margin: 0;}
.sec07_info dt { display: flex; align-items: center;flex-shrink: 0;width: 270px; }
.sec07_info dt .ttl {font-size: 18px;font-weight: 700; padding-left: 10px;width: 185px;text-align: left;}
.sec07_info dt .ttl .num {display: flex;width: 90px;background: var(--mcolor);color: #fff;text-align: center;border-radius: 3px;height: 20px;justify-content: center;align-items: center;line-height: 1em;font-size: 14px;margin: 0 0 3px;font-family: var(--f-num);}
.sec07_info .price {margin: 0;}
.sec07_info dl:nth-child(2) dt .ttl {font-size: 17px;letter-spacing: -0.02em;}
.sec07_info dd { padding: 0 0 2px; }
.sec07_info dl:nth-child(2) .price, .sec07_info dl:nth-child(3) .price { margin: -6px 0 0 2px; }
/*==================== SEC08 ===================*/
.sec08_img { margin: 0; display: flex;filter: grayscale(100%);transition: all 0.3s; }
.sec08_img .img {width: calc(100%/6);height: 650px;display: flex;justify-content: center;align-items: center;overflow: hidden;}
.sec08_img .img img {width: 100%;height: 100%;object-fit: cover;}
.sec08 {padding: 0;position: relative;}
.sec08_main { width: 1000px; height: 300px; background: rgb(255 255 255 / 95%); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); text-align: center; padding: 54px 40px 40px; }
.sec08 .idx_ttl {font-size: 22px;margin-bottom: 42px;}
.sec08 .idx_ttl .en {margin-bottom: 13px;}
.sec08 .btn.black a { width: 310px; height: 70px; background-position: left 25px bottom 21px; }
.sec08>a {position: absolute;width: 100%;height: 100%;top: 0;left: 0;z-index: 2;}
/*==================== SEC09 ===================*/
.sec09 { padding: 82px 0 122px;background:  var(--light); }
.sec09 .idx_ttl {text-align: center;font-size: 22px;margin-bottom: 68px;}
.sec09 .idx_ttl .en {margin-bottom: 7px;}
.sec09 .inner {width: var(--small_size);}
.sec09_bnr { display: flex; justify-content: space-between; }
.sec09_bnr li {width: calc((100% - 150px)/3);}
.sec09_bnr li a {height: 200px;background: rgba(255,255,255,0.95);display: flex;justify-content: center;align-items: center;position: relative;text-align: center;z-index: 2;}
.sec09_bnr li a:after {content: '';position:absolute;width: calc(100% - 40px);height: calc(100% - 40px);border: 1px solid #B2B2B2;opacity: 0.95;top: 0;left: 0;right: 0;bottom: 0;margin: auto;z-index: -2;}
.sec09_bnr li a .num { margin: 0; font-size: 8rem; font-family: var(--f-stdn); opacity: 0.04; line-height: 0.8; position: absolute; right: 20px; bottom: 30px; z-index: -1; letter-spacing: -0.05em; pointer-events: none; font-weight: 600; }
.sec09_bnr li a .ttl {display: block;font-size: 137.5%;font-family: var(--f-stdn);font-weight: 500;margin: 0 0 20px;}
.sec09_bnr li a .more {display: block;width: 101px;margin: 0 auto;background: url("../images/ic_arr.svg") no-repeat right bottom;font-size: 12px;text-align: left;font-family: var(--f-en);padding: 0 0 2px;}
/*==========================================================
                        F O O T E R
==========================================================*/
footer{position: relative;z-index: 3;}
.ft_contact {background: url("../images/ft_bg.jpg") no-repeat center center/cover;padding: 94px 0 84px;color: #fff;text-align: center;}
.ft_contact .idx_ttl {font-size: 22px;margin-bottom: 67px;}
.ft_contact .idx_ttl .en {font-size: 20px;margin-bottom: 4px;}
.ft_contact_bnr { display: flex; justify-content: space-between; }
.ft_contact_bnr li {width: calc((100% - 41px)/2);font-size: 14px;}
.ft_contact_bnr li a {height: 230px;border: 1px solid #fff;color: #fff;display: flex;justify-content: center;align-items: center;text-align: center;flex-direction: column;}
.ft_contact_bnr li a .lager {display: block;font-size: 185.72%;font-family: var(--f-stdn);font-weight: 500;margin: 0 0 18px;}
.ft_contact_bnr li a:before {content: '';position: relative;display: block;background: url("../images/ic_tel.svg") no-repeat center center/100% auto;width: 32px;height: 32px; margin: 7px 0 28px;}
.ft_contact_bnr li:nth-child(2) a:before {background-image: url("../images/ic_mail.svg");margin: 5px 0 29px;}
.ft_contact_bnr li .tel { display: block; font-size: 142.86%;margin: 0 0 8px; font-family: var(--f-num);}
.ft_contact_bnr li .num { font-size: 210%; }

.ft_blog {;padding: 0 0 151px;background: var(--light);}
.ft_blog_main {display: flex;justify-content: space-between;align-items: flex-start;min-height: 300px;}
.ft_blog_list { border-top: 1px solid rgb(54 54 54 / 30%); width: 910px; }
.ft_blog_list li a { display: flex;padding: 34px 21px 37px; }
.ft_blog_list li .date { font-family: var(--f-en); letter-spacing: 0.05em; flex-shrink: 0; width: 144px; }
.ft_blog_list li { border-bottom: 1px solid rgb(54 54 54 / 30%); }
.ft_blog_list li .ttl {display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden;word-break: break-all;}
.ft_blog .idx_ttl { margin: 49px 0 0;font-size: 22px;}
.ft_blog .btn { position: absolute; bottom: 49px; }

.ft_main { background: #212121; color: #fff; padding: 100px 0 0; }
.ft_main .inner {width: var(--small_size)}
.ft_main_top { display: flex; align-items: flex-start; }
.ft_left { margin: 0 179px 0 0; }
.ft_logo {margin-bottom: 20px;}
.ft_link { display: flex; flex-direction: column; flex-wrap: wrap; height: 399px; }
.ft_link > li>*:nth-child(1) {color: #fff;font-size: 22px;font-family: var(--f-stdn);font-weight: 500;}
.ft_link_sub { border-left: 1px solid rgb(201 201 201 / 30%); margin: 24px 0 28px 30px; padding: 0 0 0 30px; }
.ft_link_sub li a {color: #fff;font-size: 14px;}
.ft_link_sub li:not(:last-child) { margin: 0 0 4px; }
.ft_link > li { margin-bottom: 24px;margin-left: 91px; }
.ft_link > li:nth-child(-n+3) {margin-left: 0;}
.ft_link > li:nth-last-child(2) { order: 2; }
.sp_contact { position: fixed; z-index: 5; }
.sp_contact li { width: 70px; margin: 0 0 30px;line-height: 1.4em; }
.sp_contact li:last-child {margin: 0;}
.sp_contact li a {display: flex;justify-content: center;align-items: center;color: #fff;height: 220px;background: #0C0C0C;border-bottom-left-radius: 3px;border-top-left-radius: 3px;box-shadow: 0px 3px 6px 0px rgba(0,0,0,0.44);font-weight: 500;flex-direction: column;}
.sp_contact li .txt {display: flex;align-items: center;}
.sp_contact li.sp_contact_contact a {background: var(--mcolor);height: 200px;}
.sp_contact li.sp_contact_contact a:before {content: '';position: relative;display: inline-block;background: url("../images/ic_mail.svg") no-repeat center center/100% auto;width: 24px;height: 23px;margin: -16px auto 16px;}



.view_main {position: fixed;width: 100%;height: 100%;top: 0;left: 0;background: var(--light);display: flex;justify-content: center;align-items: center;text-align: center;z-index: 9999;transition: all 1s;}
.view_main_img {opacity: 0;transition: all 1s ease;transform: translateY(40px);}
.view_main.show .view_main_img {opacity: 1;transform: translateY(0)}
.view_main.done, .view_main.done  .view_main_img {opacity: 0;visibility: hidden;}


address { text-align: center; color: #fff; font-size: 20px; border-top: 1px solid rgb(170 170 170 / 30%); padding: 47px 0; width: 1750px; margin: 0 auto; position: relative; left: 50%; transform: translateX(-50%); }

/* BACK TO TOP */
.to_top{position:fixed;z-index:9;width:70px;bottom:0;right:0;cursor:pointer;transition:all .2s;opacity:0;visibility:hidden}
.to_top.show{transform:scale(1);opacity:1;visibility:visible}