@charset "utf-8";

/* ----------------------------------------------------------------------------
	トップページ
	index.html
---------------------------------------------------------------------------- */


/*#visual{
	width: 100%;
	max-width: 1600px;
	position: relative;
	padding: 0 0 0 0;
	margin: 0 auto;
	box-sizing: border-box;
	overflow: hidden;
	background: #4d4a52;
	z-index: 10;
}*/
/*#visual::before{
	content: "";
	display: block;
	padding-top: 46.25%;
}*/

#visual{
	width: 100%;
	height: calc(100vh - 149px);
	position: relative;
	padding: 0 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #f9f8f4;
	z-index: 10;
}

#visual #main_slide{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	line-height: 0;
	opacity: 1;
}
#visual #main_slide .unit{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:relative;
	overflow: hidden;
	line-height: 0;
}
#visual #main_slide .unit figcaption{
	position: absolute;
	bottom: 20px;
	right: 15px;
}

#visual #main_slide .unit .bg{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:relative;
	display: block;
	background: url("../../img/main_img00.jpg") center/cover no-repeat;
	opacity: 0;
}
#visual #main_slide .unit .bg.active{
	animation: zoomDown 1.5s ease-in-out 0s normal both;
}

#visual #main_slide .unit .light{
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position:absolute;
	top: 0;
	left: 0;
	display: block;
	background: url("../../img/main_img01.jpg") center/cover no-repeat;
	opacity: 0;
}

#visual #main_slide .unit h2{
	width: 100%;
	font-size: 2.25rem;
	text-align: center;
	letter-spacing: 0.2em;
	line-height: 1.8;
	position:absolute;
	top: 20%;
	left: 0;
	color: #111;
	text-shadow: 0 0 5px rgba(255,255,255,0.6);
	opacity: 0;	
}

@keyframes zoomDown {
	0% {
		transform: scale(1.15);
	}
	100% {
		transform: scale(1.00);
	}
}

@media only screen and (max-width: 1200px) {
	#visual #main_slide .unit figcaption{
		bottom: 20px;
		right: 15px;
	}

	#visual #main_slide .unit .bg{
		background: url("../../img/main_img00.jpg") center/cover no-repeat;
	}
	#visual #main_slide .unit .bg.active{
		animation: zoomDown 1.5s ease-in-out 0s normal both;
	}

	#visual #main_slide .unit .light{
		background: url("../../img/main_img01.jpg") center/cover no-repeat;
	}
	#visual #main_slide .unit h2{
		font-size: 3.2vw;
		letter-spacing: 0.2em;
		top: 20%;
	}
}
@media only screen and (max-width: 999px) {
	#visual #main_slide .unit figcaption{
		bottom: 20px;
		right: 15px;
	}

	#visual #main_slide .unit .bg{
		background: url("../../img/main_img00.jpg") center/cover no-repeat;
	}
	#visual #main_slide .unit .bg.active{
		animation: zoomDown 1.5s ease-in-out 0s normal both;
	}

	#visual #main_slide .unit .light{
		background: url("../../img/main_img01.jpg") center/cover no-repeat;
	}
	#visual #main_slide .unit h2{
		font-size: 3.2vw;
		letter-spacing: 0.2em;
		top: 20%;
	}
}
@media only screen and (max-width: 768px) {
	#visual{
		height: calc(100vh - 170px);
	}
	#visual #main_slide .unit figcaption{
		bottom: 20px;
		right: 15px;
	}

	#visual #main_slide .unit .bg{
		background: url("../../img/main_img00_sp.jpg") center left/cover no-repeat;
	}
	#visual #main_slide .unit .bg.active{
		animation: zoomDown 1.5s ease-in-out 0s normal both;
	}

	#visual #main_slide .unit .light{
		background: url("../../img/main_img01_sp.jpg") center left/cover no-repeat;
	}
	#visual #main_slide .unit h2{
		font-size: 4.7vw;
        text-align: right;
        letter-spacing: 0.1em;
        top: 12%;
	}
}
@media only screen and (max-width: 480px) {
	#visual #main_slide .unit h2{
		font-size: 5.7vw;
        text-align: right;
        letter-spacing: 0.02em;
        top: 12%;
	}
}


