@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;}
:root {
	--color-blue:#0030a4;
	--color-darkblue:#011051;
	--color-pink:#e28987;
	--color-6c1:#bc3d3d;
	--color-6c2:#ff9c00;
	--color-6c3:#bc79d0;
	--color-6c4:#29bad4;
	--color-6c5:#29b16f;
	--color-6c6:#7f79d0;
}
body{
	-webkit-text-size-adjust: 100%;
	background-color: #fff;
	color: #000;
	font-family:'Zen Maru Gothic',sans-serif;
	font-feature-settings: "palt";
	font-size: 16px;
	font-weight: 500;
	letter-spacing:0;
	line-height: 1.5;
	word-wrap: break-word;
}
a{ color: #000; }
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;
	}
	.pc{ display: none; }
	.ah:hover { opacity: 1; }
}
@media screen and (min-width:769px){
	.sp{ display: none; }
}
.font-bc {
	font-family: 'Barlow Condensed', sans-serif;
	font-weight: 500;
}
.font-sf {
	font-family: 'Noto Serif JP', serif;
}
.header {
	width:100%;
	position: sticky;
	left:0;
	top:0;
	z-index:1400;
}
@media screen and (max-width:768px){
	.header {
		height:100%;
		position: fixed;
		pointer-events: none;
	}
}
.header__inner {
	position: relative;
	height:100px;
	background:#000;
	display: flex;
	justify-content: center;
}
@media screen and (max-width:768px){
	.header__inner {
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		background:transparent;
	}
	.header__inner:before {
		content:'';
		position: absolute;
		left:0;
		top:0;
		width:100%;
		height:13.3333vw;
		background:#000;
	}
}
.header__logo {
	width:216px;
	height:37px;
	position: absolute;
	left:30px;
	top:28px;
}
@media screen and (max-width:768px){
	.header__logo {
		width:36.6666vw;
		height:6.2666vw;
		position: absolute;
		left:50%;
		margin-left:-18.3333vw;
		top:3.5333vw;
		pointer-events: auto;
	}
}
.header__logo a {
	display: block;
	height:37px;
	-webkit-mask:url(../img/common/logo_horizontal.svg) no-repeat center center / contain;
	mask:url(../img/common/logo_horizontal.svg) no-repeat center center / contain;
	background:#FFF;
}
@media screen and (max-width:768px){
	.header__logo a {
		height:6.2666vw;
	}
}
.nav {}
@media screen and (max-width:768px){
	.nav {
		position: absolute;
		left:0;
		top:13.3333vw;
		height:0;
		width:100%;
		background:var(--color-darkblue);
		pointer-events: auto;
		overflow: auto;
		transition: all 0.3s ease;
		overscroll-behavior:contain;
	}
	#header.is-active .nav {
		height:calc(100% - 13.3333vw);
	}
}
.nav__lists {
	display: flex;
	justify-content: center;
	padding:0 280px;
}
@media screen and (max-width:1280px){
	.nav__lists {
		padding-right:10px;
	}
}
@media screen and (max-width:768px){
	.nav__lists {
		padding:10.6666vw 0 16.6666vw;
		display: block;
		min-height:calc(100% + 1px);
	}
}
.nav__lists li {}
.nav__lists li.toContact {
	font-family:'Zen Maru Gothic',sans-serif;
	display: flex;
	align-items: center;
	margin-left:min(1.6666vw,20px);
}
@media screen and (max-width:768px){
	.nav__lists li.toContact {
		font-family:'Zen Maru Gothic',sans-serif;
		display:block;
		align-items:unset;
		margin-left:unset;
		padding:7vw 0;
	}
}
.nav__lists li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 min(1.2vw,24px);
	color:#FFF;
	text-decoration: none;
	height:100px;
	font-size:min(2.4vw,26px);
	line-height:1;
	position: relative;
}
@media screen and (max-width:768px){
	.nav__lists li a {
		justify-content: flex-start;
		padding:0 18vw;
		height:18vw;
		font-size:13.3333vw;
	}
}
.nav__lists li.toContact a {
	display: flex;
	justify-content: center;
	padding:0 min(1.2vw,15px);
	height:38px;
	background:#FFF;
	color:#000;
	border-radius: 19px;
	font-size:min(1.6vw,18px);
	transition: background 0.3s ease;
}
@media screen and (max-width:768px){
	.nav__lists li.toContact a {
		width:64vw;
		margin:0 auto;
		padding:0;
		height:12.8vw;
		color:var(--color-darkblue);
		border-radius: 6.4vw;
		font-size:6.4vw;
		font-weight: 700;
	}
}
@media screen and (hover:hover){
	.nav__lists li.toContact a:hover{
		background:var(--color-pink);
		color:#FFF;
	}
}
@media screen and (hover:hover){
	.nav__lists li a:before {
		content:'';
		position: absolute;
		bottom:34px;
		height:2px;
		background:#FFF;
		left:50%;
		right:50%;
		opacity:0;
		transition: all 0.3s ease;
	}
	.nav__lists li a:hover:before,
	.nav__lists li a.is-active:before {
		left:24px;
		right:24px;
		opacity:1;
	}
	.nav__lists li.toContact a:before {
		display: none;
	}
}
.nav__lists li a span {
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.nav__lists li a:hover span,
	.nav__lists li a.is-active span {
		transform:translateY(-5px);
	}
	.nav__lists li.toContact a:hover span {
		transform: none;
	}
}
.header__btn {
	width:100px;
	height:100px;
	position: absolute;
	right:0;
	top:0;
}
@media screen and (max-width:768px){
	.header__btn {
		width:13.3333vw;
		height:13.3333vw;
		pointer-events: auto;
	}
}
.header__btn a {
	display: block;
	height:100px;
	position: relative;
	background:var(--color-darkblue);
}
@media screen and (max-width:768px){
	.header__btn a {
		height:13.3333vw;
	}
}
.header__btn a span {
	display: block;
	position: absolute;
	left:34px;
	width:32px;
	height: 5px;
	background:#FFF;
	top:50%;
	margin-top:-2px;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.header__btn a span {
		display: block;
		position: absolute;
		left:4.5333vw;
		width:4.2666vw;
		height: 2px;
		background:#FFF;
		top:50%;
		margin-top:-1px;
	}
}
.header__btn a span:nth-child(1) {
	transform:translateY(-10px);
}
.header__btn a span:nth-child(3) {
	transform:translateY(10px);
}
@media screen and (max-width:768px){
	.header__btn a span:nth-child(1) {
		transform:translateY(-1.3333vw);
	}
	.header__btn a span:nth-child(3) {
		transform:translateY(1.3333vw);
	}
	#header.is-active .header__btn a span:nth-child(1) {
		transform:rotate(45deg);
	}
	#header.is-active .header__btn a span:nth-child(2) {
		opacity:0;
	}
	#header.is-active .header__btn a span:nth-child(3) {
		transform:rotate(-45deg);
	}
}
.contents {
	overflow: hidden;
	padding-top:50px;
	padding-bottom:50px;
/*	background-image: url(../img/common/contents_bg-t.png),url(../img/common/contents_bg-b.jpg);
	background-position: center top,center bottom;
	background-repeat: no-repeat;
	background-size:100% auto;
*/}
@media screen and (max-width:768px){
	.contents {
		padding-top:20vw;
	}
}
.subPageContent {
	margin-bottom:80px;
	position: relative;
}
@media screen and (max-width:768px){
	.subPageContent {
		margin-bottom:6.4vw;
	}
}
.contents__inner {
	padding: 0 min(5%,52px);
	position: relative;
	z-index:10;
	margin:0 auto;
}
.contents__title {
	font-size: 70px;
	text-align: center;
	line-height:1;
	margin-bottom:45px;
}
@media screen and (max-width:768px){
	.contents__title {
		font-size: 9.3333vw;
		margin-bottom:5vw;
	}
}
.contents__subTitle {
	font-size:70px;
	color:#000;
	text-align: center;
	line-height:1;
	margin-bottom:45px;
}
@media screen and (max-width:768px){
	.contents__subTitle {
		font-size:9.3333vw;
		margin-bottom:7vw;
	}
}
.contents__lw {
	width:calc(100% + 16px);
	margin:0 -8px 80px;
	position: relative;
}
@media screen and (max-width:768px){
	.contents__lw {
		width:calc(100% + 2vw);
		margin:0 -1vw 9.6vw;
	}
}
@media screen and (min-width:769px){
	.contents__lw {
		width:732px;
		margin:0 auto 80px;
	}
}
@media screen and (min-width:1218px){
	.contents__lw {
		width:1098px;
		margin:0 auto 80px;
	}
}
.contents__sw {
	width:100%;
	margin:0 0 80px;
	position: relative;
}
@media screen and (max-width:768px){
	.contents__sw {
		width:100%;
		margin:0 0 9.6vw;
	}
}
@media screen and (min-width:1218px){
	.contents__sw {
		width:1082px;
		margin:0 auto 80px;
	}
}
/*@media screen and (min-width:1584px){
	.contents__lw {
		width:1464px;
	}
}
@media screen and (min-width:1950px){
	.contents__lw {
		width:1830px;
	}
}
@media screen and (min-width:2316px){
	.contents__lw {
		width:2196px;
	}
}
@media screen and (min-width:2682px){
	.contents__lw {
		width:2562px;
	}
}
@media screen and (min-width:3048px){
	.contents__lw {
		width:2928px;
	}
}
@media screen and (min-width:3414px){
	.contents__lw {
		width:3294px;
	}
}
@media screen and (min-width:3780px){
	.contents__lw {
		width:3660px;
	}
}
@media screen and (min-width:4146px){
	.contents__lw {
		width:4026px;
	}
}*/
.l-carousel__content {
	width:calc(100% + 16px);
	margin:0 -8px;
	position: relative;
}
@media screen and (max-width:768px){
	.l-carousel__content {
		width:calc(100% + 2vw);
		margin:0 -1vw;
		position: relative;
	}
}
@media screen and (min-width:1218px){
	.l-carousel__content {
		width:1098px;
		margin:0 auto;
	}
}
@media screen and (min-width:1584px){
	.l-carousel__content {
		width:1464px;
	}
}
@media screen and (min-width:1950px){
	.l-carousel__content {
		width:1830px;
	}
}
@media screen and (min-width:2316px){
	.l-carousel__content {
		width:2196px;
	}
}
@media screen and (min-width:2682px){
	.l-carousel__content {
		width:2562px;
	}
}
@media screen and (min-width:3048px){
	.l-carousel__content {
		width:2928px;
	}
}
@media screen and (min-width:3414px){
	.l-carousel__content {
		width:3294px;
	}
}
@media screen and (min-width:3780px){
	.l-carousel__content {
		width:3660px;
	}
}
@media screen and (min-width:4146px){
	.l-carousel__content {
		width:4026px;
	}
}
.l-news__swiper {
	overflow: visible;
	margin-bottom:40px;
}
@media screen and (max-width:768px){
	.l-news__swiper {
		margin-bottom:5.3333vw;
	}
}
.l-news__swiper-slide {
	margin:0 8px;
	width:calc(100% / 3 - 16px);
	max-width: 350px
}
@media screen and (max-width:768px){
	.l-news__swiper-slide {
		margin:0 1vw;
		width:calc(100% / 2 - 2vw);
		max-width: unset
	}
}
.l-news__swiper-slide a {
	display: block;
	overflow: hidden;
	transition: all 0.3s ease;
}
.l-news__swiper-slide a:hover {
	transform:scale(1.05);
}
@media screen and (hover:hover){
	.l-news__swiper-slide a:hover {
		transform:scale(1.05);
	}
}
.l-news__lists {
	width:100%;
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.l-news__list {
	width:350px;
	margin:0 8px 30px;
}
@media screen and (max-width:768px){
	.l-news__list {
		width:calc(50% - 2vw);
		margin:0 1vw 4vw;
	}
}
.l-news__list a {
	display: block;
	overflow: hidden;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.l-news__list a:hover {
		transform:scale(1.05);
	}
}
.l-news__list:last-child {
	margin-right:auto;
}
.l-news__link {
	text-decoration: none;
	padding-bottom:6px;
	position: relative;
}
.l-news__link:after {
	content:'';
	position: absolute;
	left:0;
	bottom:0;
	right:0;
	height:6px;
	border-radius: 3px;
	background:var(--color-blue);
}
@media screen and (max-width:768px){
	.l-news__link {
		padding-bottom:3px;
	}
	.l-news__link:after {
		height:3px;
	}
}
.l-news__thumb {
	width:100%;
	padding-top:56.25%;
	overflow: hidden;
	border-radius: 10px;
	margin-bottom:14px;
	position: relative;
	background-color:var(--color-blue);
	background-size:contain;
	background-repeat: no-repeat;
	background-position: center center;
}
@media screen and (max-width:768px){
	.l-news__thumb {
		border-radius: 5px;
		margin-bottom:2.5vw;
	}
}
/*.l-news__swiper-slide:nth-child(6n + 1) .l-news__thumb,
.l-news__swiper-slide:nth-child(6n + 1) .l-news__link:after,
.l-news__list:nth-child(6n + 1) .l-news__thumb,
.l-news__list:nth-child(6n + 1) .l-news__link:after{
	background:var(--color-6c1);
}
.l-news__swiper-slide:nth-child(6n + 2) .l-news__thumb,
.l-news__swiper-slide:nth-child(6n + 2) .l-news__link:after,
.l-news__list:nth-child(6n + 2) .l-news__thumb,
.l-news__list:nth-child(6n + 2) .l-news__link:after{
	background:var(--color-6c2);
}
.l-news__swiper-slide:nth-child(6n + 3) .l-news__thumb,
.l-news__swiper-slide:nth-child(6n + 3) .l-news__link:after,
.l-news__list:nth-child(6n + 3) .l-news__thumb,
.l-news__list:nth-child(6n + 3) .l-news__link:after{
	background:var(--color-6c3);
}
.l-news__swiper-slide:nth-child(6n + 4) .l-news__thumb,
.l-news__swiper-slide:nth-child(6n + 4) .l-news__link:after,
.l-news__list:nth-child(6n + 4) .l-news__thumb,
.l-news__list:nth-child(6n + 4) .l-news__link:after{
	background:var(--color-6c4);
}
.l-news__swiper-slide:nth-child(6n + 5) .l-news__thumb,
.l-news__swiper-slide:nth-child(6n + 5) .l-news__link:after,
.l-news__list:nth-child(6n + 5) .l-news__thumb,
.l-news__list:nth-child(6n + 5) .l-news__link:after{
	background:var(--color-6c5);
}
.l-news__swiper-slide:nth-child(6n) .l-news__thumb,
.l-news__swiper-slide:nth-child(6n) .l-news__link:after,
.l-news__list:nth-child(6n) .l-news__thumb,
.l-news__list:nth-child(6n) .l-news__link:after{
	background:var(--color-6c6);
}*/
.l-news__thumb img {
	position: absolute;
	left:0;
	top:0;
	display: block;
	height:100%;
	width:100%;
	object-fit:contain;
}
.l-news__name {
	font-size:16px;
	transform:rotate(0.03deg);
	height:4.5em;
	overflow: hidden;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 3;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.l-news__name {
		font-size:3.2vw;
		height:4.5em;
		overflow: hidden;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 3;
		margin-bottom:2.5vw;
	}
}
.l-news__time {
	display: block;
	line-height: 1;
	padding-bottom:26px;
	transform: rotate(0.03deg);
	color:var(--color-blue);
}
@media screen and (max-width:768px){
	.l-news__time {
		padding-bottom:3.2vw;
		font-size:3.2vw;
	}
}
/*.l-news__swiper-slide:nth-child(6n + 1) .l-news__time,
.l-news__list:nth-child(6n + 1) .l-news__time {
	color:var(--color-6c1);
}
.l-news__swiper-slide:nth-child(6n + 2) .l-news__time,
.l-news__list:nth-child(6n + 2) .l-news__time {
	color:var(--color-6c2);
}
.l-news__swiper-slide:nth-child(6n + 3) .l-news__time,
.l-news__list:nth-child(6n + 3) .l-news__time {
	color:var(--color-6c3);
}
.l-news__swiper-slide:nth-child(6n + 4) .l-news__time,
.l-news__list:nth-child(6n + 4) .l-news__time {
	color:var(--color-6c4);
}
.l-news__swiper-slide:nth-child(6n + 5) .l-news__time,
.l-news__list:nth-child(6n + 5) .l-news__time {
	color:var(--color-6c5);
}
.l-news__swiper-slide:nth-child(6n) .l-news__time,
.l-news__list:nth-child(6n) .l-news__time {
	color:var(--color-6c6);
}*/
.l-carousel__nav {
	width:1050px;
	margin:0 auto;
	position: absolute;
	top:-70px;
	left:50%;
	margin-left:-525px;
	display: flex;
	justify-content: flex-end;
}
@media screen and (max-width:768px){
	.l-carousel__nav {
		width:89.3333vw;
		top:-9.3333vw;
		margin-left:-44.6666vw;
	}
}
.l-carousel__nav li {
	width:30px;
	height:30px;
	margin-left:10px;
}
@media screen and (max-width:768px){
	.l-carousel__nav li {
		width:4vw;
		height:4vw;
		margin-left:1.3333vw;
	}
}
.l-carousel__nav li a {
	display: block;
	height:30px;
	position: relative;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.l-carousel__nav li a {
		height:4vw;
	}
}
.l-carousel__nav li a:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	right:0;
	bottom:0;
	-webkit-mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:#FFF;
}
.l-carousel__nav-l {
	transform:rotate(180deg);
}
@media screen and (hover:hover){
	.l-carousel__nav li a:hover {
		transform:scale(1.2);
	}
}
.news .l-carousel__nav li a:before {
	background:#000;
}
.footer {
	position: relative;
}
.footer__top {
	padding:46px 0 20px;
	background:var(--color-darkblue);
	position: relative;
}
@media screen and (max-width:768px){
	.footer__top {
		padding:6.2vw 0 2.6666vw;
	}
}
.footer__topLinks {
	display: flex;
	justify-content: center;
}
.footer__topLinks li {
	width:20%;
	max-width: 150px;
	margin:0 min(0.6666vw,15px);
}
@media screen and (max-width:768px){
	.footer__topLinks li {
		margin:0 1.6vw;
	}
}
.footer__topLinks li a {
	position: relative;
	padding-top:100%;
	display: block;
	width:100%;
	overflow: hidden;
	border-radius: 50%;
	background:#FFF;
	transition:all 0.3s ease;
}
@media screen and (hover:hover){
	.footer__topLinks li a:hover {
		transform:scale(1.1);
	}
}
.footer__topLink-icon {
	position: absolute;
	width:27%;
	padding-top:27%;
	bottom:55%;
	left:50%;
	transform:translateX(-50%);
	background:var(--color-darkblue);
}
.ftl-officialShop .footer__topLink-icon {
	-webkit-mask: url(../img/common/icon_cart.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_cart.svg) no-repeat center center / contain
}
.ftl-guideline .footer__topLink-icon {
	-webkit-mask: url(../img/common/icon_document.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_document.svg) no-repeat center center / contain
}
.ftl-officialX .footer__topLink-icon {
	-webkit-mask: url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_x.svg) no-repeat center center / contain
}
.ftl-officialYoutube .footer__topLink-icon {
	-webkit-mask: url(../img/common/sns_yt.svg) no-repeat center center / contain;
	mask: url(../img/common/sns_yt.svg) no-repeat center center / contain
}
.footer__topLink-name {
	position: absolute;
	left:0;
	right:0;
	top:40%;
	bottom:0;
	display: flex;
	justify-content: center;
	align-items:center;
	text-align: center;
	color:var(--color-darkblue);
	font-size:min(28px,3.73333vw);
	line-height: 1
}
.footer__bttop {
	width:min(48px,6.4vw);
	height:min(48px,6.4vw);
	position: absolute;
	right:20px;
	top:calc(-20px - min(48px,6.4vw));
}
.footer__bttop a {
	width:100%;
	height:100%;
	position: absolute;
	left:0;
	top:0;
	transition: all 0.3s ease;
}
.footer__bttop a:hover {
	transform: translateY(-5px);
}
.footer__bttop a:before {
	content:'';
	position: absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	-webkit-mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:#FFF;
	transform:rotate(-90deg);
	z-index:10;
}
.footer__bttop a:after {
	content:'';
	position: absolute;
	left:-3px;
	right:-3px;
	top:-3px;
	bottom:-3px;
	background:var(--color-darkblue);
	border-radius: 50%;
}
@media screen and (max-width:768px){
	.footer__bttop a:after {
		left:-2px;
		right:-2px;
		top:-2px;
		bottom:-2px;
	}
}
.footer__bottom {
	display: flex;
	justify-content: center;
	background: url(../img/common/footer_bg.jpg) no-repeat center center / cover;
	flex-wrap: wrap;
	position: relative;
}
.footer__l {
	width:50%;
	max-width: 600px;
	padding:50px 0;
	min-width: 500px;
}
@media screen and (max-width:768px){
	.footer__l {
		width:100%;
		max-width:unset;
		padding:6.6666vw 0;
		min-width:unset;
	}
}
.footer__logo {
	width:141px;
	height:162px;
	margin:0 auto 24px;
}
@media screen and (max-width:768px){
	.footer__logo {
		width:25.73333vw;
		height:29.6vw;
		margin:0 auto 5.3333vw;
	}
}
.footer__logo a {
	display: block;
	height:162px;
	-webkit-mask:url(../img/common/logo_vertical.svg) no-repeat center center / contain;
	mask:url(../img/common/logo_vertical.svg) no-repeat center center / contain;
	background:#FFF;
}
@media screen and (max-width:768px){
	.footer__logo a {
		height:29.6666vw;
	}
}
.footer__navLists {
	display: flex;
	justify-content: center;
	margin-bottom:20px;
}
@media screen and (max-width:768px){
	.footer__navLists {
		margin-bottom:4vw;
	}
}
.footer__navLists li {}
.footer__navLists li.toContact {
	display: none;
}
.footer__navLists li a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding:0 13px;
	color:#FFF;
	text-decoration: none;
	height:40px;
	font-size:26px;
	line-height:1;
	position: relative;
}
@media screen and (max-width:768px){
	.footer__navLists li a {
		padding:0 2vw;
		height:7vw;
		font-size:4.8vw;
	}
}
.footer__navLists li a:before {
	content:'';
	position: absolute;
	bottom:6px;
	height:2px;
	background:#FFF;
	left:50%;
	right:50%;
	opacity:0;
	transition: all 0.3s ease;
}
.footer__navLists li a:hover:before {
	left:13px;
	right:13px;
	opacity:1;
}
.footer__navLists li a span {
	position: relative;
	transition: all 0.3s ease;
}
.footer__navLists li a:hover span {
	transform:translateY(-5px);
}
.footer__sns {
	display: flex;
	justify-content: center;
}
.footer__sns li {
	width:40px;
	height:40px;
	margin:0 5px;
}
@media screen and (max-width:768px){
	.footer__sns li {
		width:11.7333vw;
		height:11.7333vw;
		margin:0 1.6vw;
	}
}
.footer__sns li a {
	display: flex;
	border-radius: 50%;
	background:#FFF;
	overflow: hidden;
	width:100%;
	position: relative;
	height:100%;
	justify-content: center;
	align-items: center;
	transition: all 0.3s ease;
}
@media screen and (hover:hover){
	.footer__sns li a:hover {
		transform:scale(1.1);
	}
}
.footer__sns li a:before {
	content: '';
	display: block;
	width:20px;
	height:20px;
	background: #000;
}
@media screen and (max-width:768px){
	.footer__sns li a:before {
		width:5.3333vw;
		height:5.3333vw;
	}
}
.sns-x:before {
	-webkit-mask: url(../img/common/icon_x.svg) no-repeat center center / contain;
	mask: url(../img/common/icon_x.svg) no-repeat center center / contain;
}
.sns-tt:before {
	-webkit-mask: url(../img/common/sns_tiktok.svg) no-repeat center center / contain;
	mask: url(../img/common/sns_tiktok.svg) no-repeat center center / contain;
}
.sns-ig:before {
	-webkit-mask: url(../img/common/sns_ig.svg) no-repeat center center / contain;
	mask: url(../img/common/sns_ig.svg) no-repeat center center / contain;
}
.footer__r {
	display: flex;
	width:50%;
	max-width: 600px;
	justify-content: flex-start;
	align-items: center;
	padding:50px 30px;
	min-width:500px;
}
@media screen and (max-width:768px){
	.footer__r {
		width:100%;
		max-width:unset;
		padding:0 5.3333vw;
		min-width:unset;
	}
}
.footer__officialSns {
	width:100%;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.footer__officialSnsL {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom: 25px;
}
@media screen and (max-width:768px){
	.footer__officialSnsL {
		margin-bottom: 5vw;
	}
}
.footer__officialSnsL dt {
	transform:rotate(0.03deg);
	width:100%;
	height:37px;
	background: #FFF;
	color:#000;
	font-size:18px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 19px;
	margin-bottom:10px;
}
@media screen and (max-width:768px){
	.footer__officialSnsL dt {
		width:100%;
		height:4.9333vw;
		font-size:3.2vw;
		border-radius: 3vw;
		margin-bottom:2vw;
	}
}
.footer__officialSnsL dd {
	padding:0 18px;
}
@media screen and (max-width:768px){
	.footer__officialSnsL dd {
		padding:0 4vw;
	}
}
.footer__officialSnsL dd a {
	height:28px;
	display: flex;
	padding-right:25px;
	align-items: center;
	color:#FFF;
	text-decoration: none;
	transform:rotate(0.03deg);
	font-size:18px;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.footer__officialSnsL dd a {
		height:4vw;
		padding-right:4vw;
		font-size:3.2vw;
	}
}
@media screen and (hover:hover){
	.footer__officialSnsL dd a:hover {
		transform:translateX(5px);
	}
}
.footer__officialSnsL dd a:before {
	content:'';
	position: absolute;
	right:0;
	top:50%;
	width:14px;
	height:14px;
	margin-top: -7px;
	-webkit-mask:url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask:url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:#FFF;
	transition:all 0.3s ease;
}
@media screen and (max-width:768px){
	.footer__officialSnsL dd a:before {
		width:2.4vw;
		height:2.4vw;
		margin-top: -1.2vw;
	}
}
@media screen and (hover:hover){
	.footer__officialSnsL dd a:hover:before {
		transform:scale(1.3);
	}
}
.footer__end {
	width:100%;
	color:#FFF;
	height:90px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size:14px;
}
@media screen and (max-width:768px){
	.footer__end {
		height:10vw;
		font-size:2.666vw;
		padding:2vw 0 6vw;
	}
}
.footer__endLinks {
	display: flex;
}
.footer__endLinks li {
	margin-right:1.6em;
	position: relative;
}
.footer__endLinks li:after {
	content:'';
	position: absolute;
	right:-0.8em;
	width:1px;
	top:3px;
	bottom:3px;
	background:#FFF;
}
.footer__endLinks li:last-child:after {
	display: none
}
.footer__endLinks li a {
	color:#FFF;
	display: block;
	transform: rotate(0.03deg);
	text-decoration: none;
}
.footer__endLinks li a:hover {
	text-decoration: underline;
}
.footer__copyright {
	transform:rotate(0.03deg);
	padding-left:30px;
}
@media screen and (max-width:768px){
	.footer__copyright {
		padding-left:0;
	}
}
.footer__pankz {
	background:#afe1fb;
	display: flex;
	padding:0 60px;
	align-items: center;
	height:48px;
}
@media screen and (max-width:768px){
	.footer__pankz {
		padding:0 4.6666vw;
		min-height:7.2vw;
	}
}
.footer__pankzList {
	display: flex;
	overflow: hidden;
	flex-wrap: wrap;
}
.footer__pankzList li {
	padding-right:48px;
	height:28px;
	line-height:28px;
	position: relative;
	transform: rotate(0.03deg);
	font-weight: 700;
	color:var(--color-darkblue);
}
@media screen and (max-width:768px){
	.footer__pankzList li {
		padding-right:7.2vw;
		height:5vw;
		line-height:5vw;
		font-size:3.2vw;
	}
}
.footer__pankzList li a {
	display: flex;
	align-items: center;
	height:28px;
	font-weight: 700;
	color:var(--color-darkblue);
	text-decoration: none;
}
@media screen and (max-width:768px){
	.footer__pankzList li a {
		height:5vw;
		font-size:3.2vw;
	}
}
.footer__pankzList li a:hover {
	text-decoration: underline;
}
.footer__pankzList li:before {
	content:'';
	position: absolute;
	right:17px;
	top:50%;
	width:14px;
	height:14px;
	margin-top:-7px;
	-webkit-mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:var(--color-darkblue);
}
@media screen and (max-width:768px){
	.footer__pankzList li:before {
		right:2.4vw;
		top:50%;
		width:2.4vw;
		height:2.4vw;
		margin-top:-1.2vw;
	}
}
.footer__pankzList li:last-child:before {
	display: none;
}
.content__tabs {
	margin:0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-bottom:28px;
}
.content__tabs li {
	min-width:206px;
	margin:0 6px 13px 7px;
}
@media screen and (max-width:768px){
	.content__tabs {
		margin-bottom:4vw;
	}
	.content__tabs li {
		min-width:calc(100% / 3 - 2vw);
		margin:0 1vw 2vw;
	}
}
.content__tabs li a {
	padding:0 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	width:100%;
	height:56px;
	border:2px solid var(--color-pink);
	border-radius: 28px;
	background:#FFF;
	color:var(--color-pink);
	text-decoration: none;
	font-weight: 700;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.content__tabs li a {
		padding:0 3.2vw;
		height:7.4666vw;
		border:1px solid var(--color-pink);
		border-radius: 4vw;
		font-size:3.2vw;
	}
}
@media screen and (hover:hover){
	.content__tabs li a:hover {
		background: var(--color-pink);
		color:#FFF;
	}
}
.content__tabs li a.is-active {
	background: linear-gradient(109deg, rgba(179,153,198,1) 0%,rgba(232,135,126,1) 50%,rgba(179,153,198,1) 100%);
	background-size:200% auto;
	transform:unset;
	color:#FFF;
	border:none;
}
.content__tabs li a span {
	display: block;
	transform:rotate(0.03deg);
}
.content__more {
	width:346px;
	height:56px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.content__more {
		width:46.1333vw;
		height:7.4666vw;
	}
}
.content__more a {
	display: flex;
	justify-content: center;
	align-items: center;
	height:56px;
	border-radius: 28px;
	background: linear-gradient(109deg, rgba(179,153,198,1) 0%,rgba(232,135,126,1) 50%,rgba(179,153,198,1) 100%);
	background-size:200% 100%;
	background-position: left center;
	text-decoration: none;
	color:#FFF;
	font-size:28px;
	position: relative;
	transition: all 0.3s ease;
}
@media screen and (max-width:768px){
	.content__more a {
		height:7.4666vw;
		border-radius: 4vw;
		font-size:4vw;
	}
}
@media screen and (hover:hover){
	.content__more a:hover {
		background-position:right top;
		transform:scale(1.05);
	}
}
.content__more a:before {
	content:'';
	position: absolute;
	right:20px;
	top:50%;
	margin-top: -10px;
	width:20px;
	height:20px;
	-webkit-mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	mask: url(../img/common/btn_arrow.svg) no-repeat center center / contain;
	background:#FFF;
	transition: all 0.3s ease;
	transform:rotate(90deg);
}
@media screen and (max-width:768px){
	.content__more a:before {
		right:2.6666vw;
		margin-top: -1.3333vw;
		width:2.6666vw;
		height:2.6666vw;
	}
}
.content__more a:hover:before {
	background:#FFF;
}
.article {}
.article__header {
	padding:24px 0;
	position: relative;
}
@media screen and (max-width:768px){
	.article__header {
		padding:3.2vw 0;
	}
}
.article__header:before {
	content:'';
	position: absolute;
	left:0;
	right:0;
	top:0;
	height:6px;
	background:var(--color-blue);
	border-radius: 3px;
}
@media screen and (max-width:768px){
	.article__header:before {
		height:3px;
	}
}
.article__header:after {
	content:'';
	position: absolute;
	left:0;
	right:0;
	bottom:0;
	height:6px;
	background:var(--color-blue);
	border-radius: 3px;
}
@media screen and (max-width:768px){
	.article__header:after {
		height:3px;
	}
}
.article__title {
	font-size:24px;
	line-height:1.6666;
	margin-bottom:0.8em;
}
@media screen and (max-width:768px){
	.article__title {
		font-size:3.8vw;
	}
}
.article__time {
	font-size:16px;
	display: block;
	color:var(--color-blue);
	padding-bottom:4px;
	transform: rotate(0.03deg);
}
@media screen and (max-width:768px){
	.article__time {
		font-size:3.2vw;
		padding-bottom:1vw;
	}
}
.article__content {
	padding:32px 0;
	font-size:16px;
	transform:rotate(0.03deg);
	line-height:1.8;
}
@media screen and (max-width:768px){
	.article__content {
		padding:4.6vw 0;
		font-size:3.2vw;
	}
}
.article__content *{
	word-break:break-all;
}
.aligncenter{
	display:block;
	margin:0 auto;
}
.alignright{float:right}
.alignleft{float:left}
.article__content img{
	max-width:100%;
	height:auto;
	display:block;
	margin-bottom:1.5em;
}
.article__content iframe{
	max-width:100%;
}
.article__content iframe[src*="youtu"]{
	width:800px;
	height:450px;
	display:block;
	margin:2rem auto;
}
@media screen and (max-width:768px){
	.article__content iframe[src*="youtu"]{
		width:90vw;
		height:50.625vw;
	}
}
.article__content p{
	margin-bottom:1.5em;
}
.article__content a{
	color:var(--color-6c1);
}
.article__content h2{
	font-size:20px;
	font-weight:700;
}
.article__content h3{
	font-size:19px;
	font-weight:700;
	line-height:1.4;
	display:block;
	border-bottom:1px solid #000;
	margin-bottom:1em;
	padding:0 0 5px;
}
.article__content h4{
	font-size:18px;
	display:table;
	border-bottom:1px solid #000;
	line-height:1.4;
	padding:2px 0 3px;
	margin-bottom:1em;
	font-weight:700;
}
.article__content h5{
	font-size:16px;
	line-height:1;
	display:table;
	background:#000;
	margin-bottom:1em;
	padding:4px 5px 3px;
	font-weight:700;
	color:#FFF;
}
.article__content h6{
	font-size:16px;
	font-weight:700;
	color:#000;
	line-height:1.6;
	padding:0 0 12px;
	margin-bottom:0.5em;
}
.article__content em{
	font-style:italic
}
.article__content blockquote{
	margin:1.5em 0;
	border-left:5px solid #ddd;
	padding:1em 0 1em 10px;
	color:#777
}
.article__content blockquote p + p{
	margin-top:0.5em
}
.article__content ul,
.article__content ol{
	margin:1.2em 0 1.5em
}
.article__content ul,
.article__content ul li{
	list-style-type:disc
}
.article__content ol,
.article__content ol li{
	list-style-type:decimal
}
.article__content li{
	margin-left:1.5em
}
@media screen and (max-width:768px){
	.article__content h2{
		font-size:4vw
	}
	.article__content h3{
		font-size:4vw
	}
	.article__content h4{
		font-size:3.6vw
	}
	.article__content h5{
		font-size:3.6vw
	}
	.article__content h6{
		font-size:3.4vw
	}
	.article__content blockquote{
		padding:1em 0 1em 2vw
	}
	.article__content .article__box{
		padding:5vw;
		border:1px solid #000;
		background:rgba(255,255,255,.64);
		margin-bottom:2em;
	}
}