@charset "utf-8";
body,div,dl,dt,dd,ul,ol,li,p,h1,h2,h3,h4,h5,h6,th,td,pre,code,blockquote,form,fieldset,legend,input,textarea,figcaption,figure{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#FFF}hr{display:none}img{vertical-align:bottom}select,input,button,textarea{font-size:99%}table{font-size:inherit;font:100%;border-collapse:collapse;border-spacing:0}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%}.hd{display:block;width:0;height:0;overflow:hidden}.cf:before,.cf:after{content:"";display:table}.cf:after{clear:both}.cf{*zoom:1}article,aside,details,figcaption,figure,footer,header,hgroup,hr,menu,nav,section,main{display:block}*{margin:0;padding:0;box-sizing:border-box;max-height:999999px;outline:none;}*:focus{outline: none;}button{background-color:transparent;border:none;cursor:pointer;outline:none;padding:0;}
/*-----------------------------------------------
 * Bace
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Bace
-------------------------------------------------*/
:root{
	--font-family-eng: 'Amiri', serif;
	--main-color-red: #ce2e50;
	--main-color-yellow: #c6ae25;

	--sp-size-2: min(0.2667vw, 2px);
	--sp-size-4: min(0.5334vw, 4px);
	--sp-size-10: min(1.3334vw, 10px);
	--sp-size-12: min(1.6vw, 12px);
	--sp-size-16: min(2.1334vw, 16px);
	--sp-size-20: min(2.6667vw, 20px);
	--sp-size-24: min(3.2vw, 24px);
	--sp-size-26: min(3.4667vw, 26px);
	--sp-size-28: min(3.7334vw, 28px);
	--sp-size-30: min(4vw, 30px);
	--sp-size-32: min(4.2667vw, 32px);
	--sp-size-36: min(4.8vw, 36px);
	--sp-size-40: min(5.3334vw, 40px);
	--sp-size-48: min(6.4vw, 48px);
	--sp-size-56: min(7.4667vw, 56px);
	--sp-size-64: min(8.5334vw, 64px);
	--sp-size-72: min(9.6vw, 72px);
	--sp-size-80: min(10.6667vw, 80px);
	--sp-size-88: min(11.7334vw, 88px);
	--sp-size-96: min(12.8vw, 96px);
}



@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 100;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 200;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 300;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Medium");
	font-weight: 400;
}
@font-face {
	font-family: "Yu Gothic";
	src: local("Yu Gothic Bold");
	font-weight: bold;
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #000;
	font-family: 'Noto Serif JP', serif;
	font-feature-settings: "palt";
	font-size: 14px;
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: #222; }
a:hover{ text-decoration: none; }
.ah { transition: opacity .3s ease; }
.ah:hover { opacity: .7; }
::selection{
	background: #6ccfee;
	color: #fff;
}
::-moz-selection{
	background: #6ccfee;
	color:#fff;
}
@media screen and (max-width:767px){
	html{
		font-size: 62.5%;
	}
	body{
		font-size: 10px;
		font-size: 1rem;
		min-width: 320px;
	}
	.sp{ display: block; }
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}
#fullWrap{
	width: 100%;
	position: relative;
}
.contents{
	width: 100%;
	position: relative;
}

@media screen and (min-width: 767px){
	.contents{
		min-height: 980px;
	}
}


.f_ami{
	font-family: 'Amiri', serif;
}

/* ScrollBar Setting */
::-webkit-scrollbar {
	width: 8px;
	height: 8px;
}
::-webkit-scrollbar-track {
  border-radius: 4px;
  background: #fff;
}
::-webkit-scrollbar-thumb {
	background: #c6ae25;
	border-radius: 4px;
	margin: 2px;
	box-shadow: none;
}
html{
	scrollbar-color: #c6ae25 #fff;
	scrollbar-width: thin;
}

/*-----------------------------------------------
 * Modal
-------------------------------------------------*/

