@charset "UTF-8";

html{
	overflow-x: hidden;
	zoom:.9;
}

body{
	font-family: "Noto Sans JP", sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-font-feature-settings: "palt" 1;
	font-feature-settings: "palt" 1;
	color: #000000;
	overflow-x: hidden;
	position: relative;
}

img{
	max-width: 100%;
	height: auto;
}

a{
	color: inherit;
	text-decoration: none;
	outline: none;
}

a:hover{
	text-decoration: none;
	color: inherit;
}

.brsp{
	display: none;
}

@media ( max-width : 900px ) {
.brtb{
	display: none;
}
}

@media ( max-width : 840px ) {
.brsp{
	display: inherit;
}
.brpc{
	display: none;
}
}


/* ナビゲーション */
#nav{
	width: 100%;
	z-index: 10;
	position: fixed;
	top: 0;
	background-color: #fff;
}

#nav h1{
	position: absolute;
	font-size: 0;
	content: url("../img/logo.svg");
	width: 230px;
	top: 0;
	bottom: 0;
	left: 75px;
	margin: auto;
	transition: .3s;
}

#nav.is-scroll h1{
	width: 160px;
	left: 55px;
}

#nav ul.navList{
	display: flex;
	margin: 0 auto;
	justify-content: flex-end;
	align-items: center;
	transition: .3s;
	height: 100px;
	gap:0 50px;
}

#nav.is-scroll ul.navList{
	height: 70px;
}

#nav ul.navList a{
	position: relative;
	padding-bottom: 10px;
}

#nav ul.navList a.contact{
	padding-bottom: 0px;
}

#nav ul.navList li{
	color: #4c3326;
	text-align: center;
	transition: .3s;
}

#nav ul.navList li span{
	font-family: "Urbanist", sans-serif;
	font-size: 18px;
	font-weight: 500;
	letter-spacing: 0.04em;
	display: block;
	transition: .3s;
}

#nav.is-scroll ul.navList li span{
	font-size: 16px;
}

#nav ul.navList a.contact li{
	background-color: #a3926f;
	color: #fff;
	width: 180px;
	height: 100px;
	display: flex;
	align-items: center;
	justify-content: center;
}

#nav.is-scroll ul.navList a.contact li{
	height: 70px;
}


#nav ul.navList li::after {
position: absolute;
left: 0;
content: '';
width: 100%;
height: 1px;
background: #4c3326;
bottom: -1px;
transform: scale(0, 1);
transform-origin: right top; /*変形（アンダーラインの伸長）の原点がaタグ（各メニュー）の右端*/
transition: transform 0.3s;  /*変形の時間*/
}


#nav ul.navList a.contact li::after {
content: none;
}



@media ( min-width : 840px ) {
#nav ul.navList a:hover li{
	
}

#nav ul.navList a.contact:hover li{
	background-color: #4c3326;
}

#nav ul.navList li:hover::after {
transform: scale(1, 1);     /*ホバー後、x軸方向に1（相対値）伸長*/
transform-origin: left top; /*左から右に向かう*/
}
}

@media ( max-width : 1200px ) {
#nav h1{
	width: calc(100vw * 230 / 1200);
	left: calc(100vw * 75 / 1200);
}

#nav.is-scroll h1{
	width: calc(100vw * 160 / 1200);
	left: calc(100vw * 55 / 1200);
}

#nav ul.navList{
	height: calc(100vw * 100 / 1200);
	gap:0 calc(100vw * 50 / 1200);
}

#nav.is-scroll ul.navList{
	height: calc(100vw * 100 / 1200);
}

#nav ul.navList a{
	padding-bottom: calc(100vw * 10 / 1200);
}

#nav ul.navList li span{
	font-size: calc(100vw * 18 / 1200);
}

#nav.is-scroll ul.navList li span{
	font-size:  calc(100vw * 16 / 1200);
}

#nav ul.navList a.contact li{
	width: calc(100vw * 180 / 1200);
	height: calc(100vw * 100 / 1200);
}

#nav.is-scroll ul.navList a.contact li{
	height: calc(100vw * 100 / 1200);
}
}

@media ( max-width : 840px ) {
html{
	zoom:1;
}
#nav{
	height: calc(100vw * 65 / 375);
}
#nav h1{
	width: calc(100vw * 150 / 375);
	left: calc(100vw * 28 / 375);
}

#nav.is-scroll h1{
	width: calc(100vw * 150 / 375);
	left: calc(100vw * 28 / 375);
}

#nav ul.navList{
	display: none;
}
}



/* ハンバーガーメニュー */
.fullscreenmenu{
	display: none;
}

.menu, .menu span {
  display: inline-block;
  -webkit-transition: all .4s;
  transition: all .4s;
  box-sizing: border-box;
}

.menu {
	width: calc(100vw * 100 / 640);
	height: calc(100vw * 100 / 640);
	z-index: 11;
	background: none;
	top: calc(100vw * 2 / 375);
  right: calc(100vw * 13 / 375);
	position: fixed;
}

.menu span {
	position: absolute;
	left: 0;
	width: calc(100vw * 25 / 375);
	height: calc(100vw * 2 / 375);
	background-color: #4c3326;
	z-index: 10;
	right: 0;
	margin: auto;
}

.menu span:nth-of-type(1) {
  top: calc(100vw * 30 / 640);
}

.menu span:nth-of-type(2) {
  top: calc(100vw * 47 / 640);
	background-color: #8e746c;
}

.menu span:nth-of-type(3) {
  top: calc(100vw * 64 / 640);
	background-color: #988d8b;
}

.menu.active span:nth-of-type(1) {
  -webkit-transform: translateY(calc(100vw * 10 / 375)) rotate(45deg);
  transform: translateY(calc(100vw * 10 / 375)) rotate(45deg);
	background: #fff;
}

.menu.active span:nth-of-type(2) {
  opacity: 0;
}

.menu.active span:nth-of-type(3) {
  -webkit-transform: translateY(calc(100vw * -10 / 375)) rotate(-45deg);
  transform: translateY(calc(100vw * -10 / 375)) rotate(-45deg);
	background: #fff;
}

#hnav {
  position: fixed;
  top: 0;
  right: 0;
  z-index: 10;
  width: 100%;
  opacity: 0;
  transition: all 0.3s ease-in-out;
  visibility: hidden;
	filter: blur(10px);
	background-color: #4c3326;
	transform: translateY(-100%);
	height: 100%;
}

#hnav::before {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: calc(100vw * 20 / 375);
	content: "";
	background: #988d8b;
	z-index: 1;
}

#hnav h1{
	font-size: 0;
	content: url("../img/logo_w.svg");
	width: calc(100vw * 150 / 375);
	margin-top: calc(100vw * 18 / 375);
	margin-left: calc(100vw * 30 / 375);
	margin-bottom: 0;
}

#hnav.active {
  z-index: 10;
  opacity: 1;
  visibility: visible;
	filter: blur(0px);
	transform: translateX(0);
}

#hnav ul {
	padding: calc(100vw * 44 / 375) 0 20px;
	width: 100%;
}

#hnav ul li {
	width: 100%;
}

#hnav ul li a {
  display: flex;
	align-items: center;
  padding: calc(100vw * 0 / 375) 0   calc(100vw * 0 / 375) calc(100vw * 70 / 375);
  transition: all 0.2s ease-in-out;
	text-align: left;
  text-decoration: none;
	color: #fff;
	position: relative;
	background-color: #988d8b;
	margin-bottom: calc(100vw * 32 / 375);
}

#hnav ul li a.mar-b50 {
	margin-bottom: calc(100vw * 50 / 375);
}

#hnav ul li a.brown {
	background-color: #8e746c;
}

#hnav ul li a.gold {
	background-color: #a3926f;
}

#hnav ul li.contact a {
	display: flex;
	align-items: center;
	justify-content: center;
	width: calc(100vw * 200 / 375);
	height: calc(100vw * 45 / 375);
	padding: 0;
	border-radius: calc(100vw * 22 / 375);
	margin: 0 auto;
	background-color: #a3926f;
	font-size: calc(100vw * 23 / 375);
	font-weight: 400;
	padding-bottom: 3px;
	font-family: "Urbanist", sans-serif;
	margin-bottom: 0;
}

#hnav ul li a span{
	font-size: calc(100vw * 18 / 375);
	font-weight: 500;
	font-family: "Urbanist", sans-serif;
}

button {
    border: none;
    outline: none;
}

button:focus {
    border: none;
    outline: none;
}

@media ( max-width : 840px ) {
.fullscreenmenu{
	display: inherit;
}
}


/*ヘッダー*/
#header{
	width: calc(100% - 50px);
	margin-left: auto;
	margin-top: 100px;
	position: relative;
}
#header .slideOne{
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 750px;
	width: 100%;
	opacity: 0;
}
#header .slideOne figure{
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  opacity: 0;
  --duration: 2050ms;
  --delay: 0;
	position: absolute;
	width: 100%;
	margin: 0;
}
#header .slideOne figure::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	background: rgba(0,0,0,.3);
	z-index: 1;
	top: 0;
	left: 0;
	mix-blend-mode:multiply;
}

#header .slideOne figure p{
	position: absolute;
	font-size: 0;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	content: url("../img/mv/slidetxt01.svg");
	z-index: 1;
	width: 100%;
	max-width: 883px;
	opacity: 0;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

#header .slideOne figure.is-active p{
	opacity: 1;
	transition: 1500ms;
	transition-delay: 1.3s;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}

#header .slideOne figure.is-prev p{
	opacity: 0;
	transition: clip-path 2050ms var(--ease-inout-quart) opacity 2000ms;
	transition-delay: 2s;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

#header .slideOne figure p.slide02{
	content: url("../img/mv/slidetxt02.svg");
	max-width: 870px;
}

#header .slideOne figure p.slide03{
	content: url("../img/mv/slidetxt03.svg");
	max-width: 871px;
}

#header .slideOne figure.is-prev{
	z-index: 2;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	opacity: 1;
	transition: clip-path 2050ms cubic-bezier(0.77, 0, 0.175, 1), opacity 0ms;
}

#header .slideOne figure.is-active{
	z-index: 1;
	opacity: 1;
	transition: clip-path 2050ms var(--ease-inout-quart) opacity 0ms;
}

#header .slideOne figure img{
	z-index: 0;
	object-fit: cover;
	width: 100%;
	height: 100%;
}

#header .slideOne figure.is-active img{
	opacity: 1;
	transition: transform 2050ms cubic-bezier(0.77, 0, 0.175, 1);
}

#header .slideOne figure.is-prev img{
	transition: transform 2050ms cubic-bezier(0.77, 0, 0.175, 1);
}


.barV{
	content: "";
	width: 50px;
	height: 100%;
	position: absolute;
	left: 0px;
	bottom: 0;
	z-index: 2;
}

.barV.mv{
	height: calc(100% + 150px);
	left: -50px;
	bottom: -50px;
	z-index: 11;
}

.barV.right{
	left: auto;
	right: 0;
}

.barH{
	content: "";
	width: 100%;
	height: 50px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 2;
}

.liteBrown{
	background-color: #988d8b;
}

.liteBrown2{
	background-color: #8e746c;
}

.brown{
	background-color: #4c3326;
}

.gold{
	background-color: #a3926f;
}



.varTrigger{
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
.var{
  animation-name:varAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
	clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}

@keyframes varAnime{
  0% {
  clip-path: polygon(0 0, 100% 0, 100% 0, 0 0);
}
100% {
	opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}

.varToTTrigger{
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
.varToT{
  animation-name:varToTAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
	clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}

@keyframes varToTAnime{
  0% {
  clip-path: polygon(0 100%, 100% 100%, 100% 100%, 0% 100%);
}
100% {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}

.horTrigger{
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
.hor{
  animation-name:horAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
	clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}

@keyframes horAnime{
  0% {
  clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
}
100% {
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}

.horToR{
  animation-name:horToRAnime;
  animation-duration:1s;
  animation-fill-mode:forwards;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}

@keyframes horToRAnime{
  0% {
 clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
}
100% {
	opacity: 1;
  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
}
}

@media ( max-width : 1200px ) {
#header{
	width: calc(100% - calc(100vw * 50 / 1200));
	margin-top: calc(100vw * 100 / 1200);
}
#header .slideOne{
	height: calc(100vw * 750 / 1200);
}

#header .slideOne figure p{
	max-width: calc(100vw * 870 / 1200);
}


.barV{
	width: calc(100vw * 50 / 1200);
}

.barV.mv{
	height: calc(100% + calc(100vw * 150 / 1200));
	left: calc(100vw * -50 / 1200);
	bottom: calc(100vw * -50 / 1200);
}

.barH{
	height: calc(100vw * 50 / 1200);
}
}

@media ( max-width : 840px ) {
#header{
	width: calc(100% - calc(100vw * 20 / 375));
	margin-top: calc(100vw * 65 / 375);
}
#header .slideOne{
	height: calc(100vw * 520 / 375);
}

#header .slideOne figure p{
	content: url("../img/mv/slidetxt01_sp.svg");
	max-width: calc(100vw * 291 / 375);
}

#header .slideOne figure p.slide02{
	content: url("../img/mv/slidetxt02_sp.svg");
	max-width: calc(100vw * 291 / 375);
}

#header .slideOne figure p.slide03{
	content: url("../img/mv/slidetxt03_sp.svg");
	max-width: calc(100vw * 291 / 375);
}


.barV{
	width: calc(100vw * 20 / 375);
}

.barV.mv{
	height: calc(100% + calc(100vw * 100 / 375));
	left: calc(100vw * -20 / 375);
	bottom: calc(100vw * -20 / 375);
}

.barH{
	height: calc(100vw * 20 / 375);
}
}




/*コンセプト*/
#concept{
	width: 100%;
	padding: 120px 20px 74px;
	position: relative;
}

#concept .conceptWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

.gloTit{
	font-size: 63px;
	font-weight: 400;
	letter-spacing: 0.04em;
	color: #4c3326;
	font-family: "Urbanist", sans-serif;
	margin-bottom: 37px;
}

.gloTit span{
	font-size: 16px;
	font-weight: 600;
	display: block;
	margin-top: 11px;
}

#concept .conceptWrap .conceptBox{
	display: flex;
	gap:0 120px;
	margin-bottom: 164px;
}

#concept .conceptWrap .conceptBox .txtArea{
	width: 100%;
	max-width: 360px;
}

#concept .conceptWrap .conceptBox .txtArea p{
	font-size: 16px;
	font-weight: 500;
	line-height: 34px;
	text-align: justify;
	color: #4c3326;
}

#concept .conceptWrap .imgBox{
	display: flex;
	gap:0 15px;
	width: 1233px;
	transform: translate(-50%, 0%);
  left: 44%;
	position: relative;
	margin-bottom: 64px;
}

#concept .slideOne{
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 250px;
	width: 400px;
}

#concept .imgBox .slideOne:first-of-type{
	transform: translateY(-200px);
}