#opning{
	width: 100%;
    height: 100vh;
    position: fixed;
	top: 0;
	left: 0;
    display: none;
	padding: 0 0 0 0;
	box-sizing: border-box;
	overflow: hidden;
	background: #f9f8f4;
	z-index: 99999;
}
#opning.active{
	display: flex;
}
#opning video{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	display: block;
}

#opning .txt_area{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	opacity: 0;
}
#opning .txt_area h2{
	width: 400px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}
#opning .txt_area h2 img{
	width: 100%;
}

#load_page video{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	display: block;
}
#load_page.active video{
	height: 100%;
	width: 100%;
	opacity: 1;
	transition: all 0.5s;
}
#load_page.close video{
    width: 100%;
	opacity: 0;
	transition: all 0.5s;
}
#load_page #load_txt #pagetitle h2{
	width: 400px;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
	margin: 0 auto;
}
#load_page #load_txt #pagetitle h2 img{
	width: 100%;
}

@media only screen and (max-width: 1200px) {
	
}
@media only screen and (max-width: 999px) {
	#opning .txt_area h2{
		width: 60%;
	}
	
	#load_page #load_txt #pagetitle h2{
		width: 60%;
	}
}
@media only screen and (max-width: 768px) {
	#opning .txt_area h2{
		width: 70%;
	}
	
	#load_page #load_txt #pagetitle h2{
		width: 70%;
	}
}
@media only screen and (max-width: 480px) {
	#opning .txt_area h2{
		width: 70%;
	}
	
	#load_page #load_txt #pagetitle h2{
		width: 70%;
	}
}




#scroll_icon{
	width: 28px;
	height: 44px;
	position: fixed;
	bottom: 25px;
	left: 50%;
	margin: 0 0 0 -14px;
	z-index: 300;
}
#scroll_icon #roll{
	width: 6px;
	height: 20px;
	background: rgba(255,255,255,1.00);
	border-radius: 6px;
	position: absolute;
	top: 0;
	left: 50%;
	margin: 0 0 0 -3px;
}
#scroll_icon #i_under{
	width: 20px;
	height: 20px;
	border: 1px solid;
	border-color:  transparent transparent #FFF #FFF;
	transform: rotate(-45deg);
	position: absolute;
	bottom: 15px;
	left: 50%;
	margin: 0 0 0 -10px;
	animation-name:scrollAnime;
	animation-duration:2s;
	animation-delay:.2s;
	animation-fill-mode:backwards;
	animation-timing-function:ease-out;
	animation-iteration-count: infinite;
}

@keyframes scrollAnime{
	0% {
		bottom: 15px;
		opacity: 0;
	}
	80% {
		bottom: 0px;
		opacity: 1;
	}
	100% {
		bottom: 0px;
		opacity: 0;
	}
}
@media only screen and (max-width: 999px) {	
	#scroll_icon{
		bottom: 25px;
	}
}
@media only screen and (max-width: 768px) {
	#scroll_icon{
		bottom: 70px;
	}
}
@media only screen and (max-width: 480px) {
	
}





/* --------------------
	  action
--------------------*/
#action{
	width: 100%;
	margin: 0px auto 0 auto;
	padding: 20px 0 20px;
	box-sizing: border-box;
	background: #959288 url("../../img/action_bg.jpg") center/ cover no-repeat;
	position: relative;
    z-index: 5;
	border-bottom: rgba(255,255,255,0.20) 1px solid;
}
#action .info{
	width: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	text-decoration: none;
	margin: 0 0 0 0;
	position: relative;
}
#action .info h2{
	width: auto;
	display: block;
	font-size: 2.375rem;
	letter-spacing: 0.1em;
	color: #FFF;
	padding: 0 0 0 0;
	line-height: 1.2;
}
#action .info h2 small{
	font-size: 0.7em;
	display: block;
}

