@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;}
/*-----------------------------------------------
 * Base
 * Modal
 * Header
 * Parts
-------------------------------------------------*/
/*-----------------------------------------------
 * Base
-------------------------------------------------*/
:root{
	/* color */
	--color-ocher: #e3d8ab;
	--color-orange: #f29800;
	--color-brown: #411600;

	/* font */
	--main-font-family: "M PLUS 1p", sans-serif;

	/* vw min 計算 => min(calc(数値 / var(--vw-min) * 100vw), 数値); */
	--vw-min: 1200;
	--vw-min-height: 0;
}
@media screen and (max-width:768px) {
	:root {
		/* vw min 計算 => min(calc(数値 / var(--vw-min) * 100vw), 数値); */
		--vw-min: 750;
	}
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: var(--color-orange);
	color: var(--color-brown);
	font-family: var(--main-font-family);
	font-feature-settings: "palt";
	font-size: min(calc(16 / var(--vw-min) * 100vw), 16px);
	font-weight: normal;
	letter-spacing: 0.07em;
	line-height: 1.8;
	word-wrap: break-word;
}
.pc{ display: block; }
.sp{ display: none; }
a{ color: var(--color-brown); }
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:768px){ 
	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; }
}
/*-----------------------------------------------
 * COMMON
-------------------------------------------------*/
#fullWrap {
	position: relative;
}
.fullWrapIn {
	position: relative;
}
.mainWrap {
	display: flex;
	flex-direction: column;
}
.subFullWrap .mainWrap {
	height: 100vh;
}
.f-white {
	color: #fff;
}
/**
* LINK BTN
**/
.linkBtn {
    display: flex;
    justify-content: center;
}
.linkA {
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    color: var(--color-brown);
    font-weight: 800;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    border-right: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
    border-bottom: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
    border-left: min(calc(1 / var(--vw-min) * 100vw),1px) solid var(--color-brown);
    position: relative;
    text-decoration: none;
    padding: min(calc(16 / var(--vw-min) * 100vw), 16px) min(calc(80 / var(--vw-min) * 100vw),80px);
    transition: .3s ease;
}
@media screen and (max-width:768px){
	.linkA {
		font-size: calc(20 / var(--vw-min) * 100vw);
		border-width: calc(1 / var(--vw-min) * 100vw);
		padding: calc(16 / var(--vw-min) * 100vw) calc(80 / var(--vw-min) * 100vw);
	}
}
.linkA span {
	position: relative;
}
.linkA::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	background: var(--color-brown);
	transform: scaleX(0);
	transition: transform .3s ease;
}
@media (hover: hover) and (pointer: fine){
	.linkA:hover {
		color: var(--color-orange);
	}
	.linkA:hover::before {
		transform: scaleY(1);
	}
}