#concept .imgBox .slideOne:nth-of-type(2){
	transform: translateY(-100px);
}

#concept .slideOne figure{
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  opacity: 0;
  --duration: 1650ms;
  --delay: 0;
  --transform-x: 25%;
	position: absolute;
}

#concept .slideOne figure.is-prev{
	z-index: 2;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	opacity: 1;
	transition: clip-path 1650ms cubic-bezier(0.77, 0, 0.175, 1), opacity 0ms;
}

#concept .slideOne figure.is-active{
	z-index: 1;
	opacity: 1;
	transition: clip-path 1650ms var(--ease-inout-quart) opacity 0ms;
}

#concept .slideOne figure img{
	z-index: 0;
	transform: translate3d(25%, 0, 0);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#concept .slideOne figure.is-active img{
	opacity: 1;
	transition: transform 1650ms cubic-bezier(0.77, 0, 0.175, 1);
	transform: translate3d(0%, 0, 0) ;
}

#concept .slideOne figure.is-prev img{
	transition: transform 1650ms cubic-bezier(0.77, 0, 0.175, 1);
	transform: translate3d(calc(-1 * 25%), 0, 0) ;
}

#concept .conceptWrap .conceptBox2{
	display: flex;
	gap:0 116px;
	width: 1100px;
  transform: translate(-50%, 0%);
  left: 50%;
  position: relative;
}

#concept .conceptWrap .conceptBox2 .imgArea{
	width: 75%;
	margin-top: 50px;
}

#concept .conceptWrap .conceptBox2 .imgArea img{
	display: block;
}

#concept .conceptWrap .conceptBox2 .txtArea{
	width: 70%;
}

#concept .conceptWrap .conceptBox2 .txtArea h3{
	font-size: 32px;
	font-weight: 500;
	line-height: 55px;
	color: #4c3326;
	margin-bottom: 20px;
}

#concept .conceptWrap .conceptBox2 .txtArea p{
	font-size: 15px;
	font-weight: 500;
	line-height: 32px;
	text-align: justify;
	color: #4c3326;
	margin-bottom: 51px;
}

#concept .conceptWrap .conceptBox2 .txtArea ul{
	border-top: solid 1px #4c3326;
}

#concept .conceptWrap .conceptBox2 .txtArea ul li{
	font-size: 15px;
	font-weight: 500;
	padding: 9px 0px 9px 0;
	color: #4c3326;
	border-bottom: solid 1px #4c3326;
	display: flex;
	align-items: center;
	position: relative;
}

#concept .conceptWrap .conceptBox2 .txtArea ul li span{
	font-size: 40px;
	font-weight: 700;
	font-family: "Urbanist", sans-serif;
	margin-right: 21px;
	  color: #fff;
  -webkit-text-stroke: 1px #4c3326;
  text-stroke: 1px #4c3326;
}

#concept .conceptWrap .conceptBox2 .txtArea ul li:first-child span{
	margin-right: 31px;
}

/*#concept .conceptWrap .conceptBox2 .txtArea ul li .arrow{
	content: url("../img/concept/arrow.svg");
	position: absolute;
	right: 2px;
	width: 19px;
}*/

@media ( max-width : 1200px ) {
#concept{
	padding: calc(100vw * 120 / 1200) calc(100vw * 70 / 1200) calc(100vw * 74 / 1200);
}

#concept .conceptWrap{
	max-width: 1100px;
}

.gloTit{
	font-size: calc(100vw * 63 / 1200);
	margin-bottom: calc(100vw * 37 / 1200);
}

.gloTit span{
	font-size: calc(100vw * 16 / 1200);
	margin-top: calc(100vw * 11 / 1200);
}

#concept .conceptWrap .conceptBox{
	gap:0 calc(100vw * 120 / 1200);
	margin-bottom: calc(100vw * 164 / 1200);
}

#concept .conceptWrap .conceptBox .txtArea{
	max-width: calc(100vw * 360 / 1200);
}

#concept .conceptWrap .conceptBox .txtArea p{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 34 / 1200);
}

#concept .conceptWrap .imgBox{
	gap:0 calc(100vw * 15 / 1200);
	width: calc(100vw * 1233 / 1200);
	margin-bottom: calc(100vw * 64 / 1200);
}

#concept .slideOne{
	height: calc(100vw * 250 / 1200);
	width: calc(100vw * 400 / 1200);
}

#concept .imgBox .slideOne:first-of-type{
	transform: translateY(calc(100vw * -200 / 1200));
}

#concept .imgBox .slideOne:nth-of-type(2){
	transform: translateY(calc(100vw * -100 / 1200));
}

#concept .conceptWrap .conceptBox2{
	gap:0 calc(100vw * 116 / 1200);
	
	width: calc(100vw * 1100 / 1200);
  left: 47%;
  position: relative;
}

#concept .conceptWrap .conceptBox2 .txtArea{
	margin-top: calc(100vw * -26 / 1200);
}

#concept .conceptWrap .conceptBox2 .txtArea h3{
	font-size: calc(100vw * 32 / 1200);
	line-height: calc(100vw * 63 / 1200);
	margin-bottom: calc(100vw * 29 / 1200);
}

#concept .conceptWrap .conceptBox2 .txtArea p{
	font-size: calc(100vw * 15 / 1200);
	line-height: calc(100vw * 32 / 1200);
	margin-bottom: calc(100vw * 51 / 1200);
}

#concept .conceptWrap .conceptBox2 .txtArea ul li{
	font-size: calc(100vw * 15 / 1200);
	padding: calc(100vw * 9 / 1200) calc(100vw * 0 / 1200) calc(100vw * 9 / 1200) 0;
}

#concept .conceptWrap .conceptBox2 .txtArea ul li span{
	font-size: calc(100vw * 40 / 1200);
	margin-right: calc(100vw * 21 / 1200);
}

#concept .conceptWrap .conceptBox2 .txtArea ul li:first-child span{
	margin-right: calc(100vw * 31 / 1200);
}

#concept .conceptWrap .conceptBox2 .txtArea ul li .arrow{
	right: calc(100vw * 2 / 1200);
	width: calc(100vw * 19 / 1200);
}
}

@media ( max-width : 840px ) {
#concept{
	padding: calc(100vw * 64 / 375)  calc(100vw * 33 / 375) calc(100vw * 40 / 375);
}

.gloTit{
	font-size: calc(100vw * 30 / 375);
	margin-bottom: calc(100vw * 41 / 375);
}

.gloTit span{
	font-size: calc(100vw * 14 / 375);
	margin-top: calc(100vw * 4 / 375)
}

#concept .conceptWrap .conceptBox{
	flex-wrap: wrap;
	gap:0 0px;
	margin-bottom: calc(100vw * 26 / 375);
}

#concept .conceptWrap .conceptBox .txtArea{
	margin-top: 0;
	max-width: 100%;
}

#concept .conceptWrap .conceptBox .txtArea p{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 28 / 375);
	margin-bottom: calc(100vw * 16 / 375);
}

#concept .conceptWrap .imgBox{
	width: 100%;
	transform: translate(0%, 0%);
  left: auto;
	margin-bottom: calc(100vw * 34 / 375);
}

#concept .slideOne{
	height: calc(100vw * 196 / 375);
	width: calc(100vw * 309 / 375);
}

#concept .slideOne figure{
	margin-bottom: 0;
}

#concept .conceptWrap .conceptBox2{
	flex-wrap: wrap;
	gap:0 0;
	width: 100%;
	left: auto;
	transform: translate(0%, 0%);
}

#concept .conceptWrap .conceptBox2 .imgArea{
	width: 100%;
	order: 1;
	margin-top: 0;
}

#concept .conceptWrap .conceptBox2 .imgArea img{
	max-width: 100%;
}

#concept .conceptWrap .conceptBox2 .txtArea{
	width: 100%;
	order: 0;
	margin-top: 0;
	margin-bottom: calc(100vw * 45 / 375);
}

#concept .conceptWrap .conceptBox2 .txtArea h3{
	font-size: calc(100vw * 22 / 375);
	line-height: calc(100vw * 36 / 375);
	margin-bottom: calc(100vw * 17 / 375);
	letter-spacing: 0.06em;
}

#concept .conceptWrap .conceptBox2 .txtArea p{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 34 / 375);
	margin-bottom: calc(100vw * 35 / 375);
}
	
#concept .conceptWrap .conceptBox2 .txtArea ul {
	margin-bottom: calc(100vw * 57 / 375);
}
	
#concept .conceptWrap .conceptBox2 .txtArea ul li{
	font-size: calc(100vw * 14 / 375);
	padding: calc(100vw * 19 / 375) calc(100vw * 0 / 375) calc(100vw * 19 / 375) 0;
	line-height: calc(100vw * 20 / 375);
}
	
#concept .conceptWrap .conceptBox2 .txtArea ul li:last-child{
	padding: calc(100vw * 29 / 375) calc(100vw * 30 / 375) calc(100vw * 29 / 375) 0;
}

#concept .conceptWrap .conceptBox2 .txtArea ul li span{
	font-size: calc(100vw * 34 / 375);
	margin-right: calc(100vw * 25 / 375);
}

#concept .conceptWrap .conceptBox2 .txtArea ul li:first-child span{
	margin-right: calc(100vw * 35 / 375);
}

#concept .conceptWrap .conceptBox2 .txtArea ul li .arrow{
	width: calc(100vw * 19 / 375);
}
}



/*共用エリア*/
#public{
	width: 100%;
	padding: 120px 20px 134px;
	position: relative;
}

#public .publicWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}

#public .publicWrap .public0ne{
	position: relative;
}

#public .publicWrap .public0ne.lounge4{
	margin-bottom: 397px;
}

#public .publicWrap .public0ne.roof{
	margin-bottom: 360px;
}

/*#public .publicWrap .public0ne.cafe{
	margin-bottom: 180px;
}*/

#public .publicWrap .public0ne article{
	max-width: 640px;
}

#public .publicWrap .public0ne.lounge4 article{
	max-width: 850px;
}

#public .publicWrap .public0ne.roof article{
	margin-left: auto;
}

#public .publicWrap .public0ne .txtArea{
	width: 100%;
	max-width: 500px;
	position: absolute;
	right: 0;
	bottom: -183px;
	background : rgba(240, 235, 229, .8);
	padding: 38px 40px 38px;
}

#public .publicWrap .public0ne.roof .txtArea{
	right: auto;
	left: 0;
	bottom: -115px;
}

#public .publicWrap .public0ne.cafe .txtArea{
	bottom: -35px;
}

#public .publicWrap .public0ne.roof .txtArea .illust04{
	position: absolute;
  content: url("../img/public/illist04.png");
  width: 348px;
  top: -232px;
  left: 73px;
}

#public .publicWrap .public0ne.cafe .txtArea .illust07{
	position: absolute;
  content: url("../img/public/illist07.png");
  width: 301px;
 top: -342px;
  left: 100px;
}

#public .publicWrap .public0ne .txtArea h4{
	font-weight: 500;
	font-size: 26px;
	letter-spacing: 0.14em;
	color: #4c3326;
	margin-bottom: 16px;
}

#public .publicWrap .public0ne .txtArea h4 span{
	font-weight: 600;
	font-size: 28px;
	font-family: "Urbanist", sans-serif;
}

#public .publicWrap .public0ne .txtArea h4 span.sub{
	font-weight: 600;
	font-size: 20px;
	font-family: "Noto Sans JP", sans-serif;
}

#public .publicWrap .public0ne .txtArea p{
	font-weight: 400;
	font-size: 15px;
	line-height: 28px;
	text-align: justify;
	color: #4c3326;
	letter-spacing: 0.04em;
	margin-bottom: 0;
}

#public .publicWrap .public0ne .imgBox{
	position: relative;
	top: 0;
	width: 1400px;
	transform: translate(-50%, 0%);
	left: 50%;
}

#public .publicWrap .public0ne .imgBox .illust01{
	position: absolute;
  top: -373px;
  right: 90px;
  content: url("../img/public/illist01.png");
}

#public .publicWrap .public0ne .imgBox .illust02{
	position: absolute;
  bottom: -210px;
  left: 110px;
  content: url("../img/public/illist02.png");
}

#public .publicWrap .public0ne .imgBox .illust03{
	position: absolute;
	bottom: -366px;
  left: 492px;
	content: url("../img/public/illist03.png");
}

#public .publicWrap .imgBox{
	display: flex;
	gap:0 10px;
	width: 1100px;
	transform: translate(-50%, 0%);
  left: 50%;
	position: relative;
	margin-bottom: 100px;
}

#public .slideOne{
	position: relative;
	z-index: 1;
	overflow: hidden;
	height: 205px;
	width: 360px;
}

#public .slideOne figure{
	height: 100%;
	clip-path: polygon(0 0, 100% 0, 100% 100%, 0% 100%);
  opacity: 0;
  --duration: 1650ms;
  --delay: 0;
  --transform-x: 25%;
	position: absolute;
	margin-bottom: 0;
}

#public .slideOne figure.is-prev{
	z-index: 2;
	clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
	opacity: 1;
	transition: clip-path 1650ms cubic-bezier(0.77, 0, 0.175, 1), opacity 0ms;
}

#public .slideOne figure.is-active{
	z-index: 1;
	opacity: 1;
	transition: clip-path 1650ms var(--ease-inout-quart) opacity 0ms;
}

#public .slideOne figure img{
	z-index: 0;
	transform: translate3d(25%, 0, 0);
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#public .slideOne figure.is-active img{
	opacity: 1;
	transition: transform 1650ms cubic-bezier(0.77, 0, 0.175, 1);
	transform: translate3d(0%, 0, 0) ;
}

#public .slideOne figure.is-prev img{
	transition: transform 1650ms cubic-bezier(0.77, 0, 0.175, 1);
	transform: translate3d(calc(-1 * 25%), 0, 0) ;
}

#public .publicWrap .txtOnlyBox{
	display: flex;
	gap:0 100px;
	margin-bottom: 50px;
}

#public .publicWrap .txtOnlyBox .txtOne{
	position: relative;
	width: 100%;
	max-width: 500px;
	background : rgba(240, 235, 229, .8);
	padding: 38px 40px 38px;
}

#public .publicWrap .txtOnlyBox .txtOne:last-child{
	margin-top: -136px;
  height: 100%;
}

#public .publicWrap .txtOnlyBox .txtOne h4{
	font-weight: 500;
	font-size: 26px;
	letter-spacing: 0.14em;
	color: #4c3326;
	margin-bottom: 16px;
}

#public .publicWrap .txtOnlyBox .txtOne h4 span.sub{
	font-weight: 600;
	font-size: 20px;
	font-family: "Noto Sans JP", sans-serif;
}

#public .publicWrap .txtOnlyBox .txtOne p{
	font-weight: 400;
	font-size: 15px;
	line-height: 28px;
	text-align: justify;
	color: #4c3326;
	letter-spacing: 0.04em;
	color: #4c3326;
	margin-bottom: 0;
}