@media only screen and (max-width: 1199px) {
	#action{
		padding: 20px 0;
	}
	#action .info{
	}
	#action .info h2{
		font-size: 3.8vw;
	}
}
@media only screen and (max-width: 768px) {
	#action{
		padding: 15px 5%;
		display: flex;
		justify-content: center;
		align-items: center;
		box-sizing: border-box;
	}
	#action .info{
		justify-content: center;
	}
	#action .info h2{
		padding: 0 0 0 0;
		text-align: center;
		font-size: 4.6vw;
	}
}
@media only screen and (max-width: 480px) {
	#action .info h2{
		font-size: 5.3vw;
	}
}

#content #concept_wrapper{
	width: 100%;
	height: calc(150vh);
	position: relative;
	display: block;
	z-index: 3;
	background: #f9f8f4;
	overflow: hidden;
}
#content #concept_video{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 0 0 0 0;
	overflow: hidden;
}
#content #concept_video video{
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	object-fit: cover;
	z-index: -1;
	display: block;
}
#content #concept{
	width: 100%;
	height: calc(100vh - 149px);
	position: fixed;
	top: 149px;
	left: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	margin: 0 0 0 0;
	overflow: hidden;
	z-index: 1;
	clip-path: inset(0);
}
#content #concept .txt_area{
	position: relative;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#content #concept .txt_area .inner{
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
}
#content #concept .txt_area .inner h3{
	width: auto;
	margin: 0 auto;
	position: relative;
	display: flex;
    justify-content: center;
    align-items: flex-end;
}
#content #concept .txt_area .inner h3.text.is-active {
	--x: 0;
}
#content #concept .slEtUTop{
	display: block;
	opacity: 0;
	transition: all .9s;
  	transform: translate(-0, -20px) scale(1.15,1.15);
}
#content #concept .slEtDTop{
	display: block;
	opacity: 0;
	transition: all 0.9s;
  	transform: translate(-0, 30px);
}
#content #concept .slEtLmove{
	opacity: 1;
	border-radius: 0% 0%;
  	-webkit-transform: translate(0, 0) rotate(0deg) scale(1.00,1.00);
	transform: translate(0, 0) rotate(0deg) scale(1.00,1.00);
}

#content #concept .txt_area .inner h3 .char {
    overflow: hidden;
	margin: 0 19px 0 0;
}
#content #concept .txt_area .inner h3 .char:nth-child(4),
#content #concept .txt_area .inner h3 .char:nth-child(7){
	margin: 0 45px 0 0;
}
#content #concept .txt_area .inner h3 .char:last-child{
	margin: 0 0 0 0;
}

#content #concept .txt_area .inner h3 .char-text {
	display: inline-block;
	transform: translateX(var(--x, -101%));
	transition: transform 0.6s cubic-bezier(0.77, 0, 0.175, 1);
	transition-delay: calc(0.05s * var(--char-index));
}
#content #concept .txt_area .inner h3 .char-text img {
	display: block;
	height: 39px;
	width: auto;
}
#content #concept .txt_area .inner h3 .char:last-child .char-text img {
	height: 9px;
}

#content #concept .txt_area .inner h4{
	width: 100%;
	text-align: center;
	font-size: 1.500rem;
	letter-spacing: 0.2em;
	padding: 1.0em 0 3em 0;
}
#content #concept .txt_area .inner a.more{
	margin: 0 auto;
}

