@charset "UTF-8";
/* CSS Document */


/* ---- top loading ------- */
.loading {
	width: 100vw;
	height: 100%;
	transition: all 1.5s;
	background-color: #FFF;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
	opacity: 1;
	visibility: visible;
	align-items:center;
	display:flex;
}

.loading.is-active {
  opacity: 0;
  visibility: hidden;
}

.loading-animation {
  width: 100vw;
  height: 100vh;
  transition: all 1.5s;
  background-color: #fff;
  z-index: 9999;
  display: flex;
  align-items: center;
  justify-content: center;
  visibility: hidden;
}
.loading-animation img{
	width:100%;
}

.loading-animation.is-active {
  opacity: 1;
  visibility: visible;
}

/* Loading fadeup　*/
.fadeUp_company_w{
	width:35%;
	max-width:150px;
	animation-name: fadeUpAnime_company_w;
	animation-duration:1.2s;
	animation-fill-mode:forwards;
	opacity: 0;
}
.fadeUp_company{
	width:35%;
	max-width:150px;
	animation-name: fadeUpAnime_company;
	animation-duration:8.0s;
	animation-fill-mode:forwards;
	opacity: 0;
	position:absolute;
}

@keyframes fadeUpAnime_company_w{
	0%{
		opacity: 0;
		transform: scale(0.95);
		}
	90%{
		opacity: 1;
		transform: scale(1);
		}
	100%{
		opacity: 1;
  		transform: scale(1);
	}
}
@keyframes fadeUpAnime_company{
	0%{
		opacity: 0;
		}
	20%{
		opacity: 0;
		}
	60%{
		opacity: 1;
		}
	100%{
		opacity: 1;
	}
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.fadeUp_company_w{
		width:26%;
		max-width:150px;
	}
	.fadeUp_company{
		width:26%;
		max-width:150px;
	}
}

/* ---- top loading end------- */


/* ---- txt_ani------- */
.txt_ani {
	display:flex;
    overflow: hidden;
}
.txt_ani span {
    margin: 0;
}
.txt_ani.fadein.is-active span {
    transform: translateY(1em);
    animation: textanimation 1.0s forwards;
}
.txt_ani.fadein.is-active span:nth-child(1) {animation-delay: 0.1s}
.txt_ani.fadein.is-active span:nth-child(2) {animation-delay: 0.15s}
.txt_ani.fadein.is-active span:nth-child(3) {animation-delay: 0.2s}
.txt_ani.fadein.is-active span:nth-child(4) {animation-delay: 0.25s}
.txt_ani.fadein.is-active span:nth-child(5) {animation-delay: 0.3s}
.txt_ani.fadein.is-active span:nth-child(6) {animation-delay: 0.35s}
.txt_ani.fadein.is-active span:nth-child(7) {animation-delay: 0.4s}
.txt_ani.fadein.is-active span:nth-child(8) {animation-delay: 0.45s}
.txt_ani.fadein.is-active span:nth-child(9) {animation-delay: 0.5s}
.txt_ani.fadein.is-active span:nth-child(10) {animation-delay: 0.55s}
.txt_ani.fadein.is-active span:nth-child(11) {animation-delay: 0.6s}
.txt_ani.fadein.is-active span:nth-child(12) {animation-delay: 0.65s}
.txt_ani.fadein.is-active span:nth-child(13) {animation-delay: 0.7s}
.txt_ani.fadein.is-active span:nth-child(14) {animation-delay: 0.75s}
.txt_ani.fadein.is-active span:nth-child(15) {animation-delay: 0.8s}
.txt_ani.fadein.is-active span:nth-child(16) {animation-delay: 0.85s}
.txt_ani.fadein.is-active span:nth-child(17) {animation-delay: 0.9s}
.txt_ani.fadein.is-active span:nth-child(18) {animation-delay: 0.95s}
.txt_ani.fadein.is-active span:nth-child(19) {animation-delay: 1.0s}
.txt_ani.fadein.is-active span:nth-child(20) {animation-delay: 1.05s}
.txt_ani.fadein.is-active span:nth-child(21) {animation-delay: 1.1s}
.txt_ani.fadein.is-active span:nth-child(22) {animation-delay: 1.15s}
.txt_ani.fadein.is-active span:nth-child(23) {animation-delay: 1.2s}
.txt_ani.fadein.is-active span.s_before{
	margin-right:0.3em;
}
@keyframes textanimation {
    0% {
        transform: translateY(1em);
		 opacity: 0;
    }

    100% {
        transform: translateY(0);
		 opacity: 1;
    }
}



/* ---- mainV ------- */

.mainV{
	width:100vw;
	height:calc(100vh - 60px);
	min-height:600px;
	position:relative;
	overflow:hidden;
}

.mainV .image_container {
	width:100%;
	height:100%;
}

/* -- sec1 -- */
.mainV .p-swiper-container{
  position: relative;
	width:100vw;
	height:100vh;
	min-height:600px
}
.mainV .swiper-slide {
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
}
.mainV .swiper-slide .swiper-text{
	position:absolute;
	bottom:150px;
	left:0px;
	z-index:1;
	color:#fff;
	max-width:500px;
}
.mainV .swiper-slide .swiper-text .in-text{
	opacity: 0;
	transform: translateX(0);
    transition: all 1.2s ease;
}
.mainV .swiper-slide-active .swiper-text .in-text {
	opacity: 1;
	transform: translateX(50px);
    transition: all 1.2s ease 1.2s;
}
.mainV .swiper-slide .swiper-text h6{
	font-size:4rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1em;
}
.mainV .swiper-slide-active .swiper-text .in-text.se {
	width:500px;
	height:auto;
}
.mainV .swiper-slide-active .swiper-text .in-text.se img{
	width:100%;
	height:100%;
}
.mainV .swiper-slide .swiper-text h3{
	font-weight:400;
	font-size:1.1rem;
	margin-bottom:0.5em;
}
.mainV .swiper-slide .swiper-text p{
	font-weight:400;
	font-size:0.8rem;
	line-height:1.7em;
}
.mainV .swiper-slide .swiper-text .btn{
	background:#000;
	width:fit-content;
	margin-top:20px;
	border-radius:50px;
	transition-delay: 1.8s;
}
.mainV .swiper-slide .swiper-text .btn a{
	font-style: normal;
	color:#fff;
	display:block;
	padding: .4em 2.5em .4em 2em;
	transition: all ease .3s;
	position: relative;
	font-size:0.8rem;
}
.mainV .swiper-slide .swiper-text .btn a::before {
	display: block;
	position: absolute;
}
.mainV .swiper-slide .swiper-text .btn a::after { 
	display: block;
	position: absolute;
	top: 50%;
	transform: translateY(-50%) rotate(45deg);
	width: .4em;
	height: .4em;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	content: "";
	animation: move-arrow 1.5s linear infinite;
}
@keyframes move-arrow {
  0% { right: 2em; opacity: 0;}
  30% { opacity: 1;}
  60% { opacity: 1;}
  100% { right: 1em; opacity: 0;}
}
.mainV .swiper-slide-active .swiper-img,
.mainV .swiper-slide-duplicate-active .swiper-img,
.mainV .swiper-slide-prev .swiper-img {
	animation: zoomUp 8s linear 0s normal both;
}
.mainV .swiper-slide .swiper-img {
	height: 100%;
	width: 100%;
}
.mainV .swiper-slide .swiper-img img {
	height: 100%;
	width: 100%;
	object-fit:cover;
}
@keyframes zoomUp {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

.mainV .swiper-slide .swiper-text{
	position:absolute;
	bottom:150px;
	left:0px;
	z-index:1;
	color:#fff;
	max-width:500px;
	width:80%;
}
/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.mainV .swiper-slide .swiper-text{
		bottom:120px;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.mainV .swiper-slide .swiper-text{
		bottom:80px;
	}
	.mainV .swiper-slide .swiper-text h6{
		font-size:3rem;
	}
	.mainV .swiper-slide .swiper-text p{
		font-size:0.75rem;
	}
	.mainV .swiper-slide .swiper-text .btn a{
		padding: .2em 2.5em .2em 1em;
		font-size:0.7rem;
	}
	.mainV .swiper-slide .swiper-text{
		width:85%;
	}
	.mainV .swiper-slide-active .swiper-text .in-text {
		transform: translateX(20px);
	}
}
/* ---- 599px ------- */
@media screen and (max-width: 599px) {
.mainV .swiper-slide-active .swiper-text .in-text.se {
		width:100%;
	}
}


/* -- pagination -- */
.mainV .swiper-pagination{
	bottom: 80px !important;
	width: 100%;
	position: absolute;
	text-align:unset;
	box-sizing:border-box !important;
	padding-left:50px;
	z-index:1;
}
.mainV .swiper-pagination-bullet {
	width:10px;
	height: 10px;
	display: inline-block;
	border-radius: unset;
	background: #f0f0f0;
	opacity: 1;
}
.mainV .swiper-pagination-bullet-active {
	opacity: 1;
	background: #3e311c;
}
.mainV .swiper-button-prev,
.mainV .swiper-button-next{
	display:none;
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.mainV .swiper-pagination{
		left:unset !important;
		right:20px;
		padding:0;
		width:fit-content !important;
	}
}

/* ---- mainV scroll ------- */

.scrolldown{
	position:absolute;
	right:50px;
	bottom:30px;
	z-index:1;
}
.scrolldown_inner {
	position: relative;
	width: 100%;
	height: 100vh;
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
}
.scrolldown_inner:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 80%;
	background: linear-gradient(180deg,rgba(#000, 0) 0, rgba(#000, .8) 80%, rgba(#000, .8) 100%);
 }
.scrolldown_inner span {
	font-size:0.8rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1em;
	display: inline-block;
	position: absolute;
	right: 0;
	bottom: 50px;
	left: 0;
	z-index: 2;
	width: 13px;
	padding: 10px 10px 110px;
	color: #fff;
	text-transform: uppercase;
	text-decoration: none;
	writing-mode: vertical-lr;
	transition: .2s;
	overflow: hidden;
	margin: auto;
}
.scrolldown_inner span:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: #ffffff;
}
.scrolldown_inner span:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 1px;
	height: 100px;
	background: #584e3b;
}
#type01 span:after {
	animation: sdl01 2.5s cubic-bezier(1, 0, 0, 1) infinite;
}

@keyframes sdl01 {
	0% {
		transform: scale(1, 0);
		transform-origin: 0 0;
	}
	50% {
		transform: scale(1, 1);
		transform-origin: 0 0;
	}
	50.1% {
		transform: scale(1, 1);
		transform-origin: 0 100%;
  }
	100% {
		transform: scale(1, 0);
		transform-origin: 0 100%;
	}
}