#public .publicWrap .txtOnlyBox .txtOne .illust05{
	position: absolute;
  top: -185px;
  left: 100px;
  content: url("../img/public/illist05.png");
  width: 297px;
}

#public .publicWrap .txtOnlyBox .txtOne .illust06{
	position: absolute;
  top: -185px;
  left: 104px;
  content: url("../img/public/illist06.png");
  width: 263px;
}

@media ( max-width : 1200px ) {
#public{
	padding: calc(100vw * 120 / 1200) calc(100vw * 70 / 1200) calc(100vw * 134 / 1200);
}

#public .publicWrap .public0ne.lounge4{
	margin-bottom: calc(100vw * 397 / 1200);
}

#public .publicWrap .public0ne.roof{
	margin-bottom: calc(100vw * 360 / 1200);
}

/*#public .publicWrap .public0ne.cafe{
	margin-bottom: calc(100vw * 166 / 1200);
}*/

#public .publicWrap .public0ne article{
	max-width: calc(100vw * 640 / 1200);
}

#public .publicWrap .public0ne.lounge4 article{
	max-width: calc(100vw * 850 / 1200);
}

#public .publicWrap .public0ne .txtArea{
	max-width: calc(100vw * 500 / 1200);
	bottom: calc(100vw * -183 / 1200);
	padding: calc(100vw * 38 / 1200) calc(100vw * 40 / 1200) calc(100vw * 38 / 1200);
}

#public .publicWrap .public0ne.roof .txtArea{
	bottom: calc(100vw * -115 / 1200);
}

#public .publicWrap .public0ne.cafe .txtArea{
	bottom: calc(100vw * -35 / 1200);
}

#public .publicWrap .public0ne.roof .txtArea .illust04{
  width: calc(100vw * 348 / 1200);
  top: calc(100vw * -232 / 1200);
  left: calc(100vw * 73 / 1200);
}

#public .publicWrap .public0ne.cafe .txtArea .illust07{
  width: calc(100vw * 301 / 1200);
  top: calc(100vw * -342 / 1200);
  left: calc(100vw * 100 / 1200);
}

#public .publicWrap .public0ne .txtArea h4{
	font-size: calc(100vw * 26 / 1200);
	margin-bottom: calc(100vw * 16 / 1200);
}

#public .publicWrap .public0ne .txtArea h4 span{
	font-size: calc(100vw * 28 / 1200);
}

#public .publicWrap .public0ne .txtArea h4 span.sub{
	font-size: calc(100vw * 20 / 1200);
}

#public .publicWrap .public0ne .txtArea p{
	font-size: calc(100vw * 15 / 1200);
	line-height: calc(100vw * 28 / 1200);
}

#public .publicWrap .public0ne .imgBox{
	width: calc(100vw * 1400 / 1200);
}

#public .publicWrap .public0ne .imgBox .illust01{
  top: calc(100vw * -373 / 1200);
  right: calc(100vw * 90 / 1200);
	width: calc(100vw * 281 / 1200);
}

#public .publicWrap .public0ne .imgBox .illust02{
  bottom: calc(100vw * -210 / 1200);
  left: calc(100vw * 110 / 1200);
	width: calc(100vw * 271 / 1200);
}

#public .publicWrap .public0ne .imgBox .illust03{
	bottom: calc(100vw * -366 / 1200);
  left: calc(100vw * 492 / 1200);
	width: calc(100vw * 258 / 1200);
}

#public .publicWrap .imgBox{
	gap:0 calc(100vw * 10 / 1200);
	width: calc(100vw * 1100 / 1200);
	margin-bottom: calc(100vw * 100 / 1200);
}

#public .slideOne{
	height: calc(100vw * 205 / 1200);
	width: calc(100vw * 360 / 1200);
}

#public .publicWrap .txtOnlyBox{
	gap:0 calc(100vw * 100 / 1200);
	margin-bottom: calc(100vw * 50 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne{
	max-width: calc(100vw * 500 / 1200);
	padding: calc(100vw * 38 / 1200) calc(100vw * 40 / 1200) calc(100vw * 38 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne:last-child{
	margin-top: calc(100vw * -130 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne h4{
	font-size: calc(100vw * 26 / 1200);
	margin-bottom: calc(100vw * 16 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne h4 span.sub{
	font-size: calc(100vw * 20 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne p{
	font-size: calc(100vw * 15 / 1200);
	line-height: calc(100vw * 28 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne .illust05{
  top: calc(100vw * -185 / 1200);
  left: calc(100vw * 100 / 1200);
  width: calc(100vw * 297 / 1200);
}

#public .publicWrap .txtOnlyBox .txtOne .illust06{
  top: calc(100vw * -185 / 1200);
  left: calc(100vw * 104 / 1200);
  width: calc(100vw * 263 / 1200);
}
}

@media ( max-width : 840px ) {
#public{
	padding: calc(100vw * 64 / 375)  calc(100vw * 33 / 375) calc(100vw * 40 / 375);
}

#public .publicWrap .public0ne{
	width: calc(100vw * 375 / 375);
	left: 50%;
	transform: translate(-50%, 0%);
}

#public .publicWrap .public0ne.lounge4{
	margin-bottom: calc(100vw * 813 / 375);
}

#public .publicWrap .public0ne.roof{
	margin-bottom: calc(100vw * 782 / 375);
}

#public .publicWrap .public0ne.cafe{
	margin-bottom: calc(100vw * 557 / 375);
}

#public .publicWrap .public0ne article{
	max-width: 100%;
	padding: 0 calc(100vw * 33 / 375);
}

#public .publicWrap .public0ne.lounge4 article{
	max-width: 100%;
}

#public .publicWrap .public0ne.roof article{
	margin-left: auto;
}

#public .publicWrap .public0ne .txtArea{
	width: calc(100vw * 375 / 375);
	max-width: 100%;
	position: absolute;
	right: auto;
	left: 50%;
	transform: translate(-50%, 0%);
	bottom: auto;
	padding: calc(100vw * 64 / 375) calc(100vw * 33 / 375) calc(100vw * 26 / 375);
	top: calc(100vw * 162/ 375);
	z-index: -1;
}

#public .publicWrap .public0ne.roof .txtArea{
	right: auto;
	left: 50%;
	bottom: auto;
}

#public .publicWrap .public0ne.cafe .txtArea{
	bottom: auto;
}

#public .publicWrap .public0ne.roof .txtArea .illust04{
  width: calc(100vw * 284 / 375);
  top: calc(100vw * 370 / 375);
    left: calc(100vw * 43 / 375);
}

#public .publicWrap .public0ne.cafe .txtArea .illust07{
  width: calc(100vw * 301 / 375);
  top: calc(100vw * 385 / 375);
  left: calc(100vw * 43 / 375);
}

#public .publicWrap .public0ne .txtArea h4{
	font-size: calc(100vw * 24 / 375);
	margin-bottom: calc(100vw * 15 / 375);
	letter-spacing: 0.1em;
	line-height: calc(100vw * 32 / 375);
}

#public .publicWrap .public0ne .txtArea h4 span{
	font-size: calc(100vw * 26 / 375);
}

#public .publicWrap .public0ne .txtArea h4 span.sub{
	font-size: calc(100vw * 18 / 375);
	display: block;
}

#public .publicWrap .public0ne .txtArea p{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 30 / 375);
}

#public .publicWrap .public0ne .imgBox{
	position: relative;
	top: 0;
	width: calc(100vw * 375 / 375);
	transform: translate(-50%, 0%);
	left: 50%;
}

#public .publicWrap .public0ne .imgBox .illust01{
  top: calc(100vw * 470 / 375);
    right: calc(100vw * 94 / 375);
	width: calc(100vw * 233 / 375);
}

#public .publicWrap .public0ne .imgBox .illust02{
	bottom: calc(100vw * -794 / 375);
    left: calc(100vw * 112 / 375);
	width: calc(100vw * 223 / 375);
}

#public .publicWrap .public0ne .imgBox .illust03{
	display: none;
}

#public .publicWrap .imgBox{
	gap:0 0px;
	width: calc(100vw * 375 / 375);
	transform: translate(0%, 0%);
  left: auto;
	margin-bottom: calc(100vw * 21 / 375);
}

#public .slideOne{
	height: calc(100vw * 180 / 375);
	width: calc(100vw * 309 / 375);
}

#public .publicWrap .illustSp03{
	text-align: center;
	margin-bottom: calc(100vw * 40 / 375);
}

#public .publicWrap .txtOnlyBox{
	flex-wrap: wrap;
	gap:calc(100vw * 240 / 375) 0;
	margin-bottom: calc(100vw * 48 / 375);
	width: calc(100vw * 375 / 375);
	left: 50%;
	transform: translate(-50%, 0%);
	position: relative;
}

#public .publicWrap .txtOnlyBox .txtOne{
	width: 100%;
	max-width: 100%;
	background : rgba(240, 235, 229, .8);
	padding: calc(100vw * 64 / 375) calc(100vw * 33 / 375) calc(100vw * 26 / 375);
}

#public .publicWrap .txtOnlyBox .txtOne:last-child{
	margin-top: 0;
}

#public .publicWrap .txtOnlyBox .txtOne h4{
	font-size: calc(100vw * 24 / 375);
	margin-bottom: calc(100vw * 15 / 375);
	letter-spacing: 0.1em;
	line-height: calc(100vw * 32 / 375);
}

#public .publicWrap .txtOnlyBox .txtOne h4 span.sub{
	font-size: calc(100vw * 18 / 375);
	display: block;
}

#public .publicWrap .txtOnlyBox .txtOne p{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 30 / 375);
}

#public .publicWrap .txtOnlyBox .txtOne .illust05{
  top: calc(100vw * -165 / 375);
  left: calc(100vw * 40 / 375);
  width: calc(100vw * 297 / 375);
}

#public .publicWrap .txtOnlyBox .txtOne .illust06{
  top: calc(100vw * -149 / 375);
    left: calc(100vw * 66 / 375);
    width: calc(100vw * 263 / 375);
}
}





/*サービス・設備*/
#service{
	width: 100%;
	padding: 140px 70px 100px;
	position: relative;
}
#service .serviceWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#service .serviceWrap .icoBox{
	display: flex;
	flex-wrap: wrap;
	gap:0 0;
	margin-bottom: 91px;
}
#service .serviceWrap .icoBox.oneRow{
	margin-bottom: 13px;
}
#service .serviceWrap .icoBox .icoOne{
	text-align: center;
	border-left: solid 1px #4c3326;
	width: calc(100% / 6);
	height: 240px;
	position: relative;
	display: flex;
  justify-content: center;
	
}
#service .serviceWrap .icoBox .icoOne:last-child{
	border-right: solid 1px #4c3326;
}
#service .serviceWrap .icoBox .icoOne p{
	font-size: 16px;
	font-weight: 400;
	color: #4c3326;
	margin-bottom: 0;
	position: absolute;
	line-height: 24px;
  left: 0;
  right: 0;
  margin: auto;
  bottom: 2px;
}
#service .serviceWrap .icoBox2{
	display: flex;
	gap:0 90px;
	width: 100%;
	max-width: 1030px;
	margin: 0 auto;
}
#service .serviceWrap .icoBox2 .icoOne{
	text-align: center;
	width: 50%;
}
#service .serviceWrap .icoBox2 .icoOne img{
	max-width: 180px;
	margin-bottom: 15px;
}
#service .serviceWrap .icoBox2 .icoOne:last-of-type img{
	max-width: 255px;
	margin-left: 79px;
	margin-bottom: 13px;
}
#service .serviceWrap .icoBox2 .icoOne h4{
	text-align: center;
	font-size: 16px;
	font-weight: 700;
	line-height: 22px;
	color: #4c3326;
	margin-bottom: 17px;
}
#service .serviceWrap .icoBox2 .icoOne p{
	font-size: 14px;
	font-weight: 400;
	line-height: 22px;
	color: #4c3326;
	margin-bottom: 0;
	text-align: justify;
}
#service .serviceWrap .icoBox2 .icoOne p span{
	font-weight: 700;
	display: block;
}


#service .serviceWrap .icoBox.oneRow .icoOne img{
	margin-bottom: 40px;
}


#service .serviceWrap .icoBox.oneRow .icoOne:first-child img{
	width: 107px;
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(2) img{
	width: 96px;
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(3) img{
	width: 73px;
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(4) img{
	width: 114px;
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(5) img{
	width: 92px;
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(6) img{
	width: 107px;
}
#service .serviceWrap .icoBox.twoRow .icoOne:first-child img{
	width: 111px;
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(2) img{
	width: 79px;
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(3) img{
	width: 91px;
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(4) img{
	width: 113px;
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(5) img{
	width: 113px;
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(6) img{
	width: 110px;
}
#service .serviceWrap .aboutTxt{
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	margin-bottom: 60px;
	color: #4c3326;
	text-align: justify;
}



@media ( max-width : 1200px ) {
#service{
	padding: calc(100vw * 140 / 1200) calc(100vw * 70 / 1200) calc(100vw * 100 / 1200);
}
#service .serviceWrap .icoBox{
	margin-bottom: calc(100vw * 91 / 1200);
}
#service .serviceWrap .icoBox.oneRow{
	margin-bottom: calc(100vw * 13 / 1200);
}
#service .serviceWrap .icoBox .icoOne{
	height: calc(100vw * 240 / 1200);
}
#service .serviceWrap .icoBox .icoOne p{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 25 / 1200);
}
#service .serviceWrap .icoBox2{
	gap:0 calc(100vw * 90 / 1200);
}
#service .serviceWrap .icoBox2 .icoOne{
	
}
#service .serviceWrap .icoBox2 .icoOne img{
	max-width: calc(100vw * 180 / 1200);
	margin-bottom: calc(100vw * 15 / 1200);
}
#service .serviceWrap .icoBox2 .icoOne:last-of-type img{
	max-width: calc(100vw * 255 / 1200);
	margin-left: calc(100vw * 79 / 1200);
	margin-bottom: calc(100vw * 13 / 1200);
}
#service .serviceWrap .icoBox2 .icoOne h4{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 22 / 1200);
	margin-bottom: calc(100vw * 17 / 1200);
}
#service .serviceWrap .icoBox2 .icoOne p{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 22 / 1200);
}


#service .serviceWrap .icoBox.oneRow .icoOne img{
	margin-bottom: calc(100vw * 40 / 1200);
}