/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: rgba(255,255,255,.8);
	-webkit-backdrop-filter: blur(8px);
	backdrop-filter: blur(8px);
	display: none;
	width: 100%;
	height: 100%;
	overflow: auto;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9999;
}
.oneModal{
	display: none;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 1;
}

/* oneModalIn */
.oneModalIn{
	display: flex;
	justify-content: center;
	align-items: center;
	height: auto;
	width: 100%;
/*	min-width: 1200px;*/
	min-height: 100%;
	margin: 0 auto;
	position: relative;
}
.oneModalIn__cont{
	padding: 50px 0;
}
@media screen and (max-width:767px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding: 30px 0;
	}
}

/**
 * closeBtn
 */
.closeBtn{
	width: 80px;
	height: 80px;
	position: absolute;
	top: 40px;
	right: 40px;
	z-index: 2;
}
@media screen and (max-width:767px){
	.closeBtn{
		width: var(--sp-size-96);
		height: min(11.7334vw, 88px);
		top: 0;
		margin-top: 6.4%;
		right: 6.4%;
	}
}
.closeBtn a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	text-decoration: none;
}
.closeBtn a:before{
	content: '';
	position: absolute;
	top: 24px;
	width: 100%;
	height: 1px;
	background-color: var(--main-color-red);
	transform: rotate(30deg);
}
.closeBtn a:after{
	content: '';
	position: absolute;
	top: 24px;
	width: 100%;
	height: 1px;
	background-color: var(--main-color-red);
	transform: rotate(-30deg);
}
.closeBtn a span{
	font-size: 14px;
	font-family: var(--font-family-eng);
	text-align: center;
	line-height: 1;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	display: inline-block;
}
@media screen and (max-width:767px){
	.closeBtn a:before,.closeBtn a:after{
		top: min(3.7334vw, 28px);
	}
	.closeBtn a span{
		font-size: var(--sp-size-20);
	}
}

/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}

/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:767px){
	.youtubeIframeWrap {
		width: 100%;
		max-width: 100%;
	}
}
.youtubeIframeWrap:before{
	content: "";
	display: block;
	padding-top: 56.25%;
	z-index: 0;
}
.youtubeIframe{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
}


/*-----------------------------------------------
 * Header
-------------------------------------------------*/
.header {
	width: 200px;
	position: absolute;
	top: 0;
	bottom: 0;
	z-index: 999;
}


@media screen and (max-width:767px){
	.header {
		position: fixed;
		width: 100%;
		top: 0;
		bottom: auto;
	}
}

/* inner */
.header__inner{
	position: sticky;
	width: 100%;
	top: 0;
	height: max(100vh, 980px);
	display: flex;
	align-items: center;
	background: url(../img/common/ptn_header.png) repeat center top;
	background-color: rgba(255,255,255,80%);
	box-shadow: 8px 0px 20px -8px rgba(0,0,0,.08);
}

@media screen and (max-width:767px){
	.header__inner {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		height: 100%;
		display: block;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
		transition: opacity .5s ease-in-out;
		background-color: rgba(255,255,255,90%);
		box-shadow: unset;
	}
	.header.is-active .header__inner {
		opacity: 1;
		pointer-events: auto;
	}
}

/**
 * headerNav
 */
.headerNav{
	width: 100%;
	height: 100%;
	position: relative;
	padding-top: 24px;
}
.headerNav .logo{
	background: unset;
	width: 120px;
	margin: 16px auto;
	position: relative;
}
.header_toToplogo{
	display: block;
	width: 100%;
	transition: .3s ease;
}
.header_toToplogo img{
	width: 100%;
}
.header_toToplogo:hover{
	transform: scale(0.98);
	opacity: 0.7;
}
@media screen and (max-width:767px){
	.headerNav {
		height: auto;
		position: relative;
		z-index: 1;
		padding-top: 3.2%;
		padding-bottom: 3.2%;
	}
	.headerNav .logo{
		width: min(30.5334%, 229px);
		filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF) drop-shadow(0 0 4px #FFF);
		margin: 0 auto 6.4%;
	}
}