/* ---- contents ------- */

.contents{
	width:100%;
	background:#fff;
	padding:0 0 0px;
}

/* ---- contents .news_ticker------- */
.news_ticker{
	background:#dbd8d3;
	height: 60px;
	align-items:center;
	display:flex;
	border:0.5px solid #9a9285;
	z-index:1;
	position:relative;
}
.news_ticker .inner{
	height: 30px;
	width:90%;
	max-width:1200px;
	border-radius: 5px;
	background:#fff;
	margin:auto;
	display:flex;
	justify-content:space-between;
	overflow: hidden;
	border:0.5px solid #9a9285;
}
.news_ticker .inner .label{
	width:5em;
	text-align:center;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	background:#9f9687;
	color:#fff;
}
.news_ticker .ticker {
	position: relative;
	height: 30px;
	display:block;
	width:100%;
}
.news_ticker .ticker li {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateY(100%);
	transition: all 1s ease;
	list-style:none;
}
.news_ticker .ticker li.active {
	opacity: 1;
	transform: translateY(0);
}
.news_ticker .ticker li.inactive {
	opacity: 0;
	transform: translateY(-100%);
}
.news_ticker .ticker li a {
	box-sizing: border-box;
	height: 100%;
	font-size: 0.8rem;
	text-decoration: none;
	line-height: 1;
	display:flex;
	align-items:center;
	width:fit-content;
}
.news_ticker .ticker li a .date{
	margin-right:1em;
	padding:0em 1em;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	line-height:1em;
	border-right:0.5px solid #7f7c77;
	font-size:90%;
	color:#999;
}
.news_ticker .ticker li p {
	width: 100%;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}
.news_ticker .ticker li p span.roop {
	display:none;
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.news_ticker .ticker li p span.roop {
		display:unset;
	}
	.news_ticker .ticker li p {
		display: flex;
	}
	.news_ticker .ticker li p span {
	  display: flex;
	  animation: loop-slide 10s infinite linear 1s both;
	  list-style: none;
	  margin: 0;
	  padding: 0;
	}
	@keyframes loop-slide {
	  from {
	    transform: translateX(0);
	  }
	  to {
	    transform: translateX(-100%);
	  }
	}
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.news_ticker .inner .label{
		font-size:80%;
	}
	.news_ticker .ticker li a .date{
		font-size:80%;
	}
}
/* ---- 519px ------- */
@media screen and (max-width: 519px) {
	.news_ticker .inner{
		flex-wrap:wrap;
		height:fit-content;
		border-radius:0px;
		width:98%
	}
	.news_ticker .inner .label{
		display:block;
		width:100%;
		height:fit-content;
		text-align:left;
		line-height:1em;
		padding:5px 0 5px 1em;
	}
	.news_ticker .ticker li a .date{
		color:#000;
		font-size:90%;
	}
}


/* ---- contents.craft ----- */
.craft{
	width:100%;
	margin:auto;
	padding:0 0;
}
.craft ul{
	position:relative;
}
.craft ul li.image_area{
	width:100%;
	height:100vh;
	list-style:none;
	position:sticky;
	top:0;
}

/* -- video -- */
.craft ul li.image_area .video{
	position: relative;
	overflow: hidden;
	width: 100%;
	min-height:600px;
	box-sizing:border-box;
}
.craft ul li.image_area .video video{
	top: 50%;
	left: 50%;
	width: 100%;
	height: 100%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	position:fixed;
	z-index:-1;
	object-fit:cover
}
.craft ul li.image_area video.sp{
	display:none;
}