#service .serviceWrap .icoBox.oneRow .icoOne:first-child img{
	width: calc(100vw * 107 / 1200);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(2) img{
	width: calc(100vw * 96 / 1200);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(3) img{
	width: calc(100vw * 73 / 1200);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(4) img{
	width: calc(100vw * 114 / 1200);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(5) img{
	width: calc(100vw * 92 / 1200);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(6) img{
	width: calc(100vw * 107 / 1200);
}
#service .serviceWrap .icoBox.twoRow .icoOne:first-child img{
	width: calc(100vw * 111 / 1200);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(2) img{
	width: calc(100vw * 79 / 1200);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(3) img{
	width: calc(100vw * 91 / 1200);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(4) img{
	width: calc(100vw * 113 / 1200);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(5) img{
	width: calc(100vw * 113 / 1200);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(6) img{
	width: calc(100vw * 110 / 1200);
}
#service .serviceWrap .aboutTxt{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 30 / 1200);
	margin-bottom: calc(100vw * 60 / 1200);
}
}
@media ( max-width : 840px ) {
#service{
	padding: calc(100vw * 64 / 375) calc(100vw * 33 / 375) calc(100vw * 100 / 375);
}
#service .serviceWrap .icoBox{
	margin-bottom: calc(100vw * 45 / 375);
	gap:calc(100vw * 20 / 375) 0;
}
#service .serviceWrap .icoBox.oneRow{
	margin-bottom: calc(100vw * 20 / 375);
}
#service .serviceWrap .icoBox .icoOne{
	width: calc(100% / 3);
	height: calc(100vw * 120 / 375);
	
}
#service .serviceWrap .icoBox .icoOne:nth-child(3){
	border-right: solid 1px #4c3326;
}
#service .serviceWrap .icoBox .icoOne:last-child{
	border-right: solid 1px #4c3326;
}
#service .serviceWrap .icoBox .icoOne p{
	font-size: calc(100vw * 10 / 375);
	line-height: calc(100vw * 14 / 375);
	white-space: nowrap;
}
#service .serviceWrap .icoBox2{
	flex-wrap: wrap;
	gap:calc(100vw * 50 / 375) 0px;
}
#service .serviceWrap .icoBox2 .icoOne{
	width: 100%;
}
#service .serviceWrap .icoBox2 .icoOne img{
	max-width: calc(100vw * 150 / 375);
	margin-bottom: calc(100vw * 15 / 375);
}
#service .serviceWrap .icoBox2 .icoOne:last-of-type img{
	max-width: calc(100vw * 206 / 375);
	margin-bottom: calc(100vw * 5 / 375);
	margin-left: calc(100vw * 60 / 375);
}
#service .serviceWrap .icoBox2 .icoOne h4{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 22 / 375);
	margin-bottom: calc(100vw * 18 / 375);
}
#service .serviceWrap .icoBox2 .icoOne p{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 24 / 375);
}

#service .serviceWrap .icoBox .icoOne img{
	margin-bottom: calc(100vw * 25 / 375);
}

#service .serviceWrap .icoBox.oneRow .icoOne:first-child img{
	width: calc(100vw * 50 / 375);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(2) img{
	width: calc(100vw * 48 / 375);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(3) img{
	width: calc(100vw * 36 / 375);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(4) img{
	width: calc(100vw * 57 / 375);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(5) img{
	width: calc(100vw * 46 / 375);
}
#service .serviceWrap .icoBox.oneRow .icoOne:nth-child(6) img{
	width: calc(100vw * 54 / 375);
}
#service .serviceWrap .icoBox.twoRow .icoOne:first-child img{
	width: calc(100vw * 55 / 375);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(2) img{
	width: calc(100vw * 40 / 375);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(3) img{
	width: calc(100vw * 46 / 375);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(4) img{
	width: calc(100vw * 56 / 375);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(5) img{
	width: calc(100vw * 56 / 375);
}
#service .serviceWrap .icoBox.twoRow .icoOne:nth-child(6) img{
	width: calc(100vw * 50 / 375);
}
#service .serviceWrap .aboutTxt{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 28 / 375);
	margin-bottom: calc(100vw * 30 / 375);
}
}




/*フロアガイド*/
#floor {
	width: 100%;
	position: relative;
	background-color: #4c3326;
	padding: 75px 70px 110px;
}

.line1{
	width: 5px;
	height: calc(100% - 22px);
	content: "";
	background-color: #fff;
	position: absolute;
	left: 12px;
	bottom: 22px;
}

.line2{
	width: 3px;
	height: calc(100%);
	content: "";
	background-color: #fff;
	position: absolute;
	left: 35px;
	bottom: 0;
}

.line3{
	width: 100%;
	height: 5px;
	content: "";
	background-color: #fff;
	position: absolute;
	left: 0;
	bottom: 34px;
}

.line4{
	width: 100%;
	height: 3px;
	content: "";
	background-color: #fff;
	position: absolute;
	left: 22px;
	bottom: 13px;
}

.circle1{
	width: 10px;
  height: 10px;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 10px;
  bottom: 32px;
	opacity: 0;
}

.circle2{
	width: 8px;
	height: 9px;
	content: "";
	border-radius: 50%;
	background-color: #fff;
	position: absolute;
	left: 33px;
	bottom: 32px;
	opacity: 0;
}

.circle3{
	width: 7px;
  height: 7px;
  content: "";
  border-radius: 50%;
  background-color: #fff;
  position: absolute;
  left: 33px;
  bottom: 11px;
	opacity: 0;
}

#floor .floorWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#floor .floorWrap .gloTit{
	color: #fff;
}

#floor .tabs {
	position: relative;
	z-index: 1;
}

#floor .tabs__body {
	display: none;
}

#floor .tabs__body.is-active {
	display: block;
}

#floor .tabs__menu {
	display: flex;
	gap: 0 7px;
}

#floor .tabs__menu-item {
	display: flex;
	width: 94px;
	height: 50px;
	justify-content: center;
	align-items: center;
	background-color: #988d8b;
	color: #fff;
	font-family: "Urbanist", sans-serif;
	font-size: 28px;
	font-weight: 700;
	cursor: pointer;
	transition: .4s;
}

#floor .tabs__menu-item:last-child {
	font-size: 20px;
}

#floor .tabs__menu-item.is-active {
	background-color: #fff;
	color: #4c3326;
}

#floor .tab_inner {
	background-color: #fff;
	padding: 60px 37px 60px;
}

#floor .tab_inner .innerBox{
	display: flex;
	gap:0 58px;
}

#floor .tab_inner .innerBox .imgArea{
	width: 335px;
}

#floor .tab_inner .innerBox .txtArea{
	width: 587px;
	margin-top: -8px;
}

#floor .tab_inner .innerBox .txtArea .txtTit{
	font-size: 20px;
	font-weight: 700;
	color: #4c3326;
	font-family: "Urbanist", sans-serif;
	margin-bottom: 12px;
}

#floor .tab_inner .innerBox .txtArea .txtTxt{
	font-size: 15px;
	font-weight: 500;
	color: #4c3326;
	line-height: 26px;
	text-align: justify;
	letter-spacing: 0.08em;
	margin-bottom: 19px;
}

#floor .tab_inner .innerBox .txtArea .shopBox{
	display: flex;
	gap:0 20px;
}

#floor .tab_inner .innerBox .txtArea .shopBox .imgArea{
	width: 250px;
}

#floor .tab_inner .innerBox .txtArea .shopBox .txtArea{
	width: 250px;
}

#floor .tab_inner .innerBox .txtArea .shopBox .txtArea p{
	font-size: 14px;
	font-weight: 500;
	color: #4c3326;
	line-height: 24px;
	letter-spacing: 0.08em;
	margin-bottom: 0;
}

#floor .tab_inner .innerBox .txtArea .tableTit{
	font-size: 15px;
	font-weight: 500;
	color: #4c3326;
	margin-bottom: 8px;
}

#floor .tab_inner .innerBox .txtArea table,
#floor .tab_inner .innerBox .txtArea table th,
#floor .tab_inner .innerBox .txtArea table td{
	border-collapse: collapse;
    border:1px solid #fff;
}

#floor .tab_inner .innerBox .txtArea table:first-of-type{
	margin-bottom: 21px;
}

#floor .tab_inner .innerBox .txtArea table th,
#floor .tab_inner .innerBox .txtArea table td{
	width: 50px;
	height: 40px;
	color: #4c3326;
	text-align: center;
	vertical-align: middle;
}

#floor .tab_inner .innerBox .txtArea table th.long{
	width: 110px;
}

#floor .tab_inner .innerBox .txtArea table th.long2{
	width: 60px;
	white-space: nowrap;
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr:first-child th:first-child{
	width: 90px;
	text-align: left;
	padding: 0 19px;
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr:first-child th:nth-child(2){
	width: 445px;
}

#floor .tab_inner .innerBox .txtArea table.floor4 td{
	height: 60px;
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr td:nth-last-child(2){
	text-align: left;
	padding: 0 23px;
}

#floor .tab_inner .innerBox .txtArea table{
	font-size: 12px;
}

#floor .tab_inner .innerBox .txtArea table th{
	background-color: #4c3326;
	line-height: 15px;
	font-weight: 500;
	color: #fff;
}

#floor .tab_inner .innerBox .txtArea table tr:nth-child(n+2){
	font-family: "Urbanist", sans-serif;
	font-weight: 600;
}

#floor .tab_inner .innerBox .txtArea table tr:nth-child(n+2) th{
	background-color: #ffecab;
	color: #4c3326;
	font-weight: 600;
}

#floor .tab_inner .innerBox .txtArea table tr td.yellow{
	background-color: #ffecab!important;
}

#floor .tab_inner .innerBox .txtArea table tr td.green{
	background-color: #ccd6b1!important;
}

#floor .tab_inner .innerBox .txtArea table tr td.pink{
	background-color: #ffc0bd!important;
}

#floor .tab_inner .innerBox .txtArea table.pink tr:nth-child(n+2) th{
	background-color: #ffc0bd;
}

#floor .tab_inner .innerBox .txtArea table.green tr:nth-child(n+2) th{
	background-color: #ccd6b1;
}

#floor .tab_inner .innerBox .txtArea table tr:nth-child(even) td{
	background-color: #f2f2f2;
	font-weight: 600;
}

#floor .tab_inner .innerBox .txtArea table tr:nth-child(odd) td{
	background-color: #d9d9d9;
	font-weight: 600;
}

#floor .tab_inner .innerBox .txtArea table .jp{
	font-family: "Noto Sans JP", sans-serif;
	font-weight: 500!important;
}

#floor .tab_inner .innerBox .txtArea table .red{
	color: #ff0000;
}

#floor .tab_inner .innerBox .txtArea .tableBox{
	display: flex;
	gap:0 30px;
}

#floor .tab_inner .innerBox .txtArea .txtTxt .en{
	font-family: "Urbanist", sans-serif;
	font-weight: 500;
}

#floor .tab_inner.dum {
	height: 608px;
	display: flex;
	justify-content: center;
	align-items: center;
}

#floor .tab_inner.dum h6{
	font-size: 30px;
}
@media ( max-width : 1200px ) {
#floor {
	padding: calc(100vw * 75 / 1200) calc(100vw * 70 / 1200) calc(100vw * 110 / 1200);
}

.line1{
	width: calc(100vw * 5 / 1200);
	height: calc(100% - calc(100vw * 22 / 1200));
	left: calc(100vw * 12 / 1200);
	bottom: calc(100vw * 22 / 1200);
}

.line2{
	width: calc(100vw * 3 / 1200);
	left: calc(100vw * 35 / 1200);
}

.line3{
	height: calc(100vw * 5 / 1200);
	bottom: calc(100vw * 34 / 1200);
}

.line4{
	height: calc(100vw * 3 / 1200);
	left: calc(100vw * 22 / 1200);
	bottom: calc(100vw * 13 / 1200);
}

.circle1{
	width: calc(100vw * 10 / 1200);
  height: calc(100vw * 10 / 1200);
  left: calc(100vw * 10 / 1200);
  bottom: calc(100vw * 32 / 1200);
}

.circle2{
	width: calc(100vw * 8 / 1200);
	height: calc(100vw * 9 / 1200);
	left: calc(100vw * 33 / 1200);
	bottom: calc(100vw * 32 / 1200);
}

.circle3{
	width: calc(100vw * 7 / 1200);
  height: calc(100vw * 7 / 1200);
  left: calc(100vw * 33 / 1200);
  bottom: calc(100vw * 11 / 1200);
}

#floor .tabs__menu {
	gap: 0 calc(100vw * 7 / 1200);
}

#floor .tabs__menu-item {
	width: calc(100vw * 94 / 1200);
	height: calc(100vw * 50 / 1200);
	font-size: calc(100vw * 28 / 1200);
}

#floor .tabs__menu-item:last-child {
	font-size: calc(100vw * 20 / 1200);
}

#floor .tab_inner {
	padding: calc(100vw * 60 / 1200) calc(100vw * 37 / 1200) calc(100vw * 60 / 1200);
}

#floor .tab_inner.dum {
	height: calc(100vw * 608 / 1200);
}

#floor .tab_inner.dum h6{
	font-size: calc(100vw * 30 / 1200);
}

#floor .tab_inner .innerBox{
	gap:0 calc(100vw * 58 / 1200);
}

#floor .tab_inner .innerBox .imgArea{
	width: calc(100vw * 250 / 1200);
}

#floor .tab_inner .innerBox .txtArea{
	width: calc(100vw * 587 / 1200);
	margin-top: calc(100vw * -8 / 1200);
}

#floor .tab_inner .innerBox .txtArea .txtTit{
	font-size: calc(100vw * 20 / 1200);
	margin-bottom: calc(100vw * 12 / 1200);
}

#floor .tab_inner .innerBox .txtArea .txtTxt{
	font-size: calc(100vw * 15 / 1200);
	line-height: calc(100vw * 26 / 1200);
	margin-bottom: calc(100vw * 19 / 1200);
}

#floor .tab_inner .innerBox .txtArea .shopBox{
	gap:0 calc(100vw * 20 / 1200);
}

#floor .tab_inner .innerBox .txtArea .shopBox .txtArea p{
	font-size: calc(100vw * 14 / 1200);
	line-height: calc(100vw * 24 / 1200);
}

#floor .tab_inner .innerBox .txtArea .tableTit{
	font-size: calc(100vw * 15 / 1200);
	margin-bottom: calc(100vw * 8 / 1200);
}

#floor .tab_inner .innerBox .txtArea table:first-of-type{
	margin-bottom: calc(100vw * 21 / 1200);
}

#floor .tab_inner .innerBox .txtArea table th,
#floor .tab_inner .innerBox .txtArea table td{
	width: calc(100vw * 50 / 1200);
	height: calc(100vw * 40 / 1200);
}

#floor .tab_inner .innerBox .txtArea table th.long{
	width: calc(100vw * 110 / 1200);
}

#floor .tab_inner .innerBox .txtArea table th.long2{
	width: calc(100vw * 60 / 1200);
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr:first-child th:first-child{
	width: calc(100vw * 90 / 1200);
	padding: 0 calc(100vw * 19 / 1200);
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr:first-child th:nth-child(2){
	width: calc(100vw * 445 / 1200);
}

#floor .tab_inner .innerBox .txtArea table.floor4 td{
	height: calc(100vw * 60 / 1200);
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr td:nth-last-child(2){
	padding: 0 calc(100vw * 23 / 1200);
}

#floor .tab_inner .innerBox .txtArea table{
	font-size: calc(100vw * 12 / 1200);
}