/**
 * headerNavLists
 **/
.headerNavLists{
	position: relative;
	padding: 90px 0 90px 40px;
	background-image: url(../img/common/deco_nav-top.svg), url(../img/common/deco_nav-bottom.svg);
	background-repeat: no-repeat;
	background-position: center top, center bottom;
	background-position: center top, center bottom;
	background-size: 168px;
}
.headerNavLists:before{
	content: '';
	position: absolute;
	top: 0;
	left: 12px;
	bottom: 0;
	margin: 48px 0;
	width: 17px;
	background-image: url(../img/common/nav_line_t.svg), url(../img/common/nav_line_b.svg);
	background-repeat: no-repeat;
	background-position: center top, center bottom;
	background-size: contain;
	pointer-events: none;
}
.headerNavLists:after{
	content: '';
	position: absolute;
	top: 0;
	left: 20px;
	bottom: 0;
	margin: 61px 0;
	width: 1px;
	background-color: #000;
}
.headerNavLists__item{
	position: relative;
	z-index: 2;
	line-height: 1;
}
.headerNavLists__item:not(:last-child){
	margin-bottom: 28px;
}
.headerNavLists__item a{
	position: relative;
	text-decoration: none;
	font-size: 16px;
	transition: .3s ease;
}
.headerNavLists__item a:before{
	content: '';
	position: absolute;
	top: 0;
	left: -25.5px;
	bottom: 0;
	margin: auto 0;
	opacity: 0;
	width: 12px;
	height: 12px;
	background: url(../img/common/icon_nav_current.svg) no-repeat center / contain;
}
.headerNavLists__item a.is-current,
.headerNavLists__item a:hover{
	color: var(--main-color-red);
}
.headerNavLists__item a.is-current:before{
	opacity: 1;
}

.headerNavLists__item.navList_twitter{
	padding-top: 32px;
}
.navList_twitter span{
	position: relative;
	padding-right: 40px;
}
.navList_twitter span:after{
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	margin: auto 0;
	-webkit-mask: url(../img/common/icon_tw.svg) no-repeat center / contain;
	mask: url(../img/common/icon_tw.svg) no-repeat center / contain;
	background-color: #000;
	transition: .3s ease;
}
.navList_twitter a:hover span:after{
	background-color: var(--main-color-red);
}

@media screen and (max-width: 767px){
	.headerNavLists{
		width: min(48.8%, 366px);
		padding: min(24vw, 180px) 0 min(24vw, 180px) var(--sp-size-64);
		margin: 0 auto;
		background-size: min(44.8vw, 336px) min(8.2667vw, 62px);
	}
	.headerNavLists:before{
		width: var(--sp-size-30);
		margin: var(--sp-size-80) 0;
		left: var(--sp-size-10);
	}
	.headerNavLists:after{
		top: var(--sp-size-96);
		bottom: var(--sp-size-96);
		width: var(--sp-size-2);
	}
	.headerNavLists:after{
		margin: min(13.3334vw, 100px) 0;
		width: var(--sp-size-2);
		left: var(--sp-size-24);
		top: 0;
		bottom: 0;
	}
	.headerNavLists__item:not(:last-child){
		margin-bottom: var(--sp-size-56);
	}
	.headerNavLists__item a{
		font-size: var(--sp-size-32);
		filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF);
	}
	.headerNavLists__item a:before{
		left: max(-6.8vw, -51px);
		width: var(--sp-size-24);
		height: var(--sp-size-24);
	}

	.headerNavLists__item.navList_twitter{
		padding-top: var(--sp-size-96);
	}
	.navList_twitter span{
		padding-right: var(--sp-size-64);
	}
	.navList_twitter span:after{
		width: var(--sp-size-40);
		height: var(--sp-size-40);
	}
}


/**
 * navBtn
 */