/*-----------------------------------------------
 * SUBSEC
-------------------------------------------------*/
@media screen and (max-width:768px){
	.cont__logo {
		width: calc(215 / var(--vw-min) * 100vw);
		height: calc(150 / var(--vw-min) * 100vw);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 3;
		background-color: #fff;
	}
	.cont__logoLink {
		width: 100%;
		height: 100%;
		display: block;
	}
	.cont__logoLink::before {
		content: "";
		width: calc(172 / var(--vw-min) * 100vw);
		height: calc(116 / var(--vw-min) * 100vw);
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background: url(../img/common/logo.svg)no-repeat center/contain;
	}
}
.subSec {
	position: relative;
	padding: min(calc(225 / var(--vw-min) * 100vw),225px) 0 min(calc(125 / var(--vw-min) * 100vw),125px);
	overflow: hidden;
}
@media screen and (max-width:768px){
	.subSec {
		padding: calc(110 / var(--vw-min) * 100vw) 0 calc(83 / var(--vw-min) * 100vw);
	}
}
.subSecBg {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    z-index: -1;
    width: 100%;
    height: 100vh;
    margin: 0 auto;
    background: url(../img/common/bg/bg_subSec.jpg) no-repeat top center / cover;
}
@supports (background-image:url(../img/common/bg/bg_subSec.webp)){
	.subSecBg {
		background-image: url(../img/common/bg/bg_subSec.webp)
	}
}
.subSecWrap {
	position: relative;
}
.subSec .cont-tit {
    font-size: min(calc(40 / var(--vw-min) * 100vw),40px);
    font-weight: 800;
    line-height: 1;
    text-align: center;
	position: relative;
	z-index: 2;
    margin-bottom: min(calc(85 / var(--vw-min) * 100vw),85px);
	opacity: 0;
	transform: scale(1.2);
	transition: .3s ease;
	pointer-events: none;
}
@media screen and (max-width:768px){
	.subSec .cont-tit {
		font-size: calc(40 / var(--vw-min) * 100vw);
		margin-bottom: calc(114 / var(--vw-min) * 100vw);
	}
}
.subSec .cont-tit span {
	position: relative;
    z-index: 2;
}
.subSec__deco-blackpan {
	width: min(calc(532 / var(--vw-min) * 100vw),532px);
	height: min(calc(462 / var(--vw-min) * 100vw),462px);
	position: absolute;
    z-index: 1;
	-webkit-filter: drop-shadow(13px 15px 14px #6a664f);
    filter: drop-shadow(13px 15px 14px #6a664f);
	background: url(../img/common/deco/deco_blackpan.png)no-repeat center/contain;
	opacity: 0;
	transform: translate(-100px, -100px);
	transition: .5s ease;
}
@media screen and (max-width:768px){
	.subSec__deco-blackpan {
		width: calc(413 / var(--vw-min) * 100vw);
		height: calc(359 / var(--vw-min) * 100vw);
	}
}
.subSec__deco-handlegrid {
	width: min(calc(203 / var(--vw-min) * 100vw),203px);
	height: min(calc(265 / var(--vw-min) * 100vw),265px);
	position: absolute;
    z-index: 1;
	-webkit-filter: drop-shadow(-7px 3px 4px #9c9577);
	filter: drop-shadow(-7px 3px 4px #9c9577);
	background: url(../img/common/deco/deco_handlegrid.png)no-repeat center/contain;
	opacity: 0;
	transform: translate(50px, -50px);
	transition: .5s ease;
}
@media screen and (max-width:768px){
	.subSec__deco-handlegrid {
		width: calc(203 / var(--vw-min) * 100vw);
		height: calc(265 / var(--vw-min) * 100vw);
	}
}
.subSec__deco-coffee {
	width: min(calc(107 / var(--vw-min) * 100vw),107px);
	height: min(calc(139 / var(--vw-min) * 100vw),139px);
	position: absolute;
    z-index: 1;
	-webkit-filter: drop-shadow(10px 15px 14px rgba(106, 102, 79,.7));
	filter: drop-shadow(10px 15px 14px rgba(106, 102, 79,.7));
	transform: translateZ(0);
	background: url(../img/common/deco/deco_coffee.png)no-repeat center/contain;
	opacity: 0;
	transition: .5s ease;
}
@media screen and (max-width:768px){
	.subSec__deco-coffee {
		width: calc(107 / var(--vw-min) * 100vw);
		height: calc(139 / var(--vw-min) * 100vw);
		-webkit-filter: drop-shadow(8px 6px 3px rgba(106, 102, 79,.3));
	    filter: drop-shadow(8px 6px 3px rgba(106, 102, 79,.3));
	}
}
/** 
* COMMENT ICON 
**/
.comment_icon {
	width: min(calc(32 / var(--vw-min) * 100vw),32px);
	height: min(calc(30 / var(--vw-min) * 100vw),30px);
	display: block;
	position: relative;
	margin-left: min(calc(15 / var(--vw-min) * 100vw),15px);
	-webkit-mask: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_comment.svg)no-repeat center/contain;
	background-color: var(--color-brown);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.comment_icon {
		width: calc(44 / var(--vw-min) * 100vw);
		height: calc(38 / var(--vw-min) * 100vw);
		margin: auto 0 auto calc(20 / var(--vw-min) * 100vw);
	}
}
.comment_icon a {
	width: 100%;
	height: 100%;
	display: block;
}
@media (hover: hover) and (pointer: fine){
	.comment_icon:hover {
		transform: scale(1.1);
		background-color: var(--color-orange);
	}
}
/**
* MOVIE
**/
.subSec__movie {
    width: calc(min(calc(150 / var(--vw-min) * 100vw),150px) + min(calc(10 / var(--vw-min) * 100vw),10px));
    height: calc(min(calc(150 / var(--vw-min) * 100vw),150px) + min(calc(10 / var(--vw-min) * 100vw),10px));
    border-radius: 50%;
    border: min(calc(10 / var(--vw-min) * 100vw),10px) solid var(--color-brown);
    position: absolute;
	top: min(calc(160 / var(--vw-min) * 100vw),160px);
	right: min(calc(33 / var(--vw-min) * 100vw),33px);
	z-index: 2;
    margin-top: min(calc(32 / var(--vw-min) * 100vw),32px);
	opacity: 0;
	transition: .5s ease;
}
@media screen and (max-width:768px){
	.subSec__movie {
		width: calc(162 / var(--vw-min) * 100vw);
		height: calc(162 / var(--vw-min) * 100vw);
		border-width: calc(10 / var(--vw-min) * 100vw);
		position: relative;
		top: unset;
		right: unset;
		margin: calc(100 / var(--vw-min) * 100vw) auto 0;
	}
}
.subSec__movieTit {
    width: min(calc(178 / var(--vw-min) * 100vw),178px);
    height: min(calc(180 / var(--vw-min) * 100vw),180px);
    position: absolute;
    top: max(calc(-20 / var(--vw-min) * 100vw),-20px);
    right: max(calc(-27 / var(--vw-min) * 100vw),-27px);
    bottom: 0;
    margin: auto;
    pointer-events: none;
    background: url(../img/common/deco/deco_sub-movieTit.png)no-repeat center/contain;
    transition: .3s ease;
}
@media screen and (max-width:768px){
	.subSec__movieTit {
		width: calc(176 / var(--vw-min) * 100vw);
		height: calc(180 / var(--vw-min) * 100vw);
	}
}
.subSec__movieArea {
    width: min(calc(150 / var(--vw-min) * 100vw),150px);
    height: min(calc(150 / var(--vw-min) * 100vw),150px);
    border-radius: 50%;
    border: min(calc(10 / var(--vw-min) * 100vw),10px) solid var(--color-orange);
    position: absolute;
    top: 0;
    left: max(calc(-5 / var(--vw-min) * 100vw),-5px);
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
}
@media screen and (max-width:768px){
	.subSec__movieArea {
		width: calc(150 / var(--vw-min) * 100vw);
		height: calc(150 / var(--vw-min) * 100vw);
		left: calc(-4 / var(--vw-min) * 100vw);
	}
}
.subSec__movieAreaCont {
    width: 100%;
    padding-top: 100%;
    position: relative;
}
.subSec__movieBtn {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: block;
    background-color: #000;
    background-size: cover;
    background-position: center;
    transition: .3s ease;
    overflow: hidden;
}
.subSec__movieBtn img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    pointer-events: none;
}
.subSec__ytBg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow: hidden;
    pointer-events: none;
}
.subSec__ytBg-player {
    position: absolute;
    top: -50%;
    left: -50%;
    width: 200%;
    height: 200%;
    transition: .3s ease;
    pointer-events: none;
}
.subSec__movie-arrow {
    width: min(calc(60 / var(--vw-min) * 100vw),60px);
    height: min(calc(60 / var(--vw-min) * 100vw),60px);
    border-radius: 50%;
    position: absolute;
    right: max(calc(-18 / var(--vw-min) * 100vw),-18px);
    bottom: max(calc(-22 / var(--vw-min) * 100vw),-22px);
    background-color: var(--color-orange);
    transition: .3s ease;
}
@media screen and (max-width:768px){
	.subSec__movie-arrow {
		width: calc(60 / var(--vw-min) * 100vw);
		height: calc(60 / var(--vw-min) * 100vw);
		right: calc(-18 / var(--vw-min) * 100vw);
    	bottom: calc(-22 / var(--vw-min) * 100vw);
	}
}
.subSec__movie-arrow::before {
    content: "";
    width: min(calc(51 / var(--vw-min) * 100vw),51px);
    height: min(calc(51 / var(--vw-min) * 100vw),51px);
    border-radius: 50%;
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    background-color: var(--color-brown);
    transition: .3s ease;
}
@media screen and (max-width:768px){
	.subSec__movie-arrow::before {
		width: calc(51 / var(--vw-min) * 100vw);
		height: calc(51 / var(--vw-min) * 100vw);
	}
}
.subSec__movie-arrow::after {
    content: "";
    width: min(calc(7 / var(--vw-min) * 100vw),7px);
    height: min(calc(7 / var(--vw-min) * 100vw),7px);
    display: block;
    position: absolute;
    top: min(calc(2 / var(--vw-min) * 100vw),2px);
    right: 0;
    left: min(calc(2 / var(--vw-min) * 100vw),2px);
    bottom: 0;
    margin: auto;
    -webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
    background-color: var(--color-orange);
    transition: .3s ease;
}
@media screen and (max-width:768px){
	.subSec__movie-arrow::after  {
		width: calc(7 / var(--vw-min) * 100vw);
		height: calc(7 / var(--vw-min) * 100vw);
		top: calc(2 / var(--vw-min) * 100vw);
		left: calc(2 / var(--vw-min) * 100vw);
	}
}
@media (hover: hover) and (pointer: fine){
	.subSec__movie:hover .subSec__movieTit {
        transform: rotate(10deg);
    }
    .subSec__movie:hover .subSec__movie-arrow {
        background-color: var(--color-brown);
    }
    .subSec__movie:hover .subSec__movie-arrow::before {
        background-color: var(--color-orange);
    }
    .subSec__movie:hover .subSec__movie-arrow::after {
        background-color: var(--color-brown);
    }
}
/*-----------------------------------------------
 * MODAL
-------------------------------------------------*/
/**
 * modalBox
 * 基盤のモーダル
 */
.modalBox{
	-webkit-overflow-scrolling: touch;
	background: var(--color-brown);
	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:768px){
	.oneModalIn{
		min-width: 100%;
	}
	.oneModalIn__cont{
		width: 100%;
		padding: min(calc(30 / var(--vw-min) * 100vw), 30px) 0;
	}
}
/**
 * closeBtn
 */
 .closeBtn{
	width: min(calc(50 / var(--vw-min) * 100vw), 50px);
	height: min(calc(50 / var(--vw-min) * 100vw), 50px);
	position: absolute;
	top: min(calc(40 / var(--vw-min) * 100vw), 40px);
	right: min(calc(40 / var(--vw-min) * 100vw), 40px);
	z-index: 2;
}
@media screen and (max-width:768px){
	.closeBtn{
		width: min(calc(60 / var(--vw-min) * 100vw), 60px);
		height: min(calc(60 / var(--vw-min) * 100vw), 60px);
	}
}
.closeBtn a{
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	display: flex;
    align-items: center;
    justify-content: center;
}
.closeBtn__line {
	width: 100%;
	height: 100%;
	position: relative;
}
.closeBtn__line span {
	display: block;
    width: 100%;
	height: min(calc(6 / var(--vw-min) * 100vw),6px);
    margin: auto;
    background-color: var(--color-orange);
	border-radius: min(calc(20 / var(--vw-min) * 100vw),20px);
    position: absolute;
    transition: .4s ease-out;
}
@media screen and (max-width:768px){
	.closeBtn__line span {
		height: calc(6 / var(--vw-min) * 100vw);
		border-radius: calc(10 / var(--vw-min) * 100vw);
	}
}
.closeBtn__line span:nth-child(1) {
    top: 0;
    bottom: 0;
    transform: rotate(-45deg);
}
.closeBtn__line span:nth-child(2) {
    top: 0;
    bottom: 0;
    transform: rotate(45deg);
}
@media (hover: hover) and (pointer: fine){
	.closeBtn a:hover .closeBtn__line span:nth-child(1) {
		transform: rotate(45deg);
	}
	.closeBtn a:hover .closeBtn__line span:nth-child(2) {
		transform: rotate(-45deg);
	}
}
/**
 * iframe
 */
/* common */
.commonIframe{
	width: 100%;
	height: 100%;
	display: block;
}
/* youtube */
.youtubeIframeWrap {
	width: 70%;
	max-width: 159.993vh;
	position: relative;
}
@media screen and (max-width:768px){
	.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;
}
/** 
* COMMENT MODAL
**/
.commentWrap {
    color: var(--color-orange);
    max-width: min(calc(900 / var(--vw-min) * 100vw), 900px);
}
@media screen and (max-width: 768px) {
    .commentWrap {
        max-width: 100%;
        padding: calc(50 / var(--vw-min) * 100vw);
    }
}
.comment__flex {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}
@media screen and (max-width: 768px) {
    .comment__flex {
        flex-direction: column;
    }
}
.comment__textWrap {
    width: min(calc(550 / var(--vw-min) * 100vw), 550px);
    padding-left: min(calc(70 / var(--vw-min) * 100vw), 70px);
}

@media screen and (max-width: 768px) {
    .comment__textWrap {
        width: 100%;
        padding-left: 0;
        order: 1;
		margin-top: calc(50 / var(--vw-min) * 100vw);
    }
}
.commentWrap__nameWrap {
    display: block;
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
    line-height: 1.5;
	font-weight: 800;
    margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
}
@media screen and (max-width: 768px) {
    .commentWrap__nameWrap {
        font-size: calc(37 / var(--vw-min) * 100vw);
        margin-bottom: calc(30 / var(--vw-min) * 100vw);
    }
}
.commentWrap__nameWrap-name {
    font-size: min(calc(20 / var(--vw-min) * 100vw), 20px);
}
@media screen and (max-width:768px){
	.commentWrap__nameWrap-name {
        font-size: calc(37 / var(--vw-min) * 100vw);
	}
}
.commentWrap__nameWrap-job,
.commentWrap__nameWrap-profileTit {
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
	font-weight: 800;
    letter-spacing: 0.15em;
}
.commentWrap__nameWrap-profileTit {
    margin-bottom: min(calc(10 / var(--vw-min) * 100vw), 10px);
}
@media screen and (max-width: 768px) {
    .commentWrap__nameWrap-job,
	.commentWrap__nameWrap-profileTit {
        font-size: calc(25 / var(--vw-min) * 100vw);
    }
	.commentWrap__nameWrap-profileTit {
		margin-bottom: calc(10 / var(--vw-min) * 100vw);
	}
}
.commentWrap__name-colon {
	font-size: min(calc(14 / var(--vw-min) * 100vw), 14px);
    vertical-align: inherit;
}
@media screen and (max-width: 768px) {
    .commentWrap__name-colon {
        font-size: calc(25 / var(--vw-min) * 100vw);
    }
}
.commentWrap__text,
.commentWrap__nameWrap-profile {
    font-size: min(calc(18 / var(--vw-min) * 100vw), 18px);
    line-height: 2;
	font-weight: 600;
    margin-bottom: min(calc(20 / var(--vw-min) * 100vw), 20px);
    letter-spacing: 0.15em;
}
@media screen and (max-width: 768px) {
    .commentWrap__text,
	.commentWrap__nameWrap-profile {
        font-size: calc(25 / var(--vw-min) * 100vw);
        margin-bottom: calc(20 / var(--vw-min) * 100vw);
    }
}
.commentWrap__subtext,
.commentWrap__nameWrap-profile {
    display: block;
    margin-bottom: min(calc(30 / var(--vw-min) * 100vw), 30px);
	letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
    .commentWrap__subtext {
        margin-bottom: calc(60 / var(--vw-min) * 100vw);
    }
}
.comment__img img {
    width: 100%;
    pointer-events: none;
}
.comment__img {
    width: min(calc(350 / var(--vw-min) * 100vw), 350px);
    overflow: hidden;
}
@media screen and (max-width: 768px) {
    .comment__img {
        width: calc(350 / var(--vw-min) * 100vw);
    }
}
@media screen and (max-width: 768px) {
    .staff__contItem-nameIn {
        font-size: calc(28 / var(--vw-min) * 100vw);
    }
}
/*-----------------------------------------------
 * HEADER
-------------------------------------------------*/
@media screen and (min-width:769px){
	.header__stickyWrap {
		width: 100%;
		position: absolute;
		top: 0;
		bottom: 0;
		margin: auto;
		pointer-events: none;
		z-index: 4;
	}
	.header__sticky {
		position: sticky;
		top: 0;
		height: min(100%, 100vh);
	}
}
.header {
	width: 100%;
	position: absolute;
	top: 0;
	z-index: 999;
	background-color: var(--color-orange);
}
.subFullWrap .header {
	position: fixed;
}
@media screen and (max-width:768px){
	.header {
		position: fixed;
		top: 0;
		bottom: auto;
	}
}
.header__inner {
	width: 100%;
}
@media screen and (max-width:768px){
	.header__inner {
		-webkit-overflow-scrolling: touch;
		width: 100%;
		height: 100%;
		overflow: auto;
		position: fixed;
		top: 0;
		left: 0;
		padding: 0;
		opacity: 0;
		pointer-events: none;
		z-index: 1;
		transition: opacity .5s ease-in-out;
	}
	.header.is-active .header__inner {
		opacity: 1;
		pointer-events: auto;
	}
	.headerNavWrap {
		position: relative;
		padding-bottom: calc(110 / var(--vw-min) * 100vw);
	}
	.headerNavWrap::before {
		content: "";
		width: 100%;
		height: calc(100% - calc(110 / var(--vw-min) * 100vw));
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		background-color: var(--color-brown);
	}
	.headerNavWrap::after {
		content: "";
		width: 100%;
		height: calc(110 / var(--vw-min) * 100vw);
		position: absolute;
		bottom: 0;
		-webkit-mask: url(../img/common/deco/deco_headerBg.svg)no-repeat center/cover;
		mask: url(../img/common/deco/deco_headerBg.svg)no-repeat center/cover;
		background-color: var(--color-brown);
	}
}
.header__logo {
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
@media screen and (max-width:768px){
	.header__logo {
		width: calc(260 / var(--vw-min) * 100vw);
		height: calc(152 / var(--vw-min) * 100vw);
		position: relative;
		margin: 0 auto calc(90 / var(--vw-min) * 100vw);
	}
}
.header__logoLink {
	width: min(calc(140 / var(--vw-min) * 100vw),140px);
	height: 100%;
	min-height: min(calc(110 / var(--vw-min) * 100vw),110px);
	position: relative;
	display: block;
	background-color: #fff;
	padding: min(calc(13 / var(--vw-min) * 100vw),13px);
	pointer-events: auto;
}
@media screen and (max-width:768px){
	.header__logoLink {
		width: 100%;
		min-height: 100%;
		background-color: unset;
		padding: 0;
		pointer-events: none;
	}
	.header.is-active .header__logoLink {
		pointer-events: auto;
	}
	.header__logoLink::after {
		content: "";
		width: calc(260 / var(--vw-min) * 100vw);
		height: calc(260 / var(--vw-min) * 100vw);
		border-radius: 50%;
		position: absolute;
		top: calc(-100 / var(--vw-min) * 100vw);
		right: 0;
		left: 0;
		margin: auto;
		background-color: #fff;
	}
}
.header__logoLink::before {
	content: "";
	width: min(calc(115 / var(--vw-min) * 100vw),115px);
	height: min(calc(78 / var(--vw-min) * 100vw),78px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background: url(../img/common/logo.svg)no-repeat center/contain;
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.header__logoLink::before {
		width: calc(140 / var(--vw-min) * 100vw);
		height: calc(95 / var(--vw-min) * 100vw);
		z-index: 2;
	}
}
.headerNav {
	padding: 0 min(calc(204 / var(--vw-min) * 100vw),204px);
 }
 @media screen and (max-width:768px){
	.headerNav {
		position: relative;
		z-index: 1;
		padding: 0 0 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.headerNavLists {
	width: min(calc(950 / var(--vw-min) * 100vw),950px);
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
	padding: min(calc(20 / var(--vw-min) * 100vw),20px) 0;
}
@media screen and (max-width:768px){
	.headerNavLists {
		width: 100%;
		flex-direction: column;
		padding: 0;
	}
}
.headerNavLists__item {
	line-height: 1;
	padding: min(calc(10 / var(--vw-min) * 100vw),10px);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.headerNavLists__item {
		padding: 0;
		margin-bottom: calc(50 / var(--vw-min) * 100vw);
	}
}
.navLink {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.03em;
	font-style: italic;
	text-decoration: none;
	pointer-events: auto;
	transition: color .3s ease .2s;
}
@media screen and (max-width:768px){
	.navLink {
		font-size: calc(60 / var(--vw-min) * 100vw);
		color: var(--color-orange);
		pointer-events: none;
	}
	header.is-active .navLink {
		pointer-events: auto;
	}
}
.navLink.is-active {
	color: #fff;
}
/**
 * NAV BTN
 */
@media screen and (max-width:768px){
	.header__navBtnWrap {
		width: calc(110 / var(--vw-min) * 100vw);
		height: calc(110 / var(--vw-min) * 100vw);
		border-radius: 50%;
		position: absolute;
		top: calc(40 / var(--vw-min) * 100vw);
		right: calc(40 / var(--vw-min) * 100vw);
		z-index: 2;
		background-color: var(--color-orange);
	}
	.header__navBtnWrap::before {
		content: "";
		width: calc(100 / var(--vw-min) * 100vw);
		height: calc(100 / var(--vw-min) * 100vw);
		border-radius: 50%;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
		margin: auto;
		background-color: var(--color-brown);
	}
	.header__navBtn {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		height: 100%;
		position: relative;
	}
	.header__navBtn__lineWrap {
		width: calc(30 / var(--vw-min) * 100vw);
		height: calc(25 / var(--vw-min) * 100vw);
		position: relative;
	}
	.header__navBtn--line {
		width: 100%;
		height: calc(5 / var(--vw-min) * 100vw);
		display: block;
		border-radius: calc(3 / var(--vw-min) * 100vw);
		position: absolute;
		margin: auto;
		background-color: var(--color-orange);

	}
	.header__navBtn--line:nth-child(1) {
		top: 0;
	}
	.header__navBtn--line:nth-child(2) {
		top: 0;
		bottom: 0;
	}
	.header__navBtn--line:nth-child(3) {
		bottom: 0;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(1) {
		bottom: 0;
		transform: rotate(45deg);
		transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(2) {
		opacity: 0;
		transition: opacity 0.3s ease;
	}
	.header__navBtn.is-active .header__navBtn--line:nth-child(3) {
		top: 0;
		transform: rotate(-45deg);
		transition: transform 0.5s cubic-bezier(0.68, -0.55, 0.265, 1.55);
	}
}
@media (hover: hover) and (pointer: fine){
	.header__logoLink:hover::before {
		opacity: .7;
	}
	.headerNavLists__item:hover {
		animation: zoom .3s;
	}
	.navLink:hover {
		color: #fff;
	}
}
/*-----------------------------------------------
 * FOOTER
-------------------------------------------------*/
.footer {
	position: relative;
	padding: min(calc(50 / var(--vw-min) * 100vw),50px) 0 min(calc(100 / var(--vw-min) * 100vw),100px);
	margin-top: auto;
	background-color: #fff;
}
@media screen and (max-width:768px){
	.footer {
		padding: calc(40 / var(--vw-min) * 100vw) 0 calc(100 / var(--vw-min) * 100vw);
	}
}
.footerWrap {
	width: min(calc(960 / var(--vw-min) * 100vw),960px);
	position: relative;
	display: flex;
	margin: 0 auto;
}
@media screen and (max-width:768px){
	.footerWrap {
		width: calc(504 / var(--vw-min) * 100vw);
		flex-direction: column;
		align-items: center;
		padding-left: calc(55 / var(--vw-min) * 100vw);
		margin: unset;
	}
}
.copyright {
	font-size: min(calc(14 / var(--vw-min) * 100vw),14px);
	font-weight: 800;
	letter-spacing: 0.01em;
}
@media screen and (max-width:768px){
	.copyright {
		font-size: calc(14 / var(--vw-min) * 100vw);
		margin-top: calc(40 / var(--vw-min) * 100vw);
	}
}
/**
* SNS
**/
.footer__snsLists {
	display: flex;
	align-items: center;
	justify-content: center;
	margin-right: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.footer__snsLists {
		margin-right:0;
	}
}
.footer__sns {
	margin-right: min(calc(30 / var(--vw-min) * 100vw),30px);
}
@media screen and (max-width:768px){
	.footer__sns {
		margin-right: calc(30 / var(--vw-min) * 100vw);
	}
}
.footer__snsLink {
	font-size: min(calc(16 / var(--vw-min) * 100vw),16px);
	font-weight: 800;
	line-height: 1;
	letter-spacing: 0.01em;
	position: relative;
	display: flex;
    align-items: flex-end;
	padding: 0 min(calc(4 / var(--vw-min) * 100vw),4px) min(calc(4 / var(--vw-min) * 100vw),4px);
	text-decoration: none;
	background: linear-gradient(transparent 60% , var(--color-orange) 60%);
	transition: .3s ease .2s;
}
@media screen and (max-width:768px){
	.footer__snsLink {
		font-size: calc(28 / var(--vw-min) * 100vw);
		padding: 0 calc(8 / var(--vw-min) * 100vw) calc(8 / var(--vw-min) * 100vw);
	}
}
.footer__snsLink::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-box-orient: vertical;
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 0% 100%;
    transition: background-size .3s ease;
    background-image: linear-gradient(transparent 60% , var(--color-brown) 60%);
}
.footer__snsTit {
	position: relative;
}
.footer__sns .footer__snsIcon {
	width: min(calc(19 / var(--vw-min) * 100vw),19px);
	height: min(calc(20 / var(--vw-min) * 100vw),20px);
	display: block;
	margin-left: min(calc(8 / var(--vw-min) * 100vw),8px);
	background-color: var(--color-brown);
	transition: .3s ease .2s;
}
@media screen and (max-width:768px){
	.footer__sns .footer__snsIcon {
		width: calc(34 / var(--vw-min) * 100vw);
		height: calc(34 / var(--vw-min) * 100vw);
		margin-left: calc(10 / var(--vw-min) * 100vw);
	}
}
.footer__sns.--x .footer__snsIcon {
	-webkit-mask: url(../img/common/sns/icon_tw.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_tw.svg)no-repeat center/contain;
}
.footer__sns.--tiktok .footer__snsIcon {
	-webkit-mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
	mask: url(../img/common/sns/icon_tiktok.svg)no-repeat center/contain;
}
/**
* SCROLL TOP
**/
.scroll-top {
	width: min(calc(270 / var(--vw-min) * 100vw),270px);
	height: min(calc(350 / var(--vw-min) * 100vw),350px);
	position: absolute;
	top: max(calc(-190 / var(--vw-min) * 100vw),-190px);
	right: 0;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.scroll-top {
		width: calc(254 / var(--vw-min) * 100vw);
		height: calc(360 / var(--vw-min) * 100vw);
		top: calc(-144 / var(--vw-min) * 100vw);
		right: 0;
	}
}
.scroll-topLink {
	width: min(calc(333 / var(--vw-min) * 100vw),333px);
	height: min(calc(335 / var(--vw-min) * 100vw),335px);
	display: block;
	position: absolute;
	top: 0;
	right: max(calc(-80 / var(--vw-min) * 100vw),-80px);
	bottom: 0;
	-webkit-filter: drop-shadow(5px 5px 5px #767676);
	filter: drop-shadow(5px 5px 5px #767676);
	background: url(../img/common/deco/deco_plate.png)no-repeat center/contain;
}
@media screen and (max-width:768px){
	.scroll-topLink {
		width: calc(332 / var(--vw-min) * 100vw);
		height: calc(332 / var(--vw-min) * 100vw);
		right: calc(-90 / var(--vw-min) * 100vw);
	}
}
.scroll-top-img {
	width: min(calc(207 / var(--vw-min) * 100vw),207px);
	height: min(calc(207 / var(--vw-min) * 100vw),207px);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	overflow: hidden;
}
@media screen and (max-width:768px){
	.scroll-top-img {
		width: calc(207 / var(--vw-min) * 100vw);
		height: calc(207 / var(--vw-min) * 100vw);
	}
}
.scroll-top-img img {
	width: 100%;
	pointer-events: none;
}
.scroll-top-arrow {
	width: min(calc(61 / var(--vw-min) * 100vw),61px);
	height: min(calc(61 / var(--vw-min) * 100vw),61px);
	border-radius: 50%;
	position: absolute;
	top: min(calc(220 / var(--vw-min) * 100vw),220px);
	left: max(calc(-12 / var(--vw-min) * 100vw),-12px);
	background-color: #fff;
	border: min(calc(3 / var(--vw-min) * 100vw),3px) solid var(--color-brown);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.scroll-top-arrow {
		width: calc(61 / var(--vw-min) * 100vw);
		height: calc(61 / var(--vw-min) * 100vw);
		top: calc(220 / var(--vw-min) * 100vw);
		left: calc(-9 / var(--vw-min) * 100vw);
	}
}
.scroll-top-arrow::before {
	content: "";
	width: min(calc(51 / var(--vw-min) * 100vw),51px);
	height: min(calc(51 / var(--vw-min) * 100vw),51px);
	border-radius: 50%;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	background-color: var(--color-brown);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.scroll-top-arrow::before {
		width: calc(51 / var(--vw-min) * 100vw);
		height: calc(51 / var(--vw-min) * 100vw);
	}
}
.scroll-top-arrow::after {
	content: "";
	width: min(calc(8 / var(--vw-min) * 100vw),8px);
	height: min(calc(7 / var(--vw-min) * 100vw),7px);
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
	-webkit-mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	mask: url(../img/common/deco/deco_arrow.svg)no-repeat center/contain;
	background-color: #fff;
	transform: rotate(-90deg);
	transition: .3s ease;
}
@media screen and (max-width:768px){
	.scroll-top-arrow::after {
		width: calc(9 / var(--vw-min) * 100vw);
		height: calc(8 / var(--vw-min) * 100vw);
		transform: translateY();
	}
}
@media (hover: hover) and (pointer: fine){
	.scroll-topLink:hover .scroll-top-arrow {
		border-color: var(--color-orange);
	}
	.scroll-topLink:hover .scroll-top-arrow::before {
		background-color: var(--color-orange);
	}
	.scroll-topLink:hover .scroll-top-arrow::after {
		transform: rotate(-90deg) translateX(3px);
	}
	.scroll-topLink:hover .scroll-top-img {
		animation: bounce4 .5s ease-in-out;
	}
	.footer__snsLink:hover {
		color: var(--color-orange);
	}
	.footer__snsLink:hover .footer__snsIcon {
		background-color: var(--color-orange);
	}
	.footer__snsLink:hover::before {
		background-position: left bottom;
		background-size: 100% 100%;
	}
}
/*-----------------------------------------------
 * コーポレーション用
-------------------------------------------------*/
.coop__footer .scroll-top {
	top: unset;
	bottom: min(calc(40 / var(--vw-min) * 100vw),40px);
}	
@media screen and (max-width:768px){
	.coop__footer .scroll-top {
		bottom: calc(40 / var(--vw-min) * 100vw);
	}
}
.footer__coopWrap {
	width: min(calc(960 / var(--vw-min) * 100vw),960px);
	position: relative;
	z-index: 1;
	margin: 0 auto min(calc(100 / var(--vw-min) * 100vw),100px);
}
@media screen and (max-width:768px){
	.footer__coopWrap {
		width: calc(504 / var(--vw-min) * 100vw);
		margin-bottom: calc(100 / var(--vw-min) * 100vw);
	}
}
.footer__coopTit {
	font-size: min(calc(34 / var(--vw-min) * 100vw),34px);
	line-height: 1.5;
	font-weight: 800;
	text-align: center;
	margin-bottom: min(calc(60 / var(--vw-min) * 100vw),60px);
}
@media screen and (max-width:768px){
	.footer__coopTit {
		font-size: calc(34 / var(--vw-min) * 100vw);
		margin-bottom: calc(60 / var(--vw-min) * 100vw);
	}
}
.footer__coopTit small {
	font-size: min(calc(20 / var(--vw-min) * 100vw),20px);
	display: block;
}
@media screen and (max-width:768px){
	.footer__coopTit small {
		font-size: calc(20 / var(--vw-min) * 100vw);
	}
}
.footer__coopLists {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	gap: min(calc(50 / var(--vw-min) * 100vw),50px);
}
@media screen and (max-width:768px){
	.footer__coopLists {
		gap: calc(50 / var(--vw-min) * 100vw);
	}
}
.footer__coopItem {
	width: min(calc(200 / var(--vw-min) * 100vw),200px);
}
@media screen and (max-width:768px){
	.footer__coopItem {
		width: calc(200 / var(--vw-min) * 100vw);
	}
}
.footer__coopLink {
	width: 100%;
	height: 100%;
	display: block;
}
.footer__coopItem img {
	width: 100%;
	pointer-events: none;
}
/*-----------------------------------------------
 * keyframes
-------------------------------------------------*/
@keyframes zoom {
	50% {transform: scale(1.1);}
}
@keyframes poyonAnimation {
    0% {transform: translate(0, 0) rotate(0deg);}
    50% {transform: translate(0, -20px) rotate(0deg);}
    100% {transform: translate(0, 0) rotate(10deg);}
}
@keyframes dododon {
    0% {transform: scale(2) translateY(100px);opacity: 0;}
    40% {transform: scale(0.95) translateY(-10px);opacity: 1;}
    70% {transform: scale(1.05) translateY(5px);}
    100% {transform: scale(1) translateY(0);}
}
@keyframes shake1 {
	0%, 100% {transform: translate(0, 0);}
	25% {transform: translate(-3px, 3px);}
	50% {transform: translate(3px, -3px);}
	75% {transform: translate(-3px, 3px);}
}
@keyframes shake2 {
	0%, 100% {transform: translate(0, 0) rotate(0deg);}
	  25% {transform: translate(-3px, -3px) rotate(10deg);}
	  50% {transform: translate(3px, 3px) rotate(-10deg);}
	  75% {transform: translate(-3px, -3px) rotate(10deg);}
}
@keyframes bounce {
    0% {transform: translateY(0);}
    50% {transform: translateY(-5px);}
    100% {transform: translateY(0);}
}
@keyframes bounce2 {
    0%, 100% {transform: translate(0, 0);}
    30% {transform: translate(-5px, -22px);}
    50% {transform: translate(5px, -15px);}
    70% {transform: translate(-3px, -9px);}
}
@keyframes bounce3 {
    0%, 100% {transform: translateY(0) rotate(0deg);}
    50% {transform: translateY(-22px) rotate(10deg);}
}
@keyframes bounce4 {
    0%, 100% {transform: translateY(0) scale(1);}
    30% {transform: translateY(-22px) scale(1.1, 0.9);}
    50% {transform: translateY(-10px) scale(0.95, 1.05);}
}
@keyframes fadeOut {
    to {opacity: 0;}
}
@keyframes logoPop {
    0% {opacity: 0;transform: scale(0.8);}
    60% {opacity: 1;transform: scale(1.05);}
    80% {transform: scale(0.95);}
    100% {transform: scale(1);opacity: 1;}
}
@keyframes jumpAndFlip {
	0% {transform: translateY(0) rotate(0deg);}
	50% {transform: translateY(-100px) rotate(180deg);}
	100% {transform: translateY(0) rotate(360deg);}
}
@keyframes slimeMove {
	0% {transform: scaleX(1) scaleY(1) translateY(0);}
	25% {transform: scaleX(1.2) scaleY(0.9) translateY(-10px);}
	50% {transform: scaleX(1) scaleY(1.1) translateY(0);}
	75% {transform: scaleX(1.1) scaleY(1) translateY(-5px);}
	100% {transform: scaleX(1) scaleY(1) translateY(0);}
}
@keyframes spin {
	0% {transform: rotateZ(0deg);}
	100% {transform: rotateZ(360deg);}
}
@keyframes spin2 {
	0%,100% {transform: rotate(0deg);}
	50% {transform: rotate(15deg);}
}
@keyframes spin3 {
	0%,100% {transform: rotate(0deg);}
	50% {transform: rotate(360deg);}
}
@keyframes spin4 {
	0% {transform: rotateZ(0deg);}
	100% {transform: rotateZ(360deg);}
}
/*-----------------------------------------------
 * 共通アニメーション
-------------------------------------------------*/
.shake1.--animate { animation: shake1 .5s ease-in-out; }
.shake2.--animate { animation: shake2 .5s ease-in-out; }
.spin.--animate { animation: spin .5s ease-in-out; }
.w-sui.--animate {animation: jumpAndFlip .8s ease-in-out;}
.w-sui.--animate2 {animation: bounce3 .5s ease-in-out;}

body.--is-subload .subSec__deco-blackpan {
	opacity: 1;
	transform: translate(0,0);
	transition-delay: 1.5s;
}
body.--is-subload .subSec__deco-handlegrid {
	opacity: 1;
	transform: translate(0,0);
	transition-delay: 1.8s;
}
body.--is-subload .subSec__deco-coffee {
	opacity: 1;
	transition-delay: 1.8s;
}
body.--is-subload .subSec__movie {
	opacity: 1;
	transition-delay: 1.8s;
}
@media (hover: hover) and (pointer: fine){
    .movieBtn:hover::before {
        opacity: 1;
    }
    .movieBtn:hover .movie__yt-play {
        transform: scale(0.9);
    }
	.news__itemLink:hover .news__item-deco {
        animation: bounce .4s;
        animation-timing-function: ease-out;
    }
    .news__itemLink:hover {
        color: var(--color-orange);
    }
}
.w-sui {
	width: min(calc(150 / var(--vw-min) * 100vw),150px);
	height: min(calc(150 / var(--vw-min) * 100vw),150px);
	position: absolute;
	background: url(../img/common/sui/sui2.png)no-repeat center/contain;
}
.m-sui {
	width: min(calc(150 / var(--vw-min) * 100vw),150px);
	height: min(calc(150 / var(--vw-min) * 100vw),150px);
	position: absolute;
	background: url(../img/common/sui/sui1.png)no-repeat center/contain;
}
.suiMove {
	width: min(calc(150 / var(--vw-min) * 100vw),150px);
	height: min(calc(150 / var(--vw-min) * 100vw),150px);
	position: absolute;
	top: 0;
	transition: transform 2s ease-in-out, opacity .5s ease;
	opacity: 0;
	background: url(../img/common/sui/sui4.png)no-repeat center/contain;
}
body.--is-subload .suiMove {
	opacity: 1;
	transition-delay: 1.5s;
}
.subSec__tit.spin2.--animate::before {
    animation: spin2 .5s ease-in-out;
}
.subSec__tit.spin4.--animate::before {
    animation: spin4 .5s ease-in-out;
}
/*-------------------------------------
* sub loading
--------------------------------------*/
.subLoading {
	display: none;
}
body.--is-subload .subLoading {
  width: 2rem;
  height: 2rem;
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  z-index: 999;
  border-radius: 50%;
  background-color: var(--color-orange);
  transform: scale(100);
  animation: PageAnime-circle .8s ease-in-out forwards;
}
@keyframes PageAnime-circle {
  0% {
    transform: scale(100);
  }
  100% {
    transform: scale(0);
  }
}
.subFullWrap{
	opacity: 0;
}
body.--is-subload .subFullWrap{
	animation: loadfade .5s forwards;
	opacity: 0;
}
@keyframes loadfade{
	0% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
body.--is-subload .subSec .cont-tit{
	opacity: 1;
	transform: scale(1);
	transition-delay: .9s;
}