#floor .tab_inner .innerBox .txtArea table th{
	line-height: calc(100vw * 15 / 1200);
}

#floor .tab_inner .innerBox .txtArea .tableBox{
	gap:0 calc(100vw * 30 / 1200);
}
}
@media ( max-width : 840px ) {
#floor {
	padding: calc(100vw * 43 / 375) calc(100vw * 33 / 375) calc(100vw * 36 / 375);
}

.line1{
	width: calc(100vw * 3 / 375);
	height: calc(100% - calc(100vw * 12 / 375));
	left: calc(100vw * 6 / 375);
	bottom: calc(100vw * 12 / 375);
}

.line2{
	width: calc(100vw * 2 / 375);
	left: calc(100vw * 18 / 375);
}

.line3{
	height: calc(100vw * 3 / 375);
	bottom: calc(100vw * 22 / 375);
}

.line4{
	height: calc(100vw * 2 / 375);
	left: calc(100vw * 12 / 375);
	bottom: calc(100vw *9 / 375);
}

.circle1{
	width: calc(100vw * 6 / 375);
  height: calc(100vw * 7 / 375);
  left: calc(100vw * 5 / 375);
  bottom: calc(100vw * 21 / 375);
}

.circle2{
	width: calc(100vw * 5 / 375);
  height: calc(100vw * 7 / 375);
	left: calc(100vw * 17 / 375);
	bottom: calc(100vw * 20 / 375);
}

.circle3{
	width: calc(100vw * 5 / 375);
    height: calc(100vw * 5 / 375);
    left: calc(100vw * 17 / 375);
    bottom: calc(100vw * 7 / 375);
}

#floor .tabs__menu {
	flex-wrap: wrap;
	gap: calc(100vw * 7 / 375);
	margin-bottom: calc(100vw * 7 / 375);
}

#floor .tabs__menu-item {
	width: calc(100vw * 56 / 375);
	height: calc(100vw * 30 / 375);
	font-size: calc(100vw * 16 / 375);
}

#floor .tabs__menu-item:last-child {
	font-size: calc(100vw * 11 / 375);
}

#floor .tab_inner {
	padding: calc(100vw * 25 / 375) calc(100vw * 13 / 375) calc(100vw * 10 / 375);
}

#floor .tab_inner .innerBox{
	flex-wrap: wrap;
	gap:calc(100vw * 40 / 375) 0;
}

#floor .tab_inner .innerBox .imgArea{
	width: 100%
}

#floor .tab_inner .innerBox .txtArea{
	width: 100%;
	margin-top: 0;
}

#floor .tab_inner .innerBox .txtArea .txtTit{
	font-size: calc(100vw * 20 / 375);
	margin-bottom: calc(100vw * 10 / 375);
}

#floor .tab_inner .innerBox .txtArea .txtTxt{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 26 / 375);
	margin-bottom: calc(100vw * 30 / 375);
	letter-spacing: 0.04em;
}

#floor .tab_inner .innerBox .txtArea .shopBox{
	flex-wrap: wrap;
	gap:calc(100vw * 10 / 375) 0px;
}

#floor .tab_inner .innerBox .txtArea .shopBox .imgArea{
	width: 100%;
}

#floor .tab_inner .innerBox .txtArea .shopBox .txtArea{
	width: 100%;
}

#floor .tab_inner .innerBox .txtArea .shopBox .txtArea p{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 24 / 375);
	margin-bottom: calc(100vw * 20 / 375);
}

#floor .tab_inner .innerBox .txtArea .tableTit{
	font-size: calc(100vw * 15 / 375);
	margin-bottom: calc(100vw * 8 / 375);
}

#floor .tab_inner .innerBox .txtArea table:first-of-type{
	margin-bottom: calc(100vw * 21 / 375);
}

#floor .tab_inner .innerBox .txtArea table th,
#floor .tab_inner .innerBox .txtArea table td{
	width: calc(100vw * 60 / 375);
	height: calc(100vw * 50 / 375);
}

#floor .tab_inner .innerBox .txtArea table th.long{
	width: calc(100vw * 60 / 375);
}

#floor .tab_inner .innerBox .txtArea table th.long2{
	width: calc(100vw * 70 / 375);
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr:first-child th:first-child{
	width: calc(100vw * 60 / 375);
	padding: 0 calc(100vw * 6 / 375);
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr:first-child th:nth-child(2){
	width: calc(100vw * 300 / 375);
}

#floor .tab_inner .innerBox .txtArea table.floor4 td{
	height: calc(100vw * 70 / 375);
}

#floor .tab_inner .innerBox .txtArea table.floor4 tr td:nth-last-child(2){
	padding: 0 calc(100vw * 13 / 375);
	text-align: justify;
}

#floor .tab_inner .innerBox .txtArea table{
	font-size: calc(100vw * 14 / 375);
}

#floor .tab_inner .innerBox .txtArea table.floor4{
	font-size: calc(100vw * 10 / 450);
}

#floor .tab_inner .innerBox .txtArea table th{
	line-height: calc(100vw * 18 / 375);
}

#floor .tab_inner .innerBox .txtArea .tableBox{
	flex-wrap: wrap;
}
}


/*ムービー*/
#movie {
	width: 100%;
	position: relative;
	padding: 75px 70px 110px;
}
#movie .movieWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#movie .movieWrap .youtubeWrap{
	width: 100%;
  border: solid 5px #4c3326;
}
#movie .movieWrap .youtubeWrap .movie-wrap {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  margin: 0 auto;
}

#movie .movieWrap .youtubeWrap .movie-wrap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
@media ( max-width : 840px ) {
#movie {
	padding: calc(100vw * 48 / 375) calc(100vw * 33 / 375) calc(100vw * 48 / 375);
}
#movie .movieWrap .youtubeWrap{
  border: solid 3px #4c3326;
}
}







/*セットアップオフィス*/
#setup{
	width: 100%;
	position: relative;
	padding: 135px 70px 70px;
}
#setup .setupWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#setup .setupWrap .setBox{
	display: flex;
	gap:0 73px;
	position: relative;
	margin-bottom: 297px;
}
#setup .setupWrap .setBox .imgArea{
	width: 640px;
}
#setup .setupWrap .setBox .txtArea{
	width: 380px;
}
#setup .setupWrap .setBox .txtArea h3{
	font-size: 20px;
	font-weight: 500;
	color: #4c3326;
	margin-bottom: 34px;
}
#setup .setupWrap .setBox .txtArea p{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
	color: #4c3326;
	margin-bottom: 0;
}
#setup .setupWrap .setBox .illustBox{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#setup .setupWrap .setBox .illustBox .illust01{
	position: absolute;
	content: url("../img/setupoffice/illust01.png");
	right: 180px;
	bottom: 35px;
	width: 247px;
}
#setup .setupWrap .setBox .illustBox .illust02{
	position: absolute;
	content: url("../img/setupoffice/illust02.png");
	right: -38px;
	bottom: -165px;
	width: 279px;
}

#setup .setupWrap .imgBox{
	display: flex;
	gap:0 34px;
	width: 1100px;
	transform: translate(-50%, 0%);
  left: 50%;
	position: relative;
}

#setup .slideOne2{
	overflow: hidden;
	width: 344px;
}

#setup .imgBox .slideOne2:first-of-type{
	transform: translateY(-200px);
}

#setup .imgBox .slideOne2:nth-of-type(2){
	transform: translateY(-100px);
}

#setup .slideOne2 figure img{
	width: 100%;
	height: 100%;
	object-fit: cover;
}

#setup .slideOne2 figure .txtArea{
	  background : rgba(233, 228, 212, .2);
	padding: 20px;
}

#setup .slideOne2 figure .txtArea h4{
	font-size: 16px;
	font-weight: 500;
	line-height: 28px;
	color: #4c3326;
	margin-bottom: 10px;
}

#setup .slideOne2 figure .txtArea p{
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
	text-align: justify;
	color: #4c3326;
	margin-bottom: 0;
}

#setup .setupWrap .illust03{
	content: url("../img/setupoffice/illust03.png");
	width: 224px;
	margin-left: 70px;
	margin-top: -167px;
	margin-bottom: 12px;
}

#setup .tabs {
	position: relative;
	z-index: 1;
}

#setup .tabs__body {
	display: none;
}

#setup .tabs__body.is-active {
	display: block;
}

#setup .tabs__menu {
	display: flex;
	gap: 0 28px;
}

#setup .tabs__menu-item {
	display: flex;
	width: 100%;
	height: 48px;
	justify-content: center;
	align-items: center;
	background-color: #988d8b;
	color: #fff;
	font-size: 24px;
	font-weight: 700;
	cursor: pointer;
	transition: .4s;
}

#setup .tabs__menu-item.is-active {
	background-color: #4c3326;
}

#setup .tabs__contain{
	border:solid 3px #4c3326;
}

#setup .tabs__contain .tab_inner{
	padding: 58px 58px 54px;
}

#setup .tabs__contain .tab_inner .innerBox{
	display: flex;
	justify-content:space-between;
	margin-bottom: 30px;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea{
	width: 48%;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea .setupTit{
	font-size: 28px;
  font-weight: 700;
  color: #4c3326;
 margin-bottom: 80px;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4{
	font-size: 24px;
  font-weight: 600;
  color: #4c3326;
  position: relative;
  display: inline-flex;
  align-items: baseline;
  background: linear-gradient(transparent 66%, #e9e494 40%);
  line-height: 23px;
 margin-bottom: 20px;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .en{
	font-size: 26px;
	font-weight: 400;
	font-family: "Urbanist", sans-serif;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .num{
	font-size: 54px;
	font-weight: 700;
	font-family: "Urbanist", sans-serif;
	margin: 0 18px;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4:first-child .num{
	margin: 0 23px;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .tit{
	font-weight: 600;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea .txt{
	font-size: 14px;
  line-height: 24px;
  margin-bottom: 55px;
}

#setup .tabs__contain .tab_inner .innerBox .imgArea{
	width: 52%;
}

#setup .tabs__contain .tab_inner small{
	font-size: 12px;
	font-weight: 600;
	width: 42%;
	display: block;
	line-height: 21px;
	margin-top: -67px;
}

#setup .tabs__contain .tab_inner.flex small{
	margin-top: -91px;
}

@media ( max-width : 1200px ) {
#setup{
	padding: calc(100vw * 135 / 1200) calc(100vw * 70 / 1200) calc(100vw * 70 / 1200);
}
#setup .setupWrap .setBox{
	gap:0 calc(100vw * 73 / 1200);
	margin-bottom: calc(100vw * 297 / 1200)
}
#setup .setupWrap .setBox .imgArea{
	width: calc(100vw * 640 / 1200)
}
#setup .setupWrap .setBox .txtArea{
	width: calc(100vw * 380 / 1200)
}
#setup .setupWrap .setBox .txtArea h3{
	font-size: calc(100vw * 20 / 1200);
	margin-bottom: calc(100vw * 34 / 1200);
}
#setup .setupWrap .setBox .txtArea p{
	font-size: calc(100vw * 14 / 1200);
	line-height: calc(100vw * 24 / 1200);
}
	
#setup .setupWrap .setBox .illustBox {
	width: calc(100vw * 1100 / 1200);
}
#setup .setupWrap .setBox .illustBox .illust01{
	right: calc(100vw * 180 / 1200);
	bottom: calc(100vw * 35 / 1200);
	width: calc(100vw * 247 / 1200);
}
#setup .setupWrap .setBox .illustBox .illust02{
	right: calc(100vw * -38 / 1200);
	bottom: calc(100vw * -165 / 1200);
	width: calc(100vw * 279 / 1200);
}

#setup .setupWrap .imgBox{
	gap:0 calc(100vw * 34 / 1200);
	width: calc(100vw * 1100 / 1200);
}

#setup .slideOne2{
	width: calc(100vw * 344 / 1200);
}

#setup .imgBox .slideOne2:first-of-type{
	transform: translateY(calc(100vw * -200 / 1200));
}

#setup .imgBox .slideOne2:nth-of-type(2){
	transform: translateY(calc(100vw * -100 / 1200));
}

#setup .slideOne2 figure .txtArea{
	padding: calc(100vw * 20 / 1200);
}

#setup .slideOne2 figure .txtArea h4{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 28 / 1200);
	margin-bottom: calc(100vw * 10 / 1200);
}

#setup .slideOne2 figure .txtArea p{
	font-size: calc(100vw * 14 / 1200);
	line-height: calc(100vw * 24 / 1200);
}

#setup .setupWrap .illust03{
	width: calc(100vw * 224 / 1200);
	margin-left: calc(100vw * 70 / 1200);
	margin-top: calc(100vw * -167 / 1200);
	margin-bottom: calc(100vw * 12 / 1200);
}

#setup .tabs__menu {
	gap: 0 calc(100vw * 28 / 1200);
}

#setup .tabs__menu-item {
	height: calc(100vw * 48 / 1200);
	font-size: calc(100vw * 24 / 1200);
}

#setup .tabs__contain .tab_inner{
	padding: calc(100vw * 58 / 1200) calc(100vw * 58 / 1200) calc(100vw * 54 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox{
	margin-bottom: calc(100vw * 30 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea .setupTit{
	font-size: calc(100vw * 28 / 1200);
 margin-bottom: calc(100vw * 80 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4{
	font-size: calc(100vw * 24 / 1200);
  line-height: calc(100vw * 23 / 1200);
 margin-bottom: calc(100vw * 20 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .en{
	font-size: calc(100vw * 26 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .num{
	font-size: calc(100vw * 54 / 1200);
	margin: 0 calc(100vw * 18 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4:first-child .num{
	margin: 0 calc(100vw * 23 / 1200);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea .txt{
	font-size: calc(100vw * 14 / 1200);
  line-height: calc(100vw * 24 / 1200);
  margin-bottom: calc(100vw * 55 / 1200);
}

#setup .tabs__contain .tab_inner small{
	font-size: calc(100vw * 12 / 1200);
	line-height: calc(100vw * 21 / 1200);
	margin-top: calc(100vw * -67 / 1200);
}

#setup .tabs__contain .tab_inner.flex small{
	margin-top: calc(100vw * -91 / 1200);
}
}
@media ( max-width : 840px ) {
#setup{
	padding: calc(100vw * 63 / 375) calc(100vw * 33 / 375) calc(100vw * 44 / 375);
}
#setup .setupWrap .setBox{
	flex-wrap: wrap;
	gap:calc(100vw * 28 / 375) 0;
	margin-bottom: calc(100vw * 58 / 375);
}
#setup .setupWrap .setBox .imgArea{
	width: 100%;
}
#setup .setupWrap .setBox .txtArea{
	width: 100%;
}
#setup .setupWrap .setBox .txtArea h3{
	font-size: calc(100vw * 18 / 375);
	line-height: calc(100vw * 24 / 375);
	margin-bottom: calc(100vw * 12 / 375);
}
#setup .setupWrap .setBox .txtArea p{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 24 / 375);
}
#setup .setupWrap .setBox .illustBox{
	position:inherit;
	top: auto;
	left: auto;
}
#setup .setupWrap .setBox .illustBox .illust01{
	position: inherit;
	right: auto;
	bottom: auto;
	width: calc(100vw * 230 / 375);
	margin-bottom: calc(100vw * 25 / 375);
}
#setup .setupWrap .setBox .illustBox .illust02{
	position: inherit;
	right: auto;
	bottom: auto;
	margin-left: auto;
	width: calc(100vw * 259 / 375);
}

#setup .setupWrap .imgBox{
	flex-wrap: wrap;
	gap:calc(100vw * 24 / 375) 0;
	width: 100%;
	transform: translate(0%, 0%);
  left: auto;
	position: relative;
	margin-bottom: calc(100vw * 24 / 375);
}