@media screen and (max-width:767px){
	.header__navBtnWrap {
		background-color: #4c2719;
		width: var(--sp-size-96);
		height: var(--sp-size-96);
		position: absolute;
		top: 0;
		margin-top: 3.2%;
		right: 3.2%;
		z-index: 2;
	}
	.header__navBtnWrap:before{
		content: '';
		position: absolute;
		top: var(--sp-size-4);
		left: var(--sp-size-4);
		bottom: var(--sp-size-4);
		right: var(--sp-size-4);
		background: url(../img/common/navbtn_frame.svg) no-repeat center / contain;
	}
	.header__navBtn {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.header__navBtn:before{
		content: 'MENU';
		font-family: var(--font-family-eng);
		position: absolute;
		bottom: 0;
		right: 0;
		left: 0;
		text-align: center;
		margin-bottom: 25%;
		font-size: var(--sp-size-20);
		color: #FFF;
		letter-spacing: 0;
		line-height: 1;
	}
	.header__navBtn__lineWrap {
		width: 50%;
		height: var(--sp-size-20);
		position: relative;
		margin: 25% auto 0;
	}
	.header__navBtn--line {
		background-color: #fff;
		display: block;
		width: 100%;
		height: var(--sp-size-2);
		margin: auto;
		position: absolute;
		transition: .3s ease;
	}
	.header__navBtn--line:nth-child(1) {
		top: 0;
	}
	.header__navBtn--line:nth-child(2) {
		bottom: 0;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
		top: calc(50% - 0.1334vw);
		transform: rotate(30deg);
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
		bottom: calc(50% - 0.1334vw);
		transform: rotate(-30deg);
	}
}


/*-----------------------------------------------
 * Parts
-------------------------------------------------*/

/**
 * shareLists
 */
.shareLists {
	display: flex;
	align-items: center;
}

/* item */
.share_ttl{
	line-height: 1;
	font-size: 16px;
	font-family: 'Amiri', serif;
	color: #fff;
	margin-right: 12px;
	letter-spacing: 0.025em;
}

.shareLists__item {
	width: 36px;
	height: 36px;
	margin: 0 6px;
}

/* link */
.shareLists__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	position: relative;
	text-decoration: none;
}
.shareLists__link:before {
	content: "";
	background-color: #fff;
	display: block;
	-webkit-mask-repeat: no-repeat;
	mask-repeat: no-repeat;
	-webkit-mask-position: center;
	mask-position: center;
	-webkit-mask-size: 100%;
	mask-size: 100%;
	transition: background-color .4s ease;
}
.shareLists__link:hover:before {
	background-color: #907320;
}

/* 各SNSパーツ */
.shareLists__item.is-twitter .shareLists__link:before {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(../img/common/icon_tw.svg);
	mask-image: url(../img/common/icon_tw.svg);
}
.shareLists__item.is-facebook .shareLists__link:before {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(../img/common/icon_fb.svg);
	mask-image: url(../img/common/icon_fb.svg);
}
.shareLists__item.is-line .shareLists__link:before {
	width: 24px;
	height: 24px;
	-webkit-mask-image: url(../img/common/icon_line.svg);
	mask-image: url(../img/common/icon_line.svg);
}

@media screen and (max-width: 767px){
	.shareLists{
		flex-wrap: wrap;
	}
	.share_ttl{
		margin-right: 0;
		width: 100%;
		text-align: center;
		font-size: var(--sp-size-20);
		margin-bottom: var(--sp-size-12);
	}
	.shareLists__item{
		width: var(--sp-size-80);
		height: var(--sp-size-48);
	}
	.shareLists__item.is-twitter .shareLists__link:before,
	.shareLists__item.is-facebook .shareLists__link:before,
	.shareLists__item.is-line .shareLists__link:before {
		width: var(--sp-size-32);
		height: var(--sp-size-32);
	}
}