@media only screen and (max-width: 1199px) {
	#content #concept_wrapper{
		height: calc(150vh);
	}
	#content #concept_video{
	}
	#content #concept{
		height: calc(100vh - 125px);
		position: fixed;
		top: 125px;
		left: 0;
	}

	#content #concept .txt_area .inner h4{
		font-size: 1.500rem;
		letter-spacing: 0.2em;
	}
}
@media only screen and (max-width: 999px) {	
	#content #concept_video{
	}
	#content #concept{
		height: calc(100vh - 125px);
		top: 125px;
		left: 0;
	}
	#content #concept .txt_area .inner h3 .char {
		margin: 0 14px 0 0;
	}
	#content #concept .txt_area .inner h3 .char:nth-child(4),
	#content #concept .txt_area .inner h3 .char:nth-child(7){
		margin: 0 40px 0 0;
	}
	#content #concept .txt_area .inner h3 .char:last-child{
		margin: 0 0 0 0;
	}

	#content #concept .txt_area .inner h3 .char-text img {
		height: 34px;
		width: auto;
	}
	#content #concept .txt_area .inner h3 .char:last-child .char-text img {
		height: 7px;
	}

	#content #concept .txt_area .inner h4{
		font-size: 1.375rem;
		letter-spacing: 0.2em;
	}
}
@media only screen and (max-width: 768px) {
	#content #concept_video{
	}
	#content #concept{
		height: calc(100vh - 110px);
		top: 110px;
	}
	#content #concept .txt_area .inner h3 .char {
		margin: 0 10px 0 0;
	}
	#content #concept .txt_area .inner h3 .char:nth-child(4),
	#content #concept .txt_area .inner h3 .char:nth-child(7){
		margin: 0 25px 0 0;
	}

	#content #concept .txt_area .inner h3 .char-text img {
		height: 30px;
		width: auto;
	}
	#content #concept .txt_area .inner h3 .char:last-child .char-text img {
		height: 5px;
	}

	#content #concept .txt_area .inner h4{
		font-size: 1.250rem;
		letter-spacing: 0.2em;
	}
}
@media only screen and (max-width: 480px) {
	#content #concept_video{
	}
	#content #concept{
		height: calc(100vh - 110px);
		top: 110px;
	}
	#content #concept .txt_area .inner h3 .char {
		margin: 0 8px 0 0;
	}
	#content #concept .txt_area .inner h3 .char:nth-child(4),
	#content #concept .txt_area .inner h3 .char:nth-child(7){
		margin: 0 20px 0 0;
	}

	#content #concept .txt_area .inner h3 .char-text img {
		height: 25px;
		width: auto;
	}
	#content #concept .txt_area .inner h3 .char:last-child .char-text img {
		height: 4px;
	}

	#content #concept .txt_area .inner h4{
		font-size: 1.000rem;
		letter-spacing: 0.15em;
	}
}


#content #location_wrapper{
	width: 100%;
	height: calc(100vh);
	position: relative;
	display: block;
	z-index: 0;
	overflow: clip;
	background: #f9f8f4;
	opacity: 1;
	transition: all 0.3s;
}
#content #location_wrapper.hide{
	display: none;
	opacity: 0;
	transition: all 0.01s;
}
#content #location{
	width: 100%;
	height: calc(100vh - 149px);
	position: fixed;
	top: 149px;
	left: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin: 0 0 0 0;
	overflow: hidden;
	z-index: 1;
}

#content #location #lo_slide{
	width: 100%;
	height: 100%;
	margin:0 auto;
	overflow: hidden;
	line-height: 0;
	opacity: 1;
	position: relative;
	z-index: -1 !important;
}
#content #location #lo_slide .unit{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:relative;
	overflow: hidden;
	line-height: 0;
}#content #location #lo_slide .unit .cover{
	width: 100%;
	height: 100%;
	margin:0 auto;
	position:relative;
	overflow: hidden;
	line-height: 0;
	background: rgba(0,0,0,0.3);
}
#content #location #lo_slide .unit figcaption{
	position: absolute;
	bottom: 20px;
	right: auto;
	left: 15px;
}
#content #location #lo_slide .swiper,
#content #location #lo_slide .swiper-wrapper {
	z-index: 0 !important;
}
#content #location #lo_slide .swiper-slide {
	z-index: auto !important;
}
#content #location #lo_slide .swiper-slide-active {
	z-index: auto !important;
}

#content #location #lo_slide .unit.img1{
	background: url("../../img/location_img01.jpg") center/cover no-repeat;
}
#content #location #lo_slide .unit.img2{
	background: url("../../img/location_img02.jpg") center/cover no-repeat;
}
#content #location #lo_slide .unit.img3{
	background: url("../../img/location_img03.jpg") center/cover no-repeat;
}