#setup .slideOne2{
	width: 100%;
}

#setup .imgBox .slideOne2:first-of-type{
	transform: translateY(0px);
}

#setup .imgBox .slideOne2:nth-of-type(2){
	transform: translateY(0px);
}

#setup .slideOne2 figure .txtArea{
	padding: calc(100vw * 20 / 375);
}

#setup .slideOne2 figure .txtArea h4{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 28 / 375);
	margin-bottom: calc(100vw * 9 / 375);
}

#setup .slideOne2 figure .txtArea p{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 24 / 375);
}

#setup .setupWrap .illust03{
	width: calc(100vw * 224 / 375);
	margin-left: auto;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: calc(100vw * 40 / 375);
}

#setup .tabs__menu {
	gap: 0 calc(100vw * 3 / 375);
}

#setup .tabs__menu-item {
	height: calc(100vw * 85 / 375);
	font-size: calc(100vw * 15 / 375);
	padding: 0 calc(100vw * 5 / 375);
	position: relative;
	padding-bottom: calc(100vw * 18 / 375);
}

#setup .tabs__menu-item .arrow {
	position: absolute;
	right: 0;
	left: 0;
	margin: auto;
	bottom: calc(100vw * 13 / 375);
	width: calc(100vw * 15 / 375);
  height: calc(100vw * 15 / 375);
  border: 1px solid #fff;
  border-left: 0;
  border-bottom: 0;
  transform: translateX(-25%) rotate(135deg);
}
	
	

#setup .tabs__contain{
	border:solid 2px #4c3326;
}

#setup .tabs__contain .tab_inner{
	padding: calc(100vw * 29 / 375) calc(100vw * 20 / 375) calc(100vw * 30 / 375);
}

#setup .tabs__contain .tab_inner .innerBox{
	flex-wrap: wrap;
	margin-bottom: calc(100vw * 24 / 375);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea{
	width: 100%;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea .setupTit{
	font-size: calc(100vw * 19 / 375);
 margin-bottom: calc(100vw * 36 / 375);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4{
	font-size: calc(100vw * 18 / 375);
  background:none;
  line-height: calc(100vw * 23 / 375);
 margin-bottom: calc(100vw * 16 / 375);
	flex-wrap: wrap;
	align-items: normal;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .en{
	font-size: calc(100vw * 20 / 375);
	background: linear-gradient(transparent 66%, #e9e494 40%);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .num{
	font-size: calc(100vw * 34 / 375);
	margin: 0 0;
	padding: 0 0 0 calc(100vw * 10 / 375);
	background: linear-gradient(transparent 66%, #e9e494 40%);
	line-height: calc(100vw * 15 / 375);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4:first-child .num{
	margin: 0 0;
	padding: 0 0 0 calc(100vw * 10 / 375);
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4 .tit{
	width: 63%;
    background: linear-gradient(transparent 66%, #e9e494 40%);
	margin-top: calc(100vw * 9 / 375);
}

#setup .tabs__contain .tab_inner.flex .innerBox .txtArea h4 .tit{
	width: 75%;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4:nth-of-type(2) .tit{
	width: 88%;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea h4:nth-of-type(3) .tit{
	width: 77%;
}

#setup .tabs__contain .tab_inner .innerBox .txtArea .txt{
	font-size: calc(100vw * 13 / 375);
  line-height: calc(100vw * 23 / 375);
  margin-bottom: calc(100vw * 32 / 375);
}

#setup .tabs__contain .tab_inner .innerBox .imgArea{
	width: 100%;
}

#setup .tabs__contain .tab_inner small{
	font-size: calc(100vw * 12 / 375);
	line-height: calc(100vw * 23 / 375);
	text-align: justify;
	width: 100%;
	margin-top: 0;
}

#setup .tabs__contain .tab_inner.flex small{
	margin-top: 0;
}
}




/*ボイス*/
#voice{
	width: 100%;
	position: relative;
	padding: 135px 70px 70px;
}
#voice .voicWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
.tit2{
	position: relative;
	color: #4c3326;
	font-size: 36px;
	font-weight: 400;
	font-family: "Urbanist", sans-serif;
	margin-bottom: 60px;
	padding: 0 20px 10px;
	margin-left: 17px;
}
.tit2::before{
	content: "";
	width: 2px;
	height: calc(100% + 17px);
	background-color: #4c3326;
	position: absolute;
	left: 0;
	top: 0;
}
.tit2::after{
	content: "";
	width: calc(100% + 17px);
	height: 2px;
	background-color: #4c3326;
	position: absolute;
	bottom: 0;
	left: -17px;
}

.comingBox{
	width: 100%;
	max-width: 578px;
	margin: 130px auto;
	padding-left: 38px;
}
.comingBox .tit2{
	font-size: 63px;
	margin-bottom: 34px;
	padding: 0px 36px 13px;
	margin-left: 0px;
}
.comingBox .tit2::before{
	width: 3px;
	height: calc(100% + 34px);
}
.comingBox .tit2::after{
	width: calc(100% + 38px);
	height: 3px;
	left: -38px;
}
@media ( max-width : 1200px ) {
.tit2{
	font-size: calc(100vw * 36 / 1200);
	margin-bottom: calc(100vw * 60 / 1200);
	padding: 0 calc(100vw * 20 / 1200) calc(100vw * 10 / 1200);
	margin-left: calc(100vw * 17 / 1200);
}
.tit2::before{
	height: calc(100% + calc(100vw * 17 / 1200));
}
.tit2::after{
	width: calc(100% + calc(100vw * 17 / 1200));
	left: calc(100vw * -17 / 1200);
}
}
@media ( max-width : 840px ) {
#voice{
	padding: calc(100vw * 44 / 375) calc(100vw * 33 / 375) calc(100vw * 50 / 375);
  }
.tit2{
	font-size: calc(100vw * 20 / 375);
	margin-bottom: calc(100vw * 50 / 375);
	padding: 0 calc(100vw * 11 / 375) calc(100vw * 5 / 375);
}
.tit2::before{
	width: 1px;
	height: calc(100% + calc(100vw * 9 / 375));
}
.tit2::after{
	width: calc(100% + calc(100vw * 9 / 375));
	height: 1px;
	left: calc(100vw * -9 / 375);
}

.comingBox{
	max-width: calc(100vw * 262 / 375);
	margin: calc(100vw * 20 / 375) auto;
	padding-left: calc(100vw * 18 / 375);
}

.comingBox .tit2{
	font-size: calc(100vw * 28 / 375);
	margin-bottom: calc(100vw * 18 / 375);
	padding: 0px calc(100vw * 16 / 375) calc(100vw * 5 / 375);
}
.comingBox .tit2::before{
	width: 1px;
	height: calc(100% + calc(100vw * 16 / 375));
}
.comingBox .tit2::after{
	width: calc(100% + calc(100vw * 18 / 375));
	height: 1px;
	left: calc(100vw * -18 / 375);
}
}




/*ロゴデザイン*/
#logo{
	width: 100%;
	position: relative;
	padding: 135px 70px 124px;
}
#logo .logoWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#logo .logoWrap .logoBox{
	display: flex;
	gap:0 188px;
	max-width: 824px;
	margin: 110px auto 152px;
}
#logo .logoWrap .logoBox .imgArea{
	width: 180px;
}
#logo .logoWrap .logoBox .txtArea{
	width: 450px;
	margin-top: -7px;
}
#logo .logoWrap .logoBox .txtArea h4{
	font-size: 40px;
	font-weight: 500;
	line-height: 30px;
	letter-spacing: 0.04em;
	font-family: "Urbanist", sans-serif;
	color: #4c3326;
	margin-bottom: 29px;
}
#logo .logoWrap .logoBox .txtArea p.sub{
	font-size: 20px;
	font-weight: 400;
	line-height: 30px;
	text-align: justify;
	letter-spacing: 0.08em;
	color: #4c3326;
	margin-bottom: 33px;
}
#logo .logoWrap .logoBox .txtArea p.txt{
	font-size: 16px;
	font-weight: 400;
	line-height: 34px;
	text-align: justify;
	color: #4c3326;
	letter-spacing: 0.08em;
	margin-bottom: 0;
}
#logo .logoWrap h3{
	font-size: 30px;
	font-weight: 400;
	line-height: 42px;
	text-align: center;
	color: #4c3326;
	letter-spacing: 0.04em;
	margin-bottom: 59px;
}
#logo .logoWrap .txt{
	font-size: 16px;
  font-weight: 400;
  line-height: 30px;
  letter-spacing: 0.04em;
  max-width: 700px;
  margin: 0 auto 88px;
	color: #4c3326;
  text-align: justify;
}
#logo .logoWrap .designBox{
	display: flex;
	gap:0 30px;
	max-width: 877px;
	margin: 0px auto;
}
#logo .logoWrap .designBox .imgArea{
	width: 452px;
}
#logo .logoWrap .designBox .txtArea{
	width: 394px;
}
#logo .logoWrap .designBox .txtArea h4{
	font-size: 20px;
	font-weight: 600;
	color: #4c3326;
	margin-bottom: 44px;
}
#logo .logoWrap .designBox .txtArea p{
	font-size: 16px;
	font-weight: 400;
	line-height: 30px;
	padding-right: 7px;
	letter-spacing: 0.03em;
	text-align: justify;
	color: #4c3326;
	margin-bottom: 15px;
}
#logo .logoWrap .designBox .txtArea a{
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.03em;
	color: #4c3326;
	margin-bottom: 0;
}
@media ( max-width : 1200px ) {
#logo{
	padding: calc(100vw * 135 / 1200) calc(100vw * 70 / 1200) calc(100vw * 124 / 1200);
}
#logo .logoWrap .logoBox{
	gap:0 calc(100vw * 188 / 1200);
	max-width: calc(100vw * 824 / 1200);
	margin: calc(100vw * 110 / 1200) auto calc(100vw * 152 / 1200);
}
#logo .logoWrap .logoBox .imgArea{
	width: calc(100vw * 180 / 1200);
}
#logo .logoWrap .logoBox .txtArea{
	width: calc(100vw * 450 / 1200);
	margin-top: calc(100vw * -7 / 1200);
}
#logo .logoWrap .logoBox .txtArea h4{
	font-size: calc(100vw * 40 / 1200);
	line-height: calc(100vw * 30 / 1200);
	margin-bottom: calc(100vw * 29 / 1200);
}
#logo .logoWrap .logoBox .txtArea p.sub{
	font-size: calc(100vw * 20 / 1200);
	line-height: calc(100vw * 30 / 1200);
	margin-bottom: calc(100vw * 33 / 1200);
}
#logo .logoWrap .logoBox .txtArea p.txt{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 34 / 1200);
}
#logo .logoWrap h3{
	font-size: calc(100vw * 30 / 1200);
	line-height: calc(100vw * 42 / 1200);
	margin-bottom: calc(100vw * 59 / 1200);
}
#logo .logoWrap .txt{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 30 / 1200);
	max-width: calc(100vw * 631 / 1200);
	margin: 0 auto calc(100vw * 88 / 1200);
}
#logo .logoWrap .designBox{
	gap:0 calc(100vw * 30 / 1200);
	max-width: calc(100vw * 877 / 1200);
}
#logo .logoWrap .designBox .imgArea{
	width: calc(100vw * 452 / 1200);
}
#logo .logoWrap .designBox .txtArea{
	width: calc(100vw * 394 / 1200);
}
#logo .logoWrap .designBox .txtArea h4{
	font-size: calc(100vw * 20 / 1200);
	margin-bottom: calc(100vw * 44 / 1200);
}
#logo .logoWrap .designBox .txtArea p{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 30 / 1200);
	padding-right: calc(100vw * 7 / 1200);
	margin-bottom: calc(100vw * 15 / 1200);
}
#logo .logoWrap .designBox .txtArea a{
	font-size:  calc(100vw * 16 / 1200);
}
}
@media ( max-width : 840px ) {
#logo{
	padding: calc(100vw * 70 / 375) calc(100vw * 33 / 375) calc(100vw * 45 / 375);
}
#logo .logoWrap .logoBox{
	flex-wrap: wrap;
	gap:0 0px;
	margin: 0px auto calc(100vw * 40 / 375);
	max-width: 100%;
}
#logo .logoWrap .logoBox .imgArea{
	width: calc(100vw * 100 / 375);
	margin: 0 auto calc(100vw * 43 / 375);
}
#logo .logoWrap .logoBox .txtArea{
	width: 100%;
	margin-top: 0;
}
#logo .logoWrap .logoBox .txtArea h4{
	font-size: calc(100vw * 30 / 375);
	line-height: calc(100vw * 30 / 375);
	margin-bottom: calc(100vw * 25 / 375);
}
#logo .logoWrap .logoBox .txtArea p.sub{
	font-size: calc(100vw * 20 / 375);
	margin-bottom: calc(100vw * 33 / 375);
}
#logo .logoWrap .logoBox .txtArea p.txt{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 34 / 375);
}
#logo .logoWrap h3{
	font-size: calc(100vw * 24 / 375);
    line-height: calc(100vw * 36 / 375);
    text-align: left;
    margin-bottom: calc(100vw * 27 / 375);
	margin-top: calc(100vw * -13 / 375);
}
#logo .logoWrap .txt{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 30 / 375);
	max-width: 100%;
	text-align: justify;
	margin: 0 auto calc(100vw * 20 / 375);
}
#logo .logoWrap .designBox{
	flex-wrap: wrap;
	gap:0 0px;
	max-width: 100%;
}
#logo .logoWrap .designBox .imgArea{
	width: 100%;
	margin-bottom: calc(100vw * 21 / 375);
}
#logo .logoWrap .designBox .txtArea{
	width: 100%;
}
#logo .logoWrap .designBox .txtArea h4{
	font-size: calc(100vw * 20 / 375);
	line-height: calc(100vw * 30 / 375);
	margin-bottom: calc(100vw * 17 / 375);
}
#logo .logoWrap .designBox .txtArea p{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 30 / 375);
	padding-right: 0;
	margin-bottom: calc(100vw * 20 / 375);
}
#logo .logoWrap .designBox .txtArea a{
	font-size:  calc(100vw * 16 / 375);
}
}
@media ( min-width : 840px ) {
#logo .logoWrap .designBox .txtArea a:hover{
	color: #a3926f;
}
}