/*-----------------------------------------------
 * Footer
-------------------------------------------------*/
#footer{
	width: 100%;
	padding: 32px 3.3334% 80px;
	position: relative;
	background-color: #4c2719;
	background-image: url(../img/common/bgbr_ptn.png);
	background-repeat: repeat;
	color: #fff;
}
.footerIn{
	width: 100%;
}
.footerTWrap{
	display: flex;
	justify-content: space-between;
}
#footer .shareLists{
	width: 300px;
}
.ftoTop{
	width: 131px;
}
.ftoTop a{
	width: 100%;
	padding-top: 40px;
	position: relative;
	display: block;
	text-decoration: none;
	color: #fff;
	text-align: center;
	font-size: 16px;
	letter-spacing: 0.025em;
}
.ftoTop a:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	background: url(../img/common/arrow_t.svg) no-repeat top center / contain;
	height: 40px;
	animation:toTopAni 3s cubic-bezier(0.6, 0.1, 0.46, 0.99) infinite;
	transition: .3s ease;
}
@keyframes toTopAni {
	0%,50%,100% {
		transform:translateY(0);
		opacity:1;
	}
	75% {
		transform:translateY(-5px);
		opacity:0;
	}
	76% {
		transform:translateY(5px);
		opacity:0;
	}
	76% {
		transform:translateY(5px);
		opacity:0;
	}
}
@media screen and (min-width: 768px){
	.ftoTop a:hover::before{
		top: -5px;
	}
}

.copyright{
	font-size: 12px;
	opacity: 0.4;
	line-height: 1;
	padding-top: 14px;
	width: 300px;
	text-align: right;
}

.footerbnrLists{
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 48px auto 0;
	color: #fff;
}
.footerbnrList{
	width: calc(100% / 3);
	padding: 0 20px;
	max-width: 260px;
	padding: 0 20px;
}
.footerbnrList a{
	display: block;
	text-align: center;
}
.footerbnrList a img{
	max-width: 220px;
}

@media screen and (max-width: 767px){
	#footer{
		padding: 16px 0 32px;
	}
	.footerTWrap{
		position: relative;
		flex-direction: column;
	}
	#footer .shareLists{
		order: 2;
		width: 100%;
		justify-content: center;
		margin-top: 32px;
	}
	.ftoTop{
		order: 1;
		width: 17.6%;
		margin: 0 auto;
	}
	.ftoTop a{
		padding-top: 30.304%;
		font-size: 1.2rem;
	}
	.ftoTop a:before{
		height: 0;
		padding-top: 30.304%;
	}
	.copyright{
		position: relative;
		width: 100%;
		text-align: center;
		font-size: 1rem;
		padding-top: 0%;
	}
	.footerbnrLists{
		/*width: 70.9334%;*/
		width: 100%;
		padding: 0 4.8%;
		flex-wrap: wrap;
		margin: 32px auto;
	}
	.footerbnrList{
		width: 50%;
		padding: 1.76992%;
		margin: 0;
	}


	#footer{
		padding: 6.4% 6.4% 12.8%;
	}
	#footer .shareLists{
		width: 100%;
		position: relative;
	}
	#footer .shareLists{
		order: 2;
		width: 100%;
		justify-content: center;
		margin-top: var(--sp-size-40);
	}
	.ftoTop{
		order: 1;
		width: 24.1591%;
		margin: 0 auto;
	}
	.ftoTop a{
		padding-top: 40.5064%;
		font-size: var(--sp-size-20);
		line-height: 1;
	}
	.ftoTop a:before{
		height: 0;
		padding-top: 31.027%;
	}
	.copyright{
		font-size: var(--sp-size-20);
		padding-top: 14.6789%;
		width: 100%;
		text-align: center;
	}
	.footerbnrLists{
		width: 100%;
		margin: 6.4% auto 0;
		display: grid;
		gap: var(--sp-size-48);
		grid-template-columns: repeat(2, 1fr);
		padding: 0;
	}
	.footerbnrList{
		width: 100%;
		padding: 0;
		margin: 0;
		max-width: 100%;
	}
	.footerbnrList a img{
		max-width: 100%;
	}
}


