@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;}
body{
	-webkit-text-size-adjust:100%;
	background-color:#fff;
	color:#000;
	font-family:'Noto Sans JP', sans-serif;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0.025em;
	line-height:2;
	word-wrap:break-word;
}
.ro {
	font-family:'Roboto Condensed', sans-serif;
}
a{ color:#222; }
a:hover{ text-decoration:none; }
.ah { transition:opacity .3s ease; }
.ah:hover { opacity:.7; }
::selection{
	background:#d84f7c;
	color:#fff;
}
::-moz-selection{
	background:#d84f7c;
	color:#fff;
}
@media screen and (max-width:768px){
	html{
		font-size:62.5%;
	}
	body{
		font-size:10px;
		font-size:1rem;
		min-width:320px;
	}
	.pc{ display:none !important; }
	.ah:hover { opacity:1; }
}
@media screen and (min-width:769px){
	.sp{ display:none !important; }
	::-webkit-scrollbar {
	width:8px;
	height:8px;
}
::-webkit-scrollbar-track {
	border-radius:0px;
	background:#fff;
}
::-webkit-scrollbar-thumb {
	background:#000;
	border-radius:0px;
	margin:2px;
	box-shadow:none;
}
}
@keyframes color-gradient {
	from {
		filter:hue-rotate(0deg);
	}
	to {
		filter:hue-rotate(360deg);
	}
}
@keyframes nav-in {
	from {
		width:0;
		left:0;
	}
	to {
		width:101%;
		left:0;
	}
}
@keyframes nav-out {
	from {
		width:101%;
		left:0;
	}
	to {
		width:0;
		left:100%;
	}
}
@keyframes rotate {
	from {
		transform:rotate(0deg);
	}
	to {
		transform:rotate(360deg);
	}
}
@keyframes scroll-navtitle {
	from {
		background-position:0 center;
	}
	to {
		background-position:241px center;
	}
}
@keyframes scroll-navtitle-s {
	from {
		background-position:0 center;
	}
	to {
		background-position:48.6666vw center;
	}
}
@keyframes rotation {
    0%  { transform:rotate(0); }
    100%{ transform:rotate(360deg); }
}
#fullWrap {
	width:100%;
	min-width:1200px;
	position:relative;
}
#fullWrap:before {
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	right:25%;
	left:25%;
	bottom:0;
	border-left:1px solid rgba(0,0,0,.16);
	border-right:1px solid rgba(0,0,0,.16);
}
#fullWrap:after {
	content:'';
	position:absolute;
	z-index:-1;
	top:0;
	right:50%;
	bottom:0;
	width:1px;
	background:rgba(0,0,0,.16);
}
@media screen and (max-width:768px){
	#fullWrap {
		min-width:100%;
		overflow:hidden;
		position:relative;
	}
	#fullWrap:before {
		content:'';
		position:absolute;
		z-index:-1;
		top:0;
		right:6.4vw;
		left:6.4vw;
		bottom:0;
		border-left:1px solid rgba(0,0,0,.16);
		border-right:1px solid rgba(0,0,0,.16);
	}
	#fullWrap:after {
		content:'';
		position:absolute;
		z-index:-1;
		top:0;
		right:50%;
		bottom:0;
		width:1px;
		background:rgba(0,0,0,.16);
	}
}
.footer {
	height:176px;
	padding:0 40px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	background:#000;
	position:relative;
}
.footer:after {
	content:'';
	display:block;
	width:200px;
	height:50px;
}
.share__lists {
	width:200px;
	height:50px;
	display:flex;
}
.share__title {
	width:60px;
	height:50px;
	display:flex;
	align-items:center;
	color:#FFF;
}
.share__list {
	width:45px;
	height:50px;
}
.share__list a {
	display:block;
	height:50px;
	transition:all 0.3s ease;
}
.share__list--twitter {
	background:url(../img/common/sns_tw_w.svg) no-repeat center center / 24px auto;
}
.share__list--facebook {
	background:url(../img/common/sns_fb_w.svg) no-repeat center center / 23px auto;
}
.share__list--line {
	background:url(../img/common/sns_line_w.svg) no-repeat center center / 23px auto;
}
.share__list a:hover {
	transform:translateY(-5px);
}
.copyright {
	font-size:14px;
	color:rgba(255,255,255,.4);
	text-align:center;
}
.backToTop {
	width:64px;
	height:64px;
	position:absolute;
	right:28px;
	top:28px;
}
.backToTop a {
	display:block;
	height:64px;
	padding-top:44px;
	text-decoration:none;
	text-align:center;
	line-height:20px;
	position:relative;
	color:#FFF;
}
.backToTop a:before {
	content:'';
	width:28px;
	height:28px;
	box-sizing:border-box;
	border-left:3px solid #FFF;
	border-top:3px solid #FFF;
	border-bottom:3px solid transparent;
	border-right:3px solid transparent;
	transform:rotate(45deg);
	position:absolute;
	left:50%;
	top:18px;
	margin-left:-14px;
	transition:all 0.3s ease;
}
.backToTop a:hover:before {
	transform:translateY(-5px) rotate(45deg);
}
.toEscape {
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:0;
	z-index:20001;
	background:#000;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
.toEscape p {
	display:none;
	color:#FFF;
	font-size:20px;
}
.toLink {
	position:fixed;
	bottom:0;
	left:0;
	top:0;
	width:100%;
	z-index:20000;
	background:#000;
	overflow:hidden;
	display:flex;
	justify-content:center;
	align-items:center;
}
@media screen and (max-width:768px){
	.footer {
		height:46.6666vw;
		padding:6.4vw;
		display:block;
	}
	.footer:after {
		display:none;
	}
	.share__lists {
		padding-top:2.6666vw;
		width:49.6vw;
		height:12.8vw;
	}
	.share__title {
		width:11.2vw;
		height:12.8vw;
		font-size:1.2rem;
	}
	.share__list {
		width:12.8vw;
		height:12.8vw;
	}
	.share__list a {
		display:block;
		height:12.8vw;
		transition:all 0.3s ease;
	}
	.share__list--twitter {
		background:url(../img/common/sns_tw_w.svg) no-repeat center center / 6.4vw auto;
	}
	.share__list--facebook {
		background:url(../img/common/sns_fb_w.svg) no-repeat center center / 6.4vw auto;
	}
	.share__list--line {
		background:url(../img/common/sns_line_w.svg) no-repeat center center / 6.4vw auto;
	}
	.copyright {
		width:100%;
		padding-top:4.2vw;
		text-align:center;
		font-size:1.0rem;
	}
	.backToTop {
		width:12.8vw;
		height:12.8vw;
		position:absolute;
		right:3.2vw;
		top:10vw;
	}
	.backToTop a {
		height:12.8vw;
		padding-top:9.6vw;
		text-decoration:none;
		text-align:center;
		line-height:3.2vw;
		position:relative;
		color:#FFF;
		font-size:1.2rem;
	}
	.backToTop a:before {
		width:4.8vw;
		height:4.8vw;
		border-left:2px solid #FFF;
		border-top:2px solid #FFF;
		border-bottom:3px solid transparent;
		border-right:3px solid transparent;
		top:4.1vw;
		margin-left:-2.4vw;
	}

}

.banners {
	padding:80px 0 40px;
/*	border-top:1px solid #000;*/
}
.banners__lists {
	display:flex;
	justify-content:center;
	flex-wrap:wrap;
}
.banners__lists li {
	margin:0 0 40px;
	width:25%;
	display:flex;
	justify-content:center;
	align-items:center;
}
.banners__lists li a,
.banners__lists li a img {
	display:block;
	width:220px;
	height:auto;
}
.banners__lists li a img {
	transition:all 0.3s ease;
}
.banners__lists li a:hover img {
	opacity:.75;
}
@media screen and (max-width:768px){
	.banners {
		padding:12.8vw 6.4vw 6.4vw;
		flex-wrap:wrap;
	}
	.banners__lists li {
		width:50%;
		margin:0 0 6.4vw;
	}
	.banners__lists li a,
	.banners__lists li a img {
		display:block;
		width:30.8vw;
		height:auto;
	}
}
.modalBox{
	-webkit-overflow-scrolling:touch;
	background:rgba(255,255,255,.75);
	display:none;
	width:100%;
	height:100%;
	overflow:auto;
	position:fixed;
	top:0;
	left:0;
	z-index:20001;
}
.oneModal{
	display:none;
	width:100%;
	height:100%;
	position:relative;
	z-index:1;
}
.oneModalIn{
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-ms-flex-align:center;
	-webkit-align-items: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:30px 0;
	}
}
/* closeBtn */
.closeBtn{
	width:100%;
	min-height:100%;
	min-width:1200px;
	pointer-events:none;
	position:absolute;
	top:0;
	left:0;
	bottom:0;
	right:0;
	z-index:500;
}
.closeBtn a {
	display:block;
	position:absolute;
	right:40px;
	top:40px;
	text-decoration:none;
	color:#FFF;
	width:80px;
	height:80px;
	pointer-events:auto;
	background:url(../img/common/btn_close.svg) no-repeat center center / contain;
	transition:all 0.3s ease;
}
.closeBtn a:hover {
	opacity:0.5;
}
.closeBtn span {
	display:none;
}
@media screen and (max-width:768px){
	.closeBtn{
		min-width:100%;
	}
	.closeBtn a{
		width:12.8vw;
		right:0;
		top:0;
		height:12.8vw;
	}
}
/* common */
.commonIframe{
	width:100%;
	height:100%;
	display:block;
}
/* youtube */
.youtubeIframeWrap{
	width:920px;
	height:520px;
}
@media screen and (max-width:768px){
	.youtubeIframeWrap{
		width:100% !important;
		height:auto !important;
		padding-top:56.25%;
		position:relative;
	}
	.youtubeIframe{
		position:absolute;
		top:0;
		left:0;
	}
}
.cursor {
	width:118px;
	height:118px;
	position:fixed;
	top:0;
	left:0;
	pointer-events:none;
	z-index:10001;
	transition:transform .4s ease;
	mix-blend-mode:difference;
}
.cursor__circle {
	width:118px;
	height:118px;
	margin:auto;
	position:absolute;
	top:0;
	right:0;
	bottom:0;
	left:0;
	transform:scale(1.5);
	opacity:0;
	transition:transform .4s ease, opacity .2s ease;
	animation:rotation 10s linear infinite;
}
.cursor__circle.cursor-profile {
	background:url(../img/common/cursor_profile.svg) no-repeat center center / contain;
}
.cursor.is-link .cursor__circle {
	transform:scale(1);
	opacity:1;
}
.cursor.cursors {
	width:118px;
	height:118px;
	position:fixed;
	top:0;
	left:0;
	pointer-events:none;
	z-index:10002;
	transition:transform .4s ease;
	mix-blend-mode:normal;
}
.cursors:before {
	content:"MORE";
	font-family:'Roboto Condensed', sans-serif;
	position:absolute;
	left:50%;
	top:50%;
	height:16px;
	padding:0 3px;
	font-size:16px;
	line-height:1.1;
	background:#000;
	transform:translate(-50%,-50%);
	color:#fff;
	opacity:0;
	transition:opacity 0.2s ease;
}
.cursors.is-link:before {
	opacity:1;
}