/*アクセス*/
#access{
	width: 100%;
	position: relative;
	padding: 50px 0 0;
}
#access .accessWrap{
	display: flex;
	width: 100%;
	max-width: calc(100% - 133px);
	margin-left: auto;
}
#access .accessWrap .txtArea{
	margin: 66px 0 0;
	width: 434px;
}
#access .accessWrap .txtArea .tit2{
	padding: 0;
	margin: 0 0 25px;
}
#access .accessWrap .txtArea p{
	font-size: 16px;
	font-weight: 400;
	line-height: 32px;
	color: #4c3326;
	margin-bottom: 28px;
}
#access .accessWrap .txtArea p span{
	display: block;
  margin-bottom: 12px;
}
#access .accessWrap .txtArea .tit2::before,
#access .accessWrap .txtArea .tit2::after{
	content: none;
}
#access .accessWrap .mapArea{
	width: calc(100% - 434px);
	height: 424px;
}
#access .accessWrap .mapArea iframe{
	width: calc(100%);
	height: 100%;
}

#access .linkBtn{
	width: 180px;
	height: 42px;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #4c3326;
	border: solid 2px #4c3326;
	color: #fff;
	border-radius: 50px;
	font-family: "Urbanist", sans-serif;
	font-size: 17px;
	font-weight: 400;
	position: relative;
	padding-right: 12px;
	transition: .3s;
}

#access .linkBtn .arrow{
	position: absolute;
	right: 24px;
	width: 10px;
  height: 10px;
  border: 1px solid #fff;
  border-left: 0;
  border-bottom: 0;
  transform: translateX(-25%) rotate(45deg);
	margin-top: 2px;
	transition: .3s;
}

@media ( max-width : 1200px ) {
#access{
	padding: calc(100vw * 50 / 1200) 0 0;
}
#access .accessWrap{
	max-width: calc(100% - calc(100vw * 133 / 1200));
}
#access .accessWrap .txtArea{
	margin: calc(100vw * 66 / 1200) 0 0;
	width: calc(100vw * 434 / 1200);
}
#access .accessWrap .txtArea .tit2{
	padding: 0;
	margin: 0 0 calc(100vw * 43 / 1200)
}
#access .accessWrap .txtArea p{
	font-size: calc(100vw * 16 / 1200);
	line-height: calc(100vw * 32 / 1200);
	margin-bottom: calc(100vw * 28 / 1200);
}
#access .accessWrap .txtArea p span{
  margin-bottom: calc(100vw * 12 / 1200);
}
#access .accessWrap .mapArea{
	width: calc(100% - calc(100vw * 434 / 1200));
	height: calc(100vw * 424 / 1200);
}

#access .linkBtn{
	width: calc(100vw * 180 / 1200);
	height: calc(100vw * 42 / 1200);
	font-size: calc(100vw * 17 / 1200);
	padding-right: calc(100vw * 12 / 1200);
}

#access .linkBtn .arrow{
	right: calc(100vw * 24 / 1200);
	width: calc(100vw * 10 / 1200);
  height: calc(100vw * 10 / 1200);
}
}
@media ( min-width : 840px ) {
#access .linkBtn:hover{
	background-color: #fff;
	color: #4c3326;
}

#access .linkBtn:hover .arrow{
	right: 20px;
  border: 1px solid #4c3326;
  border-left: 0;
  border-bottom: 0;
}
}
@media ( max-width : 840px ) {
#access{
	padding: calc(100vw * 42 / 375) 0 0;
}
#access .accessWrap{
	flex-wrap: wrap;
	max-width: 100%;
}
#access .accessWrap .txtArea{
	margin: 0 0 calc(100vw * 21 / 375);
	width: 100%;
	padding: 0 calc(100vw * 33 / 375) 0;
}
#access .accessWrap .txtArea .tit2{
	margin: 0 0 calc(100vw * 11 / 375);
	font-size: calc(100vw * 36 / 375);
}
#access .accessWrap .txtArea p{
	font-size: calc(100vw * 15 / 375);
	line-height: calc(100vw * 31 / 375);
	margin-bottom: calc(100vw * 22 / 375);
}
#access .accessWrap .txtArea p span{
  margin-bottom: calc(100vw * 12 / 375);
}
#access .accessWrap .mapArea{
	width: 100%;
	height: calc(100vw * 230 / 375);
}

#access .linkBtn{
	width: calc(100vw * 180 / 375);
	height: calc(100vw * 42 / 375);
	font-size: calc(100vw * 17 / 375);
	padding-right: calc(100vw * 12 / 375);
	margin: 0 0 calc(100vw * 20 / 375);
}

#access .linkBtn .arrow{
	right: calc(100vw * 24 / 375);
	width: calc(100vw * 10 / 375);
  height: calc(100vw * 10 / 375);
}
}







/*コンタクト*/
#contact{
	width: 100%;
	padding: 88px 77px 105px;
	background-color: #a3926f;
}
#contact .contactWrap p{
	font-size: 18px;
	font-weight: 500;
	text-align: center;
	color: #fff;
	margin-bottom: 30px;
}
#contact .contactWrap a{
	font-size: 30px;
	font-weight: 400;
	font-family: "Urbanist", sans-serif;
	color: #4c3326;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 252px;
	height: 60px;
	background-color: #fff;
	transition: .3s;
	border-radius: 30px;
	margin: 0 auto;
	position: relative;
	padding-right: 20px;
}

#contact .contactWrap a .arrow{
	position: absolute;
	right: 45px;
	width: 14px;
  height: 14px;
  border: 2px solid #4c3326;
  border-left: 0;
  border-bottom: 0;
  transform: translateX(-25%) rotate(45deg);
	margin-top: 2px;
	transition: .3s;
}
@media ( min-width : 840px ) {
#contact .contactWrap a:hover{
	color: #fff;
	background-color: #4c3326;
}

#contact .contactWrap a:hover .arrow{
	right: 40px;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
}
}
@media ( max-width : 840px ) {
#contact{
	padding: calc(100vw * 27 / 375) 0px calc(100vw * 50 / 375);
}
#contact .contactWrap p{
	font-size: calc(100vw * 16 / 375);
	line-height: calc(100vw * 24 / 375);
	margin-bottom: calc(100vw * 15 / 375);
}
#contact .contactWrap a{
	font-size: calc(100vw * 30 / 375);
	width: calc(100vw * 252 / 375);
	height: calc(100vw * 60 / 375);
	padding-right: calc(100vw * 20 / 375);
	border-radius: calc(100vw * 30 / 375);
}

#contact .contactWrap a .arrow{
	right: calc(100vw * 45 / 375);
	width: calc(100vw * 14 / 375);
  height: calc(100vw * 14 / 375);
}
}








/*フッター*/
#footer{
	width: 100%;
	padding: 43px 77px 70px;
	position: relative;
	background-color: #4c3326;
}
#footer .footerWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto 69px;
}
#footer .footerWrap .footerBox{
	display: flex;
}
#footer .footerWrap .footerBox .logo h1{
	font-size: 0;
	content: url("../img/logo_w.svg");
	width: 250px;
	margin-right: 70px;
}
#footer .footerWrap .footerBox .footerMenu{
	/*display: flex;*/
}
#footer .footerWrap .footerBox .footerMenu .menuOne:first-child{
	margin-right: 50px;
}
#footer .footerWrap .footerBox .footerMenu .menuOne a{
	color: #fff;
	display: block;
	font-size: 18px;
	font-weight: 500;
	font-family: "Urbanist", sans-serif;
	transition: .3s;
	margin-bottom: 7px;
}
#footer .footerWrap .footerBox .about{
	margin-left: auto;
}
#footer .footerWrap .footerBox .about p{
	font-size: 14px;
	font-weight: 500;
	line-height: 25px;
	color: #fff;
	position: relative;
	margin-bottom: 8px;
}
#footer small{
	color: #fff;
	display: block;
	text-align: center;
	font-size: 16px;
	font-weight: 500;
	letter-spacing: 0.04em;
	font-family: "Urbanist", sans-serif;
}

#footer .footerWrap .footerBox .about p .tokyu{
	content: url("../img/tokyu.svg");
	width: 50px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: -72px;
	margin: auto;
}

@media ( min-width : 840px ) {
#footer .footerWrap .footerBox .footerMenu .menuOne a:hover{
	color: #a3926f;
}
}
@media ( max-width : 1200px ) {
#footer{
	padding: calc(100vw * 43 / 1200) calc(100vw * 77 / 1200) calc(100vw * 70 / 1200);
}
#footer .footerWrap{
	margin: 0 auto calc(100vw * 69 / 1200);
}
#footer .footerWrap .footerBox .logo h1{
	width: calc(100vw * 250 / 1200);
	margin-right: calc(100vw * 70 / 1200);
}
#footer .footerWrap .footerBox .footerMenu .menuOne:first-child{
	margin-right: calc(100vw * 50 / 1200);
}
#footer .footerWrap .footerBox .footerMenu .menuOne a{
	font-size: calc(100vw * 18 / 1200);
	margin-bottom: calc(100vw * 7 / 1200);
}
#footer .footerWrap .footerBox .about p{
	font-size: calc(100vw * 14 / 1200);
	line-height: calc(100vw * 25 / 1200);
}
#footer small{
	font-size: calc(100vw * 16 / 1200);
}

#footer .footerWrap .footerBox .about p .tokyu{
	width: calc(100vw * 50 / 1200);
	right: calc(100vw * -72 / 1200);
}
}
@media ( max-width : 840px ) {
#footer{
	padding: calc(100vw * 47 / 375) calc(100vw * 33 / 375) calc(100vw * 60 / 375);
}
#footer .footerWrap{
	margin: 0 auto calc(100vw * 25 / 375);
}
#footer .footerWrap .footerBox{
	flex-wrap: wrap;
	padding: 0 0 0 calc(100vw * 23 / 375);
}
#footer .footerWrap .footerBox .logo{
	width: 100%;
	order: 2;
}
#footer .footerWrap .footerBox .logo h1{
	width: calc(100vw * 250 / 375);
	margin: auto;
}
#footer .footerWrap .footerBox .footerMenu{
	width: 100%;
	display: flex;
	margin-bottom: calc(100vw * 38 / 375);
}
#footer .footerWrap .footerBox .footerMenu .menuOne:first-child{
	margin-right: calc(100vw * 50 / 375);
}
#footer .footerWrap .footerBox .footerMenu .menuOne a{
	font-size: calc(100vw * 18 / 375);
	margin-bottom: calc(100vw * 7 / 375);
}
#footer .footerWrap .footerBox .footerMenu .menuOne a:last-child{
	margin-bottom: 0px;
}
#footer .footerWrap .footerBox .about{
	margin-left: 0;
	margin-bottom: calc(100vw * 115 / 375);
}
#footer .footerWrap .footerBox .about p{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 25 / 375);
	letter-spacing: 0.06em;
}
#footer small{
	font-size: calc(100vw * 16 / 375);
}

#footer .footerWrap .footerBox .about p .tokyu{
	width: calc(100vw * 50 / 375);
	right: calc(100vw * 0 / 375);
	left: 0;
	bottom: calc(100vw * -320 / 375);
}
}














/* ぼかしから出現 */
.blur{
  animation-name:blurAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
	transition-delay: .5s;
}