.craft ul li.text_area{
	width:100%;
	list-style:none;
	box-sizing:border-box;
	position:relative;
}
.craft ul li.text_area .inner{
	width:90%;
	max-width:1400px;
	padding:0vh 0 0vh;
	color:#fff;
	margin:0 auto;
	display:flex;
	justify-content:space-between;
	position:relative;
}
.craft ul li.text_area .inner .sub_inner_text{
	width:40%;
	position:sticky;
	top:0;
	align-items:center;
	display:flex;
	height:100vh;
}
.craft ul li.text_area .inner .sub_inner_text .sub_inner_box{
	height:fit-content;
}
.craft ul li.text_area .inner .sub_inner_text h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
	margin-bottom:0.3em;
}
.craft ul li.text_area .inner .sub_inner_text h2{
	font-size:1.3rem;
	margin:0 0 1.3em;
	line-height:1.5em;
}
.craft ul li.text_area .inner .sub_inner_text .btn{
	margin-top:50px;
}
.craft ul li.text_area .inner .sub_inner_text .btn a{
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#ffffff;
	border-radius:40px;
	font-size:0.8rem;
}
.craft ul li.text_area .inner .sub_inner_detail{
	width:50%;
	padding-top:100vh
}
.craft ul li.text_area .inner .sub_inner_detail dl{
	padding-bottom:30vh
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner{
	border-bottom:1px dotted #fff;
	padding:3em 0;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner:first-child{
	border-top:1px dotted #fff;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a{
	color:#fff;
	position:relative;
	display:flex;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a:after{
	content: url("../../../../img/common/arrow_a_w.svg");
	width:10px;
	height:fit-content;
	position:absolute;
	right:10px;
	top:0px;
	bottom:0px;
	margin:auto;
	transition: .4s;
	border-radius:20px;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a:hover:after{
	right:5px;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dt{
	width:100px;
	aspect-ratio:1 / 1;
	margin-right:20px;
	overflow:hidden;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dt img{
	width:100%;
	height:100%;
	vertical-align:bottom;
	object-fit:cover;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dd{
	width:calc(100% - 150px);
	align-items:center;
	display:flex;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dd h4{
	font-weight:400;
	font-size:1.3rem;
	margin-bottom:0.2em;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dd h5{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.7rem;
	line-height:1em;
	margin-bottom:1em;
}
.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dd p{
	font-size:0.8rem;
	line-height:1.7em;
	color:#ddd;
}

.craft_imageBox{
   position: relative;
   width: 100%;
   height: 100%;
   overflow: hidden;
   margin: 0 auto;
}
.craft_imageBox-item01,
.craft_imageBox-item02,
.craft_imageBox-item03{
   position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
	background-position:center;
}
.craft_imageBox-item01{
   background-image: url('../../../../img/top/top_craft_image_01.webp');
   animation: slide-animation-01 24s infinite;
}
.craft_imageBox-item02{
   background-image: url('../../../../img/top/top_craft_image_02.webp');
   animation: slide-animation-02 24s infinite;
}
.craft_imageBox-item03{
   background-image: url('../../../../img/top/top_craft_image_03.webp');
   animation: slide-animation-03 24s infinite;
}
@keyframes slide-animation-01 {
   0% {opacity: 1; transform: scale(1.0);}
   30% {opacity: 1;}
   40% {opacity: 0; transform: scale(1.15);}
   90% {opacity: 0}
   100% {opacity: 1; transform: scale(1.0);}
 }
 @keyframes slide-animation-02 {
   0% {opacity: 0;}
   30% {opacity: 0; transform: scale(1.1);}
   40% {opacity: 1;}
   60% {opacity: 1;}
   70% {opacity: 0; transform: scale(1.0);}
   100% {opacity: 0;}
 }
 @keyframes slide-animation-03 {
   0% {opacity: 0;}
   60% {opacity: 0;  transform: scale(1.0);}
   70% {opacity: 1;}
   90% {opacity: 1;}
   100% {opacity: 0; transform: scale(1.1);}
 }
.craft_imagebg{
	position:absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
    transition: 1s ease;
	opacity:0;
}
.craft.craft_back_change.is-active .image_area .craft_imagebg{
	opacity:1;
	background:#0009;
}
/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.craft ul li.text_area .inner .sub_inner_text h2 span{
		display:block;
	}
	.craft ul li.text_area .inner .sub_inner_text h4{
		font-size:3.50rem;
	}
}
/* ---- 839px ------- */
@media screen and (max-width: 839px) {
	.craft ul li.text_area .inner{
		width:90%;
		max-width:unset;
		color:#fff;
		margin:0 auto;
		display:block;
		justify-content:unset;
		position:unset;
	}
	.craft ul li.text_area .inner .sub_inner_text{
		width:100%;
		max-width:500px;
		position:unset;
		top:unset;
		height:unset;
		margin-bottom:100px;
	}
	.craft ul li.text_area .inner .sub_inner_detail{
		width:100%;
		padding-top:unset;
	}
	.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner{
		padding:2em 0;
	}
}
@media screen and (max-width: 519px) {
	.craft ul li.text_area .inner .sub_inner_text h2{
		font-size:1.2rem;
	}
	.craft ul li.text_area .inner .sub_inner_text h4{
		font-size:2.50rem;
	}
	.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dd{
	}
	.craft ul li.text_area .inner .sub_inner_detail dl .sub_inner > a dd h4{
		font-size:1.1rem;
	}
}


/* ---- contents.pickup ----- */

.pickup{
	padding:70px 0 70px;
	position:relative;
	overflow-x:hidden;
	background:#f1f1ee;
	z-index:1
}
.pickup h2{
	font-size:2.5rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1em;
	position:relative;
	margin-left:30px;
	margin-bottom:50px;
}
.pickup ul.slick-slider{
	margin-bottom:0 !important;
	position:relative;
}
.pickup .slider .slick-list{
	overflow:unset;
}
.pickup .slider .slick-slide {
	width: 400px;
	position: relative;
	padding:0 20px;
	box-sizing:border-box;
	overflow:hidden;
	transition: 1s;
}
.pickup .slider .slick-slide a{
}
.pickup .slider .slick-slide.slick-center{
	transform: scale(1.1);
}
.pickup .slider .slick-slide a.animate:after{
	background:#f1f1ee;
}
.pickup .slider .slick-slide:nth-child(2) .animate.ani_v.show:after{animation-delay: 0.1s;}
.pickup .slider .slick-slide:nth-child(3) .animate.ani_v.show:after{animation-delay: 0.2s;}
.pickup .slider .slick-slide:nth-child(4) .animate.ani_v.show:after{animation-delay: 0.3s;}
.pickup .slider .slick-slide:nth-child(5) .animate.ani_v.show:after{animation-delay: 0.4s;}
.pickup .slider .slick-slide:nth-child(6) .animate.ani_v.show:after{animation-delay: 0.5s;}
.pickup .slider .slick-slide:nth-child(7) .animate.ani_v.show:after{animation-delay: 0.6s;}

.pickup .slider dt{
	position:relative;
	margin-bottom:10px;
	box-shadow:0px 3px 10px #ccc;
}
.pickup .slider .slick-slide dt img {
	display: block;
	width: 100%;
}
.pickup .slider .slick-slide dd {
	width:100%;
	margin:auto
}
.pickup .slider .slick-slide dd h5{
	font-size:0.9rem;
	line-height:1.7em;
	margin-bottom:0.7em;
	font-weight:400;
	border-left:3px solid #666;
	padding-left:0.7em;
}
.pickup .slider .slick-slide dd p{
	font-size:0.7rem;
	line-height:1.7em;
}
.pickup .slider .slick-slide dd p.cate{
	font-size:0.8rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	line-height:1em;
	margin-bottom:0.5em;
}
.pickup .dots{
	height:fit-content;	
	width:fit-content;
	left:30px;
	top:130px;
	position:absolute;
}
.pickup .dots .slick-dots {
	margin:auto;
	box-sizing:border-box;
	text-align:unset;
	display:flex;
	position:unset;
}
.pickup .dots .slick-dots li{
	list-style:none;
	width: 8px !important;
    height: 8px !important;
	margin: 0 4px !important;
}
.pickup .dots .slick-dots button {
  display: block;
  width: 100%;
  height: 100%;
  font-size: 0;
  padding: 0;
  border: 0;
  outline: none;
  cursor: pointer;
  background: #bcbcbc;
}
.pickup .dots .slick-dots button:before{
    content:none;
}
.pickup .dots .slick-dots .slick-active button {
  background: #3e311c;
}
.pickup .slick-arrow{
	z-index:1;
	width:35px;
	height:20px;
	position:relative;
	border-radius:10px;
}
.pickup .slick-arrow:before{
	display:none;
}
.pickup .slick-arrow:after{
	content: url("../../../../img/common/arrow_a_w.svg");
	width:10px;
	height:fit-content;
	position:absolute;
	right:0;
	left:0;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
}
.pickup .slick-prev.slick-arrow,
.pickup .slick-next.slick-arrow{
	position:absolute;
	background:#000;
}
.pickup .slick-prev.slick-arrow{
	right:50px;
	top:-30px;
	left:unset;
}
.pickup .slick-prev.slick-arrow:after{
	transform: rotate(180deg);
}
.pickup .slick-next.slick-arrow{
	right:10px;
	top:-30px;
}

/* ---- 519px ------- */
@media screen and (max-width: 519px) {
	.pickup .slider .slick-slide {
		max-width: 350px;
		width:80%;
	}
}



/* ---- contents.lineup ----- */
.lineup{
	padding:150px 0;
	background:#f2f2f2;
	z-index:1;
	position:relative;
}
.lineup .inner_title{
	width:100%;
	margin:auto;
	display:flex;
	justify-content:space-between;
	margin-bottom:70px;
}
.lineup .inner_title dd{
	margin:auto;
	text-align:center;
}
.lineup .inner_title dd .inner_subinner{
}
.lineup .inner_title dd h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
	margin:0 auto;
	width:fit-content;
}
.lineup .inner_title dd h2{
	font-size:1.2rem;
	margin:0 0 1.3em;
	line-height:1.5em;
	font-weight:400;
}
.lineup .inner_title dd .btn{
	margin-top:30px;
}
.lineup .inner_title dd .btn a{
	color:#fff;
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#000000;
	border-radius:40px;
}
.house_lp{
	display:flex;
	justify-content:space-between;
	background:#eae8e4;
	padding:70px 0;
	width:96%;
	margin:0 auto 30px;
	border-radius:20px;
	position:relative;
}
.style_lp{
	display:flex;
	justify-content:space-between;
	flex-direction:row-reverse;
	background:#e3e4e7;
	padding:70px 0;
	width:96%;
	margin:0 auto 30px;
	border-radius:20px;
	position:relative;
}
.lp-title{
	width:30%;
	position:relative;
	z-index:1;
}
.lp-title .sub_inner{
	width:90%;
	max-width:400px;
	height:fit-content;
	margin:auto;
	z-index:1;
	top:200px;
}
.lp-title .sub_inner h2{
	font-size:1.4rem;
	font-weight: 400;
	letter-spacing:0;
}
.lp-title .sub_inner h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.0rem;
	margin-bottom:2em;
}
.lp-title .sub_inner .btn{
	margin-top:50px;
	font-size:0.8rem;
}
.lp-title .sub_inner .btn a{
	color:#fff;
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#000000;
	border-radius:40px;
}
.lineup .lineup_list {
	width:63%;
	position:relative;
	padding: 0 0;
	margin:auto;
	z-index:1;
	overflow:hidden;
}
.lineup .lineup_list li{
	list-style:none;
	overflow:hidden;
	box-sizing:border-box;
	background:#fff;
	position:relative;
}
.lineup .lineup_list .swiper-slide {
	width:400px;
	height:100%;
	overflow:hidden;
	position:relative;
	margin-right:10px;
}
.lineup .house_lp .lineup_list li.animate:after{
	background:#eae8e4;
}
.lineup .style_lp .lineup_list li.animate:after{
	background:#e2e4e7;
}
.lineup .lineup_list li:nth-child(2).animate.ani_v.show:after{animation-delay: 0.1s;}
.lineup .lineup_list li:nth-child(3).animate.ani_v.show:after{animation-delay: 0.2s;}
.lineup .lineup_list li:nth-child(4).animate.ani_v.show:after{animation-delay: 0.3s;}
.lineup .lineup_list li:nth-child(5).animate.ani_v.show:after{animation-delay: 0.4s;}
.lineup .lineup_list li:nth-child(6).animate.ani_v.show:after{animation-delay: 0.5s;}
.lineup .lineup_list li:nth-child(7).animate.ani_v.show:after{animation-delay: 0.6s;}

.lineup .lineup_list li dt{
	position:relative;
	overflow:hidden;
}
.lineup .lineup_list li dt > img{
	width:100%;
	height:100%;
	object-fit:cover;
	vertical-align:bottom;
}
.lineup .lineup_list li dt .logo{
	width:60%;
	height:fit-content;
	margin:auto;
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.lineup .lineup_list li dt .logo img{
	width:100%;
}
.lineup_list li dd{
	padding:30px 6% 80px;
	height:130px;
}
.lineup_list li dd h5{
	font-size:1.2rem;
	line-height:1.5em;
	font-weight:normal;
	margin-bottom:1em;
	text-align:center;
}
.lineup_list li.business .name h6{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.0rem;
	line-height:1em;
}
.lineup_list li dd p{
	font-size:95%;
}
.lineup_list li .bottom_label{
	position:absolute;
	line-height:1em;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	background:#fff;
	width:calc(100% - 60px);
	display:block;
	padding:0.8em 0;
	border-top:1px solid #ccc;
}
.lineup_list .lp-swiper-scrollbar,
.lineup_list .st-swiper-scrollbar{
    position: relative;
    background-color: transparent;
	width: 98%;
	margin-top:20px;
}
.lineup_list .lp-swiper-scrollbar::before,
.lineup_list .st-swiper-scrollbar::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    height: 2px;
    background-color: #ccc;
}
.lineup_list .lp-swiper-drag,
.lineup_list .st-swiper-drag{
    position: relative;
    height: 10px;
	box-sizing:border-box;
}
.lineup_list .lp-swiper-drag::before,
.lineup_list .st-swiper-drag::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
	width: 100%;
    height: 5px;
    margin: auto;
    background-color: #000;
}
.lineup_list .lp-swiper-button-next,
.lineup_list .st-swiper-button-next,
.lineup_list .swiper-button-next{
	left: auto;
	content: url("../../../../img/common/arrow_a_w.svg");
	width:10px;
	position:absolute;
	right:5px;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
	background-image:none;
	background:#000000;
	padding:7px 15px;
	border-radius:20px;
	z-index:3;
}
.lineup_list .lp-swiper-button-prev,
.lineup_list .st-swiper-button-prev,
.lineup_list .swiper-button-prev {
	content: url("../../../../img/common/arrow_a_w.svg");
	width:10px;
	position:absolute;
	left:5px;
	right:unset;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
	background-image:none;
	background:#000000;
	padding:8px 15px;
	border-radius:20px;
	transform: rotate(180deg);
	transition: all 1s ease-out;
	z-index:3;
}
.lineup_list .lp-swiper-button-prev.swiper-button-disabled,
.lineup_list .lp-swiper-button-next.swiper-button-disabled,
.lineup_list .st-swiper-button-prev.swiper-button-disabled,
.lineup_list .st-swiper-button-next.swiper-button-disabled,
.lineup_list .swiper-button-prev.swiper-button-disabled,
.lineup_list .swiper-button-next.swiper-button-disabled {
	opacity: 0;
	transition: all 1s ease-out;
}

.lineup .lp-text{
	position:absolute;
	bottom:0;
	left:0;
	width:100%;
	overflow:hidden;
	height:fit-content;
}
.lineup .lp-subinner{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	display: flex;
	width: 100vw;
	margin-inline: calc(50% - 50vw);
}
.lineup .lp-text__item {
	flex-shrink: 0;
	white-space: nowrap;
	font-size: 10rem;
	line-height:1em;
}
.lineup .house_lp .lp-text__item {
	color:#e6e4e0;
}
.lineup .style_lp .lp-text__item {
	color:#dddfe1;
}
.lineup .lp-text__item:nth-child(odd) {
    animation: MoveLeft 100s -50s infinite linear;
	padding-right:1em;
  }
.lineup  .lp-text__item:nth-child(even) {
    animation: MoveLeft2 100s infinite linear;
	padding-right:1em;
}
@keyframes MoveLeft {
  from {
    transform: translateX(100%);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes MoveLeft2 {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-200%);
  }
}
/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.lp-title{
		width:40%;
	}
	.lp-swiper-title{
		width:43%;
	}
	.lineup .lineup_list {
		width:55%;
	}
	.lineup .lineup_list .swiper-slide {
		width:350px;
	}
	.lineup_list li dd{
		padding:30px 6% 80px;
		height:200px;
	}
}
/* ---- 839px ------- */
@media screen and (max-width: 839px) {
	.house_lp{
		display:block;
		justify-content:unset;
		background:#eae8e4;
		padding:70px 0 100px;
		width:96%;
		margin:0 auto 30px;
		position:relative;
	}
	.style_lp{
		display:block;
		justify-content:unset;
		flex-direction:row-reverse;
		background:#e3e4e7;
		padding:70px 0 100px;
		width:96%;
		margin:0 auto 30px;
		border-radius:20px;
		position:relative;
	}
	.lp-title{
		width:100%;
		position:unset;
	}
	.lp-title .sub_inner{
		width:90%;
		max-width:unset;
	}
	.lp-title .sub_inner .btn{
		font-size:0.8rem;
		position:absolute;
		bottom:50px;
		left:0;
		right:0;
		margin:auto;
		width:fit-content;
		z-index:1;
	}
	.lineup .lineup_list {
		width:95%;
		margin:30px auto 0;
	}
	.lineup{
		margin:0 0 00px;
		background:#f0f0f0;
		padding:170px 0 100px;
	}
	.lineup_list .lp-swiper-scrollbar,
	.lineup_list .st-swiper-scrollbar{
		margin:20px auto;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.lineup .inner_title dd h2{
		font-size:1.1rem;
	}
	.lineup .inner_title dd h4{
		font-size:2.50rem;
	}
	.lp-title .sub_inner h2{
		font-size:1.2rem;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.lineup_list li dd h5 span{
		display:block;
	}
}


/* ---- contents.works ----- */
.works{
	margin:0 0 0;
	background:#f9f9f9;
	height:100vh;
	min-height:1000px;
	align-items:center;
	display:flex;
	position:relative;
}
.works ol{
	display:flex;
	padding:15vh 0;
	width:100%;
	overflow:hidden;
}
.works ol ul:nth-child(1){
	width:500px;
	box-sizing:border-box;
	position:relative;
}
.works ol ul:nth-child(1) dl{
	padding:0 50px;
	width:100%;
	height:100%;
	position:relative;
	box-sizing:border-box;
	display: flex;
    flex-direction: column;
}
.works ol ul:nth-child(1) dl .detail{
	margin-top:auto;
}
.works ol ul:nth-child(1) dl .detail h3{
	font-size:1.5rem;
	margin:1.5em 0 1em;
	line-height:1.5em;
	font-weight:400;
}
.works ol ul:nth-child(1) dl h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
}
.works ol ul:nth-child(1) dl h2{
	font-size:1.2rem;
	margin:0 0 1.3em;
	line-height:1.5em;
	font-weight:400;
}
.works ol ul:nth-child(1) dl .btn{
	margin-top:30px;
	font-size:0.8rem;
}
.works ol ul:nth-child(1) dl .btn a{
	color:#fff;
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#000000;
	border-radius:40px;
}

.works ol ul:nth-child(2){
	width: calc(100% - 500px);
	box-sizing:border-box;
	position:relative;
}

.works_list .swiper-container .swiper-slide {
	width:400px;
	height:100%;
	overflow:hidden;
	position:relative;
}
.works_list .swiper-container .swiper-slide.animate:after{
	background:#000000cc;
}
.works_list .swiper-container .swiper-slide:first-child {
}
.works_list .swiper-container .swiper-slide:not(:first-child) {
    margin-left: 5px;
}
.works_list .swiper-container .swiper-slide:nth-child(2).animate.ani_v.show:after{animation-delay: 0.1s;}
.works_list .swiper-container .swiper-slide:nth-child(3).animate.ani_v.show:after{animation-delay: 0.2s;}
.works_list .swiper-container .swiper-slide:nth-child(4).animate.ani_v.show:after{animation-delay: 0.3s;}
.works_list .swiper-container .swiper-slidee:nth-child(5).animate.ani_v.show:after{animation-delay: 0.4s;}
.works_list .swiper-container .swiper-slide:nth-child(6).animate.ani_v.show:after{animation-delay: 0.5s;}
.works_list .swiper-container .swiper-slide:nth-child(7).animate.ani_v.show:after{animation-delay: 0.6s;}

.works_list .swiper-container .swiper-slide:last-child {
	margin-right:10%;
}
.works_list .swiper-container .swiper-slide dt{
	overflow:hidden;
	aspect-ratio: 1 / 1.5;
}
.works_list .swiper-container .swiper-slide dt:after{
	content:"";
	display:block;
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
	background:#0002;
}
.works_list .swiper-container .swiper-slide dt img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.works_list .swiper-container .swiper-slide dd{
	position:absolute;
	top:0px;
	left:0;
	width:100%;
	height:100%;
}
.works_list .swiper-container .swiper-slide dd h5{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.9rem;
	position:absolute;
	color:#fff;
	top:20px;
	left:10px;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
}
.works_list .swiper-container .swiper-slide dd h4{
	font-weight:400;
	color:#fff;
	font-size:1.0rem;
	position:absolute;
	bottom:20px;
	left:20px;
}
.works_list .swiper-scrollbar {
    position: relative;
    background-color: transparent;
	width: 98%;
	margin-top:20px;
}
.works_list .swiper-scrollbar::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    width: 100%;
    margin: auto;
    height: 2px;
    background-color: #ccc;
}
.works_list .swiper-drag {
    position: relative;
    height: 10px;
	box-sizing:border-box;
}
.works_list .swiper-drag::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0px;
    right: 0px;
    bottom: 0;
	width: 100%;
    height: 5px;
    margin: auto;
    background-color: #000;
}
.works_list .swiper-button-next{
	left: auto;
	content: url("../../../../img/common/arrow_a.svg");
	width:10px;
	height:unset;
	position:absolute;
	right:5px;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
	background-image:none;
	background:#ffffff;
	padding:7px 15px;
	border-radius:20px;
	z-index:3;
}
.works_list .swiper-button-prev {
	content: url("../../../../img/common/arrow_a.svg");
	width:10px;
	height:unset;
	position:absolute;
	left:5px;
	right:unset;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
	background-image:none;
	background:#ffffff;
	padding:8px 15px;
	border-radius:20px;
	transform: rotate(180deg);
	transition: all 1s ease-out;
	z-index:3;
}
.works_list .swiper-button-prev.swiper-button-disabled,
.works_list .swiper-button-next.swiper-button-disabled {
	opacity: 0;
	transition: all 1s ease-out;
}


/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.works{
		height:unset;
		min-height:unset;
		display:block;
		position:relative;
	}
	.works ol{
		display:block;
		justify-content:unset;
		position:relative;
		padding:150px 0 220px;
	}
	.works ol ul:nth-child(1) {
		width:100%;
		padding:unset;
		position:unset;
		margin:0 0 0 0;
	}
	.works ol ul:nth-child(1) dl{
		padding:unset;
		width:90%;
		margin:auto;
		position:unset;
	}
	.works ol ul:nth-child(1) dl h4{
		font-size:2.50rem;
	}
	.works ol ul:nth-child(1) dl .detail h3{
	}
	.works ol ul:nth-child(1) dl .detail h3 br{
		display:none;
	}
	.works ol ul:nth-child(1) dl dd{
		width:94%;
		max-width:unset;
		margin:auto;
	}
	.works ol ul:nth-child(1) dl dd .btn{
		margin:30px 0;
		font-size:90%;
		text-align:center;
		position:absolute;
		bottom:25px;
		left:0;
		right:0;
	}
	.works ol ul:nth-child(2){
		width:95%;
		margin: auto;
		padding:50px 0 0px;
		background:#f9f9f9;
		box-sizing:border-box;
	}
	.works ol ul:nth-child(1) dl .btn{
		width:fit-content;
		margin-top:unset;
		font-size:0.8rem;
		position:absolute;
		bottom:100px;
		margin:auto;
		left:0;
		right:0;
	}
	.works_list .swiper-container .swiper-slide {
		width:350px;
	}
	.works ol ul:nth-child(1) dl .detail h3 br{
		display:unset;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.works ol ul:nth-child(1) dl .detail h3{
		font-size:1.3rem;
	}
	.works ol ul:nth-child(1) dl h2{
		font-size:1.1rem;
	}
}



/* ---- contents.tec ----- */
.tec{
	padding:0 0;
	z-index:1;
	position:relative;
	background:#fff;
}
.tec .tec_title_inner{
	height:100vh;
	width:100vw;
	display:flex;
	position:sticky;
	top:0;
	z-index:2;
	color:#000;
	overflow:hidden;
}
.tec .tec_title_inner .fit_inner{
	width:fit-content;
	height:fit-content;
	margin:auto;
	transition: all 0.7s 0s ease;
	position:absolute;
	top:-30vh;
	bottom:0;
	left:0;
	right:0;
}
.tec .tec_title_inner.is-active1 .fit_inner{
	top:0;
	bottom:0;
	left:0;
	right:50%;
}
.tec .tec_title_inner.is-active2 .fit_inner{
	top:0;
	bottom:0;
	left:0;
	right:0;
	transform:scale(150%) rotate(-90deg);
	color:#fff;
}
.tec .tec_title_inner.is-active2 .fit_inner h2{
	opacity:0;
}
.tec .tec_title_inner h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:4.50rem;
	line-height:1em;
	margin-bottom:0em;
}
.tec .tec_title_inner h2{
	font-size:1.2rem;
	margin:0 auto;
	line-height:1.5em;
	font-weight:400;
	width:fit-content;
}
.tec .triangle{
	background: #f0eee8;
	position: relative;
	height:10vh;
	margin-top:-10vh;
	width:100%;
	
}
.tec .triangle:before{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 300px 50vw 0 50vw;
	border-color: #fff #f5ede1 #fff #efeae3;
	position: absolute;
	bottom: 10vh;
	left: 0;
	right: 0;
}
.tec .triangle:after{
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 300px 50vw 0 50vw;
	border-color: #efeae3 #efeae3 #efeae3 #f5ede1;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	transform: rotate(180deg);
	z-index:1;
}
.tec .tec_wrapper{
	width:100%;
	background:#efeae3;
	padding:0 0;
	position:relative;
}
.tec .tec_wrapper .tec_ep_inner{
	width:50%;
	height:80vh;
	margin:0 0 0 auto;
	padding:50px 0 0 0;
	z-index:2;
	position:relative;
}
.tec .tec_wrapper .tec_ep_inner .tec_ep_sub_inner{
	max-width:500px;
	width:90%;
	margin:auto;
}
.tec .tec_wrapper .tec_ep_inner h3{
	font-size:2.0rem;
	margin:1.5em 0 1em;
	line-height:1.5em;
	font-weight:400;
}
.tec .tec_wrapper .tec_ep_inner h3 span{
	display:block;
}
.tec .tec_wrapper .subin{
	padding:0 0 0;
	display:flex;
	width:100%;
	height:100%;
	margin:auto;
	justify-content:space-between;
	position:relative;
}
.tec .tec_wrapper .subin .subin_detail_inner{
	width:50%;
	padding:50vh 0;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_detail_sub_inner{
	width:80%;
	max-width:600px;
	margin:auto;
	z-index:2;
	position:relative;
}
.tec .tec_wrapper .subin .subin_detail_inner h3{
	font-size:2.0rem;
	margin:0 0;
	line-height:1.5em;
	font-weight:400;
}
.tec .tec_wrapper .subin  .subin_detail_inner h5{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:0.7rem;
	margin-bottom:30px;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block{
	display:grid;
	height:40vh;
	margin:50px 0;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block dt{
	overflow:hidden;
	position:relative;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block dt.animate:after{
	background:#000000cc;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block dt img{
	object-fit:cover;
	height:100%;
	width:100%;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.safe{
	grid-template-columns: 1fr 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.safe dt:nth-child(1){
  grid-column: 2 / 4;
  grid-row: 1 / 2;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.safe dt:nth-child(2){
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.safe dt:nth-child(3){
  grid-column: 3 / 4;
  grid-row: 2 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.safe dt:nth-child(4){
  grid-column: 1 / 2;
  grid-row: 1 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.conf{
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.conf dt:nth-child(1){
  grid-column: 1 / 2;
  grid-row: 1 / 2;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.conf dt:nth-child(2){
  grid-column: 2 / 3;
  grid-row: 1 / 2;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.conf dt:nth-child(3){
  grid-column: 1 / 2;
  grid-row: 2 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.conf dt:nth-child(4){
  grid-column: 2 / 3;
  grid-row: 2 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.peac{
	grid-template-columns: 1fr 1fr;
	grid-template-rows: 1fr 1fr;
	column-gap: 10px;
	row-gap: 10px;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.peac dt:nth-child(1){
	grid-column: 2 / 3;
	grid-row: 1 / 2;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.peac dt:nth-child(2){
	grid-column: 1 / 2;
	grid-row: 1 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .subin_image_block.peac dt:nth-child(3){
	grid-column: 2 / 3;
	grid-row: 2 / 3;
}
.tec .tec_wrapper .subin .subin_detail_inner .btn{
	width:fit-content;
	margin:auto;
}
.tec .tec_wrapper .subin .subin_detail_inner .btn a{
	color:#fff;
	text-decoration:none;
	padding:1em 3em 1em 2em;
	border-radius:40px;
	box-shadow: 1rem 1rem 1rem -1rem hsl(200 50% 20% / 40%);
	background: linear-gradient(139deg, #948977, #7d6f57);
	text-align:center;
}

.tec .tec_wrapper .subin .subin_image_inner{
	width:50%;
	height:100vh;
	overflow:hidden;
	align-items:center;
	display:flex;
	position:sticky;
	top:0;
}
.tec .tec_wrapper .subin .subin_image_inner .subin_image_sub_inner{
	width:100%;
	height:100%;
	margin:auto;
	position:relative;
}
.tec .tec_wrapper .subin .subin_image_inner img{
	width:100%;
	height:100%;
	object-fit:cover;
	vertical-align:bottom;
}
.tec .tec_wrapper .subin .subin_image_inner h4{
	width:fit-content;
	height:fit-content;
	color:#fff;
	font-size:1.7rem;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	margin:auto;
}

/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.tec .tec_title_inner h4{
		line-height:1em;
		margin-bottom:0em;
	}
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.tec .tec_title_inner h2{
		font-size:1.1rem;
	}
	.tec .triangle:before{
		border-width: 150px 50vw 0 50vw;
	}
	.tec .triangle:after{
		border-width: 150px 50vw 0 50vw;
	}
	.tec .tec_title_inner.is-active1 .fit_inner{
		top:0;
		bottom:0;
		left:0;
		right:0;
		transform:scale(120%) rotate(0deg);
		opacity:0.1;
	}
	.tec .tec_title_inner.is-active1 .fit_inner h2{
		opacity:0;
	}
	.tec .tec_title_inner.is-active2 .fit_inner{
		top:0;
		bottom:0;
		left:0;
		right:-102%;
		transform:scale(160%) rotate(-90deg);
		color:#fff;
		opacity:1;
	}
	.tec .tec_wrapper .tec_ep_inner{
		width:100%;
		height:80vh;
		margin:0 0 0 auto;
		padding:50px 0 0 0;
		z-index:1;
		position:relative;
	}
	.tec .tec_wrapper .subin{
		padding:0 0 0;
		display:block;
		width:100%;
		height:unset;
		margin:unset;
		justify-content:unset;
		position:relative;
	}
	.tec .tec_wrapper .subin .subin_image_inner{
		width:100%;
		height:fit-content;
		overflow:hidden;
		align-items:center;
		display:flex;
		position:unset;
		top:0;
	}
	.tec .tec_wrapper .subin .subin_detail_inner{
		width:100%;
		padding:100px 0;
		z-index:2;
		position:relative;
	}
	.tec .tec_wrapper .subin .subin_detail_inner h3{
		font-size:1.5rem;
	}
	.tec .tec_wrapper .subin .subin_detail_inner .subin_detail_sub_inner{
		width:90%;
		max-width:500px;
		margin:auto;
	}
	.tec .tec_wrapper .subin .subin_detail_inner .cont_list li a dd .sub_inner h4{
		font-size:1.2rem;
	}
}
/* ---- 599px ------- */
@media screen and (max-width: 599px) {
	.tec .tec_title_inner h4{
		font-size:12.0vw;
	}
	.tec .tec_title_inner h2{
		font-size:3vw;
	}
	.tec .tec_wrapper .tec_ep_inner h3{
		font-size:1.5rem;
		width:fit-content;
	}
	.tec .tec_wrapper .tec_ep_inner h3 span{
		display:block;
	}
	.tec .tec_wrapper .subin .subin_image_inner h4 span{
		display:block;
	}
}


/* ---- contents.modelhouse ----- */
.modelhouse{
	width:100%;
	background: linear-gradient(160deg, #59421f 0%, #5a482c 40%, #2a1a01 100%);
	z-index:1;
	position:relative;
}
.modelhouse .wrap{
	display:flex;
	justify-content:space-between
}
.modelhouse .wrap .inner_title{
	width:50%;
	position:sticky;
	height:100vh;
	top:0;
	align-items:center;
	display:flex;
}
.modelhouse .wrap .inner_title .sub_inner{
	width:90%;
	max-width:500px;
	margin:auto;
	height:fit-content;
	color:#fff;
}
.modelhouse .wrap .inner_title .sub_inner h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
}
.modelhouse .wrap .inner_title .sub_inner h2{
	font-size:1.2rem;
	margin:0 0 5em;
	line-height:1.5em;
	font-weight:400;
}
.modelhouse .wrap .inner_title .sub_inner h3{
	font-size:1.5rem;
	margin:0 0 1em;
	line-height:1.5em;
	font-weight:400;
	letter-spacing:0;
}
.modelhouse .wrap .inner_title .sub_inner .btn{
	margin-top:30px;
	font-size:0.7rem;
}
.modelhouse .wrap .inner_title .sub_inner .btn a{
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#ffffff;
	border-radius:40px;
}
.modelhouse .wrap .inner_model{
	width:50%;
}
.modelhouse .wrap .inner_model .sub_inner_model{
	width:100%;
	margin:auto;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model{
	border-bottom:10px solid #fff;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model:last-child{
	border-bottom:unset;
}

/* ----.modelhouse parallax-slide ------- */
.modelhouse .wrap .inner_model .sub_inner_model .parallax-slide {
  position: sticky;
  top: 0px;
  height: 100lvh;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
/* ----.modelhouse parallax-slide ------- */

.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner{
	box-sizing:border-box;
	display:flex;
	justify-content:space-between;
	position:relative;
	height:100lvh;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner.rikas{
	background:url(../../../../img/top/modelhouse/top_modelhouse_01.webp) no-repeat center bottom;
	background-size:cover;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner.cras{
	background:url(../../../../img/top/modelhouse/top_modelhouse_02.webp) no-repeat center bottom;
	background-size:cover;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner.mukubox{
	background:url(../../../../img/top/modelhouse/top_modelhouse_03.webp) no-repeat center bottom;
	background-size:cover;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner.art{
	background:url(../../../../img/top/modelhouse/top_modelhouse_04.webp) no-repeat center bottom;
	background-size:cover;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner.sumai{
	background:url(../../../../img/top/modelhouse/top_modelhouse_05.webp) no-repeat center bottom;
	background-size:cover;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner dt span{
	height:50%;
	width:100%;
	display:block;
	border:5px solid transparent;
	box-sizing:border-box;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner dt span img{
	object-fit:cover;
	height:100%;
	width:100%;
	vertical-align:bottom;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail{
	width:80%;
	position:absolute;
	padding:70px 50px;
	right:0;
	left:0;
	bottom:0;
	top:0;
	height:fit-content;
	margin:auto;
	color:#fff;
	 background: linear-gradient(-30deg, #04061c22, #04061ccc);
	box-sizing:border-box;
	border-radius:5px;
}

.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail.is-active{
	transition: all 0.3s ease-in-out 0.5s;
}

.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail h5{
	font-size:1.3rem;
	font-weight:400;
	text-align:center;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail h6{
	font-size:0.8rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	margin-bottom:0.7em;
	padding-bottom:1.0em;
	border-bottom:1px dotted #fff;
	text-align:center;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail .place{
	font-size:0.9rem;
	margin-bottom:1em;
	text-align:center;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail p{
	font-size:0.8rem;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail .btn{
	margin:20px 0 0 auto;
	font-size:0.8rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	text-align:center;
}
.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail .btn a{
	text-decoration:none;
	padding:0.8em 5em 0.8em 5em;
	background:#ffffff;
	border-radius:40px;
}
/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.modelhouse .wrap .inner_title .sub_inner h4{
		font-size:2.50rem;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail{
		width:90%;
		position:absolute;
		padding:50px 5%;
		right:0;
		left:0;
		bottom:0;
		top:0;
		height:fit-content;
		margin:auto;
		color:#fff;
		background:#000a;
		box-sizing:border-box;
	}
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.modelhouse{
		padding-top:150px;
	}
	.modelhouse .wrap{
		display:block;
		justify-content:unset;
	}
	.modelhouse .wrap .inner_title{
		width:100%;
		position:unset;
		height:unset;
		top:unset;
		align-items:unset;
		display:unset;
	}
	.modelhouse .wrap .inner_title .sub_inner{
		width:90%;
		max-width:500px;
		margin:0 auto 70px;
		height:fit-content;
	}
	.modelhouse .wrap .inner_title .sub_inner h2{
		font-size:1.1rem;
		margin:0 0 1.5em;
	}
	.modelhouse .wrap .inner_model{
		width:100%;
		border-left:unset;
		margin:auto;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner{
		width:100%;
		box-sizing:border-box;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner dt{
		width:100%;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail{
		width:90%;
		max-width:500px;
		height:fit-content;
	}
	.modelhouse .wrap .inner_title .sub_inner h3{
		font-size:1.3rem;
	}
	.modelhouse .wrap .inner_title .sub_inner .btn{
		text-align:center;
	}
}
/* ---- 519px ------- */
@media screen and (max-width: 519px) {
	.modelhouse .wrap .inner_title .sub_inner .btn{
		font-size:0.8rem;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail h5{
		font-size:1.1rem;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail .place{
		font-size:0.8rem;
	}
	.modelhouse .wrap .inner_model .sub_inner_model .cont_model .cont_sub_inner .detail p{
		font-size:0.75rem;
	}
}
	


/* ---- contents.news ----- */
.news{
	z-index:1;
	position:relative;
	background:#fff;
	padding:150px 0;
}
.news ol{
	width:90%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:space-around;
}
.news dl{
	width:40%;
}
.news dl h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
}
.news dl h2{
	font-size:1.2rem;
	margin:0 0 5em;
	line-height:1.5em;
	font-weight:400;
}
.news dl .btn{
	margin-top:30px;
}
.news dl .btn a{
	color:#fff;
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#000000;
	border-radius:40px;
}
.news ul{
	width:60%;
}
.news ul li{
	list-style:none;
	padding:10px 0px 10px 0;
	position:relative;
	border-bottom:1px dotted #aaa;
	display:flex;
	justify-content:space-between;
	padding-right:30px;
}
.news ul li:after{
	content: url("../../../../img/common/arrow_a.svg");
	width:10px;
	height:fit-content;
	position:absolute;
	right:10px;
	top:0px;
	bottom:0px;
	margin:auto;
	transition: .4s;
}
.news ul li:hover:after{
	right:5px;
}
.news ul li:first-child{
	border-top:1px dotted #aaa;
}
.news ul li > a{
	content:"";
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	z-index:1;
}
.news ul li dl.post-meta{
	width:150px;
	position:relative;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	align-items:center;
	display:flex;
}
.news ul li dl.post-meta dt{
	position:relative;
	display: table-cell;
	vertical-align: middle;
	color:#666;
}
.news ul li dl.post-meta dt p.date{
	font-size:0.7rem;
	line-height:1em;
	margin-bottom:1em;
}
.news ul li dl.post-meta dt p.date span{
	color:#9b1515;
	margin-left:0.2em;
	font-weight:bold;
}
.news ul li dl.post-meta dt p.cate{
	font-size:0.7rem;
	line-height:1em;
	text-transform: uppercase;
}
.news ul li dl.post-content{
	width:calc(100% - 160px);
	display:flex;
	justify-content:space-between;
}
.news ul li dl.post-content dt{
	width:100px;
	height:100px;
	overflow:hidden;
	margin:0 20px 0 0;
	box-sizing:border-box;
}
.news ul li dl.post-content dt img{
	width:100%;
	height:100%;
	object-fit:cover;
}
.news ul li dl.post-content dd{
	width:calc(100% - 110px);
	position:relative;
	align-items:center;
	display:flex;
}
.news ul li dl.post-content dd p{
	font-size:95%;
	line-height:1.7em;
	vertical-align: middle;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
}

/* ---- 1199px ------- */
@media screen and (max-width: 1199px) {
	.news ul li{
		display:block;
		justify-content:unset;
		padding-right:0;
	}
	.news ul li dl.post-meta{
		width:100%;
		font-weight:100;
		border-right:none;
	}
	.news ul li dl.post-meta dt{
		position:unset;
		display: unset;
		vertical-align: unset;
	}
	.news ul li dl.post-meta dt p.date{
		display:inline-block;
		margin-right:0.3em;
		margin-bottom:0.1em;
	}
	.news ul li dl.post-meta dt p.cate{
		display:inline-block;
	}
	.news ul li dl.post-content dt{
		width:50px;
		height:50px;
		margin:0 10px 0 0;
	}
	.news ul li dl.post-content{
		width:100%;
	}
	.news ul li{
		list-style:none;
		padding:5px 25px 5px 0;
		border-bottom:0.5px solid #ccc;
		position:relative;
	}
	.news ul li dl.post-content dd{
		width:calc(100% - 70px);
		display: table;
		position:relative;
	}
}

/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.news dl h4{
		font-size:2.50rem;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.news{
			margin:0px 0 0px 0;
	}
	.news dl h2{
		font-size:1.1rem;
	}
	.news ol{
		width:90%;
		max-width:unset;
		margin:auto;
		display:block;
		justify-content:unset;
		position:relative;	
		padding-bottom:100px;
	}
	.news dl{
		width:100%;
	}
	.news ul{
		width:100%;
	}
	.news dl .btn{
		margin:50px auto 0;
		font-size:90%;
		position:absolute;
		bottom:0;
		left:0;
		right:0;
		text-align:center;
	}
}


/* ----------contents.consal–---------- */
.consal{
	background:url("../../../../img/top/top_consul_bg.webp") center / cover no-repeat;
	align-items:center;
	display:flex;
	padding:15vh 0;
	z-index:1;
	position:relative;
}
.consal .wrap{
	width:90%;
	max-width:1400px;
	margin:auto;
	color:#fff;
	display:flex;
	justify-content:space-between;
}
.consal .wrap .inner_title{
	width:35%;
}
.consal .wrap .inner_title h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.00rem;
	line-height:1em;
}
.consal .wrap .inner_title h2{
	font-size:1.2rem;
	margin:0 0 5em;
	line-height:1.5em;
	font-weight:400;
}
.consal .wrap .inner_title h3{
	font-size:1.5rem;
	margin:0 0 1em;
	line-height:1.5em;
	font-weight:400;
	letter-spacing:0;
}
.consal .wrap .inner_detail{
	width:60%;
}
.consal .wrap .inner_detail .sub_inner{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
}
.consal .wrap .inner_detail .sub_inner li{
	width:49%;
	list-style:none;
	background:#fff;
	margin-bottom:50px;
}
.consal .wrap .inner_detail .sub_inner li a{
	width:100%;
	height:100%;
	padding:30px 40px 30px 20px;
	box-sizing:border-box;
	display:block;
	position:relative;
}
.consal .wrap .inner_detail .sub_inner li a:before{
	content:"";
	height:100%;
	width:20px;
	position:absolute;
	top:0;
	right:0;
	background:#695d42;
	
}
.consal .wrap .inner_detail .sub_inner li a:after{
	content: url("../../../../img/common/arrow_a_w.svg");
	width:10px;
	height:fit-content;
	position:absolute;
	right:5px;
	top:0px;
	bottom:0px;
	margin:auto;
	transition: .4s;
}
.consal .wrap .inner_detail .sub_inner li a:hover:after{
	right:0px;
}
.consal .wrap .inner_detail .sub_inner li a .title{
	display:flex;
	border-top:1px solid #aaa;
	border-bottom:1px solid #aaa;
	margin-bottom:1em;
	align-items:center;
}
.consal .wrap .inner_detail .sub_inner li a .title .number{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.3rem;
	width:2em;
	border-right:1px solid #aaa;
	text-align:center;
}
.consal .wrap .inner_detail .sub_inner li h5{
	font-size:0.9rem;
	font-weight:400;
	margin-left:1em;
}
.consal .wrap .inner_detail .sub_inner li p{
	font-size:0.8rem;
	line-height:1.6em;
}

/* ---- 1199px ------- */
@media screen and (max-width: 1199px) {
.consal .wrap .inner_title h4{
		font-size:2.50rem;
	}
}

/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.consal .wrap{
		width:90%;
		max-width:unset;
		margin:auto;
		display:block;
		justify-content:unset;
	}
	.consal .wrap .inner_title{
		width:100%;
		margin-bottom:70px;
	}
	.consal .wrap .inner_title h2{
		margin:0 0 1.5em;
	}
	.consal .wrap .inner_detail{
		width:100%;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.consal .wrap .inner_title h2{
		font-size:1.1rem;
	}
	.consal .wrap .inner_title h3{
		font-size:1.3rem;
	}
}
/* ---- 679px ------- */
@media screen and (max-width: 679px) {
	.consal .wrap .inner_detail .sub_inner{
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.consal .wrap .inner_detail .sub_inner li{
		width:100%;
		margin-bottom:30px;
	}
}


/* ----------contents.topic–---------- */
/* 
.topic{
	margin:auto;
	background:#fff;
	z-index:1;
	position:relative;
	padding:20px 0;
}
.topic .wrap{
	width:98%;
	margin:0px auto;
	display:flex;
	justify-content:space-between;
}
.topic .wrap .topic_cont{
	width:32.5%;
	aspect-ratio: 5 / 4;
	background:#f9f9f9;
	padding:30px;
	box-sizing:border-box;
	align-items:end;
	display:flex;
	position:relative;
	overflow:hidden;
}
.topic .wrap .topic_cont a{
	height:100%;
	width:100%;
	position:absolute;
	top:0;
	left:0;
}
.topic .wrap .topic_cont a:hober{
}
.topic .wrap .topic_cont:nth-child(1){
		background:url("../../../../img/top/top_other_owner.webp") center / cover no-repeat;
}
.topic .wrap .topic_cont:nth-child(2){
		background:url("../../../../img/top/top_other_movie.webp") center / cover no-repeat;
}
.topic .wrap .topic_cont:nth-child(3){
		background:url("../../../../img/top/top_other_after.webp") center / cover no-repeat;
}
.topic .wrap .topic_cont .inner_text{
	color:#fff;
	height:100%;
	width:100%;
	display:block;
}
.topic .wrap .topic_cont .inner_text .title{
	position:absolute;
	top:20px;
	left:20px;
	width:50%;
	max-width:250px;
}
.topic .wrap .topic_cont .inner_text h6{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:2.3rem;
	line-height:1em;
}
.topic .wrap .topic_cont .inner_text h4{
	font-size:1.0rem;
	margin:0 0 2em;
	line-height:1.5em;
	font-weight:400;
}
.topic .wrap .topic_cont .inner_text p{
	font-size:0.8rem;
	margin:0 0 1.2em;
	line-height:1.7em;
}
.topic .wrap .topic_cont .inner_text .btn{
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0 0 0 auto;
	font-size:0.8rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#000;
}
.topic .wrap .topic_cont .inner_text .btn span{
	text-decoration:none;
	padding:0.5em 3em 0.5em 2em;
	background:#ffffff;
	border-radius:40px;
}
/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.topic .wrap .topic_cont{
		height:400px;
	}
	.topic .wrap .topic_cont .inner_text .title{
	position:unset;
		width:100%;
		max-width:unset;
		padding:20px;
		box-sizing:border-box;
	}
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.topic .wrap{
		width:95%;
		margin:0px auto;
		display:block;
		justify-content:unset;
	}
	.topic .wrap .topic_cont{
		width:100%;
		background:#f9f9f9;
		padding:10px;
		box-sizing:border-box;
		align-items:unset;
		display:block;
		position:relative;
		margin-bottom:30px;
		height:200px;
	}
	.topic .wrap .topic_cont .inner_text h4{
		margin:0 0 1em;
	}
}
*/

/* ----------contents.community---------- */
.community{
	width:100vw;
}
.community .community_wrap{
	position:relative;
}
.community .bgimage{
	background:url("../../../../img/top/top_estate_bg.webp") center / cover;
	height:100vh;
	width:100vw;
	position:sticky;
	top:0;
	left:0;
	z-index:0;
}
.community .bgimage:after{
	content:"";
	display:block;
	height:100%;
	width:100%;
	background: linear-gradient(0deg, rgb(41 68 98 / 80%), rgb(3 25 48 / 20%));
	position:absolute;
	top:0;
	left:0;
}
.community .wrapper{
	width:90%;
	max-width:1400px;
	display:flex;
	justify-content:space-between;
	margin:0 auto;
	z-index:1;
	color:#fff;
	height:100vh;
	position:sticky;
	top:0;
}
.community .wrapper .title_inner{
	width:50%;
	max-width:800px;
	height:100vh;
	align-items:center;
	display:flex;
	z-index:1;
}
.community .wrapper .title_inner h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.20rem;
	line-height:1em;
}
.community .wrapper .title_inner h2{
	font-size:1.2rem;
	margin:0 0 3em;
	line-height:1.5em;
	font-weight:400;
}
.community .wrapper .detail_inner{
	width:50%;
	max-width:300px;
	align-items:center;
	display:flex;
	z-index:1;
}
.community .wrapper .detail_inner h3{
	font-size:1.5rem;
	margin:0 0 1em;
	line-height:1.5em;
	font-weight:400;
	letter-spacing:0;
}
.community .wrapper .detail_inner .btn{
	margin-top:30px;
	font-size:0.8rem;
}
.community .wrapper .detail_inner .btn a{
	text-decoration:none;
	padding:1em 3em 1em 2em;
	background:#ffffff;
	border-radius:40px;
}
.community_bg_img{
	position:absolute;
	top:0;
	bottom:0;
	left:0;
	right:0;
	margin:auto;
	width:80%;
	max-width:400px;
	aspect-ratio: 2 / 2.5;
}
.community_bg_img .community_swiper{
	width:100%;
	height:100%;
}
.community_bg_img .community_swiper .swiper-wrapper{
	width:100%;
	height:100%;
}
.community_bg_img .swiper-slide{
	overflow:hidden;
	width: 100%;
	height:100%;
}
.community_bg_img .swiper-slide img {
	width: 100%;
	height:100%;
	object-fit:cover;
}


/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.community .wrapper .title_inner h4{
		font-size:2.50rem;
	}
	.community .bgimage#scroll_img{
		background:url("../../../../img/top/top_estate_bg.webp") center / auto 120%;
		top:-400px;
	}
	.community .wrapper{
		width:60%;
		max-width:unset;
		display:block;
		justify-content:unset;
		height:unset;
		margin:auto;
		position:unset;
		min-height:500px;
	}
	.community_bg_img{
		width:90%;
		max-width:500px;
		aspect-ratio: 1 / 1;
	}
	.community .wrapper .title_inner{
		width:90%;
		max-width:600px;
		height:fit-content;
		position:absolute;
		top:-700px;
		bottom:0;
		left:0;
		right:0;
		margin:auto;
	}
	.community .wrapper .detail_inner{
		width:90%;
		max-width:600px;
		height:unset;
		position:absolute;
		top:0;
		bottom:-700px;
		left:0;
		right:0;
		margin:auto;
	}
	.community .wrapper .title_inner h2{
		font-size:1.2rem;
		margin:0 0 0;
		line-height:1.5em;
		font-weight:400;
	}
	.community .wrapper .detail_inner h3 br{
		display:none;
	}
	.community .wrapper .detail_inner .btn a{
		text-decoration:none;
		padding:1em 3em 1em 2em;
		background:#ffffff;
		border-radius:40px;
		margin:auto;
		width:fit-content;
		display:block;
	}
}
/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.community .wrapper .title_inner h2{
		font-size:1.1rem;
	}
	.community .wrapper .detail_inner h3{
		font-size:1.3rem;
	}
}
/* ---- 599px ------- */
@media screen and (max-width: 599px) {
	.community .wrapper .detail_inner h3 br{
		display:unset;
	}
	.community_bg_img{
		position:absolute;
		margin:auto;
		width:80%;
		top:-10vh;
	}
}


/* ----------contents.recruit–---------- */
.recruit{
	height:100vh;
	min-height:1000px;
	background-color: #fff;
	background-image: linear-gradient(#f0f0f0 1px, transparent 0),
                    linear-gradient(90deg, #f0f0f0 1px, transparent 0);
	background-size: 20px 20px;
	overflow: hidden;
	z-index:1;
	position:relative;
}
.recruit::before{
	content: url("../../../../img/top/recruit/top_recruit_circle_go.svg");
	display: block;
    width: 30%;
    height: 30%;
	position:absolute;
	top:20px;
	right:20px;
	z-index:0;
}
.recruit::after{
	content: url("../../../../img/top/recruit/top_recruit_squer_bl.svg");
	display: block;
    width: 10%;
    height: 10%;
	position:absolute;
	bottom:20vh;;
	right:30%;
	z-index:-1;
	transform: rotate(125deg);
}
.recruit .wrap{
	width:90%;
	height:100%;
	max-width:1400px;
	position:relative;
	margin:auto;
}
.recruit .image_scroll{
	z-index:1;
	width:50%;
	display:flex;
	justify-content:space-between;
}
.recruit .image_scroll .sub_wrap {
	overflow: hidden;
	width:50%;
	margin-top:-50px;
}
.recruit .sub_wrap .list{
	display: flex;
	list-style: none;
	padding: 0;
	margin:auto;
	width:70%;
}
.recruit .sub_wrap.type-a .list {
	animation: infinity-scroll-up 40s infinite linear 0.5s both;
	display: grid;
}
.recruit .sub_wrap.type-b .list {
	animation: infinity-scroll-down 40s infinite linear 0.5s both;
	display: grid;
}
.recruit .sub_wrap .list .scroll_item {
	width:100%;
	margin: 0 auto 30px;
	overflow:hidden;
	border-radius:7px;
}
.recruit .sub_wrap .list .scroll_item > img {
	width: 100%;
	height: 100%;
	vertical-align:bottom;
	object-fit:cover;
	filter: saturate(70%);
	opacity:0.8;
}
@keyframes infinity-scroll-up {
	from {
	  transform: translateY(0);
	}
	  to {
	  transform: translateY(-100%);
	}
}
@keyframes infinity-scroll-down {
	from {
	  transform: translateY(-100%);
	}
	  to {
	  transform: translateY(0);
	}
}
.recruit .wrap .inner{
	width:90%;
	max-width:450px;
	height:fit-content;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	margin:auto;
}
.recruit .wrap .inner h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
	color:#000;
}
.recruit .wrap .inner h2{
	font-size:1.2rem;
	margin:0 0 2em;
	line-height:1.5em;
	font-weight:400;
}
.recruit .wrap .inner h3{
	font-size:1.4rem;
	margin:0 0 1em;
	line-height:1.5em;
	font-weight:400;
	letter-spacing:0;
}
.recruit .wrap .inner .rec_btn{
	display:flex;
	margin-top:40px;
	justify-content:space-between;
}
.recruit .wrap .inner .rec_btn .btn{
	font-size:0.8rem;
	text-align:center;
	width:fit-content;
}
.recruit .wrap .inner .rec_btn .btn a{
	color:#fff;
	text-decoration:none;
	border-radius:40px;
	width:100%;
	display:block;
	box-sizing:border-box;
	padding:1em 3em 1em 2em;
	border-radius:40px;
	box-shadow: 1rem 1rem 1rem -1rem hsl(200 50% 20% / 40%);
	background: linear-gradient(139deg, #d1c292, #a78c3b);
	text-align:center;
}

/* ---- 1199px ------- */
@media screen and (max-width: 1199px) {
	.recruit{
		height:unset;
		min-height:unset;
		padding:20vh 0;
	}
	.recruit::before{
		display: block;
	    width: 40%;
	    height: 40%;
		position:absolute;
		top:5vh;
		right:8vw;
		z-index:0;
	}
	.recruit::after{
	    width: 15%;
	    height: 15%;
		position:absolute;
		top:30vh;
		bottom:unset;
		right:5vw;
		z-index:0;
		transform: rotate(105deg);
	}
	.recruit .wrap{
		width:100%;
		max-width:usnet;
	}
	.recruit .image_scroll .sub_wrap.type-b {
		display:none;
	}
	.recruit .wrap .inner{
		width:90%;
		max-width:600px;
		margin:0 auto 0 50px;
		position:unset;
	}
	.recruit .image_scroll .sub_wrap {
		overflow: hidden;
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.recruit .image_scroll{
		z-index:1;
		width:200%;
		margin-top:100px;
	}
	.recruit .image_scroll .sub_wrap .list{
		width:100%;
		display:flex;
		justify-content:space-between;
	}
	.recruit .sub_wrap .list .scroll_item {
		width:100%;
		margin: 0 10px 0;
		overflow:hidden;
		aspect-ratio: 12 / 9;
	}
	@keyframes infinity-scroll-up {
	from {
		  transform: translateX(0);
		}
		  to {
		  transform: translateX(-100%);
		}
	}
	@keyframes infinity-scroll-down {
		from {
		  transform: translateX(-100%);
		}
		  to {
		  transform: translateX(0);
		}
	}
}

/* ---- 768px ------- */
@media screen and (max-width: 768px) {
	.recruit .sub_wrap .list .scroll_item {
		width:50vw;
	}
	.recruit .wrap .inner h2{
		font-size:1.1rem;
	}
	.recruit .wrap .inner h4{
		font-size:2.50rem;
	}
	.recruit .wrap .inner{
		margin:0 auto;
	}
	.recruit .wrap .inner .rec_btn .btn{
		margin:auto;
	}
}

/* ---- 519px ------- */
@media screen and (max-width: 519px) {
	.recruit .wrap .inner h3{
		font-size:1.2rem;
	}
}

/* ----------footer_banner_list---------- */
.footer_banner_list{
	width:100%;
	overflow:hidden;
	background: linear-gradient(140deg, #cbc9c4 0%, #b7b3ab 40%, #a9a191 100%);
	padding:100px 0;
	position:relative;
}
.footer_banner_list .f_banner-swiper-container{
}
.footer_banner_list .f_banner-swiper-container .swiper-wrapper{
}
.footer_banner_list .f_banner-swiper-container .swiper-wrapper li{
	list-style:none;
	position:relative;
	overflow:hidden
}
.footer_banner_list .f_banner-swiper-container .swiper-wrapper li.animate:after{
	background: linear-gradient(140deg, #cbc9c4 0%, #b7b3ab 40%, #a9a191 100%);
}

.footer_banner_list .f_banner-swiper-container .swiper-wrapper li a{
	overflow:hidden;
}
.footer_banner_list .f_banner-swiper-container .swiper-wrapper li a img{
	object-fit:cover;
	height:100%;
	width:100%;
	vertical-align:bottom;
}
.footer_banner_list .f_banner-swiper-button-next{
	left: auto;
	content: url("../../../../img/common/arrow_a.svg");
	width:10px;
	height:unset;
	position:absolute;
	right:5px;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
	background-image:none;
	background:#fff;
	padding:7px 15px;
	border-radius:20px;
	z-index:1;
}
.footer_banner_list .f_banner-swiper-button-prev{
	content: url("../../../../img/common/arrow_a.svg");
	width:10px;
	height:unset;
	position:absolute;
	left:5px;
	right:unset;
	top:0px;
	bottom:0px;
	margin:auto;
	border:1px solid transparent;
	background-image:none;
	background:#fff;
	padding:8px 15px;
	border-radius:20px;
	transform: rotate(180deg);
	z-index:1;
}


/* ----------contents.contact---------- */
.contact{
		background:#f1f1ee;
	height:100vh;
	min-height:1000px;
	align-items:center;
	display:flex;
	z-index:1;
	position:relative;
}
.contact .wrap{
	width:90%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:space-between;
}
.contact .wrap .inner_text{
	width:40%;
}
.contact .wrap .inner_text h4{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:3.90rem;
	line-height:1em;
}
.contact .wrap .inner_text h2{
	font-size:1.2rem;
	margin:0 0 5em;
	line-height:1.5em;
	font-weight:400;
}
.contact .wrap .inner_text h3{
	font-size:1.4rem;
	margin:0 0 1em;
	line-height:1.5em;
	font-weight:400;
	letter-spacing:0;
}
.contact .wrap .inner_text .btn{
	font-size:0.8rem;
	text-align:center;
	width:fit-content;
}
.contact .wrap .inner_text .btn a{
	color:#fff;
	text-decoration:none;
	padding:0.5em 3em 0.5em 2em;
	background:#0c0c0c;
	border-radius:40px;
	width:100%;
	display:block;
	box-sizing:border-box;
	margin:1em 0 0 0;
}

.contact .wrap .inner_detail{
	width:50%;
}
.contact .wrap li{
	list-style:none;
	margin-bottom:10px;
	box-sizing:border-box;
	position:relative;
	color:#fff;
	background:#000;
	display:flex;
	padding:20px;
	border-radius:10px;
	transition: all 0.7s ease;
}
.contact .wrap li a{
	position:absolute;
	display:block;
	content:"";
	height:100%;
	width:100%;
	top:0;
	left:0;
}
.contact .wrap li:hover{
	color:#000;
	background:#fff;
}
.contact .wrap li .image_box{
	width:100px;
	margin-right:20px;
}
.contact .wrap li .image_box img{
	width:100%;
	height:100%;
	object-fit:cover;
	vertical-align:bottom;
}
.contact .wrap li .text_box{
	align-items:center;
	display:flex;
	width:calc(100% - 200px)
}
.contact .wrap li .text_box .box-inner{
	width:100%;
}
.contact .wrap li .text_box .box-inner h6{
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-size:1.4rem;
	line-height:1em;
}
.contact .wrap li .text_box .box-inner h4{
	font-size:0.8rem;
	margin-bottom:1em;
	font-weight:400;
}
.contact .wrap li .text_box .box-inner p{
	font-size:0.7rem;
	line-height:1.5em;
}
.contact .wrap li .btn{
	height:fit-content;
	font-size:0.7rem;
	font-family: "minerva-modern", sans-serif;
	font-weight: 400;
	font-style: normal;
	color:#000;
	display:flex;
	position:absolute;
	right:20px;
	top:0;
	bottom:0;
	margin:auto;
}
.contact .wrap li .btn span{
	width:50px;
	height:50px;
	padding:0 0 0 0;
	text-decoration:none;
	background:#ffffff;
	border-radius:40px;
	box-sizing:border-box;
	transition: .4s;
}
.contact .wrap li:hover .btn span{
	background:#000000;
	color:#fff;
}
.contact .wrap li:hover .btn .arrowbtn:after{
	content: url("../../../../img/common/arrow_a_w.svg");
}
.contact .wrap li .btn span:hover:after{
	right:20px;
}
.contact .wrap li:hover .btn span:after{
	right:5px;
}

/* ---- 1199px ------- */
@media screen and (max-width: 1199px) {
	.contact .wrap .inner_text h4{
		font-size:2.50rem;
	}
}
/* ---- 959px ------- */
@media screen and (max-width: 959px) {
	.contact{
		height:unset;
		min-height:unset;
	}
	.contact .wrap{
		width:90%;
		max-width:unset;
		margin:auto;
		display:block;
		justify-content:unset;
		padding:100px 0;
	}
	.contact .wrap .inner_text{
		width:100%;
		margin:0 0 50px;
	}
	.contact .wrap .inner_text h2{
		margin:0 0 1.5em;
	}
	.contact .wrap .inner_detail{
		width:100%;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
	}
	.contact .wrap li{
		width:49%;
		list-style:none;
		margin-bottom:10px;
		box-sizing:border-box;
	}
	.contact .wrap li a .image_box{
		width:80px;
		margin-right:10px;
	}
	.contact .wrap li a .text_box{
		width:calc(100% - 120px)
	}
	.contact .wrap li .btn span{
		width:30px;
		height:30px;
	}
	.contact .wrap li .btn span.arrowbtn::after{
		width:10px;
		height:fit-content;
		position:absolute;
		right:10px;
		top:0px;
		bottom:0px;
		margin:auto;
		transition: .4s;
	}
}
/* ---- 768px 959px ------- */
@media screen and (min-width: 769px) and (max-width: 959px) {
	.contact .wrap li .image_box{
		width:80px;
		margin-right:10px;
	}
	.contact .wrap li .text_box{
		width:calc(100% - 120px)
	}
	.contact .wrap li .text_box .box-inner h6{
		font-size:1.1rem;
	}
	.contact .wrap li .text_box .box-inner h4{
		margin-bottom:0.6em;
	}
}
	
/* ---- 768px ----- */
@media screen and (max-width: 768px) {
	.contact .wrap .inner_detail{
		width:100%;
		display:block;
		justify-content:unset;
		flex-wrap:unset;
	}
	.contact .wrap li{
		width:100%;
		list-style:none;
		margin-bottom:20px;
		box-sizing:border-box;
	}
	.contact .wrap li .text_box .box-inner h6{
		font-size:1.3rem;
	}
	.contact .wrap .inner_text h2{
		font-size:1.1rem;
	}
	.contact .wrap .inner_text .btn{
		margin:auto;
	}
}
/* ---- 519px ----- */
@media screen and (max-width: 519px) {
	.contact .wrap .inner_text h3{
		font-size:1.2rem;
	}
	.contact .wrap li .image_box{
		width:80px;
		margin-right:10px;
	}
	.contact .wrap li .text_box{
		width:calc(100% - 120px)
	}
	.contact .wrap li .btn span{
	}
	.arrowbtn::after{
		content: url("../../../../img/common/arrow_a.svg");
		width:10px;
		height:fit-content;
		position:absolute;
		right:20px;
		top:0px;
		bottom:0px;
		margin:auto;
		transition: .4s;
	}
}


/* ----------contents.group–---------- */
.group{
	width:100%;
	background:#000;
	z-index:1;
	position:relative;
}
.group ul{
	width:90%;
	max-width:1400px;
	margin:auto;
	display:flex;
	justify-content:space-between;
	padding:20px 0;
}
.group ul .gr_logo{
	width:30%;
	align-items:center;
	display:flex;
	border-right:0.5px solid #fff;
}
.group ul .gr_logo img{
	width:55%;
	margin:auto;
}
.group ul li{
	list-style:none;
	width:17.5%;
}
.group ul li a{
	width:100%;
	height:100%;
	align-items:center;
	display:flex;
}
.group ul li img{
	width:80%;
	margin:auto;
}
.group ul li img#garden{
	width:40%;
}
.group ul li img#kakunishi{
	width:35%;
}

/* ----------768px–---------- */
@media screen and (max-width: 768px) {
	.group ul{
		width:90%;
		max-width:unset;
		margin:auto;
		display:flex;
		justify-content:space-between;
		flex-wrap:wrap;
		padding:20px 0;
	}
	.group ul .gr_logo{
		width:100%;
		align-items:center;
		display:flex;
		border-right:none;
		margin-bottom:20px;
	}
	.group ul .gr_logo img{
		width:80%;
		max-width:150px;
		margin:auto;
	}
	.group ul li{
		list-style:none;
		width:25%;
		align-items:center;
		display:flex;
	}
	.group ul li img{
		width:80%;
		margin:auto;
	}
	.group ul li img#garden{
		width:60%;
	}
	.group ul li img#kakunishi{
		width:40%;
	}

}
/* ----------519px–---------- */
@media screen and (max-width: 519px) {
	.group ul{
		padding:50px 0 20px;
	}
	.group ul .gr_logo img{
		width:80%;
		max-width:200px;
		margin:auto;
	}
	.group ul li{
		width:48%;
		margin-bottom:30px;
	}

}