/*-----------------------------------------------
 * Contents Common
-------------------------------------------------*/
/**
* MAIN
**/
.main{
	width: 100%;
	padding-left: 200px;
	min-height: max(100vh, 850px);
	position: relative;
}
.logo{
	background: url(../img/common/logo.svg) no-repeat center / contain;
}
.content{
	width: 100%;
	position: relative;
}
.inPageContent{
	width: 100%;
	position: relative;
	padding-top: 80px;
	padding-left: 8%;
	padding-right: 8%;
	padding-bottom: 160px;
}

@media screen and (max-width: 767px){
	.main{
		min-height: unset;
		padding-left: 0;
	}
	.inPageContent{
		width: 100%;
		position: relative;
		padding-top: 12.8%;
		padding-left: 6.4%;
		padding-right: 6.4%;
		padding-bottom: 12.8%;
	}
}

/** contentsbg **/
.contentsbg{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: -1;
	pointer-events: none;
}
.contentsbg div{
	position: sticky;
	width: 100%;
	height: 100vh;
	height: 100dvh;
	min-height: 640px;
	background: linear-gradient(135deg, #ff3560, #ffffff,#ffffff, #ffef3b);
	background-size: 100%;
	background-position: center;
	background-size: 200%;
	top: 0;
/*	animation: gradation 70s linear infinite;*/
}
@keyframes gradation {
	0% {
		background-position: 0% 50%;
	}
	50% {
		background-position: 100% 50%;
	}
	100% {
		background-position: 0% 50%;
	}
}

@media screen and (max-width: 767px){
	.contentsbg div{
		min-height: unset;
	}
}

/** cont_h2 **/
.inPageContent .cont_h2{
	width: 119.0477%;
	position: relative;
	line-height: 1;
	letter-spacing: 0.025em;
	color: #000;
	text-align: center;
	display: inline-block;
	margin: 0 auto;
	margin-left: -9.5239%;
}
.cont_h2In{
	display: inline-block;
	padding: 0 196px;
	position: relative;
}
.cont_h2In:before{
	content: '';
	position: absolute;
	width: 170px;
	height: 72px;
	top: 0;
	bottom: 0;
	left: 0;
	margin: auto 0;
	background: url(../img/common/deco_cont_h2_l.svg) no-repeat left center / contain;
}
.cont_h2In:after{
	content: '';
	position: absolute;
	width: 170px;
	height: 72px;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto 0;
	background: url(../img/common/deco_cont_h2_r.svg) no-repeat right center / contain;
}
.inPageContent .conth2_en{
	display: inline-block;
	position: relative;
	line-height: 0.9167;
	font-family: 'Amiri', serif;
	font-size: 55px;
	font-weight: 400;
	padding-bottom: 28px;
}
.inPageContent .conth2_en:after{
	content: '';
	position: absolute;
	bottom: 0;
	right: 0;
	left: 0;
	width: 80px;
	padding-top: 8px;
	margin: 0 auto;
	background: url(../img/common/icon_h2.svg) no-repeat center bottom / contain;
}
.inPageContent .conth2_ja{
	display: block;
	font-size: 16px;
	line-height: 1;
	margin-top: 20px;
}
@media screen and (max-width: 1200px){
	.cont_h2In{
		padding: 0 min(16.3334vw ,196px);
	}
	.inPageContent .cont_h2In:before,
	.inPageContent .cont_h2In:after{
		width: min(14.1667vw, 170px);
		height: min(6vw,72px);
	}
	.inPageContent .conth2_en{
		font-size: min(4.58334vw, 55px);
		padding-bottom: min(2.3334vw, 28px);
	}
	.inPageContent .conth2_en:after{
		width: min(6.6667vw, 80px);
		padding-top: min(0.6667vw, 8px);
	}
	.inPageContent .conth2_ja{
		font-size: min(1.3334vw, 16px);
	}
}

@media screen and (max-width: 767px){
	.inPageContent .cont_h2{
		width: 114.6789%;
		margin-left: -7.33945%;
	}
	.inPageContent .cont_h2In{
		padding: 0 min(22.1334vw, 166px);
	}
	.inPageContent .cont_h2In:before{
		width: min(21.3334vw, 160px);
		height: var(--sp-size-72);
	}
	.inPageContent .cont_h2In:after{
		width: min(21.3334vw, 160px);
		height: var(--sp-size-72);
	}
	.inPageContent .conth2_en{
		font-size: var(--sp-size-56);
		padding-bottom: min(4.5334vw, 34px);
	}
	.inPageContent .conth2_en span{
		filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF) drop-shadow(0 0 4px #FFF);
	}
	.inPageContent .conth2_en:after{
		width: var(--sp-size-80);
		padding-top: min(1.0667vw, 9px);
		filter: unset;
	}
	.inPageContent .conth2_ja{
		font-size: var(--sp-size-28);
		margin-top: var(--sp-size-26);
		filter: drop-shadow(0 0 2px #FFF) drop-shadow(0 0 2px #FFF) drop-shadow(0 0 4px #FFF);
	}
}


.contentIn{
	width: 100%;
	padding-top: 80px;
	position: relative;
}
@media screen and (max-width: 767px){
	.contentIn{
		padding-top: var(--sp-size-72);
	}
}


/** BTN **/
.com_linkbtn{
	margin-top: 40px;
	width: 100%;
	text-align: center;
}
.com_linkbtn a{
	min-width: 200px;
	text-align: center;
	display: inline-block;
	height: 48px;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	padding: 18px 32px;
	position: relative;
	background-color: #c6ae25;
	color: #fff;
	text-decoration: none;
	transition: .3s ease;
	background-image: url(../img/common/btn_frame_tr.svg), url(../img/common/btn_frame_br.svg), url(../img/common/btn_frame_bl.svg), url(../img/common/btn_frame_tl.svg);
	background-repeat: no-repeat;
	background-position: right 2px top 2px, right 2px bottom 2px, left 2px bottom 2px, left 2px top 2px;
	background-size: 10px;
}
.com_linkbtn a:before{
	content: '';
	position: absolute;
	top: 2px;
	right: 12px;
	bottom: 2px;
	left: 12px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
}
.com_linkbtn a:after{
	content: '';
	position: absolute;
	top: 12px;
	right: 2px;
	bottom: 12px;
	left: 2px;
	border-left: 1px solid #FFF;
	border-right: 1px solid #FFF;
}
.com_linkbtn a:hover{
	background-color: #ce2d4f;
}


@media screen and (max-width: 767px){
	.com_linkbtn{
		margin-top: var(--sp-size-48);
	}
	.com_linkbtn a{
		min-width: min(61.6vw, 462px);
		height: var(--sp-size-72);
		font-size: var(--sp-size-24);
		padding: var(--sp-size-26) var(--sp-size-48);
		background-position: right var(--sp-size-4) top var(--sp-size-4), right var(--sp-size-4) bottom var(--sp-size-4), left var(--sp-size-4) bottom var(--sp-size-4), left var(--sp-size-4) top var(--sp-size-4);
		background-size: var(--sp-size-20);
	}
	.com_linkbtn a:before{
		top: var(--sp-size-4);
		right: var(--sp-size-24);
		bottom: var(--sp-size-4);
		left: var(--sp-size-24);
		border-top-width: var(--sp-size-2);
		border-bottom-width: var(--sp-size-2);
	}
	.com_linkbtn a:after{
		top: var(--sp-size-24);
		right: var(--sp-size-4);
		bottom: var(--sp-size-24);
		left: var(--sp-size-4);
		border-left-width: var(--sp-size-2);
		border-right-width: var(--sp-size-2);
	}
}



/*-----------------------------------------------
 * Rellax
-------------------------------------------------*/
#bgp{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	pointer-events: none;
}
.bgp_bg{
	position: fixed;
	width: 100%;
	min-width: 1200px;
	height: 100%;
	background-position: top center;
	background-repeat: repeat;
	background-size: 100%;
	/*animation-timing-function: ease-in-out;
	animation-iteration-count: infinite;
	animation-direction: alternate;*/
}
@keyframes ani_bg1 {
  0% {
    top: 0px;
  }
  100% {
    top: -38px;
  }
}
@keyframes ani_bg2 {
  0% {
    top: 0px;
  }
  100% {
    top: -30px;
  }
}
@keyframes ani_bg3 {
  0% {
    top: 0px;
  }
  100% {
    top: -45px;
  }
}
#bgp01{
	z-index: 1;
	background-image: url(../img/common/bg/bg_plx_1.png);
	transition: 1.2s cubic-bezier(0.16, 1, 0.3, 1);
	/*animation-name: ani_bg1;
	animation-duration: 3s;*/
	opacity: 60%;
}
#bgp02{
	z-index: 2;
	background-image: url(../img/common/bg/bg_plx_2.png);
	transition: 1.8s cubic-bezier(0.16, 1, 0.3, 1);
	/*animation-name: ani_bg2;
	animation-duration: 2s;*/
	opacity: 0.4;
}
#bgp03{
	z-index: 3;
	background-image: url(../img/common/bg/bg_plx_3.png);
	transition: 2.4s cubic-bezier(0.16, 1, 0.3, 1);
	/*animation-name: ani_bg3;
	animation-duration: 4s;*/
	opacity: 20%;
}