#content #location_txt{
	width: 100%;
	height: calc(100vh - 149px);
	position: absolute;
	top: 0;
	left: 0;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	margin: 0 0 0 0;
	overflow: hidden;
	z-index: 100 !important;
	transition: none;
}
#content #location_txt.locked {
    margin-top: calc(-100vh + 149px);
}
#content #location_txt .txt_area{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	height: 100%;
	display: block;
}
#content #location_txt .txt_area .inner{
	width: 100%;
	height: 100%;
	position: relative;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	align-content: center;
}
#content #location_txt .txt_area .inner h3{
	width: 100%;
	font-size: 2.5rem;
	letter-spacing: 0.2em;
	line-height: 1.8;
	color: #FFF;
	text-align: left;
	padding: 0 0 1em 0;
}
#content #location_txt .txt_area .inner a.more{
	margin: 0 auto 0 0 !important;
}

#content #release-trigger {
	height: 50vh;
}

@media only screen and (max-width: 1199px) {
	#content #location_wrapper{
	}
	#content #location{
		height: calc(100vh - 125px);
		top: 125px;
	}


	#content #location #lo_slide .unit.img1{
		background: url("../../img/location_img01.jpg") center/cover no-repeat;
	}
	#content #location #lo_slide .unit.img2{
		background: url("../../img/location_img02.jpg") center/cover no-repeat;
	}
	#content #location #lo_slide .unit.img3{
		background: url("../../img/location_img03.jpg") center/cover no-repeat;
	}

	#content #location_txt{
		height: calc(100vh - 125px);
		top: 125px;
	}
	#content #location_txt .txt_area{
		width: 1000px;
	}
	#content #location_txt .txt_area .inner h3{
		font-size: 3.2vw;
		letter-spacing: 0.2em;
	}
	#content #location_txt .txt_area .inner a.more{
		margin: 0 auto 0 0 !important;
	}
	
}
@media only screen and (max-width: 999px) {	
	#content #location{
		height: calc(100vh - 125px);
		top: 125px;
	}


	#content #location_txt{
		height: calc(100vh - 125px);
		top: 125px;
	}
	#content #location_txt .txt_area{
		position: relative;
		width: 94%;
	}
	#content #location_txt .txt_area .inner h3{
		font-size: 3.2vw;
		letter-spacing: 0.2em;
	}
}
@media only screen and (max-width: 768px) {
	#content #location{
		height: calc(100vh - 170px);
		top: 110px;
	}

	#content #location #lo_slide .unit.img1{
		background: url("../../img/location_img01_sp.jpg") center/cover no-repeat;
	}
	#content #location #lo_slide .unit.img2{
		background: url("../../img/location_img02_sp.jpg") center/cover no-repeat;
	}
	#content #location #lo_slide .unit.img3{
		background: url("../../img/location_img03_sp.jpg") center/cover no-repeat;
	}

	#content #location_txt{
		height: calc(100vh - 110px);
		top: 0px;
	}
	#content #location_txt .txt_area{
		width: 90%;
	}
	#content #location_txt .txt_area .inner h3{
		font-size: 4.7vw;
		letter-spacing: 0.2em;
		text-align: center;
	}
	#content #location_txt .txt_area .inner a.more{
		margin: 0 auto 0 auto !important;
	}
}
@media only screen and (max-width: 480px) {
	#content #location{
		height: calc(100vh - 160px);
		top: 100px;
	}

	#content #location_txt{
		height: calc(100vh - 100px);
		top: 0px;
	}
	#content #location_txt .txt_area .inner h3{
		font-size: 5.7vw;
		letter-spacing: 0.1em;
		text-align: center;
	}
}



:root {
	--bg: rgba(255,255,255,0.11);
	--surface: #161618;
	--accent: #4d4a52;
	--accent2: #dddddd;
	--text: #e8e8e4;
	--text-muted: #888882;
	--border: rgba(0,0,0,0.2);
	--border2: rgba(255,255,255,0.7);
	--duration: 0.4s;
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
}

#content .txt_area .inner a.more{
	width: 260px;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: center;
	box-sizing: border-box;
	padding: 17px 15px;
	color: var(--text);
	overflow: hidden;
	position: relative;
}
#content .txt_area .inner a.more::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 1px;
    transition: width var(--duration) var(--ease);
}
#content .txt_area .inner a.more::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 1px;
    height: 0;
    transition: height var(--duration) var(--ease) calc(var(--duration) * 0.2);
}

