@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;
	}
	#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;
		display: block;
	}
}
.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;
	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;
	}
}
.contactForm__wrap {
	width:750px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.contactForm__wrap {
		width:100%;
	}
}
.contactForm__text {
	line-height:1.8;
	margin-bottom:6em;
}
@media screen and (max-width:768px){
	.contactForm__text {
		font-size:3.2vw;
		margin-bottom:4em;
	}
}
.contactForm__caution {
	text-align: right;
	font-size:14px;
	color:#F00;
	margin-bottom:5px;
}
@media screen and (max-width:768px){
	.contactForm__caution {
		font-size:3.2vw;
		margin-bottom:0.5em;
	}
}
.contactForm__content {
	width:750px;
	margin:0 auto;
}
@media screen and (max-width:768px){
	.contactForm__content {
		width:100%;
	}
}
.contactForm__row {
	display: flex;
	margin-bottom:16px;
	align-items: center;
}
@media screen and (max-width:768px){
	.contactForm__row {
		display: block;
		margin-bottom:1.5em;
	}
}
.contactForm__row dt {
	width:200px;
}
@media screen and (max-width:768px){
	.contactForm__row dt {
		width:100%;
		font-size:3.2vw;
		margin-bottom:0.5em;
	}
}
.contactForm__row dt.required p:after {
	content:'*';
	color:#F00;
	display: inline-block;
}
.contactForm__row dd {
	width:calc(100% - 200px);
}
@media screen and (max-width:768px){
	.contactForm__row dd {
		width:100%;
	}
}
.contactForm__row input:not([type=radio]),
.contactForm__row textarea,
.contactForm__row select {
	-webkit-appearance : none;
	width:100%;
	border:1px solid #ccc;
	border-radius: 5px;
	padding:5px 10px;
	min-height: 50px;
	cursor: pointer;
	position: relative;
	background:#FFF;
}
@media screen and (max-width:768px){
	.contactForm__row input:not([type=radio]),
	.contactForm__row textarea,
	.contactForm__row select {
		min-height:10.6vw;
		font-size:3.6vw;
	}
	.contactForm__row label{
		font-size:3.6vw;
	}
}
.contactForm__row textarea {
	height:200px;
}
@media screen and (max-width:768px){
	.contactForm__row textarea {
		height:40vw;
	}
}
.contactForm__row input:hover,
.contactForm__row textarea:hover,
.contactForm__row select:hover {
	border-color:var(--color-darkblue);
}
.contactForm__row input:focus,
.contactForm__row textarea:focus,
.contactForm__row select:focus {
	border-color:var(--color-darkblue);
	background: #e7f7ff;
}
.contactForm__selectWrap {
	position: relative;
}
.contactForm__selectWrap:before {
	content:'';
	position:absolute;
	right:20px;
	width:8px;
	height:8px;
	box-sizing: border-box;
	border-right:2px solid #999;
	border-bottom: 2px solid #999;
	transform: rotateZ(45deg);
	top:50%;
	margin-top:-4px;
	pointer-events: none;
	z-index:10;
}
.contactForm__name {
	display: flex;
	justify-content: space-between;
}
.contactForm__name p {
	width:49%;
}
.contactForm__accept {
	padding-top:2em;
	text-align: center;
}
@media screen and (max-width:768px){
	.contactForm__accept {
		font-size:3.4vw;
	}
}
.contactForm__accept p {
	margin-bottom:1em;
}
.contactForm__submit {
	text-align: center;
	padding:50px;
}
@media screen and (max-width:768px){
	.contactForm__submit {
		padding:3.2vw 0;
	}
}
.contactForm__submit p:before {
	content:'';
	width:72px;
	display: inline-block
}
.contactForm__submit input {
	width:200px;
	border:1px solid var(--color-darkblue);
	border-radius: 25px;
	height:48px;
	background:var(--color-darkblue);
	color:#FFF;
	font-size:24px;
	transition: all 0.3s ease;
	cursor: pointer;
}
.contactForm__submit input:disabled{
	pointer-events: none;
	opacity:0.3;
	filter:grayscale(1);
}
@media screen and (max-width:768px){
	.contactForm__submit input {
		width:30vw;
		border-radius:5vw;
		height:10vw;
		font-size:4vw;
	}
}
.contactForm__submit input:hover {
	background:#FFF;
	color:var(--color-darkblue);
}
@media screen and (max-width:768px){
	.wpcf7-response-output {
		font-size:3.2vw;
	}
}

.footer {}
.footer__top {
	padding:20px 0;
	background:var(--color-darkblue);
	position: relative;
}
@media screen and (max-width:768px){
	.footer__top {
		padding:2.6666vw;
	}
}
.footer__topLinks {
	display: flex;
	justify-content: center;
}
.footer__topLinks li {
	width:20%;
	max-width: 150px;
	margin:0 min(0.6666vw,15px);
}
.footer__topLinks li:nth-child(2) {
	margin-right: min(160px,11.2vw);
}
.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;
	left:50%;
	top:50%;
	transform:translate(-50%,-50%);
}
.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);
}
.footer__bottom {
	display: flex;
	justify-content: center;
	background: url(../img/common/footer_bg.jpg) no-repeat center center / cover;
	flex-wrap: wrap;
}
.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:0 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;
}