@media screen and (max-width: 767px){
	.bgp_bg{
		min-width: 100%;
	}
/*	#bgp01{
		background-image: url(../img/common/bg/bg_plx_1_sp.png);
	}
	#bgp02{
		background-image: url(../img/common/bg/bg_plx_2_sp.png);
	}
	#bgp03{
		background-image: url(../img/common/bg/bg_plx_3_sp.png);
	}*/
}


/*-----------------------------------------------
 * INPAGE LOADING
-------------------------------------------------*/
#loading{
	position: fixed;
	top: 0;
	width: 100%;
	left: 0;
	height: 100%;
	z-index: 10000;
	pointer-events: none;
}
.loading_frame{
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.loading_l{
	position: absolute;
	top: 0;
	left: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.loading_l:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #4c2719;
	transform: translateX(0%);
	transition: .4s ease-in-out;
}
.loading_r{
	position: absolute;
	top: 0;
	right: 0;
	width: 50%;
	height: 100%;
	overflow: hidden;
}
.loading_r:before{
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #4c2719;
	transform: translateX(0%);
	transition: .4s ease-in-out;
}
body.is-load .loading_l:before{
	transform: translateX(-100%);
}
body.is-load .loading_r:before{
	transform: translateX(100%);
}


/*-----------------------------------------------
 * Scroll Animation
-------------------------------------------------*/
.js-scr{
	filter: blur(8px);
	opacity: 0;
	transition: opacity .3s ease, filter .8s ease;
}
body.is-ipad .js-scr{
	transition: .8s ease-in-out;
}
@media screen and (max-width: 767px){
	.js-scr{
		transition: .8s ease-in-out;
	}
}
.js-scr.--ani{
	opacity: 1;
	filter: blur(0px);
}


/*-----------------------------------------------
 * 404 Not found
-------------------------------------------------*/
.sorry{
	font-size: 16px;
	line-height: 2;
	text-align: center;
}
.sorry h3{
	font-size: 150%;
	font-weight: 700;
	margin-bottom: 20px;
	color: var(--main-color-red);
}
.sorry_de{
	line-height: 1.3;
	font-size: 20px;
	font-family: 'Alex Brush', cursive;
	margin-top: 24px;
	margin-bottom: 48px;
}

@media screen and (max-width: 768px){
	.sorry{
		font-size: var(--sp-size-24);
	}
	.sorry h3{
		margin-bottom: var(--sp-size-48);
	}
	.sorry_de{
		font-size: var(--sp-size-28);
		margin-bottom: var(--sp-size-64);
		margin-top: var(--sp-size-32);
	}
}