@keyframes blurAnime{
  0% {
	filter: blur(10px);
}
100% {
	filter: blur(0px);
	opacity: 1;
}
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.blurTrigger{
	filter: blur(10px);
}

/* 滑らかに変形して出現 */
.smooth{
  animation-name:smoothAnime;
  animation-duration:.5s;
  animation-fill-mode:forwards;
  　transform-origin: left;
  opacity:0;
}

.smoothTop{
  animation-name:smoothAnimeTop;
  animation-duration:.8s;
  animation-fill-mode:forwards;
  opacity:0;
        transform: scale(0);
}

@keyframes smoothAnime{
  from {
  transform: translate3d(0, 100%, 0) skewY(12deg);
  opacity:0;
  }

  to {
  transform: translate3d(0, 0, 0) skewY(0);
  opacity:1;
  }
}

@keyframes smoothAnimeTop{
    35% {
        transform: scale(1.02);
    }
    55% {
        transform: scale(.93);
    }
    90% {
        transform: scale(1.01);
    }
    100% {
        transform: scale(1);
		opacity: 1;
    }
}

/* スクロールをしたら出現する要素にはじめに透過0を指定　*/
 
.smoothTrigger{
    opacity: 0;
}
.smoothTriggerTop{
    opacity: 0;
}

.logoTop{
  animation-name:logoAnimeTop;
  animation-duration:.3s;
  animation-fill-mode:forwards;
  opacity:0;
	animation-delay: .85s;
}

@keyframes logoAnimeTop{
    0% {
		transform:translateY(30px);opacity:0
	}
80%{
	opacity:1
	}
100%{
	transform:translateY(0);opacity:1
	}
}


.playerMenuTrigger{
    opacity: 0;
}

.playerMenuA{
  animation: 0.65s cubic-bezier(0.3, 1.06, 0.64, 1.19) 0.2s 1 normal both running menu;
}

@keyframes menu {
0% {
  transform: perspective(1000px) rotateY(-90deg);
    opacity: 0;
}
100% {
  transform: perspective(1000px) rotateY(0deg);
    opacity: 1;
}
}

.playerMenuImgTrigger{
    opacity: 0;
}

.playerMenuImgA{
  animation: 0.65s ease-in-out 0.3s 1 normal both running menuimg;
}

@keyframes menuimg {
0% {
  transform:  scale(0.7);
    opacity: 0;
}
50% {
  transform:  scale(1.05);
}
100% {
  transform:  scale(1);
    opacity: 1;
}
}

.playerMenuTxtTrigger{
    opacity: 0;
}

.playerMenuTxtA{
  animation: 0.65s ease-out 0.6s 1 normal both running menutxt;
}

@keyframes menutxt {
0% {
    opacity: 0;
}
100% {
    opacity: 1;
}
}


.linkBtnTrigger{
    opacity: 0;
}
.linkBtnA{
  animation: 0.5s ease-in-out 0.2s 1 normal both running linkBtn;
}

@keyframes linkBtn {
0% {
  transform: scale(0.8);
	opacity: 0;
}
50% {
  transform: scale(1.04);
	opacity: 1;
}
100% {
  transform: scale(1);
	opacity: 1;
}
}



/*==================================================
アニメーション設定
===================================*/

/* アニメーションの回数を決めるCSS*/

.count2{  
  animation-iteration-count: 2;/*この数字を必要回数分に変更*/
}

.countinfinite{  
  animation-iteration-count: infinite;/*無限ループ*/
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time35{  
  animation-delay: 0.35s;
}
.delay-time05{  
  animation-delay: 0.5s;
}

.delay-time65{  
  animation-delay: 0.65s;
}

.delay-time8{  
  animation-delay: 0.8s;
}

.delay-time95{  
  animation-delay: 0.95s;
}

.delay-time105{  
  animation-delay: 1.1s;
}

.delay-time13{  
  animation-delay: 1.25s;
}

/* アニメーション自体が変化する時間を決めるCSS*/

.change-time05{  
  animation-duration: 0.5s;
}

.change-time1{  
  animation-duration: 1s;
}

.change-time15{  
  animation-duration: 1.5s;
}

.change-time2{  
  animation-duration: 2s;
}

.change-time25{  
  animation-duration: 2.5s;
}









.topBtn{
	position: fixed;
	right: 25px;
	bottom: 25px;
	margin-bottom: 0;
	z-index: 3;
	display: none;
}
.topBtn a{
	display:flex;
	width: 60px;
	height: 60px;
	border-radius: 50%;
	border: solid 2px #bf140f;
	background-color: #fff;
	position: relative;
	justify-content: center;
	align-items: center;
	animation: poyoyon2 2.6s infinite;
	transition: .3s;
}
.topBtn a span{
	position: absolute;
	content: "";
  mask-image: url("../img/icon/top.svg");
  width: 18px;
  height: 17px;
  background-size: cover;
  background-repeat: no-repeat;
  position: absolute;
	background-color: #bf140f;
	transition: .3s;
}

@media ( min-width : 840px ) {
.topBtn a:hover{
	border: solid 2px #fff;
	background-color: #bf140f;
}
.topBtn a:hover span{
	background-color: #fff;
}
}



@media ( max-width : 840px ) {
.topBtn{
	right: calc(100vw * 20 / 640);
	bottom: calc(100vw * 20 / 640);
}
.topBtn a{
	width: calc(100vw * 90 / 640);
	height: calc(100vw * 90 / 640);
	border: solid calc(100vw * 3 / 640) #bf140f;
}
.topBtn a span{
  width: calc(100vw * 26 / 640);
  height: calc(100vw * 24 / 640);
}
}

@keyframes poyoyon2 {
  0%  {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
  2% {
    transform: scale(0.98, 0.9) translate(0, 5px);
  }
  10% {
    transform: scale(1.02, 1.0) translate(0, 8px);
  }
  20% {transform: scale(0.98, 1.05) translate(0, -8px);
  }
  30% {
    transform: scale(1.0, 0.9) translate(0, 5px);
  }
  45% {
    transform: scale(1.0, 1.0) translate(0, 0);
  }
}














/*フォーム*/
#under{
	width: 100%;
	padding: 200px 20px 100px;
}
#under .underWrap{
	width: 100%;
	max-width: 1100px;
	margin: 0 auto;
}
#under .underWrap .gloTit{
	margin-bottom: 90px;
}
#under .underWrap #formWrap{
	max-width: 700px;
	width: 100%;
	margin: 0 auto;
}
#under .underWrap #formWrap .formTable{
	width: 100%;
}
#under .underWrap #formWrap .nameBox{
	display: flex;
	gap:0 40px;
}
#under .underWrap #formWrap .nameBox tr{
	width: 100%;
}

#under .underWrap #formWrap th{
	font-size: 15px;
	font-weight: 600;
	color: #4c3326;
	margin-bottom: 11px;
	display: block;
	width: 100%;
}
#under .underWrap #formWrap .required::after{
	content: "（必須）";
	font-size: 14px;
	font-weight: 600;
	color: #ff0000;
	margin-left: 5px;
	display: inline-block;
}
#under .underWrap #formWrap td{
	margin-bottom: 45px;
	display: block;
  width: 100%;
}
#under .underWrap #formWrap td.atn{
	font-size: 14px;
	font-weight: 600;
	color: #4c3326;
	margin-top: -7px;
  margin-bottom: 10px;
}
#under .underWrap #formWrap td.vLine{
	display: flex;
	flex-direction: column;
}
#under .underWrap #formWrap td label{
	padding-left: 19px;
	position: relative;
  display: inline-flex;
	align-items: center;
  cursor: pointer;
	color: #4c3326;
	font-size: 15px;
	font-weight: 600;
	margin-bottom: 12px;
}
#under .underWrap #formWrap td div:last-child label{
	margin-bottom: 0;
}
#under .underWrap #formWrap td .checkBtn{
	content: "";
	width: 12px;
	height: 12px;
	border: solid 1px #4c3326;
	position: absolute;
	left: 0;
	margin-top: 2px;
	-webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

#under .underWrap #formWrap td .checkBtn:checked::before {
  position: absolute;
  width: 12px;
  height: 12px;
  left: -1px;
  border: solid 1px #4c3326;
  background-color: #4c3326;
  content: '';
  bottom: -1px;
}

#under .underWrap #formWrap td .checkBtn:checked::after {
  position: absolute;
  top: -1px;
  left: 3px;
  transform: rotate(45deg);
  width: 5px;
  height: 10px;
  border-right: 2px solid #fff;
  border-bottom: 2px solid #fff;
  content: '';
}

#formWrap input[type='text'] {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	color: #4c3326;
	padding: 7px 14px;
	border: 1px solid #4c3326;
}
	
 #formWrap input[type='tel'] {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	color: #4c3326;
	padding: 7px 14px;
	border: 1px solid #4c3326;
}
	
 #formWrap input[type='email'] {
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	color: #4c3326;
	padding: 7px 14px;
	border: 1px solid #4c3326;
}
	
 #formWrap select {
	 max-width: 100%;
  width: 100%;
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	color: #4c3326;
	padding: 7px 14px;
	border: 1px solid #4c3326;
	 background: unset;
}
	
 #formWrap textarea{
	font-size: 16px;
	box-sizing: border-box;
	width: 100%;
	color: #4c3326;
	padding: 7px 14px;
	border: 1px solid #4c3326;
}
 #formWrap input[type='text']:focus {
	outline: none;
}
 #formWrap input[type='tel']:focus {
	outline: none;
}
 #formWrap input[type='email']:focus {
	outline: none;
}
 #formWrap textarea:focus {
	outline: none;
}
 #formWrap input,
 #formWrap textarea{
  -webkit-box-sizing:border-box;
  box-sizing:border-box
}
#under .underWrap #formWrap td a{
	text-decoration: underline;
}
#under .underWrap #formWrap .linkBtn{
	display: flex;
	justify-content: center;
	align-items: center;
	width: 252px;
	height: 60px;
	background-color: #4c3326;
  border: 2px solid #4c3326;
	color: #fff;
	cursor: pointer;
	font-family: "Urbanist", sans-serif;
	font-size: 30px;
	letter-spacing: 0.04em;
	border-radius: 50px;
	position: relative;
	padding-right: 20px;
	margin: 0 auto;
	transition: .3s;
}
#under .underWrap #formWrap .linkBtn.jp{
	font-family: "Noto Sans JP", sans-serif;
}
#under .underWrap #formWrap .linkBtn input{
	all:unset;
	text-align: center;
	width: 252px;
	height: 60px;
}
#under .underWrap #formWrap .linkBtn::after{
	position: absolute;
	right: 45px;
	width: 14px;
  height: 14px;
  border: 2px solid #fff;
  border-left: 0;
  border-bottom: 0;
  transform: translateX(-25%) rotate(45deg);
	margin-top: 2px;
	transition: .3s;
	content: "";
}
#under .underWrap #formWrap .btnBox{
	display: flex;
	gap:0px;
}

#under .underWrap #formWrap .formTable.con tr{
	position: relative;
}

#under .underWrap #formWrap .formTable.con th{
	font-size: 18px;
}

#under .underWrap #formWrap .formTable.con td{
	font-size: 16px;
	color: #4c3326;
}

#under .underWrap #formWrap .formTable.con tr::after{
	content: "";
	width: 100%;
	height: 1px;
	background-color: #4c3326;
	position: absolute;
	bottom: 20px;
	left: 0;
}

#under .underWrap #formWrap .errorTit{
	font-size: 22px;
	font-weight: 600;
	color: #4c3326;
	text-align: center;
	line-height: 33px;
	margin-bottom: 20px;
}

#under .underWrap #formWrap .error_messe{
	font-size: 16px;
	font-weight: 600;
	color: #ff0000;
}


@media ( min-width : 840px ) {
#under .underWrap #formWrap td a:hover{
	color: #a3926f;
}
#under .underWrap #formWrap .linkBtn:hover{
	background-color: #fff;
	color: #4c3326;
}
#under .underWrap #formWrap .linkBtn:hover::after{
	right: 40px;
	border: 2px solid #4c3326;
  border-left: 0;
  border-bottom: 0;
}
}

@media ( max-width : 600px ) {
#under{
	padding: calc(100vw * 118 / 375) calc(100vw * 33 / 375) calc(100vw * 70 / 375);
}
#under .underWrap .gloTit{
	margin-bottom: calc(100vw * 35 / 375);
}
#under .underWrap #formWrap .nameBox{
	gap:0 calc(100vw * 17 / 375);
}

#under .underWrap #formWrap th{
	font-size: calc(100vw * 16 / 375);
	margin-bottom: calc(100vw * 11 / 375);
}
#under .underWrap #formWrap .required::after{
	font-size: calc(100vw * 14 / 375);
	margin-left: calc(100vw * 4 / 375);
}
#under .underWrap #formWrap td{
	margin-bottom: calc(100vw * 35 / 375);
}
#under .underWrap #formWrap td.atn{
	font-size: calc(100vw * 14 / 375);
	line-height: calc(100vw * 24 / 375);
	text-align: justify;
	margin-top: calc(100vw * -7 / 375);
  margin-bottom: calc(100vw * 12 / 375);
}
#under .underWrap #formWrap td label{
	padding-left: calc(100vw * 19 / 375);
	font-size: calc(100vw * 15 / 375);
	margin-bottom: calc(100vw * 12 / 375);
}
#under .underWrap #formWrap td .checkBtn{
	width: calc(100vw * 12 / 375);
	height: calc(100vw * 12 / 375);
	margin-top: calc(100vw * 2 / 375);
}

#under .underWrap #formWrap td .checkBtn:checked::before {
  width: calc(100vw * 12 / 375);
  height: calc(100vw * 12 / 375);
  left: calc(100vw * -1 / 375);
  bottom: calc(100vw * -1 / 375);
}

#under .underWrap #formWrap td .checkBtn:checked::after {
  top: calc(100vw * -1 / 375);
  left: calc(100vw * 3 / 375);
  width: calc(100vw * 5 / 375);
  height: calc(100vw * 10 / 375);
}

#formWrap input[type='text'] {
	font-size: calc(100vw * 16 / 375);
	padding: calc(100vw * 7 / 375) calc(100vw * 14 / 375);
}
	
 #formWrap input[type='tel'] {
	font-size: calc(100vw * 16 / 375);
	padding: calc(100vw * 7 / 375) calc(100vw * 14 / 375);
}
	
 #formWrap input[type='email'] {
	font-size: calc(100vw * 16 / 375);
	padding: calc(100vw * 7 / 375) calc(100vw * 14 / 375);
}
	
 #formWrap select {
	 font-size: calc(100vw * 16 / 375);
	padding: calc(100vw * 7 / 375) calc(100vw * 14 / 375);
}
	
 #formWrap textarea{
	font-size: calc(100vw * 16 / 375);
	padding: calc(100vw * 7 / 375) calc(100vw * 14 / 375);
}
#under .underWrap #formWrap .linkBtn{
	width: calc(100vw * 252 / 375);
	height: calc(100vw * 60 / 375);
	font-size: calc(100vw * 30 / 375);
	border-radius: calc(100vw * 50 / 375);
	padding-right: calc(100vw * 20 / 375);
}
#under .underWrap #formWrap .linkBtn input{
	width: calc(100vw * 252 / 375);
	height: calc(100vw * 60 / 375);
}
#under .underWrap #formWrap .linkBtn::after{
	right: calc(100vw * 45 / 375);
	width: calc(100vw * 14 / 375);
  height: calc(100vw * 14 / 375);
	margin-top: calc(100vw * 2 / 375);
}
#under .underWrap #formWrap .btnBox {
  gap: calc(100vw * 20 / 375);
  flex-wrap: wrap;
}

#under .underWrap #formWrap .errorTit{
	font-size: calc(100vw * 22 / 375);
	line-height: calc(100vw * 33 / 375);
	margin-bottom: calc(100vw * 20 / 375);
	text-align: justify;
}

#under .underWrap #formWrap .error_messe{
	font-size: calc(100vw * 16 / 375);
}
}






#under .underWrap .pWrap{
	width: 100%;
	max-width: 800px;
	margin: 0 auto;
}

#under .underWrap .pWrap h3{
	font-size: 15px;
	font-weight: 500;
	color: #4c3326;
	margin-bottom: 38px;
}

#under .underWrap .pWrap .txt{
	font-size: 15px;
	font-weight: 500;
	line-height: 30px;
	text-align: justify;
	color: #4c3326;
	margin-bottom: 37px;
}


@media ( max-width : 600px ) {
#under .underWrap .pWrap h3{
	font-size: calc(100vw * 15 / 375);
	margin-bottom: calc(100vw * 38 / 375);
}

#under .underWrap .pWrap .txt{
	font-size: calc(100vw * 15 / 375);
	line-height: calc(100vw * 30 / 375);
	margin-bottom: calc(100vw * 37 / 375);
}
}




/*オープン日表示追加*/
#header .openImg{
	position: absolute;
	bottom: 25px;
	right: 45px;
	z-index: 3;
	opacity: 0;
}

@media ( max-width : 1200px ) {
#header .openImg{
	width: calc(100vw * 201 / 1200);
	bottom: calc(100vw * 25 / 1200);
	right: calc(100vw * 45 / 1200);
}
}

@media ( max-width : 840px ) {
#header .openImg{
	width: calc(100vw * 100 / 375);
	bottom: calc(100vw * 15 / 375);
	right: calc(100vw * 10 / 375);
}
}

/*開業イベント追加*/
#header .openImg.event {
  bottom: auto;
  right: auto;
	left: 10px;
	top: 20px;
	transition: .3s;
	width: 200px;
}

@media ( max-width : 1200px ) {
#header .openImg.event{
	width: calc(100vw * 201 / 1200);
	top: calc(100vw * 25 / 1200);
	left: calc(100vw * 45 / 1200);
}
}

@media ( max-width : 840px ) {
#header .openImg.event{
	width: calc(100vw * 100 / 375);
	top: calc(100vw * 15 / 375);
	left: calc(100vw * 10 / 375);
}
}

#header .eventBn{
	display: block;
}