#content #concept .txt_area .inner a.more{
	border-right: var(--border) 1px solid;
	border-bottom: var(--border) 1px solid;
}
#content #location_txt .txt_area .inner a.more{
	border-right: var(--border2) 1px solid;
	border-bottom: var(--border2) 1px solid;
}

#content #concept .txt_area .inner a.more::before {
    background: var(--accent);
}
#content #concept .txt_area .inner a.more::after {
    background: var(--accent);
}
#content #location_txt .txt_area .inner a.more::before{
	background: var(--accent2);
}
#content #location_txt .txt_area .inner a.more::after{
	background: var(--accent2);
}
#content #concept .txt_area .inner a.more:hover {
	border-right-color: var(--accent);
	border-bottom-color: var(--accent);
}
#content #location_txt .txt_area .inner a.more:hover {
	border-right-color: var(--accent2);
	border-bottom-color: var(--accent2);
}
#content .txt_area .inner a.more {
	transition:
	border-right-color var(--duration) var(--ease) calc(var(--duration) * 0.6),
	border-bottom-color var(--duration) var(--ease) calc(var(--duration) * 0.4);
}

#content .txt_area .inner a.more:hover::before {
	width: 100%;
}
#content .txt_area .inner a.more:hover::after {
	height: 100%;
}
#content .txt_area .inner a.more .box-link__bg {
    position: absolute;
    inset: 0;
    transform: translateX(-101%);
    transition: transform calc(var(--duration) * 1.2) var(--ease);
    z-index: 0;
    opacity: 0.35;
}
#content #concept .txt_area .inner a.more .box-link__bg {
    background: var(--accent);
}
#content #location_txt .txt_area .inner a.more .box-link__bg {
    background: var(--accent2);
}


#content .txt_area .inner a.more:hover .box-link__bg {
    transform: translateX(0);
}


#content .txt_area .inner a.more .box-link__arrow {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    font-family: 'Syne', sans-serif;
    font-size: 12px;
    letter-spacing: 0.1em;
    color: var(--accent);
    position: relative;
    z-index: 1;
    margin-top: 8px;
    /* 初期: 非表示 + 下にオフセット */
    opacity: 0;
    transform: translateY(6px);
    transition:
      opacity var(--duration) var(--ease),
      transform var(--duration) var(--ease),
      gap var(--duration) var(--ease);
}
#content #location_txt .txt_area .inner a.more .box-link__arrow {
    color: var(--accent2);
}

#content .txt_area .inner a.more .box-link__arrow svg {
	transition: transform var(--duration) var(--ease);
}

#content .txt_area .inner a.more:hover .box-link__arrow {
	opacity: 1;
	transform: translateY(0);
	gap: 14px;
}
#content .txt_area .inner a.more:hover .box-link__arrow svg {
    transform: translateX(4px);
}
#content #concept .txt_area .inner a.more img,
#content #location_txt .txt_area .inner a.more img{
	width: auto;
	height: 13px;
}
@media only screen and (max-width: 1199px) {
}
@media only screen and (max-width: 999px) {	
	#content #concept .txt_area .inner a.more,
	#content #location_txt .txt_area .inner a.more{
		width: 240px;
		padding: 15px 0;
	}
	#content #concept .txt_area .inner a.more img,
	#content #location_txt .txt_area .inner a.more img{
		height: 11px;
	}
}
@media only screen and (max-width: 768px) {
	#content #concept .txt_area .inner a.more,
	#content #location_txt .txt_area .inner a.more{
		width: 200px;
		padding: 13px 0;
	}
	#content #concept .txt_area .inner a.more img,
	#content #location_txt .txt_area .inner a.more img{
		height: 9px;
	}
}
@media only screen and (max-width: 480px) {
	#content #concept .txt_area .inner a.more,
	#content #location_txt .txt_area .inner a.more{
		width: 180px;
		padding: 11px 0;
	}
	#content #concept .txt_area .inner a.more img,
	#content #location_txt .txt_area .inner a.more img{
		height: 8px;
	}
}