@charset "UTF-8";
:root {
	--design-size-pc: 1400;
	--design-size-pc--rem: 140.0rem;
	--design-size-sp: 375
}
:root {
	--color-twitter: #1da1f2;
	--color-facebook: #1877f2;
	--color-line: #32a632;
	--color-line-hover: #32bd51;
	--color-youtube: #f00;
	--color-hatena: #00a4de;
	--color-white: #ffffff;
	--color-white--rgba: 255, 255, 255;
	--color-black0: #000000;
	--color-black0--rgba: 0, 0, 0;
	--color-black2: #222222;
	--color-black3: #333333;
	--color-black3--rgba: 51, 51, 51;
	--color-dark-gray: #8e8e8e;
	--color-dark-gray2: #999999;
	--color-dark-gray3: #828282;
	--color-dark-gray4: #818181;
	--color-dark-gray5: #494949;
	--color-dark-gray6: #777777;
	--color-dark-gray7: #9f9f9f;
	--color-dark-gray8: #5e5e5e;
	--color-dark-gray9: #808080;
	--color-dark-gray10: #838383;
	--color-dark-gray11: #747474;
	--color-dark-gray12: #888888;
	--color-dark-gray13: #8d8d8d;
	--color-dark-gray14: #9c9c9c;
	--color-dark-gray15: #9a9a9a;
	--color-dark-gray16: #787878;
	--color-gray: #d7d7d7;
	--color-gray2: #b7b7b7;
	--color-gray3: #e0e0e0;
	--color-gray4: #c2c2c2;
	--color-gray5: #ababab;
	--color-gray6: #b5b5b5;
	--color-gray7: #aeaeae;
	--color-gray8: #dfdddb;
	--color-gray9: #cacaca;
	--color-gray10: #c5c5c5;
	--color-gray11: #afafaf;
	--color-gray12: #a7a7a7;
	--color-gray13: #efefef;
	--color-gray14: #bababa;
	--color-gray15: #aaaaaa;
	--color-gray16: #a4a4a4;
	--color-gray17: #c3c3c3;
	--color-gray18: #b3b3b3;
	--color-gray19: #a3a3a3;
	--color-gray20: #dcdcdc;
	--color-gray21: #cecece;
	--color-light-gray: #f0f0f0;
	--color-bluegray: #bec5c8;
	--color-yellowgray: #77776c;
	--color-light-yellowgray: #cfcfc4;
	--color-gold: #dcbc56;
	--color-gold2: #e6c56d;
	--color-gold3: #d0b26e;
	--color-gold4: #ebd088;
	--color-gold5: #eacf87;
	--color-gold5--rgba: 234, 207, 135;
	--color-gold6: #cda863;
	--color-gold7: #c5a132;
	--color-gold8: #cba663;
	--color-gold9: #cfb16e;
	--color-gold10: #cfaa63;
	--color-gold11: #caa563;
	--color-gold12: #ba8f54;
	--color-gold13: #a79366;
	--color-azuki: #a55854;
	--color-azuki2: #a45854;
	--color-azuki3: #905854;
	--color-orange: #da9a7d;
	--color-bronze: #965a19;
	--color-kuri: #5e4d27;
	--color-brown: #937254;
	--color-brown2: #8c7854;
	--color-brown3: #765a33;
	--color-brown4: #7d5f41;
	--color-beige: #c0aa88;
	--color-beige2: #aea691;
	--color-beige3: #e9e1c1;
	--color-beige4: #a68d6d;
	--color-beige5: #efe8da;
	--color-beige6: #bfa987;
	--color-beige7: #e8e0c0;
	--color-beige8: #a58c6d;
	--color-beige9: #bba583;
	--color-beige10: #ab9580;
	--color-kurk: #a28e82;
	--color-green: #92aa66;
	--color-green2: #91a966;
	--color-green3: #98b566;
	--color-green4: #4d6807;
	--color-green5: #8ca466;
	--color-light-green: #d9e5d1;
	--color-light-green2: #d8e4d0;
	--color-dark-olive: #757565;
	--color-dark-olive2: #716d52;
	--color-blue: #52727a;
	--color-blue2: #82999f;
	--color-blue3: #466871;
	--color-blue4: #68848b;
	--color-blue5: #61939d;
	--color-blue6: #426a79;
	--color-blue7: #578080;
	--color-light-blue: #e1e8e8;
	--color-light-blue2: #e0e7e7;
	--color-purple: #754865;
	--color-ui-error: #ff0000
}
.theme-azuki {
	--theme-color: var( --color-azuki)
}
.theme-azuki2 {
	--theme-color: var( --color-azuki2)
}
.theme-azuki3 {
	--theme-color: var( --color-azuki3)
}
.theme-bronze {
	--theme-color: var( --color-bronze)
}
.theme-kurk {
	--theme-color: var( --color-kurk)
}
.theme-brown3 {
	--theme-color: var( --color-brown3)
}
.theme-brown4 {
	--theme-color: var( --color-brown4)
}
.theme-beige {
	--theme-color: var( --color-beige)
}
.theme-beige4 {
	--theme-color: var( --color-beige4)
}
.theme-beige9 {
	--theme-color: var( --color-beige9)
}
.theme-beige10 {
	--theme-color: var( --color-beige10)
}
.theme-green4 {
	--theme-color: var( --color-green4)
}
.theme-green5 {
	--theme-color: var( --color-green5)
}
.theme-dark-olive {
	--theme-color: var( --color-dark-olive)
}
.theme-dark-olive2 {
	--theme-color: var( --color-dark-olive2)
}
.theme-blue {
	--theme-color: var( --color-blue)
}
.theme-blue3 {
	--theme-color: var( --color-blue3)
}
.theme-blue5 {
	--theme-color: var( --color-blue5)
}
.theme-blue6 {
	--theme-color: var( --color-blue6)
}
.theme-blue7 {
	--theme-color: var( --color-blue7)
}
.theme-purple {
	--theme-color: var( --color-purple)
}
.theme-green {
	--theme-color: var(--color-green);
}
:root {
	--font-Bebas-Kai: Bebas Kai, sans-serif;
	--font-Noto-Sans: Noto Sans JP, sans-serif;
	--font-YakuHanJP_Noto-Sans: YakuHanJP_Noto, Noto Sans JP, sans-serif
}
:root {
	--side-width-small-percent: calc( ( 48/var(--design-size-sp)) * 100%);
	--side-width-medium-percent: calc( ( 35/var(--design-size-sp)) * 100%);
	--side-width-medium-vw: calc( 35 / var(--design-size-sp) * 100vw);
	--side-width-large-percent: calc( ( 17.5/var(--design-size-sp)) * 100%);
	--side-width-large-vw: calc( 17.5 / var(--design-size-sp) * 100vw)
}
:root {
	--inner-percent-pc: 94%;
	--inner-percent-small: calc( 100% - var( --side-width-small-percent) * 2);
	--inner-percent-medium: calc( 100% - var( --side-width-medium-percent) * 2);
	--inner-percent-large: calc( 100% - var( --side-width-large-percent) * 2)
}
:root {
	--header-height: 100;
	--header-height--px: 100px;
	--header-height--rem: 10.0rem
}
@media screen and (max-width:560px) {
	:root {
		--header-height: 68;
		--header-height--px: 68px;
		--header-height--rem: 6.8rem
	}
}
@font-face {
	font-family: 'Bebas Kai';
	src: local("Bebas Kai"), url(../font/Bebas-Kai/Bebas-Kai.woff2) format("woff2"), url(../font/Bebas-Kai/Bebas-Kai.woff) format("woff"), url(../font/Bebas-Kai/Bebas-Kai.ttf) format("truetype"), url(../font/Bebas-Kai/Bebas-Kai.eot) format("embedded-opentype")
}
abbr, address, article, aside, audio, b, blockquote, body, canvas, caption, cite, code, dd, del, details, dfn, div, dl, dt, em, fieldset, figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	background: 0 0
}
article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section {
	display: block
}
body {
	line-height: 1;
	min-height: 100vh
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: 400
}
ol, ul {
	list-style: none
}
blockquote, q {
	quotes: none
}
blockquote::after, blockquote::before, q::after, q::before {
	content: '';
	content: none
}
table {
	border-collapse: collapse;
	border-spacing: 0
}
img, picture {
	max-width: 100%
}
picture {
	display: block
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	padding: 0
}
a img {
	border: none
}
a {
	background: 0 0;
	vertical-align: baseline;
	font-size: 100%;
	text-decoration: none;
	cursor: pointer
}
a, button, small, span, time {
	color: inherit;
	font-size: inherit;
	font-weight: inherit;
	line-height: inherit;
	letter-spacing: inherit
}
template {
	display: none
}
button, input, select, textarea {
	margin: 0;
	padding: 0;
	background: 0 0;
	border: none;
	border-radius: 0;
	outline: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	box-sizing: border-box;
	cursor: pointer
}
textarea {
	resize: vertical;
	overflow: auto
}
[type=file] {
	line-height: 1!important
}
select::-ms-expand {
	display: none
}
select::-moz-focusring {
	color: transparent;
	text-shadow: 0 0 0 #fff
}
input:-webkit-autofill, option:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: #000!important;
	-webkit-box-shadow: 0 0 0 1000px #fff inset
}
*, ::after, ::before {
	box-sizing: border-box
}
html {
	height: 100vh
}
@media screen and (max-width:1280px) and (min-width:1024px) {
	html {
		font-size: .78125vw
	}
}
@media screen and (min-width:1281px) {
	html {
		font-size: 62.5%
	}
}
@media screen and (max-width:1023px) and (min-width:376px) {
	html {
		font-size: 62.5%
	}
}
@media screen and (max-width:375px) {
	html {
		font-size: 2.66667vw
	}
}
body {
	width: 100%;
	color: var(--color-black3);
	fill: var(--color-black3);
	font-family: var(--font-YakuHanJP_Noto-Sans);
	font-weight: 500;
	font-size: 1rem;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
	text-rendering: geometricPrecision;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-tap-highlight-color: rgba(0, 0, 0, .2);
	-webkit-overflow-scrolling: touch;
	overflow-x: hidden;
	overflow-y: scroll;
	word-break: break-all;
	-ms-scroll-chaining: none;
	overscroll-behavior: none
}
h1, h2, h3, h4, h5, h6 {
	font-size: 1.6rem;
	font-weight: 500
}
address, dd, dt, li, td, th {
	font-size: inherit;
	line-height: inherit
}
ol, ul {
	list-style-position: inside
}
a, button, input, select, textarea {
	transition: all 280ms cubic-bezier(.25, .46, .45, .94)
}
button, input, select, textarea {
	font-family: inherit
}
svg {
	fill: inherit;
	transition: fill 280ms cubic-bezier(.25, .46, .45, .94)
}
body.ua-chrome img {
	image-rendering: -webkit-optimize-contrast
}
[id^=area-] {
	margin-top: -10rem;
	padding-top: 10rem
}
@-webkit-keyframes fade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@keyframes fade {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}
@-webkit-keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@keyframes rotate360 {
	0% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	100% {
		-webkit-transform: rotate(360deg);
		transform: rotate(360deg)
	}
}
@-webkit-keyframes scaleY-InOut {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 650%, 0);
		transform: translate3d(0, 650%, 0)
	}
}
@keyframes scaleY-InOut {
	0% {
		-webkit-transform: translate3d(0, -100%, 0);
		transform: translate3d(0, -100%, 0)
	}
	100% {
		-webkit-transform: translate3d(0, 650%, 0);
		transform: translate3d(0, 650%, 0)
	}
}
@-webkit-keyframes step-rotate {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	25% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	50% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	75% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@keyframes step-rotate {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	25% {
		-webkit-transform: rotate(3deg);
		transform: rotate(3deg)
	}
	50% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	75% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@-webkit-keyframes step-rotate-large {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	25% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg)
	}
	50% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	75% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@keyframes step-rotate-large {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	25% {
		-webkit-transform: rotate(10deg);
		transform: rotate(10deg)
	}
	50% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	75% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@-webkit-keyframes step-rotate2 {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	50% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@keyframes step-rotate2 {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	50% {
		-webkit-transform: rotate(-3deg);
		transform: rotate(-3deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@-webkit-keyframes step-rotate2-large {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@keyframes step-rotate2-large {
	0% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
	50% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	100% {
		-webkit-transform: rotate(.00001deg);
		transform: rotate(.00001deg)
	}
}
@-webkit-keyframes step-side {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(-5%, 0, 0);
		transform: translate3d(-5%, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-15%, 0, 0);
		transform: translate3d(-15%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0)
	}
}
@keyframes step-side {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(-5%, 0, 0);
		transform: translate3d(-5%, 0, 0)
	}
	50% {
		-webkit-transform: translate3d(-10%, 0, 0);
		transform: translate3d(-10%, 0, 0)
	}
	75% {
		-webkit-transform: translate3d(-15%, 0, 0);
		transform: translate3d(-15%, 0, 0)
	}
	100% {
		-webkit-transform: translate3d(-20%, 0, 0);
		transform: translate3d(-20%, 0, 0)
	}
}
@-webkit-keyframes step-fluffy {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(-20%, -4%, 0);
		transform: translate3d(-20%, -4%, 0)
	}
	50% {
		-webkit-transform: translate3d(-4%, 4%, 0);
		transform: translate3d(-4%, 4%, 0)
	}
	75% {
		-webkit-transform: translate3d(16%, 2%, 0);
		transform: translate3d(16%, 2%, 0)
	}
	100% {
		-webkit-transform: translate3d(5%, -4%, 0);
		transform: translate3d(5%, -4%, 0)
	}
}
@keyframes step-fluffy {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(-20%, -4%, 0);
		transform: translate3d(-20%, -4%, 0)
	}
	50% {
		-webkit-transform: translate3d(-4%, 4%, 0);
		transform: translate3d(-4%, 4%, 0)
	}
	75% {
		-webkit-transform: translate3d(16%, 2%, 0);
		transform: translate3d(16%, 2%, 0)
	}
	100% {
		-webkit-transform: translate3d(5%, -4%, 0);
		transform: translate3d(5%, -4%, 0)
	}
}
@-webkit-keyframes step-fluffy2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(-10%, -5%, 0);
		transform: translate3d(-10%, -5%, 0)
	}
	50% {
		-webkit-transform: translate3d(-20%, 2%, 0);
		transform: translate3d(-20%, 2%, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -3%, 0);
		transform: translate3d(0, -3%, 0)
	}
	100% {
		-webkit-transform: translate3d(10%, 4%, 0);
		transform: translate3d(10%, 4%, 0)
	}
}
@keyframes step-fluffy2 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(-10%, -5%, 0);
		transform: translate3d(-10%, -5%, 0)
	}
	50% {
		-webkit-transform: translate3d(-20%, 2%, 0);
		transform: translate3d(-20%, 2%, 0)
	}
	75% {
		-webkit-transform: translate3d(0, -3%, 0);
		transform: translate3d(0, -3%, 0)
	}
	100% {
		-webkit-transform: translate3d(10%, 4%, 0);
		transform: translate3d(10%, 4%, 0)
	}
}
@-webkit-keyframes step-fluffy3 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0)
	}
	50% {
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
	75% {
		-webkit-transform: translate3d(10%, -20%, 0);
		transform: translate3d(10%, -20%, 0)
	}
	100% {
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
}
@keyframes step-fluffy3 {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	25% {
		-webkit-transform: translate3d(0, -10%, 0);
		transform: translate3d(0, -10%, 0)
	}
	50% {
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
	75% {
		-webkit-transform: translate3d(10%, -20%, 0);
		transform: translate3d(10%, -20%, 0)
	}
	100% {
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
}
@-webkit-keyframes step-balloon {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	33.33333% {
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
	66.66666% {
		-webkit-transform: translate3d(2%, -15%, 0);
		transform: translate3d(2%, -15%, 0)
	}
}
@keyframes step-balloon {
	0% {
		-webkit-transform: translate3d(0, 0, 0);
		transform: translate3d(0, 0, 0)
	}
	33.33333% {
		-webkit-transform: translate3d(10%, -10%, 0);
		transform: translate3d(10%, -10%, 0)
	}
	66.66666% {
		-webkit-transform: translate3d(2%, -15%, 0);
		transform: translate3d(2%, -15%, 0)
	}
}
@-webkit-keyframes step-swing {
	0% {
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg)
	}
	14% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
	28% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	42% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	56% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	70% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	84% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
}
@keyframes step-swing {
	0% {
		-webkit-transform: rotate(-60deg);
		transform: rotate(-60deg)
	}
	14% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
	28% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	42% {
		-webkit-transform: rotate(0);
		transform: rotate(0)
	}
	56% {
		-webkit-transform: rotate(5deg);
		transform: rotate(5deg)
	}
	70% {
		-webkit-transform: rotate(-10deg);
		transform: rotate(-10deg)
	}
	84% {
		-webkit-transform: rotate(-30deg);
		transform: rotate(-30deg)
	}
}
[data-simplebar] {
	position: relative;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-content: flex-start;
	align-items: flex-start
}
.simplebar-wrapper {
	overflow: hidden;
	width: inherit;
	height: inherit;
	max-width: inherit;
	max-height: inherit;
	margin-bottom: 10px
}
.simplebar-mask {
	direction: inherit;
	position: absolute;
	overflow: hidden;
	padding: 0;
	margin: 0;
	left: 0;
	top: 0;
	bottom: 0;
	right: 0;
	width: auto!important;
	height: auto!important;
	z-index: 0
}
.simplebar-offset {
	direction: inherit!important;
	box-sizing: inherit!important;
	resize: none!important;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	padding: 0;
	margin: 0;
	-webkit-overflow-scrolling: touch
}
.simplebar-content-wrapper {
	direction: inherit;
	box-sizing: border-box!important;
	position: relative;
	display: block;
	height: 100%;
	width: auto;
	visibility: visible;
	max-width: 100%;
	max-height: 100%;
	scrollbar-width: none;
	-ms-overflow-style: none!important
}
.simplebar-content-wrapper::-webkit-scrollbar, .simplebar-hide-scrollbar::-webkit-scrollbar {
	display: none
}
.simplebar-content:after, .simplebar-content:before {
	content: ' ';
	display: table
}
.simplebar-placeholder {
	max-height: 100%;
	max-width: 100%;
	width: 100%;
	pointer-events: none
}
.simplebar-height-auto-observer-wrapper {
	box-sizing: inherit!important;
	height: 100%;
	width: 100%;
	max-width: 1px;
	position: relative;
	float: left;
	max-height: 1px;
	overflow: hidden;
	z-index: -1;
	padding: 0;
	margin: 0;
	pointer-events: none;
	flex-grow: inherit;
	flex-shrink: 0;
	flex-basis: 0
}
.simplebar-height-auto-observer {
	box-sizing: inherit;
	display: block;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	height: 1000%;
	width: 1000%;
	min-height: 1px;
	min-width: 1px;
	overflow: hidden;
	pointer-events: none;
	z-index: -1
}
.simplebar-track {
	z-index: 1;
	position: absolute;
	right: 0;
	bottom: 0;
	pointer-events: none;
	overflow: hidden;
	background-color: var(--color-black2)
}
[data-simplebar].simplebar-dragging .simplebar-content {
	pointer-events: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-user-select: none
}
[data-simplebar].simplebar-dragging .simplebar-track {
	pointer-events: all
}
.simplebar-scrollbar {
	position: absolute;
	right: 0;
	min-height: 10px;
	background: var(--color-black2)
}
@media screen and (min-width:1024px) {
	.simplebar-scrollbar {
		width: .5rem
	}
}
@media screen and (max-width:1023px) {
	.simplebar-scrollbar {
		width: .4rem
	}
}
.simplebar-scrollbar:before {
	position: absolute;
	content: '';
	background-color: var(--color-gray19);
	border-radius: 100px;
	left: 0;
	right: 0;
	transition: opacity .2s linear
}
.simplebar-scrollbar.simplebar-visible:before {
	opacity: 1;
	transition: opacity 0s linear
}
.simplebar-track.simplebar-vertical {
	width: .5rem;
	height: calc(100% - 1.3rem - .8rem);
	border-radius: 100px;
	right: .1rem
}
@media screen and (min-width:1024px) {
	.simplebar-track.simplebar-vertical {
		width: .5rem;
		height: calc(100% - 1.3rem - .8rem);
		top: 1.3rem
	}
}
@media screen and (max-width:1023px) {
	.simplebar-track.simplebar-vertical {
		width: .4rem;
		height: calc(100% - 1rem - .7rem);
		top: 1rem
	}
}
.simplebar-track.simplebar-vertical .simplebar-scrollbar:before {
	top: 0;
	bottom: 0
}
.simplebar-track.simplebar-horizontal {
	left: 0;
	height: 3px
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar:before {
	height: 100%;
	left: 0;
	right: 0
}
.simplebar-track.simplebar-horizontal .simplebar-scrollbar {
	right: auto;
	left: 0;
	bottom: 0;
	height: 3px;
	min-height: 0;
	min-width: 10px;
	width: auto
}
[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical {
	right: auto;
	left: 0
}
.hs-dummy-scrollbar-size {
	direction: rtl;
	position: fixed;
	opacity: 0;
	visibility: hidden;
	height: 500px;
	width: 500px;
	overflow-y: hidden;
	overflow-x: scroll
}
.simplebar-hide-scrollbar {
	position: fixed;
	left: 0;
	visibility: hidden;
	overflow-y: scroll;
	scrollbar-width: none
}
.slick-slider {
	position: relative;
	display: block;
	box-sizing: border-box;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-touch-callout: none;
	-khtml-user-select: none;
	touch-action: pan-y;
	-webkit-tap-highlight-color: transparent;
	overflow: hidden
}
.slick-slider:not(.slick-initialized) {
	height: 0
}
.slick-list {
	position: relative;
	display: block;
	margin: 0;
	padding: 0;
	overflow: hidden
}
.slick-list:focus {
	outline: 0
}
.slick-list.dragging {
	cursor: pointer;
	cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.slick-track {
	position: relative;
	top: 0;
	left: 0;
	display: block;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media screen and (min-width:1024px) {
	.slick-track {
		transition-timing-function: cubic-bezier(.645, .045, .355, 1)!important
	}
}
@media screen and (max-width:1023px) {
	.slick-track {
		transition-timing-function: cubic-bezier(.25, .46, .45, .94)!important
	}
}
.slick-track:after, .slick-track:before {
	display: table;
	content: ''
}
.slick-track:after {
	clear: both
}
.slick-loading .slick-track {
	visibility: hidden
}
.slick-slide {
	display: none;
	float: left;
	height: 100%;
	min-height: 1px
}
[dir=rtl] .slick-slide {
	float: right
}
.slick-slide img {
	display: block
}
.slick-slide.slick-loading img {
	display: none
}
.slick-slide.dragging img {
	pointer-events: none
}
.slick-initialized .slick-slide {
	display: block
}
.slick-loading .slick-slide {
	visibility: hidden
}
.slick-vertical .slick-slide {
	display: block;
	height: auto;
	border: 1px solid transparent
}
.slick-arrow.slick-hidden {
	display: none
}
.c-anchor-bg-black {
	position: relative;
	overflow: hidden;
	z-index: 1
}
.c-anchor-bg-black::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(var(--color-black3--rgba), .1);
	opacity: 0;
	transition: opacity 280ms cubic-bezier(.25, .46, .45, .94);
	pointer-events: none
}
.c-anchor-bg-black.is-hover:hover {
	opacity: 1
}
.c-anchor-bg-black.is-hover:hover::after {
	opacity: 1
}
.c-anchor-bg-black2 {
	position: relative;
	overflow: hidden;
	z-index: 1
}
.c-anchor-bg-black2::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(var(--color-black3--rgba), .025);
	opacity: 0;
	transition: opacity 280ms cubic-bezier(.25, .46, .45, .94);
	pointer-events: none
}
.c-anchor-bg-black2.is-hover:hover {
	opacity: 1
}
.c-anchor-bg-black2.is-hover:hover::after {
	opacity: 1
}
.c-anchor-bg-white {
	position: relative;
	overflow: hidden;
	z-index: 1
}
.c-anchor-bg-white::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	background-color: rgba(var(--color-white--rgba), .1);
	opacity: 0;
	transition: opacity 280ms cubic-bezier(.25, .46, .45, .94);
	pointer-events: none
}
.c-anchor-bg-white.is-hover:hover {
	opacity: 1
}
.c-anchor-bg-white.is-hover:hover::after {
	opacity: 1
}
.c-anime-rotate {
	-webkit-animation: step-rotate 6s steps(1) infinite;
	animation: step-rotate 6s steps(1) infinite
}
.c-anime-rotate-large {
	-webkit-animation: step-rotate-large 7s steps(1) infinite;
	animation: step-rotate-large 7s steps(1) infinite
}
.c-anime-rotate2 {
	-webkit-animation: step-rotate2 5s steps(1) infinite;
	animation: step-rotate2 5s steps(1) infinite
}
.c-anime-rotate2-large {
	-webkit-animation: step-rotate2-large 5s steps(1) infinite;
	animation: step-rotate2-large 5s steps(1) infinite
}
.c-anime-side {
	-webkit-animation: step-side 5s steps(1) infinite;
	animation: step-side 5s steps(1) infinite
}
.c-anime-fluffy {
	-webkit-animation: step-fluffy 7s steps(1) infinite;
	animation: step-fluffy 7s steps(1) infinite
}
.c-anime-fluffy-2 {
	-webkit-animation: step-fluffy 8s steps(1) infinite;
	animation: step-fluffy 8s steps(1) infinite
}
.c-anime-fluffy-3 {
	-webkit-animation: step-fluffy 10s steps(1) infinite;
	animation: step-fluffy 10s steps(1) infinite
}
.c-anime-fluffy2 {
	-webkit-animation: step-fluffy2 6s steps(1) infinite;
	animation: step-fluffy2 6s steps(1) infinite
}
.c-anime-fluffy2-2 {
	-webkit-animation: step-fluffy2 8s steps(1) infinite;
	animation: step-fluffy2 8s steps(1) infinite
}
.c-anime-fluffy2-3 {
	-webkit-animation: step-fluffy2 9s steps(1) infinite;
	animation: step-fluffy2 9s steps(1) infinite
}
.c-anime-fluffy3 {
	-webkit-animation: step-fluffy3 8s steps(1) infinite;
	animation: step-fluffy3 8s steps(1) infinite
}
.c-anime-balloon {
	-webkit-animation: step-balloon 5s steps(1) infinite;
	animation: step-balloon 5s steps(1) infinite
}
.c-anime-swing {
	-webkit-transform-origin: 100% 0;
	transform-origin: 100% 0;
	-webkit-animation: step-swing 5s steps(1) infinite;
	animation: step-swing 5s steps(1) infinite
}
.c-anime-delay-1 {
	-webkit-animation-delay: 440ms;
	animation-delay: 440ms
}
.c-anime-delay-2 {
	-webkit-animation-delay: 880ms;
	animation-delay: 880ms
}
.c-anime-delay-3 {
	-webkit-animation-delay: 1.32s;
	animation-delay: 1.32s
}
.c-anime-delay-4 {
	-webkit-animation-delay: 1.76s;
	animation-delay: 1.76s
}
.c-anime-delay-5 {
	-webkit-animation-delay: 2.2s;
	animation-delay: 2.2s
}
.c-anime-delay-6 {
	-webkit-animation-delay: 2.64s;
	animation-delay: 2.64s
}
.c-anime-delay-7 {
	-webkit-animation-delay: 3.08s;
	animation-delay: 3.08s
}
.c-anime-delay-8 {
	-webkit-animation-delay: 3.52s;
	animation-delay: 3.52s
}
.c-anime-delay-9 {
	-webkit-animation-delay: 3.96s;
	animation-delay: 3.96s
}
.c-anime-delay-10 {
	-webkit-animation-delay: 4.4s;
	animation-delay: 4.4s
}
.c-anime-delay-11 {
	-webkit-animation-delay: 4.84s;
	animation-delay: 4.84s
}
.c-anime-delay-12 {
	-webkit-animation-delay: 5.28s;
	animation-delay: 5.28s
}
.c-anime-delay-13 {
	-webkit-animation-delay: 5.72s;
	animation-delay: 5.72s
}
.c-anime-delay-14 {
	-webkit-animation-delay: 6.16s;
	animation-delay: 6.16s
}
.c-anime-delay-15 {
	-webkit-animation-delay: 6.6s;
	animation-delay: 6.6s
}
.c-anime-delay-16 {
	-webkit-animation-delay: 7.04s;
	animation-delay: 7.04s
}
.c-anime-delay-17 {
	-webkit-animation-delay: 7.48s;
	animation-delay: 7.48s
}
.c-anime-delay-18 {
	-webkit-animation-delay: 7.92s;
	animation-delay: 7.92s
}
.c-anime-delay-19 {
	-webkit-animation-delay: 8.36s;
	animation-delay: 8.36s
}
.c-anime-delay-20 {
	-webkit-animation-delay: 8.8s;
	animation-delay: 8.8s
}
.c-arrow {
	position: relative;
	display: block;
	margin: 0 auto;
	-webkit-filter: blur(0);
	filter: blur(0)
}
.c-arrow::after, .c-arrow::before {
	content: '';
	display: block;
	position: absolute;
	transition: 280ms cubic-bezier(.25, .46, .45, .94);
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-filter: blur(0);
	filter: blur(0)
}
.c-arrow::before {
	background-color: var(--theme-color);
	top: 50%;
	left: 0;
	-webkit-transform: scaleX(1) translate3d(0, -50%, 0) rotate(.00001deg);
	transform: scaleX(1) translate3d(0, -50%, 0) rotate(.00001deg);
	-webkit-transform-origin: 0 50%;
	transform-origin: 0 50%
}
.c-arrow::after {
	border-top: solid var(--theme-color);
	border-right: solid var(--theme-color);
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0) rotate(45deg);
	transform: translate3d(0, -50%, 0) rotate(45deg)
}
a.is-hover:hover .c-arrow::before, button.is-hover:hover .c-arrow::before {
	-webkit-transform: scaleX(1.25714) translate3d(0, -50%, 0);
	transform: scaleX(1.25714) translate3d(0, -50%, 0)
}
a.is-hover:hover .c-arrow::after, button.is-hover:hover .c-arrow::after {
	-webkit-transform: translate3d(80%, -50%, 0) rotate(45deg);
	transform: translate3d(80%, -50%, 0) rotate(45deg)
}
.c-arrow.-xsmall {
	width: 1.9rem;
	height: .7rem
}
.c-arrow.-xsmall::before {
	width: 1.4rem
}
.c-arrow.-xsmall::after {
	width: .5rem;
	height: .5rem;
	right: .1rem
}
@media screen and (min-width:561px) {
	.c-arrow.-small {
		width: 3rem;
		height: 1.1rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-small {
		width: 1.8rem;
		height: .7rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-small::before {
		width: 2.4rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-small::before {
		width: 1.4rem
	}
}
.c-arrow.-small::after {
	right: .1rem
}
@media screen and (min-width:561px) {
	.c-arrow.-small::after {
		width: .8rem;
		height: .8rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-small::after {
		width: .5rem;
		height: .5rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-medium {
		width: 3.4rem;
		height: 1.2rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-medium {
		width: 2rem;
		height: .7rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-medium::before {
		width: 2.8rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-medium::before {
		width: 1.6rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-medium::after {
		width: .9rem;
		height: .9rem;
		right: .2rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-medium::after {
		width: .5rem;
		height: .5rem;
		right: .1rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-large {
		width: 4.4rem;
		height: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-large {
		width: 3rem;
		height: 1.1rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-large::before {
		width: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-large::before {
		width: 2.4rem
	}
}
@media screen and (min-width:561px) {
	.c-arrow.-large::after {
		width: 1.1rem;
		height: 1.1rem;
		right: .4rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow.-large::after {
		width: .8rem;
		height: .8rem;
		right: .2rem
	}
}
.c-arrow.-thin::before {
	height: 1px
}
.c-arrow.-thin::after {
	border-width: 1px
}
.c-arrow.-thick::before {
	height: 2px
}
.c-arrow.-thick::after {
	border-width: 2px
}
.c-arrow.-white {
	--theme-color: var( --color-white)
}
.c-arrow.-black3 {
	--theme-color: var( --color-black3)
}
.c-arrow.-gray15 {
	--theme-color: var( --color-gray15)
}
.c-arrow.-gray16 {
	--theme-color: var( --color-gray16)
}
.c-arrow2 {
	border-radius: 50%
}
.c-arrow2.is-hover:hover {
	-webkit-transform: scale(1.15385);
	transform: scale(1.15385)
}
.c-arrow2.-prev {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1)
}
.c-arrow2.-prev.is-hover:hover {
	-webkit-transform: scale(-1, 1) scale(1.15385);
	transform: scale(-1, 1) scale(1.15385)
}
.c-arrow2.-xsmall {
	width: 5rem;
	height: 5rem
}
@media screen and (min-width:1024px) {
	.c-arrow2.-small {
		width: 8.2rem;
		height: 8.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-arrow2.-small {
		width: 5.74rem;
		height: 5.74rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow2.-small {
		width: 4.9rem;
		height: 4.9rem
	}
}
@media screen and (min-width:1024px) {
	.c-arrow2.-large {
		width: 10.4rem;
		height: 10.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-arrow2.-large {
		width: 7.28rem;
		height: 7.28rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow2.-large {
		width: 6.1rem;
		height: 6.1rem
	}
}
.c-arrow3 {
	position: relative;
	border-radius: 50%;
	-webkit-transform: rotate(.00001deg);
	transform: rotate(.00001deg);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media screen and (min-width:561px) {
	.c-arrow3 {
		width: 5.5rem;
		height: 5.5rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow3 {
		width: 4.6rem;
		height: 4.6rem
	}
}
.c-arrow3::before {
	content: '';
	display: block;
	border-top: solid 1px;
	border-right: solid 1px;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-60%, -50%) rotate(45deg) rotate(.00001deg);
	transform: translate(-60%, -50%) rotate(45deg) rotate(.00001deg);
	z-index: 10
}
@media screen and (min-width:561px) {
	.c-arrow3::before {
		width: 1.1rem;
		height: 1.1rem
	}
}
@media screen and (max-width:560px) {
	.c-arrow3::before {
		width: .9rem;
		height: .9rem
	}
}
.c-arrow3::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: scale(1) rotate(.00001deg);
	transform: scale(1) rotate(.00001deg);
	z-index: 0;
	border-radius: inherit;
	background-color: inherit;
	transition: -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94);
	transition: transform 280ms cubic-bezier(.25, .46, .45, .94);
	transition: transform 280ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94)
}
.c-arrow3.is-hover:hover::after {
	-webkit-transform: scale(1.1) rotate(.00001deg);
	transform: scale(1.1) rotate(.00001deg)
}
.c-arrow3.-prev {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1)
}
.c-arrow3.-black3::before {
	border-color: var(--color-white)
}
.c-arrow3.-black3::after {
	background-color: var(--color-black3)
}
.c-balloon {
	display: flex;
	text-align: center
}
.c-balloon::after, .c-balloon::before {
	content: '';
	display: block;
	background-image: url(../images/common/icon/balloon_left.svg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat
}
.c-balloon::after {
	-webkit-transform: scale(-1, 1);
	transform: scale(-1, 1)
}
.c-balloon img{
	border-radius: 10px;
	border: 1px solid var(--color-black3);
}
.c-balloon span {
	font-family: var(--font-Noto-Sans);
	line-height: 1.6
}
.c-balloon span::after, .c-balloon span::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.c-balloon span::before {
	margin-top: calc((1 - 1.6) * .5em)
}
.c-balloon span::after {
	margin-bottom: calc((1 - 1.6) * .5em)
}
.c-balloon span br{
    display: block;
}
@media screen and (max-width:560px) {
	.c-balloon span br{
    	display: none;
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-small::after, .c-balloon.-small::before {
		width: .8rem;
		height: 2.4rem
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-small span {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin: 0 1.6rem 0 2.4rem
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-medium::after, .c-balloon.-medium::before {
		width: .9rem;
		height: 1.4rem
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-medium span {
		font-size: 2rem;
		font-size: max(2rem, 15px);
		margin: 0 1.7rem 0 1.9rem
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-large{
		font-size: max(3.2rem, 26px);
        padding-bottom: 3rem;
		font-weight: 700;
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-large::after, .c-balloon.-large::before {
		width: .9rem;
		height: 2.9rem
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-large span {
		font-size: 2rem;
		font-size: max(2rem, 15px);
		margin: 0 1.8rem 0 2.6rem
	}
}
@media screen and (max-width:560px) {
	.c-balloon.-large{
		font-size: max(2rem, 26px);
        padding-bottom: 3rem;
		font-weight: 700;
	}
}
@media screen and (min-width:1024px) {
	.c-balloon.-type1 {
		align-items: center
	}
}
@media screen and (max-width:1023px) {
	.c-balloon.-type1 {
		align-items: flex-end
	}
}
@media screen and (max-width:1023px) {
	.c-balloon.-type1::after, .c-balloon.-type1::before {
		width: 1rem;
		height: 1.8rem
	}
}
@media screen and (max-width:1023px) {
	.c-balloon.-type1 span {
		font-size: 1rem;
		margin: 0 1.5rem
	}
}
.c-balloon.-type2 {
	align-items: flex-start;
	justify-content: center
}
@media screen and (max-width:1023px) {
	.c-balloon.-type2::after, .c-balloon.-type2::before {
		width: .6rem;
		height: 1rem
	}
}
@media screen and (max-width:1023px) {
	.c-balloon.-type2 span {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		margin: 0 1.2rem 0 1.5rem
	}
}
.c-balloon.-type3 {
	justify-content: center
}
@media screen and (min-width:561px) {
	.c-balloon.-type3 {
		align-items: center
	}
}
@media screen and (max-width:560px) {
	.c-balloon.-type3 {
		align-items: flex-end
	}
}
@media screen and (max-width:1023px) {
	.c-balloon.-type3::after, .c-balloon.-type3::before {
		width: .6rem;
		height: 2rem
	}
}
.c-balloon.-type3 span {
	letter-spacing: .08em
}
@media screen and (max-width:1023px) {
	.c-balloon.-type3 span {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 1.5;
		margin: 0 1.2rem 0 1.5rem
	}
	.c-balloon.-type3 span::after, .c-balloon.-type3 span::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-balloon.-type3 span::before {
		margin-top: calc((1 - 1.5) * .5em)
	}
	.c-balloon.-type3 span::after {
		margin-bottom: calc((1 - 1.5) * .5em)
	}
}
.c-balloon.-type4 {
	align-items: center;
	justify-content: center
}
@media screen and (max-width:1023px) {
	.c-balloon.-type4::after, .c-balloon.-type4::before {
		width: .5rem;
		height: 1.7rem
	}
}
.c-balloon.-type4 span {
	letter-spacing: .08em
}
@media screen and (max-width:1023px) {
	.c-balloon.-type4 span {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		margin: 0 1.1rem 0 1.4rem
	}
}
.c-bg {
	width: 100%;
	height: 100%;
	position: absolute!important;
	top: 0;
	left: 0;
	z-index: -1;
	overflow: hidden
}
.pg-top-works__list .c-bg{
	height: 171px;
}
a.is-hover:hover .c-bg:not(.c-blend)::before {
	opacity: 1
}
a.is-hover:hover .c-bg img {
	-webkit-transform: scale(1.05) rotate(.00001deg);
	transform: scale(1.05) rotate(.00001deg)
}
.c-bg::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: rgba(var(--color-gold5--rgba), .15);
	opacity: 0;
	transition: opacity 280ms cubic-bezier(.25, .46, .45, .94)
}
.c-bg img {
	-webkit-transform: scale(1) rotate(.00001deg);
	transform: scale(1) rotate(.00001deg);
	transition: -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94);
	transition: transform 280ms cubic-bezier(.25, .46, .45, .94);
	transition: transform 280ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94)
}
@media screen and (min-width:769px) {
	.c-bg-mqUp-md {
		width: 100%;
		height: 100%;
		position: absolute!important;
		top: 0;
		left: 0;
		z-index: -1;
		overflow: hidden
	}
	a.is-hover:hover .c-bg-mqUp-md:not(.c-blend)::before {
		opacity: 1
	}
	a.is-hover:hover .c-bg-mqUp-md img {
		-webkit-transform: scale(1.05) rotate(.00001deg);
		transform: scale(1.05) rotate(.00001deg)
	}
	.c-bg-mqUp-md::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background-color: rgba(var(--color-gold5--rgba), .15);
		opacity: 0;
		transition: opacity 280ms cubic-bezier(.25, .46, .45, .94)
	}
	.c-bg-mqUp-md img {
		-webkit-transform: scale(1) rotate(.00001deg);
		transform: scale(1) rotate(.00001deg);
		transition: -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94);
		transition: transform 280ms cubic-bezier(.25, .46, .45, .94);
		transition: transform 280ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94)
	}
}
@media screen and (min-width:561px) {
	.c-bg-mqUp-sm {
		width: 100%;
		height: 100%;
		position: absolute!important;
		top: 0;
		left: 0;
		z-index: -1;
		overflow: hidden
	}
	a.is-hover:hover .c-bg-mqUp-sm:not(.c-blend)::before {
		opacity: 1
	}
	a.is-hover:hover .c-bg-mqUp-sm img {
		-webkit-transform: scale(1.05) rotate(.00001deg);
		transform: scale(1.05) rotate(.00001deg)
	}
	.c-bg-mqUp-sm::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background-color: rgba(var(--color-gold5--rgba), .15);
		opacity: 0;
		transition: opacity 280ms cubic-bezier(.25, .46, .45, .94)
	}
	.c-bg-mqUp-sm img {
		-webkit-transform: scale(1) rotate(.00001deg);
		transform: scale(1) rotate(.00001deg);
		transition: -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94);
		transition: transform 280ms cubic-bezier(.25, .46, .45, .94);
		transition: transform 280ms cubic-bezier(.25, .46, .45, .94), -webkit-transform 280ms cubic-bezier(.25, .46, .45, .94)
	}
}
.c-bg-fixed {
	position: relative
}
@media screen and (min-width:1024px) {
	.c-bg-fixed::after {
		content: '';
		display: block;
		width: calc(100vw - 10rem);
		height: 100%;
		border-radius: inherit;
		position: absolute;
		top: 0;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		z-index: -1
	}
}
@media screen and (max-width:1023px) {
	.c-bg-fixed>* {
		border-radius: inherit
	}
}
@media screen and (max-width:1023px) {
	.c-bg-fixed.-none-mqDown-lg {
		border-radius: 0!important
	}
}
.c-bg-fixed.-light-gray::after {
	background-color: var(--color-light-gray)
}
@media screen and (max-width:1023px) {
	.c-bg-fixed.-light-gray>* {
		background-color: var(--color-light-gray)
	}
}
@media screen and (max-width:1023px) {
	.c-bg-fixed.-light-gray.-full-mqDown-lg {
		background-color: var(--color-light-gray)
	}
}
.c-bg-fixed.-gray13::after {
	background-color: var(--color-gray13)
}
@media screen and (max-width:1023px) {
	.c-bg-fixed.-gray13>* {
		background-color: var(--color-gray13)
	}
}
@media screen and (max-width:1023px) {
	.c-bg-fixed.-gray13.-full-mqDown-lg {
		background-color: var(--color-gray13)
	}
}
[class*=c-blend].-opacity-3::before {
	opacity: .3
}
a.is-hover:hover [class*=c-blend].-opacity-3::before {
	opacity: .2
}
[class*=c-blend].-opacity-4::before {
	opacity: .4
}
a.is-hover:hover [class*=c-blend].-opacity-4::before {
	opacity: .3
}
[class*=c-blend].-opacity-6::before {
	opacity: .6
}
a.is-hover:hover [class*=c-blend].-opacity-6::before {
	opacity: .4
}
.c-blend {
	position: relative
}
.c-blend::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
	background-color: var(--color-black0);
	pointer-events: none;
	transition: opacity 280ms cubic-bezier(.25, .46, .45, .94)
}
@media screen and (min-width:769px) {
	.c-blend-mqUp-md {
		position: relative
	}
	.c-blend-mqUp-md::before {
		content: '';
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 10;
		background-color: var(--color-black0);
		pointer-events: none;
		transition: opacity 280ms cubic-bezier(.25, .46, .45, .94)
	}
}
.c-breadcrumb {
	display: flex;
	flex-wrap: wrap;
	align-items: center
}
.c-breadcrumb li:not(:last-of-type) {
	display: flex;
	align-items: center
}
@media screen and (min-width:561px) {
	.c-breadcrumb li:not(:last-of-type) {
		margin-right: .8rem
	}
}
@media screen and (max-width:560px) {
	.c-breadcrumb li:not(:last-of-type) {
		margin-right: .6rem
	}
}
.c-breadcrumb li:not(:last-of-type)::after {
	content: '';
	display: block;
	height: 1px;
	margin-left: .7rem
}
@media screen and (min-width:561px) {
	.c-breadcrumb li:not(:last-of-type)::after {
		width: 1.3rem
	}
}
@media screen and (max-width:560px) {
	.c-breadcrumb li:not(:last-of-type)::after {
		width: 1.1rem
	}
}
.c-breadcrumb li:last-of-type a {
	pointer-events: none
}
.c-breadcrumb a {
	text-transform: uppercase;
	font-weight: 700;
	letter-spacing: .1em
}
@media screen and (min-width:561px) {
	.c-breadcrumb a {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (max-width:560px) {
	.c-breadcrumb a {
		font-size: 1rem
	}
}
.c-breadcrumb.-white li:not(:last-of-type)::after {
	background-color: var(--color-gray12)
}
.c-breadcrumb.-white li:last-of-type {
	opacity: .5
}
.c-breadcrumb.-white a {
	color: var(--color-white)
}
.c-breadcrumb.-black li:not(:last-of-type)::after {
	background-color: var(--color-dark-gray2)
}
.c-breadcrumb.-black li:last-of-type a {
	color: var(--color-dark-gray)
}
@media screen and (max-width:560px) {
	.c-button {
		padding-right: 2rem
	}
}
.c-button .c-button__anchor, .c-button a {
	position: relative;
	display: inline-flex;
	align-items: center;
	border-top: solid 1px;
	border-right: solid 1px;
	border-bottom: solid 1px;
	border-radius: .3rem .3rem .3rem 0;
	-webkit-transform: skewX(19deg) rotate(.00001deg);
	transform: skewX(19deg) rotate(.00001deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	font-variant-east-asian: normal;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	letter-spacing: 0;
	transition: all 280ms cubic-bezier(.25, .46, .45, .94)
}
@media screen and (min-width:1024px) {
	.c-button .c-button__anchor, .c-button a {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button .c-button__anchor, .c-button a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.c-button .c-button__anchor, .c-button a {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		padding: 2rem 0 2rem 1.8rem
	}
}
.c-button .c-button__anchor.is-hover:hover, .c-button a.is-hover:hover, .is-hover:hover .c-button .c-button__anchor, .is-hover:hover .c-button a {
	-webkit-backface-visibility: visible;
	backface-visibility: visible
}
.c-button .c-button__anchor.is-hover:hover .c-button__inner::before, .c-button a.is-hover:hover .c-button__inner::before, .is-hover:hover .c-button .c-button__anchor .c-button__inner::before, .is-hover:hover .c-button a .c-button__inner::before {
	width: 3.2rem
}
.c-button .c-button__anchor::after, .c-button a::after {
	content: '';
	display: block;
	width: 50%;
	height: 100%;
	border-style: solid;
	border-width: 1px;
	border-color: inherit;
	border-top: none;
	border-right: none;
	border-radius: .3rem 0 0 .3rem;
	background-color: inherit;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transform: skewX(-19deg) rotate(.00001deg);
	transform: skewX(-19deg) rotate(.00001deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	z-index: 0;
	box-sizing: content-box
}
@media screen and (min-width:561px) {
	.c-button.-medium, .c-button.-small {
		padding-right: 1.5rem
	}
}
@media screen and (min-width:561px) {
	.c-button.-medium .c-button__anchor, .c-button.-medium a, .c-button.-small .c-button__anchor, .c-button.-small a {
		padding: 1rem 3.8rem 1rem 2.2rem
	}
}
@media screen and (max-width:768px) {
	.c-button.-medium .c-button__anchor, .c-button.-medium a, .c-button.-small .c-button__anchor, .c-button.-small a {
		width: 100%
	}
}
@media screen and (min-width:561px) {
	.c-button.-medium .c-button__anchor.is-hover:hover, .c-button.-medium a.is-hover:hover, .c-button.-small .c-button__anchor.is-hover:hover, .c-button.-small a.is-hover:hover, .is-hover:hover .c-button.-medium .c-button__anchor, .is-hover:hover .c-button.-medium a, .is-hover:hover .c-button.-small .c-button__anchor, .is-hover:hover .c-button.-small a {
		padding-right: 2.6rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-small .c-button__anchor, .c-button.-small a {
		height: 4.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button.-small .c-button__anchor, .c-button.-small a {
		height: 5.4rem
	}
}
@media screen and (min-width:561px) {
	.c-button.-small.-w-251 {
		max-width: 25.1rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-small.-w-251 {
		max-width: 19.7rem
	}
}
.c-button.-small.-w-251 a {
	width: 100%
}
@media screen and (min-width:1024px) {
	.c-button.-medium .c-button__anchor, .c-button.-medium a {
		height: 4.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button.-medium .c-button__anchor, .c-button.-medium a {
		height: 5.4rem
	}
}
@media screen and (min-width:561px) {
	.c-button.-large {
		padding-right: 2rem
	}
}
.c-button.-large .c-button__anchor, .c-button.-large a {
	width: 100%
}
@media screen and (min-width:561px) {
	.c-button.-large .c-button__anchor, .c-button.-large a {
		height: 6rem;
		padding: 1.5rem 3.8rem 1.5rem 2.2rem
	}
}
.c-button.-large.-w-248 {
	width: 100%
}
@media screen and (min-width:561px) {
	.c-button.-large.-w-248 {
		max-width: 24.8rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-large.-w-248 {
		max-width: 16.6rem
	}
}
@media screen and (min-width:769px) {
	.c-button.-large.-w-255-mqUp-md {
		width: 100%;
		max-width: 25.5rem
	}
}
.c-button.-large.-w-276 {
	width: 100%
}
@media screen and (min-width:561px) {
	.c-button.-large.-w-276 {
		max-width: 27.6rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-large.-w-276 {
		max-width: 20.8rem
	}
}
.c-button.-large.-w-304 {
	width: 100%;
	max-width: 30.4rem
}
@media screen and (min-width:769px) {
	.c-button.-large.-w-304-mqUp-md {
		width: 100%;
		max-width: 30.4rem
	}
}
.c-button.-large.-w-337 {
	width: 100%;
	max-width: 33.7rem
}
@media screen and (min-width:769px) {
	.c-button.-large.-w-337-mqUp-md {
		width: 100%;
		max-width: 33.7rem
	}
}
@media screen and (min-width:769px) {
	.c-button.-large.-w-364-mqUp-md {
		width: 100%;
		max-width: 36.4rem
	}
}
.c-button.-large.-w-393 {
	width: 100%;
	max-width: 39.3rem
}
@media screen and (min-width:561px) {
	.c-button.-xlarge {
		padding-right: 3.3rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-xlarge {
		padding-right: 2.3rem
	}
}
.c-button.-xlarge .c-button__anchor, .c-button.-xlarge a {
	letter-spacing: .08em
}
@media screen and (min-width:561px) {
	.c-button.-xlarge .c-button__anchor, .c-button.-xlarge a {
		padding: 1rem 8.4rem 1rem 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-xlarge .c-button__anchor, .c-button.-xlarge a {
		font-size: 1.9rem;
		font-size: max(1.9rem, 16px);
		height: 9.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button.-xlarge .c-button__anchor, .c-button.-xlarge a {
		height: 8rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-xlarge .c-button__anchor, .c-button.-xlarge a {
		height: 6rem;
		padding: 2rem 4.6rem 2rem 1.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-xlarge .c-button__anchor.is-hover:hover, .c-button.-xlarge a.is-hover:hover, .is-hover:hover .c-button.-xlarge .c-button__anchor, .is-hover:hover .c-button.-xlarge a {
		padding-right: 7.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button.-xlarge .c-button__anchor.is-hover:hover, .c-button.-xlarge a.is-hover:hover, .is-hover:hover .c-button.-xlarge .c-button__anchor, .is-hover:hover .c-button.-xlarge a {
		padding-right: 7.2rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-xlarge .c-button__anchor.is-hover:hover, .c-button.-xlarge a.is-hover:hover, .is-hover:hover .c-button.-xlarge .c-button__anchor, .is-hover:hover .c-button.-xlarge a {
		padding-right: 2.9rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-xlarge .c-button__inner::before {
		width: 2.4rem;
		margin-right: 1.9rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-xlarge .c-button__inner::before {
		width: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.c-button.-small-mqDown-sm .c-button__anchor, .c-button.-small-mqDown-sm a {
		padding: 1.8rem 0 1.8rem 1.8rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-bino .c-button__logo {
		margin-right: 1.2rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-bino .c-button__logo {
		margin-right: .8rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-bino .c-button__logo svg {
		width: 10.1rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-bino .c-button__logo svg {
		width: 6.3rem;
		height: 2rem
	}
}
.c-button.-relaciones {
	white-space: nowrap
}
.c-button.-relaciones .c-button__logo {
	-webkit-transform: translateY(calc((5 / 43) * 100%));
	transform: translateY(calc((5 / 43) * 100%))
}
@media screen and (min-width:1024px) {
	.c-button.-relaciones .c-button__logo {
		margin-right: 2rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-relaciones .c-button__logo {
		margin-right: .8rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-relaciones .c-button__logo svg {
		width: 12.8rem;
		height: 4.2rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-relaciones .c-button__logo svg {
		width: 8rem;
		height: 2.6rem
	}
}
.c-button.-original .c-button__logo {
	-webkit-transform: translateY(calc((-3.5 / 51) * 100%));
	transform: translateY(calc((-3.5 / 51) * 100%))
}
@media screen and (min-width:1024px) {
	.c-button.-original .c-button__logo {
		margin-right: 1.5rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-original .c-button__logo {
		margin-right: 1.1rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-original .c-button__logo svg {
		width: 9.2rem;
		height: 5.1rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-original .c-button__logo svg {
		width: 5.7rem;
		height: 3.2rem
	}
}
.c-button.-auto {
	text-align: center;
	margin-right: auto;
	margin-left: auto
}
@media screen and (max-width:1023px) {
	.c-button.-auto-mqDown-lg {
		text-align: center;
		margin-right: auto;
		margin-left: auto
	}
}
.c-button.-black .c-button__anchor, .c-button.-black a {
	border-color: var(--color-black3);
	background-color: var(--color-black3);
	color: var(--color-white)
}
.c-button.-black svg {
	fill: var(--color-white)
}
.c-button.-black .c-button__inner::before {
	background-color: var(--color-gray7)
}
.c-button.-white .c-button__anchor, .c-button.-white a {
	border-color: var(--color-white);
	background-color: var(--color-white);
	color: var(--color-black3)
}
.c-button.-white .c-button__inner::before {
	background-color: var(--color-gray7)
}
.c-button.-gray .c-button__anchor, .c-button.-gray a {
	border-color: var(--color-gray8);
	background-color: var(--color-gray8);
	color: var(--color-black3)
}
.c-button.-gray .c-button__inner::before {
	background-color: var(--color-black3)
}
.c-button.-frame-white .c-button__anchor, .c-button.-frame-white a {
	border-color: var(--color-gray7);
	background-color: rgba(var(--color-white--rgba), 0);
	color: var(--color-white);
	transition-property: border-color, padding, width
}
.c-button.-frame-white .c-button__anchor.is-hover:hover, .c-button.-frame-white a.is-hover:hover, .is-hover:hover .c-button.-frame-white .c-button__anchor, .is-hover:hover .c-button.-frame-white a {
	border-color: var(--color-white);
	background-color: rgba(var(--color-white--rgba), 1);
	color: var(--color-black3)
}
.c-button.-frame-white .c-button__inner::before {
	background-color: var(--color-gray7)
}
.c-button.-frame-white2 .c-button__anchor, .c-button.-frame-white2 a {
	border-color: var(--color-gray7);
	background-color: rgba(var(--color-white--rgba), 0);
	color: var(--color-white);
	transition-property: border-color, padding, width
}
.c-button.-frame-white2 .c-button__inner::before {
	background-color: var(--color-gray7)
}
.c-button.-txt-small a {
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1
}
@media screen and (min-width:1024px) {
	.c-button.-txt-small a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 11px);
		letter-spacing: .1rem
	}
}
@media screen and (min-width:1024px) {
	.c-button.-mainabi picture {
		width: 12.6rem
	}
}
@media screen and (max-width:1023px) {
	.c-button.-mainabi picture {
		width: 11.3rem
	}
}
.c-button__inner {
	position: relative;
	z-index: 1;
	-webkit-transform: skewX(-19deg) rotate(.00001deg);
	transform: skewX(-19deg) rotate(.00001deg);
	-webkit-transform-origin: 0 0;
	transform-origin: 0 0;
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	transition: inherit
}
.c-button__inner::before {
	content: '';
	display: block;
	height: 1px;
	transition: inherit
}
@media screen and (min-width:561px) {
	.c-button__inner::before {
		width: 2rem;
		margin-right: 1.3rem
	}
}
@media screen and (max-width:560px) {
	.c-button__inner::before {
		width: 1.8rem;
		margin-right: 1.2rem
	}
}
.c-button__text {
	flex: 1;
	display: flex;
	align-items: center
}
@media screen and (min-width:1024px) {
	.c-button__logo {
		margin-right: 1.2rem
	}
}
@media screen and (max-width:1023px) {
	.c-button__logo {
		margin-right: .8rem
	}
}
.c-button2 {
	max-width: 40.4rem;
	width: calc((284 / 340) * 100%);
	margin: 0 auto
}
.c-button2.-loading a.is-hover:hover::before, .c-button2.-loading button.is-hover:hover::before {
	-webkit-animation: rotate360 580ms cubic-bezier(.86, 0, .07, 1) forwards;
	animation: rotate360 580ms cubic-bezier(.86, 0, .07, 1) forwards
}
.c-button2.-loading a::before, .c-button2.-loading button::before {
	background-image: url(../images/common/icon/loading-gold.svg)
}
@media screen and (min-width:1024px) {
	.c-button2.-loading a::before, .c-button2.-loading button::before {
		width: 3.1rem;
		height: 3.1rem;
		margin-right: 2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button2.-loading a::before, .c-button2.-loading button::before {
		width: 2.48rem;
		height: 2.48rem;
		margin-right: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-button2.-loading a::before, .c-button2.-loading button::before {
		width: 2.2rem;
		height: 2.2rem;
		margin-right: 1.4rem
	}
}
.c-button2.-list a::before, .c-button2.-list button::before {
	background-image: url(../images/common/icon/list-gold.svg)
}
@media screen and (min-width:1024px) {
	.c-button2.-list a::before, .c-button2.-list button::before {
		width: 3.4rem;
		height: 2.2rem;
		margin-right: 2.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button2.-list a::before, .c-button2.-list button::before {
		width: 2.72rem;
		height: 1.76rem;
		margin-right: 1.68rem
	}
}
@media screen and (max-width:560px) {
	.c-button2.-list a::before, .c-button2.-list button::before {
		width: 2.2rem;
		height: 2.2rem;
		margin-right: 1.5rem
	}
}
.c-button2 a, .c-button2 button {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	border-radius: 100px;
	background-color: var(--color-dark-gray5);
	text-transform: uppercase;
	font-weight: 700
}
@media screen and (min-width:1024px) {
	.c-button2 a, .c-button2 button {
		height: 8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button2 a, .c-button2 button {
		height: 6.4rem
	}
}
@media screen and (max-width:560px) {
	.c-button2 a, .c-button2 button {
		height: 5.6rem
	}
}
.c-button2 a.is-hover:hover, .c-button2 button.is-hover:hover {
	background-color: var(--color-dark-gray8)
}
.c-button2 a::before, .c-button2 button::before {
	content: '';
	display: block;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat
}
.c-button2__txt.-en {
	letter-spacing: .1em
}
@media screen and (min-width:561px) {
	.c-button2__txt.-en {
		padding-bottom: 3px
	}
}
@media screen and (min-width:1024px) {
	.c-button2__txt.-en {
		font-size: 2rem;
		font-size: max(2rem, 15px);
		margin-right: 3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button2__txt.-en {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-right: 2.4rem
	}
}
@media screen and (max-width:560px) {
	.c-button2__txt.-en {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px);
		margin-right: .7rem;
		padding-bottom: 1px
	}
}
@media screen and (min-width:1024px) {
	.c-button2__txt.-ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-right: -.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button2__txt.-ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-right: -.4rem
	}
}
@media screen and (max-width:560px) {
	.c-button2__txt.-ja {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px);
		margin-right: -.3rem
	}
}
.c-button3 {
	width: 100%
}
@media screen and (min-width:561px) {
	.c-button3 {
		max-width: 26.2rem
	}
}
@media screen and (max-width:560px) {
	.c-button3 {
		max-width: 19.4rem
	}
}
.c-button3.-auto {
	margin: 0 auto
}
.c-button3 a, .c-button3 button {
	position: relative;
	z-index: 0;
	overflow: hidden;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 1rem;
	background-color: var(--color-line);
	color: var(--color-white);
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:1024px) {
	.c-button3 a, .c-button3 button {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		padding: 2.3rem 0 2.1rem 1.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-button3 a, .c-button3 button {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px);
		padding: 2rem 0 1.8rem 1rem
	}
}
@media screen and (max-width:560px) {
	.c-button3 a, .c-button3 button {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		padding: 1.7rem 0 1.5rem .4rem
	}
}
.c-button3 a.is-hover:hover, .c-button3 button.is-hover:hover {
	background-color: var(--color-line-hover)
}
.c-button3 a::after, .c-button3 button::after {
	content: '';
	display: block;
	background-image: url(../images/common/icon/blank-white.svg);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat
}
@media screen and (min-width:561px) {
	.c-button3 a::after, .c-button3 button::after {
		width: 1.4rem;
		height: 1rem;
		margin-left: 1.2rem
	}
}
@media screen and (max-width:560px) {
	.c-button3 a::after, .c-button3 button::after {
		width: 1rem;
		height: .7rem;
		margin-left: .9rem
	}
}
.c-button3 i {
	fill: var(--color-white)
}
@media screen and (min-width:561px) {
	.c-button3 i {
		margin-right: .8rem
	}
}
@media screen and (max-width:560px) {
	.c-button3 i {
		margin-right: .6rem
	}
}
@media screen and (min-width:561px) {
	.c-button3 i, .c-button3 i svg {
		width: 4.5rem;
		height: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-button3 i, .c-button3 i svg {
		width: 3.4rem;
		height: 1.2rem
	}
}
.c-cinema {
	position: relative
}
.c-cinema::after {
	content: '';
	display: block
}
@media screen and (min-width:1024px) {
	.c-cinema::after {
		padding-top: calc((457 / 1290) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.c-cinema::after {
		padding-top: calc((234/var(--design-size-sp)) * 100%)
	}
}
[class*=c-column] {
	display: flex;
	flex-wrap: wrap
}
[class*=c-column].-row-g-3 {
	margin-top: -.3rem
}
[class*=c-column].-row-g-3>* {
	margin-top: .3rem
}
[class*=c-column].-row-g-10 {
	margin-top: -1rem
}
[class*=c-column].-row-g-10>* {
	margin-top: 1rem
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-20 {
		margin-top: -2rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-20 {
		margin-top: -1rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-20>* {
		margin-top: 2rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-20>* {
		margin-top: 1rem
	}
}
[class*=c-column].-row-g-20-fixed {
	margin-top: -2rem
}
[class*=c-column].-row-g-20-fixed>* {
	margin-top: 2rem
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-26 {
		margin-top: -2.6rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-26 {
		margin-top: -1.3rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-26>* {
		margin-top: 2.6rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-26>* {
		margin-top: 1.3rem
	}
}
[class*=c-column].-row-g-28 {
	margin-top: -2.8rem
}
[class*=c-column].-row-g-28>* {
	margin-top: 2.8rem
}
[class*=c-column].-row-g-37 {
	margin-top: -3.7rem
}
[class*=c-column].-row-g-37>* {
	margin-top: 3.7rem
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-38 {
		margin-top: -3.8rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-38 {
		margin-top: -2.1rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-38>* {
		margin-top: 3.8rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-38>* {
		margin-top: 2.1rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-42 {
		margin-top: -4.2rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-42 {
		margin-top: -3rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-42>* {
		margin-top: 4.2rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-42>* {
		margin-top: 3rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-50 {
		margin-top: -5rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-50 {
		margin-top: -3rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-50>* {
		margin-top: 5rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-50>* {
		margin-top: 3rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-150 {
		margin-top: -15rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-150 {
		margin-top: -12rem
	}
}
@media screen and (min-width:561px) {
	[class*=c-column].-row-g-150>* {
		margin-top: 15rem
	}
}
@media screen and (max-width:560px) {
	[class*=c-column].-row-g-150>* {
		margin-top: 12rem
	}
}
.c-column-equal {
	justify-content: space-between
}
@media screen and (min-width:769px) {
	.c-column-gap-0.-col-2>* {
		width: 25%
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-0.-col-2>* {
		width: 50%
	}
}
.c-column-gap-4 {
	margin-left: -.4rem
}
.c-column-gap-4>* {
	margin-left: .4rem
}
@media screen and (min-width:769px) {
	.c-column-gap-4.-col-3>* {
		width: calc(33.33333% - .4rem)
	}
	body.ua-edge .c-column-gap-4.-col-3>*, body.ua-ie .c-column-gap-4.-col-3>* {
		width: calc((33.33333% - .4rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-4.-col-3>* {
		width: 100%
	}
}
.c-column-gap-17 {
	margin-left: -1.7rem
}
.c-column-gap-17>* {
	margin-left: 1.7rem
}
@media screen and (min-width:769px) {
	.c-column-gap-17.-col-3>* {
		width: calc(33.33333% - 1.7rem)
	}
	body.ua-edge .c-column-gap-17.-col-3>*, body.ua-ie .c-column-gap-17.-col-3>* {
		width: calc((33.33333% - 1.7rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-17.-col-3>* {
		width: 100%
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-23 {
		margin-left: -2.3rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-23 {
		margin-left: -1.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-23>* {
		margin-left: 2.3rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-23>* {
		margin-left: 1.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-23.-col-3>* {
		/* width: calc(33.33333% - 2.3rem) */
		width: 400px;
	}
	body.ua-edge .c-column-gap-23.-col-3>*, body.ua-ie .c-column-gap-23.-col-3>* {
		width: calc((33.33333% - 2.3rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.c-column-gap-23.-col-3>* {
		width: calc(33.33333% - 1.5rem)
	}
	body.ua-edge .c-column-gap-23.-col-3>*, body.ua-ie .c-column-gap-23.-col-3>* {
		width: calc((33.33333% - 1.5rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-23.-col-3>* {
		width: 100%
	}
}
.c-column-gap-23.-col-3>.-full {
	width: 100%!important
}
@media screen and (min-width:1024px) {
	.c-column-gap-25 {
		margin-left: -2.5rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-25 {
		margin-left: -1.3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-25>* {
		margin-left: 2.5rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-25>* {
		margin-left: 1.3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-25.-col-3>* {
		width: calc(33.33333% - 2.5rem)
	}
	body.ua-edge .c-column-gap-25.-col-3>*, body.ua-ie .c-column-gap-25.-col-3>* {
		width: calc((33.33333% - 2.5rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.c-column-gap-25.-col-3>* {
		width: calc(33.33333% - 1.3rem)
	}
	body.ua-edge .c-column-gap-25.-col-3>*, body.ua-ie .c-column-gap-25.-col-3>* {
		width: calc((33.33333% - 1.3rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-25.-col-3>* {
		width: calc(50% - 1.3rem)
	}
	body.ua-edge .c-column-gap-25.-col-3>*, body.ua-ie .c-column-gap-25.-col-3>* {
		width: calc((50% - 1.3rem) - .1px)
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-30 {
		margin-left: -3rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-30 {
		margin-left: -2rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-30>* {
		margin-left: 3rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-30>* {
		margin-left: 2rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-30.-col-3>* {
		width: calc(33.33333% - 3rem)
	}
	body.ua-edge .c-column-gap-30.-col-3>*, body.ua-ie .c-column-gap-30.-col-3>* {
		width: calc((33.33333% - 3rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-column-gap-30.-col-3>* {
		width: calc(33.33333% - 2rem)
	}
	body.ua-edge .c-column-gap-30.-col-3>*, body.ua-ie .c-column-gap-30.-col-3>* {
		width: calc((33.33333% - 2rem) - .1px)
	}
}
@media screen and (max-width:560px) {
	.c-column-gap-30.-col-3>* {
		width: 100%
	}
}
.c-column-gap-36 {
	margin-left: -3.6rem
}
.c-column-gap-36>* {
	margin-left: 3.6rem
}
@media screen and (min-width:769px) {
	.c-column-gap-36.-col-2>* {
		width: calc(50% - 3.6rem)
	}
	body.ua-edge .c-column-gap-36.-col-2>*, body.ua-ie .c-column-gap-36.-col-2>* {
		width: calc((50% - 3.6rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-36.-col-2>* {
		width: 100%
	}
}
.c-column-gap-38 {
	margin-left: -3.8rem
}
.c-column-gap-38>* {
	margin-left: 3.8rem
}
@media screen and (min-width:769px) {
	.c-column-gap-38.-col-2>* {
		width: calc(50% - 3.8rem)
	}
	body.ua-edge .c-column-gap-38.-col-2>*, body.ua-ie .c-column-gap-38.-col-2>* {
		width: calc((50% - 3.8rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-38.-col-2>* {
		width: 100%
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-40 {
		margin-left: -4rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-40 {
		margin-left: -2rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-40>* {
		margin-left: 4rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-40>* {
		margin-left: 2rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-40.-col-4>* {
		width: calc(25% - 4rem)
	}
	body.ua-edge .c-column-gap-40.-col-4>*, body.ua-ie .c-column-gap-40.-col-4>* {
		width: calc((25% - 4rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.c-column-gap-40.-col-4>* {
		width: calc(25% - 2rem)
	}
	body.ua-edge .c-column-gap-40.-col-4>*, body.ua-ie .c-column-gap-40.-col-4>* {
		width: calc((25% - 2rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-40.-col-4>* {
		width: calc(50% - 2rem)
	}
	body.ua-edge .c-column-gap-40.-col-4>*, body.ua-ie .c-column-gap-40.-col-4>* {
		width: calc((50% - 2rem) - .1px)
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-44 {
		margin-left: -4.4rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-44 {
		margin-left: -3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-44>* {
		margin-left: 4.4rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-44>* {
		margin-left: 3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-44.-col-3>* {
		width: calc(33.33333% - 4.4rem)
	}
	body.ua-edge .c-column-gap-44.-col-3>*, body.ua-ie .c-column-gap-44.-col-3>* {
		width: calc((33.33333% - 4.4rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-column-gap-44.-col-3>* {
		width: calc(50% - 3rem)
	}
	body.ua-edge .c-column-gap-44.-col-3>*, body.ua-ie .c-column-gap-44.-col-3>* {
		width: calc((50% - 3rem) - .1px)
	}
}
@media screen and (max-width:560px) {
	.c-column-gap-44.-col-3>* {
		width: 100%
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-47 {
		margin-left: -4.7rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-47 {
		margin-left: -3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-47>* {
		margin-left: 4.7rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-47>* {
		margin-left: 3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-47.-col-4>* {
		width: calc(25% - 4.7rem)
	}
	body.ua-edge .c-column-gap-47.-col-4>*, body.ua-ie .c-column-gap-47.-col-4>* {
		width: calc((25% - 4.7rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.c-column-gap-47.-col-4>* {
		width: calc(25% - 3rem)
	}
	body.ua-edge .c-column-gap-47.-col-4>*, body.ua-ie .c-column-gap-47.-col-4>* {
		width: calc((25% - 3rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-47.-col-4>* {
		width: 100%
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-49 {
		margin-left: -4.9rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-49 {
		margin-left: -2.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-49>* {
		margin-left: 4.9rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-49>* {
		margin-left: 2.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-49.-col-2>* {
		width: calc(50% - 4.9rem)
	}
	body.ua-edge .c-column-gap-49.-col-2>*, body.ua-ie .c-column-gap-49.-col-2>* {
		width: calc((50% - 4.9rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.c-column-gap-49.-col-2>* {
		width: calc(50% - 2.5rem)
	}
	body.ua-edge .c-column-gap-49.-col-2>*, body.ua-ie .c-column-gap-49.-col-2>* {
		width: calc((50% - 2.5rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-49.-col-2>* {
		width: 100%
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-49.-col-3>* {
		width: calc(33.33333% - 4.9rem)
	}
	body.ua-edge .c-column-gap-49.-col-3>*, body.ua-ie .c-column-gap-49.-col-3>* {
		width: calc((33.33333% - 4.9rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.c-column-gap-49.-col-3>* {
		width: calc(33.33333% - 2.5rem)
	}
	body.ua-edge .c-column-gap-49.-col-3>*, body.ua-ie .c-column-gap-49.-col-3>* {
		width: calc((33.33333% - 2.5rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-49.-col-3>* {
		width: calc(50% - 2.5rem)
	}
	body.ua-edge .c-column-gap-49.-col-3>*, body.ua-ie .c-column-gap-49.-col-3>* {
		width: calc((50% - 2.5rem) - .1px)
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-160 {
		margin-left: -16rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-160 {
		margin-left: -3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-160>* {
		margin-left: 16rem
	}
}
@media screen and (max-width:1023px) {
	.c-column-gap-160>* {
		margin-left: 3rem
	}
}
@media screen and (min-width:1024px) {
	.c-column-gap-160.-col-2>* {
		width: calc(50% - 16rem)
	}
	body.ua-edge .c-column-gap-160.-col-2>*, body.ua-ie .c-column-gap-160.-col-2>* {
		width: calc((50% - 16rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-column-gap-160.-col-2>* {
		width: calc(50% - 3rem)
	}
	body.ua-edge .c-column-gap-160.-col-2>*, body.ua-ie .c-column-gap-160.-col-2>* {
		width: calc((50% - 3rem) - .1px)
	}
}
@media screen and (max-width:560px) {
	.c-column-gap-160.-col-2>* {
		width: 100%
	}
}
.c-count {
	position: absolute;
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50%;
	color: var(--color-white);
	text-align: center;
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em;
	padding-left: .1rem
}
@media screen and (min-width:561px) {
	.c-count {
		width: 2.8rem;
		height: 2.8rem;
		font-size: 1.2rem
	}
}
@media screen and (max-width:560px) {
	.c-count {
		width: 2.4rem;
		height: 2.4rem;
		font-size: 1rem
	}
}
@media screen and (min-width:1024px) {
	.c-define {
		display: table;
		border-collapse: collapse;
		border-spacing: 0
	}
	.c-define>dl {
		display: table-row
	}
	.c-define>dl>dt {
		position: relative;
		display: table-cell;
		padding-right: 1.7em
	}
	.c-define>dl>dd {
		display: table-cell;
		width: auto
	}
}
@media screen and (max-width:1023px) {
	.c-define.-multiple>dl:not(:last-of-type) {
		margin-bottom: .4rem
	}
}
@media screen and (min-width:1024px) {
	.c-define.-multiple>dl:not(:last-of-type)>dd, .c-define.-multiple>dl:not(:last-of-type)>dt {
		padding-bottom: 1rem
	}
}
.c-dots {
	display: flex;
	align-items: flex-end
}
.c-dots.is-change {
	pointer-events: none
}
.c-dots button {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	line-height: 0
}
.c-dots svg {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	line-height: 0;
	transition: .6s cubic-bezier(.23, 1, .32, 1);
	transition-property: width, height;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	overflow: hidden
}
body:not(.ua-ie) .c-dots svg {
	width: auto!important
}
@media screen and (min-width:561px) {
	.c-dots.-type1, .c-dots.-type2, .c-dots.-type3, .c-dots.-type6 {
		height: 2.8rem
	}
	.c-dots.-type1 li:not(:last-of-type), .c-dots.-type2 li:not(:last-of-type), .c-dots.-type3 li:not(:last-of-type), .c-dots.-type6 li:not(:last-of-type) {
		margin-right: 1.3rem
	}
	.c-dots.-type1 li.is-active svg, .c-dots.-type1 li.slick-active svg, .c-dots.-type2 li.is-active svg, .c-dots.-type2 li.slick-active svg, .c-dots.-type3 li.is-active svg, .c-dots.-type3 li.slick-active svg, .c-dots.-type6 li.is-active svg, .c-dots.-type6 li.slick-active svg {
		height: 2.8rem
	}
	.c-dots.-type1 li.is-active .c-dots__1, .c-dots.-type1 li.slick-active .c-dots__1, .c-dots.-type2 li.is-active .c-dots__1, .c-dots.-type2 li.slick-active .c-dots__1, .c-dots.-type3 li.is-active .c-dots__1, .c-dots.-type3 li.slick-active .c-dots__1, .c-dots.-type6 li.is-active .c-dots__1, .c-dots.-type6 li.slick-active .c-dots__1 {
		width: 4rem
	}
	.c-dots.-type1 li.is-active .c-dots__2, .c-dots.-type1 li.slick-active .c-dots__2, .c-dots.-type2 li.is-active .c-dots__2, .c-dots.-type2 li.slick-active .c-dots__2, .c-dots.-type3 li.is-active .c-dots__2, .c-dots.-type3 li.slick-active .c-dots__2, .c-dots.-type6 li.is-active .c-dots__2, .c-dots.-type6 li.slick-active .c-dots__2 {
		width: 4.8rem
	}
	.c-dots.-type1 li.is-active .c-dots__3, .c-dots.-type1 li.slick-active .c-dots__3, .c-dots.-type2 li.is-active .c-dots__3, .c-dots.-type2 li.slick-active .c-dots__3, .c-dots.-type3 li.is-active .c-dots__3, .c-dots.-type3 li.slick-active .c-dots__3, .c-dots.-type6 li.is-active .c-dots__3, .c-dots.-type6 li.slick-active .c-dots__3 {
		width: 4.8rem
	}
	.c-dots.-type1 li.is-active .c-dots__4, .c-dots.-type1 li.slick-active .c-dots__4, .c-dots.-type2 li.is-active .c-dots__4, .c-dots.-type2 li.slick-active .c-dots__4, .c-dots.-type3 li.is-active .c-dots__4, .c-dots.-type3 li.slick-active .c-dots__4, .c-dots.-type6 li.is-active .c-dots__4, .c-dots.-type6 li.slick-active .c-dots__4 {
		width: 5.2rem
	}
	.c-dots.-type1 li.is-active .c-dots__5, .c-dots.-type1 li.slick-active .c-dots__5, .c-dots.-type2 li.is-active .c-dots__5, .c-dots.-type2 li.slick-active .c-dots__5, .c-dots.-type3 li.is-active .c-dots__5, .c-dots.-type3 li.slick-active .c-dots__5, .c-dots.-type6 li.is-active .c-dots__5, .c-dots.-type6 li.slick-active .c-dots__5 {
		width: 4.8rem
	}
	.c-dots.-type1 li.is-active .c-dots__6, .c-dots.-type1 li.slick-active .c-dots__6, .c-dots.-type2 li.is-active .c-dots__6, .c-dots.-type2 li.slick-active .c-dots__6, .c-dots.-type3 li.is-active .c-dots__6, .c-dots.-type3 li.slick-active .c-dots__6, .c-dots.-type6 li.is-active .c-dots__6, .c-dots.-type6 li.slick-active .c-dots__6 {
		width: 5rem
	}
	.c-dots.-type1 svg, .c-dots.-type2 svg, .c-dots.-type3 svg, .c-dots.-type6 svg {
		height: 1.4rem
	}
	.c-dots.-type1 .c-dots__1, .c-dots.-type2 .c-dots__1, .c-dots.-type3 .c-dots__1, .c-dots.-type6 .c-dots__1 {
		width: 2rem
	}
	.c-dots.-type1 .c-dots__2, .c-dots.-type2 .c-dots__2, .c-dots.-type3 .c-dots__2, .c-dots.-type6 .c-dots__2 {
		width: 2.4rem
	}
	.c-dots.-type1 .c-dots__3, .c-dots.-type2 .c-dots__3, .c-dots.-type3 .c-dots__3, .c-dots.-type6 .c-dots__3 {
		width: 2.4rem
	}
	.c-dots.-type1 .c-dots__4, .c-dots.-type2 .c-dots__4, .c-dots.-type3 .c-dots__4, .c-dots.-type6 .c-dots__4 {
		width: 2.6rem
	}
	.c-dots.-type1 .c-dots__5, .c-dots.-type2 .c-dots__5, .c-dots.-type3 .c-dots__5, .c-dots.-type6 .c-dots__5 {
		width: 2.4rem
	}
	.c-dots.-type1 .c-dots__6, .c-dots.-type2 .c-dots__6, .c-dots.-type3 .c-dots__6, .c-dots.-type6 .c-dots__6 {
		width: 2.5rem
	}
}
.c-dots.-type1 {
	position: absolute
}
@media screen and (min-width:561px) {
	.c-dots.-type1 {
		right: 3rem;
		bottom: 2.2rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type1 {
		height: 1.8rem;
		right: 1.8rem;
		bottom: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type1 li:not(:last-of-type) {
		margin-right: .9rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type1 li.is-active svg, .c-dots.-type1 li.slick-active svg {
		height: 1.8rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type1 li.is-active svg, .c-dots.-type1 li.slick-active svg {
		height: 1.8rem
	}
	.c-dots.-type1 li.is-active .c-dots__1, .c-dots.-type1 li.slick-active .c-dots__1 {
		width: 2.52rem
	}
	.c-dots.-type1 li.is-active .c-dots__2, .c-dots.-type1 li.slick-active .c-dots__2 {
		width: 2.88rem
	}
	.c-dots.-type1 li.is-active .c-dots__3, .c-dots.-type1 li.slick-active .c-dots__3 {
		width: 2.88rem
	}
	.c-dots.-type1 li.is-active .c-dots__4, .c-dots.-type1 li.slick-active .c-dots__4 {
		width: 3.06rem
	}
}
.c-dots.-type1 svg {
	fill: var(--color-white)
}
@media screen and (max-width:560px) {
	.c-dots.-type1 svg {
		height: 1rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type1 .c-dots__1 {
		width: 1.4rem
	}
	.c-dots.-type1 .c-dots__2 {
		width: 1.6rem
	}
	.c-dots.-type1 .c-dots__3 {
		width: 1.6rem
	}
	.c-dots.-type1 .c-dots__4 {
		width: 1.7rem
	}
}
.c-dots.-type2 {
	justify-content: center
}
@media screen and (max-width:560px) {
	.c-dots.-type2 {
		height: 2.1rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type2 li:not(:last-of-type) {
		margin-right: 1rem
	}
}
.c-dots.-type2 li.is-active svg, .c-dots.-type2 li.slick-active svg {
	fill: var(--color-gray9)
}
@media screen and (max-width:560px) {
	.c-dots.-type2 li.is-active svg, .c-dots.-type2 li.slick-active svg {
		height: 2.1rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type2 li.is-active .c-dots__1, .c-dots.-type2 li.slick-active .c-dots__1 {
		width: 2.86364rem
	}
	.c-dots.-type2 li.is-active .c-dots__2, .c-dots.-type2 li.slick-active .c-dots__2 {
		width: 3.43636rem
	}
	.c-dots.-type2 li.is-active .c-dots__3, .c-dots.-type2 li.slick-active .c-dots__3 {
		width: 3.43636rem
	}
	.c-dots.-type2 li.is-active .c-dots__4, .c-dots.-type2 li.slick-active .c-dots__4 {
		width: 3.81818rem
	}
	.c-dots.-type2 li.is-active .c-dots__5, .c-dots.-type2 li.slick-active .c-dots__5 {
		width: 3.43636rem
	}
	.c-dots.-type2 li.is-active .c-dots__6, .c-dots.-type2 li.slick-active .c-dots__6 {
		width: 3.81818rem
	}
}
.c-dots.-type2 svg {
	fill: var(--color-dark-gray11)
}
@media screen and (max-width:560px) {
	.c-dots.-type2 svg {
		height: 1.1rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type2 .c-dots__1 {
		width: 1.5rem
	}
	.c-dots.-type2 .c-dots__2 {
		width: 1.8rem
	}
	.c-dots.-type2 .c-dots__3 {
		width: 1.8rem
	}
	.c-dots.-type2 .c-dots__4 {
		width: 2rem
	}
	.c-dots.-type2 .c-dots__5 {
		width: 1.8rem
	}
	.c-dots.-type2 .c-dots__6 {
		width: 2rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type3 {
		position: absolute;
		right: 2rem;
		bottom: 2rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type3 {
		justify-content: center;
		height: 1.5rem;
		margin-top: 1.8rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type3 li:not(:last-of-type) {
		margin-right: .6rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type3 li.is-active svg, .c-dots.-type3 li.slick-active svg {
		height: 1.5rem
	}
	.c-dots.-type3 li.is-active .c-dots__1, .c-dots.-type3 li.slick-active .c-dots__1 {
		width: 2.0625rem
	}
	.c-dots.-type3 li.is-active .c-dots__2, .c-dots.-type3 li.slick-active .c-dots__2 {
		width: 2.4375rem
	}
	.c-dots.-type3 li.is-active .c-dots__3, .c-dots.-type3 li.slick-active .c-dots__3 {
		width: 2.4375rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type3 svg {
		fill: var(--color-white)
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type3 svg {
		height: .8rem;
		fill: var(--color-black3)
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type3 .c-dots__1 {
		width: 1.1rem
	}
	.c-dots.-type3 .c-dots__2 {
		width: 1.3rem
	}
	.c-dots.-type3 .c-dots__3 {
		width: 1.3rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type4 {
		height: 2rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type4 {
		height: 1.3rem
	}
}
.c-dots.-type4 li {
	opacity: .5
}
@media screen and (min-width:561px) {
	.c-dots.-type4 li:not(:last-of-type) {
		margin-right: .9rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type4 li:not(:last-of-type) {
		margin-right: .6rem
	}
}
.c-dots.-type4 li.is-active, .c-dots.-type4 li.slick-active {
	opacity: 1
}
@media screen and (min-width:561px) {
	.c-dots.-type4 li.is-active svg, .c-dots.-type4 li.slick-active svg {
		height: 2rem
	}
	.c-dots.-type4 li.is-active .c-dots__1, .c-dots.-type4 li.slick-active .c-dots__1 {
		width: 2.76923rem
	}
	.c-dots.-type4 li.is-active .c-dots__2, .c-dots.-type4 li.slick-active .c-dots__2 {
		width: 3.23077rem
	}
	.c-dots.-type4 li.is-active .c-dots__3, .c-dots.-type4 li.slick-active .c-dots__3 {
		width: 3.23077rem
	}
	.c-dots.-type4 li.is-active .c-dots__4, .c-dots.-type4 li.slick-active .c-dots__4 {
		width: 3.53846rem
	}
	.c-dots.-type4 li.is-active .c-dots__5, .c-dots.-type4 li.slick-active .c-dots__5 {
		width: 3.23077rem
	}
	.c-dots.-type4 li.is-active .c-dots__6, .c-dots.-type4 li.slick-active .c-dots__6 {
		width: 3.38462rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type4 li.is-active svg, .c-dots.-type4 li.slick-active svg {
		height: 1.3rem
	}
	.c-dots.-type4 li.is-active .c-dots__1, .c-dots.-type4 li.slick-active .c-dots__1 {
		width: 1.7875rem
	}
	.c-dots.-type4 li.is-active .c-dots__2, .c-dots.-type4 li.slick-active .c-dots__2 {
		width: 2.1125rem
	}
	.c-dots.-type4 li.is-active .c-dots__3, .c-dots.-type4 li.slick-active .c-dots__3 {
		width: 2.1125rem
	}
	.c-dots.-type4 li.is-active .c-dots__4, .c-dots.-type4 li.slick-active .c-dots__4 {
		width: 2.275rem
	}
	.c-dots.-type4 li.is-active .c-dots__5, .c-dots.-type4 li.slick-active .c-dots__5 {
		width: 2.1125rem
	}
	.c-dots.-type4 li.is-active .c-dots__6, .c-dots.-type4 li.slick-active .c-dots__6 {
		width: 2.275rem
	}
}
.c-dots.-type4 svg {
	fill: var(--color-white)
}
@media screen and (min-width:561px) {
	.c-dots.-type4 svg {
		height: 1.3rem
	}
	.c-dots.-type4 .c-dots__1 {
		width: 1.8rem
	}
	.c-dots.-type4 .c-dots__2 {
		width: 2.1rem
	}
	.c-dots.-type4 .c-dots__3 {
		width: 2.1rem
	}
	.c-dots.-type4 .c-dots__4 {
		width: 2.3rem
	}
	.c-dots.-type4 .c-dots__5 {
		width: 2.1rem
	}
	.c-dots.-type4 .c-dots__6 {
		width: 2.2rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type4 svg {
		height: .8rem
	}
	.c-dots.-type4 .c-dots__1 {
		width: 1.1rem
	}
	.c-dots.-type4 .c-dots__2 {
		width: 1.3rem
	}
	.c-dots.-type4 .c-dots__3 {
		width: 1.3rem
	}
	.c-dots.-type4 .c-dots__4 {
		width: 1.4rem
	}
	.c-dots.-type4 .c-dots__5 {
		width: 1.3rem
	}
	.c-dots.-type4 .c-dots__6 {
		width: 1.4rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type5 {
		justify-content: center;
		height: 1.6rem;
		margin-top: 3.7rem
	}
	.c-dots.-type5 li:not(:last-of-type) {
		margin-right: .7rem
	}
	.c-dots.-type5 li.is-active svg, .c-dots.-type5 li.slick-active svg {
		opacity: 1;
		height: 1.6rem
	}
	.c-dots.-type5 li .c-dots__1 {
		width: 2.24rem
	}
	.c-dots.-type5 li .c-dots__2 {
		width: 2.56rem
	}
	.c-dots.-type5 li .c-dots__3 {
		width: 2.56rem
	}
	.c-dots.-type5 svg {
		height: 1rem;
		fill: var(--color-black3);
		opacity: .5
	}
	.c-dots.-type5 .c-dots__1 {
		width: 1.4rem
	}
	.c-dots.-type5 .c-dots__2 {
		width: 1.6rem
	}
	.c-dots.-type5 .c-dots__3 {
		width: 1.6rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type6 {
		position: absolute;
		bottom: 2rem
	}
	.c-dots.-type6.-right {
		right: 3rem
	}
	.c-dots.-type6.-left {
		left: 3rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type6 {
		justify-content: center;
		height: 1.6rem;
		margin-top: 2rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type6 li:not(:last-of-type) {
		margin-right: .7rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type6 li.is-active svg, .c-dots.-type6 li.slick-active svg {
		opacity: 1;
		height: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type6 li.is-active .c-dots__1, .c-dots.-type6 li.slick-active .c-dots__1 {
		width: 2.24rem
	}
	.c-dots.-type6 li.is-active .c-dots__2, .c-dots.-type6 li.slick-active .c-dots__2 {
		width: 2.72rem
	}
	.c-dots.-type6 li.is-active .c-dots__3, .c-dots.-type6 li.slick-active .c-dots__3 {
		width: 2.56rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type6 svg {
		fill: var(--color-white)
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type6 svg {
		height: 1rem;
		fill: var(--color-black3);
		opacity: .5
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type6 .c-dots__1 {
		width: 1.4rem
	}
	.c-dots.-type6 .c-dots__2 {
		width: 1.7rem
	}
	.c-dots.-type6 .c-dots__3 {
		width: 1.6rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type7 {
		justify-content: center;
		height: 2rem;
		margin-top: 2.8rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type7 {
		justify-content: flex-end;
		height: 1.5rem;
		margin-top: 1.2rem;
		margin-right: calc(26 / var(--design-size-sp) * 100vw)
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type7 li:not(:last-of-type) {
		margin-right: 1rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type7 li:not(:last-of-type) {
		margin-right: .6rem
	}
}
.c-dots.-type7 li.is-active svg, .c-dots.-type7 li.slick-active svg {
	fill: var(--theme-color)
}
@media screen and (min-width:561px) {
	.c-dots.-type7 li.is-active svg, .c-dots.-type7 li.slick-active svg {
		height: 2rem
	}
	.c-dots.-type7 li.is-active .c-dots__1, .c-dots.-type7 li.slick-active .c-dots__1 {
		width: 2.76923rem
	}
	.c-dots.-type7 li.is-active .c-dots__2, .c-dots.-type7 li.slick-active .c-dots__2 {
		width: 3.23077rem
	}
	.c-dots.-type7 li.is-active .c-dots__3, .c-dots.-type7 li.slick-active .c-dots__3 {
		width: 3.23077rem
	}
	.c-dots.-type7 li.is-active .c-dots__4, .c-dots.-type7 li.slick-active .c-dots__4 {
		width: 3.53846rem
	}
	.c-dots.-type7 li.is-active .c-dots__5, .c-dots.-type7 li.slick-active .c-dots__5 {
		width: 3.23077rem
	}
	.c-dots.-type7 li.is-active .c-dots__6, .c-dots.-type7 li.slick-active .c-dots__6 {
		width: 3.38462rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type7 li.is-active svg, .c-dots.-type7 li.slick-active svg {
		height: 1.5rem
	}
	.c-dots.-type7 li.is-active .c-dots__1, .c-dots.-type7 li.slick-active .c-dots__1 {
		width: 2.0625rem
	}
	.c-dots.-type7 li.is-active .c-dots__2, .c-dots.-type7 li.slick-active .c-dots__2 {
		width: 2.4375rem
	}
	.c-dots.-type7 li.is-active .c-dots__3, .c-dots.-type7 li.slick-active .c-dots__3 {
		width: 2.4375rem
	}
	.c-dots.-type7 li.is-active .c-dots__4, .c-dots.-type7 li.slick-active .c-dots__4 {
		width: 2.625rem
	}
	.c-dots.-type7 li.is-active .c-dots__5, .c-dots.-type7 li.slick-active .c-dots__5 {
		width: 2.4375rem
	}
	.c-dots.-type7 li.is-active .c-dots__6, .c-dots.-type7 li.slick-active .c-dots__6 {
		width: 2.625rem
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type7 svg {
		fill: var(--color-gray18)
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type7 svg {
		fill: var(--color-gray19)
	}
}
@media screen and (min-width:561px) {
	.c-dots.-type7 svg {
		height: 1.3rem
	}
	.c-dots.-type7 .c-dots__1 {
		width: 1.8rem
	}
	.c-dots.-type7 .c-dots__2 {
		width: 2.1rem
	}
	.c-dots.-type7 .c-dots__3 {
		width: 2.1rem
	}
	.c-dots.-type7 .c-dots__4 {
		width: 2.3rem
	}
	.c-dots.-type7 .c-dots__5 {
		width: 2.1rem
	}
	.c-dots.-type7 .c-dots__6 {
		width: 2.2rem
	}
}
@media screen and (max-width:560px) {
	.c-dots.-type7 svg {
		height: .8rem
	}
	.c-dots.-type7 .c-dots__1 {
		width: 1.1rem
	}
	.c-dots.-type7 .c-dots__2 {
		width: 1.3rem
	}
	.c-dots.-type7 .c-dots__3 {
		width: 1.3rem
	}
	.c-dots.-type7 .c-dots__4 {
		width: 1.4rem
	}
	.c-dots.-type7 .c-dots__5 {
		width: 1.3rem
	}
	.c-dots.-type7 .c-dots__6 {
		width: 1.4rem
	}
}
.c-dots2 {
	display: flex;
	justify-content: center
}
.c-dots2 li:not(:last-of-type) {
	margin-right: .6rem
}
.c-dots2 li.is-active button, .c-dots2 li.slick-active button {
	background-color: var(--color-black3)
}
.c-dots2 button {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	position: relative;
	text-align: left;
	width: 1rem;
	height: 1rem;
	border-radius: 100px;
	background-color: var(--color-gray20)
}
@media screen and (min-width:1024px) {
	.c-flex {
		display: flex
	}
}
@media screen and (min-width:1024px) {
	.c-flex.-center {
		align-items: center
	}
}
@media screen and (min-width:1024px) {
	.c-flex__side {
		width: calc((452 / 1100) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.c-flex__side2 {
		width: calc((246 / 944) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.c-flex__side3 {
		width: calc((148 / 976) * 100%);
		margin-right: calc((66 / 976) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.c-flex__main {
		flex: 1
	}
}
.c-icon {
	display: inline-block;
	vertical-align: middle;
	letter-spacing: 0;
	line-height: 0
}
.c-iframe {
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0
}
.c-illust__cloud-1 {
	width: calc((49 / 325) * 100%);
	top: calc((16 / 101) * 100%);
	left: 0
}
.c-illust__cloud-2 {
	width: calc((55 / 325) * 100%);
	top: calc((11 / 101) * 100%);
	right: calc((-18 / 325) * 100%)
}
.c-illust__cloud-2 img {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
.c-illust2 p {
	width: calc((120 / 155) * 100%);
	left: calc((23 / 155) * 100%);
	top: calc((-132 / 100) * 100%)
}
.c-illust2 p img {
	width: 100%
}
[class*=c-inner] {
	margin: 0 auto
}
@media screen and (min-width:1024px) {
	.c-inner-large, .c-inner-medium, .c-inner-xlarge-l, .c-inner-xlarge-m, .c-inner-xlarge-s, .c-inner-xsmall {
		width: var(--inner-percent-pc)
	}
}
@media screen and (max-width:1023px) {
	.c-inner-large, .c-inner-medium, .c-inner-xlarge-l, .c-inner-xlarge-m, .c-inner-xlarge-s, .c-inner-xsmall {
		width: var(--inner-percent-large)
	}
}
@media screen and (min-width:1024px) {
	.c-inner-large-l2, .c-inner-large-r2, .c-inner-large2, .c-inner-medium2, .c-inner-small-l2, .c-inner-small-r2, .c-inner-xsmall-l2, .c-inner-xsmall-s2 {
		width: var(--inner-percent-pc)
	}
}
@media screen and (max-width:1023px) {
	.c-inner-large-l2, .c-inner-large-r2, .c-inner-large2, .c-inner-medium2, .c-inner-small-l2, .c-inner-small-r2, .c-inner-xsmall-l2, .c-inner-xsmall-s2 {
		width: var(--inner-percent-medium)
	}
}
@media screen and (max-width:1023px) {
	.c-inner2--mqDown-lg {
		width: var(--inner-percent-medium)
	}
}
@media screen and (min-width:1024px) {
	.c-inner-large3 {
		width: var(--inner-percent-pc)
	}
}
@media screen and (max-width:1023px) {
	.c-inner-large3 {
		width: var(--inner-percent-small)
	}
}
@media screen and (min-width:1024px) {
	.c-inner-large-r4, .c-inner-large-s4, .c-inner-large4, .c-inner-medium-l4, .c-inner-medium4, .c-inner-xlarge-s4 {
		width: var(--inner-percent-pc)
	}
}
@media screen and (max-width:1023px) {
	.c-inner-large-r4, .c-inner-large-s4, .c-inner-large4, .c-inner-medium-l4, .c-inner-medium4, .c-inner-xlarge-s4 {
		width: 100%
	}
}
[class*=c-inner-xsmall] {
	max-width: 80rem
}
[class*=c-inner-xsmall-s] {
	max-width: 81.5rem
}
[class*=c-inner-xsmall-l] {
	max-width: 89rem
}
[class*=c-inner-small-r] {
	max-width: 95.6rem
}
[class*=c-inner-small-l] {
	max-width: 98rem
}
[class*=c-inner-medium] {
	max-width: 100rem
}
[class*=c-inner-medium-l] {
	max-width: 106.6rem
}
[class*=c-inner-large] {
	max-width: 110rem
}
[class*=c-inner-large-s] {
	max-width: 111rem
}
[class*=c-inner-large-r] {
	max-width: 115rem
}
[class*=c-inner-large-l] {
	max-width: 116rem
}
[class*=c-inner-xlarge-s] {
	max-width: 122rem
}
[class*=c-inner-xlarge-m] {
	max-width: 124.6rem
}
[class*=c-inner-xlarge-l] {
	max-width: 129.4rem
}
.c-inner-full, .c-inner-full-large {
	width: 100%
}
.c-inner-full {
	max-width: var(--design-size-pc--rem)
}
.c-inner-full-large {
	max-width: calc(var(--design-size-pc--rem) + 20rem)
}
@media screen and (min-width:1024px) {
	.c-inner-fixed {
		width: calc(100% - 11rem)
	}
}
@media screen and (min-width:1024px) {
	.c-inner-fixed2 {
		width: calc(100% - 5.6rem)
	}
}
@media screen and (max-width:1023px) {
	.c-inner-fixed2 {
		width: var(--inner-percent-large)
	}
}
@media screen and (min-width:1024px) {
	.c-inner-fixed3 {
		width: calc(100% - 18rem)
	}
}
@media screen and (min-width:769px) {
	.c-inner-fixed4 {
		width: calc(100% - 5.6rem)
	}
}
.c-line {
	position: relative
}
.c-line.-left::before, .c-line.-right::after, .c-line.-transit:not(.-left)::after, .c-line.-transit:not(.-right)::before {
	content: '';
	display: block;
	background-color: var(--color-light-gray);
	position: absolute;
	z-index: -1;
	pointer-events: none
}
@media screen and (min-width:1024px) {
	.c-line.-left::before, .c-line.-right::after, .c-line.-transit:not(.-left)::after, .c-line.-transit:not(.-right)::before {
		max-width: 29.5rem;
		width: calc((295/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.c-line.-left::before, .c-line.-right::after, .c-line.-transit:not(.-left)::after, .c-line.-transit:not(.-right)::before {
		max-width: 11.3rem;
		width: calc((113/var(--design-size-sp)) * 100%)
	}
}
.c-line.-left::before, .c-line.-transit:not(.-right)::before {
	left: 0
}
.c-line.-right::after, .c-line.-transit:not(.-left)::after {
	right: 0
}
.c-line:not(.-transit).-left::before {
	border-radius: 0 2rem 2rem 0
}
.c-line:not(.-transit).-right::after {
	border-radius: 2rem 0 0 2rem
}
.c-line:not(.-transit).-transit-top::after, .c-line:not(.-transit).-transit-top::before {
	top: 0
}
.c-line:not(.-transit).-transit-top::before {
	border-radius: 0 0 2rem 0
}
.c-line:not(.-transit).-transit-top::after {
	border-radius: 0 0 0 2rem
}
.c-line:not(.-transit).-transit-bottom::after, .c-line:not(.-transit).-transit-bottom::before {
	bottom: 0
}
.c-line:not(.-transit).-transit-bottom::before {
	border-radius: 0 2rem 0 0
}
@media screen and (max-width: 769px){
    .pg-top-visual::before{
        display: none !important;
    }
}
.c-line:not(.-transit).-transit-bottom::after {
	border-radius: 2rem 0 0 0
}
.c-line.-transit:not(.-left)::after, .c-line.-transit:not(.-right)::before {
	height: 100%;
	top: 0
}
.c-list-disc li {
	display: flex;
	align-items: baseline
}
.c-list-disc li::before {
	content: '';
	display: block;
	width: .6rem;
	height: .6rem;
	border-radius: 50%;
	font-size: inherit;
	line-height: inherit;
	position: relative;
	top: -.4em;
	-webkit-transform: translateY(50%);
	transform: translateY(50%)
}
@media screen and (min-width:1024px) {
	.c-list-disc li::before {
		margin-right: .9rem
	}
}
@media screen and (max-width:1023px) {
	.c-list-disc li::before {
		margin-right: .7rem
	}
}
.c-list-disc li>span {
	flex: 1;
	align-self: baseline
}
.c-list-disc.-brown2 li::before {
	background-color: var(--color-brown2)
}
.c-list-disc.-blue li::before {
	background-color: var(--color-blue)
}
.c-metas {
	display: flex;
	flex-wrap: wrap
}
@media screen and (min-width:561px) {
	.c-metas .c-meta.-medium:not(:last-of-type) {
		margin-right: .7rem
	}
}
@media screen and (max-width:560px) {
	.c-metas .c-meta.-medium:not(:last-of-type) {
		margin-right: .5rem
	}
}
.c-metas .c-meta.-xxsmall:not(:last-of-type) {
	margin-right: .6rem
}
.c-meta {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	border-radius: 100px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden
}
@media screen and (min-width:1024px) {
	.c-meta {
		min-width: 10rem;
		min-height: 3rem;
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		padding: .7rem 1rem
	}
}
.c-meta.-white {
	border: solid 1px var(--color-black3);
	background-color: var(--color-white)
}
.c-meta.-green {
	border: solid 1px var(--color-black3);
	background-color: var(--color-green2)
}
.c-meta.-gold {
	border: solid 1px var(--color-black3);
	background-color: var(--color-gold9)
}
.c-meta.-new {
	background-color: var(--color-gold6);
	color: var(--color-white);
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em
}
@media screen and (min-width:1024px) {
	.c-meta.-new.-xsmall {
		min-width: 6.4rem
	}
}
@media screen and (max-width:1023px) {
	.c-meta.-new.-xsmall {
		min-width: 4.2rem
	}
}
.c-meta.-new.-medium {
	padding-top: 1px
}
@media screen and (min-width:1024px) {
	.c-meta.-new.-medium {
		min-width: 7.8rem;
		min-height: 2.9rem;
		font-size: 1.5rem;
		font-size: max(1.5rem, 14px);
		padding: .8rem 1.2rem .6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-meta.-new.-medium {
		min-width: 6.48rem;
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-meta.-new.-medium {
		min-width: 5.4rem;
		font-size: 1.1rem;
		padding: .5rem 1rem .3rem
	}
}
@media screen and (min-width:1024px) {
	.c-meta.-xxsmall {
		min-width: 8.2rem;
		min-height: 2.4rem;
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (max-width:1023px) {
	.c-meta.-xxsmall {
		min-width: 5.4rem;
		min-height: 1.6rem;
		font-size: 1rem
	}
}
@media screen and (max-width:560px) {
	.c-meta.-xxsmall span {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
}
@media screen and (max-width:1023px) {
	.c-meta.-xsmall {
		min-width: 6.4rem;
		min-height: 1.8rem;
		font-size: 1rem;
		padding: .3rem 1rem
	}
}
@media screen and (max-width:1023px) {
	.c-meta.-small {
		min-width: 7rem;
		min-height: 2rem;
		font-size: 1.1rem;
		padding: .3rem 1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-meta.-medium {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		min-width: 8.4rem;
		min-height: 2.4rem;
		padding: .5rem 1rem
	}
}
@media screen and (max-width:560px) {
	.c-meta.-medium {
		font-size: 1rem;
		min-width: 7rem;
		min-height: 2rem;
		padding: .4rem 1rem
	}
}
@media screen and (max-width:1023px) {
	.c-meta.-large {
		min-width: 8.8rem;
		min-height: 2.5rem;
		font-size: 1.2rem;
		padding: .5rem 1rem
	}
}
.c-meta.-center {
	position: absolute;
	left: 50%;
	bottom: 0;
	-webkit-transform: translate(-50%, 50%);
	transform: translate(-50%, 50%);
	z-index: 10
}
.c-objectfit.-cover {
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
	font-family: "object-fit: cover;";
	position: absolute;
	top: 0;
	left: 0
}
.c-objectfit.-contain {
	width: 100%;
	height: 100%;
	-o-object-fit: contain;
	object-fit: contain;
	font-family: "object-fit: contain;";
	position: absolute;
	top: 0;
	left: 0
}
.c-object {
	position: absolute;
	pointer-events: none
}
.c-object img {
	width: 100%
}
@media screen and (min-width:1024px) {
	.c-object-mqUp-lg {
		position: absolute;
		pointer-events: none
	}
	.c-object-mqUp-lg img {
		width: 100%
	}
}
@media screen and (min-width:769px) {
	.c-object-mqUp-md {
		position: absolute;
		pointer-events: none
	}
	.c-object-mqUp-md img {
		width: 100%
	}
}
@media screen and (min-width:561px) {
	.c-object-mqUp-sm {
		position: absolute;
		pointer-events: none
	}
	.c-object-mqUp-sm img {
		width: 100%
	}
}
[class*=c-radius]:not(.-visible) {
	position: relative;
	z-index: 0;
	overflow: hidden
}
.c-radius {
	border-radius: 1rem
}
@media screen and (min-width:1024px) {
	.c-radius-mqUp-lg {
		border-radius: 1rem
	}
}
@media screen and (min-width:769px) {
	.c-radius-mqUp-md {
		border-radius: 1rem
	}
}
.c-radius-right {
	border-radius: 0 1rem 1rem 0
}
.c-radius-left {
	border-radius: 1rem 0 0 1rem
}
@media screen and (min-width:1024px) {
	.c-radius-left-mqUp-lg {
		border-radius: 1rem 0 0 1rem
	}
}
.c-radius-medium {
	border-radius: 2rem
}
@media screen and (min-width:1024px) {
	.c-radius-medium-mqUp-lg {
		border-radius: 2rem
	}
}
@media screen and (min-width:1024px) {
	.c-radius-medium2 {
		border-radius: 2rem
	}
}
@media screen and (max-width:1023px) {
	.c-radius-medium2 {
		border-radius: 1rem
	}
}
@media screen and (min-width:561px) {
	.c-radius-large {
		border-radius: 10.5rem
	}
}
@media screen and (max-width:560px) {
	.c-radius-large {
		border-radius: 8.6rem
	}
}
@media screen and (min-width:1024px) {
	.c-scroll {
		display: none
	}
}
@media screen and (max-width:1023px) {
	.c-scroll {
		display: flex;
		align-items: flex-start;
		position: absolute;
		right: calc((29 / 357) * 100%);
		z-index: 10
	}
}
.c-scroll__icon {
	width: 1px;
	height: 100%;
	background-color: var(--color-gray4);
	margin-left: .6rem;
	overflow: hidden
}
.c-scroll__icon::after {
	content: '';
	display: block;
	width: 1px;
	height: calc((45 / 290) * 100%);
	background-image: linear-gradient(0deg, var(--color-black3), var(--color-gray4));
	-webkit-animation: scaleY-InOut 2.3s infinite;
	animation: scaleY-InOut 2.3s infinite
}
.c-scroll__txt {
	width: .6rem;
	fill: var(--color-gray11)
}
.c-scroll__txt svg {
	width: .6rem;
	height: 2.6rem
}
.c-small {
	color: var(--color-dark-gray9);
	letter-spacing: .04em
}
@media screen and (min-width:1024px) {
	.c-small {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2.14286
	}
	.c-small.-crop::after, .c-small.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-small.-crop::before {
		margin-top: calc((1 - 2.14286) * .5em)
	}
	.c-small.-crop::after {
		margin-bottom: calc((1 - 2.14286) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-small {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.5
	}
	.c-small.-crop::after, .c-small.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-small.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-small.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
.c-small small {
	display: flex;
	align-items: baseline;
	line-height: inherit
}
.c-small small::before {
	content: '※'
}
.c-small2 {
	letter-spacing: .06em
}
@media screen and (min-width:1024px) {
	.c-small2 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 1.71429
	}
	.c-small2.-crop::after, .c-small2.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-small2.-crop::before {
		margin-top: calc((1 - 1.71429) * .5em)
	}
	.c-small2.-crop::after {
		margin-bottom: calc((1 - 1.71429) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-small2 {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
.c-small2 small {
	display: flex;
	align-items: baseline;
	line-height: inherit
}
.c-small2 small::before {
	content: '※'
}
.c-square {
	position: relative
}
.c-square::after {
	content: '';
	display: block;
	padding-top: 100%
}
.c-sticky {
	position: sticky;
	top: 16rem
}
@media screen and (min-width:561px) {
	.c-table>dl {
		display: flex;
		align-items: baseline;
		justify-content: space-between
	}
}
@media screen and (min-width:1024px) {
	.c-table>dl {
		padding: 1.6rem 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-table>dl {
		padding: 1.6rem 2rem
	}
}
@media screen and (max-width:560px) {
	.c-table>dl {
		padding: 2.2rem .2rem 2rem
	}
}
.c-table>dl:first-of-type {
	padding-top: 0
}
@media screen and (min-width:1024px) {
	.c-table>dl>dd, .c-table>dl>dt {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		line-height: 2
	}
}
@media screen and (max-width:1023px) {
	.c-table>dl>dd, .c-table>dl>dt {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 1.71429
	}
}
@media screen and (max-width:560px) {
	.c-table>dl>dt {
		margin-bottom: .6rem
	}
}
@media screen and (min-width:561px) {
	.c-table>dl>dd {
		flex: 1
	}
}
@media screen and (min-width:1024px) {
	.c-table.-w-147>dl>dt {
		width: 14.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-table.-w-147>dl>dt {
		width: 11.76rem
	}
}
.c-table.-brown>dl {
	border-bottom: solid 1px var(--color-brown2)
}
.c-table.-brown>dl>dt {
	color: var(--color-brown)
}
.c-table.-blue>dl {
	border-bottom: solid 1px var(--color-blue2)
}
.c-table.-blue>dl>dt {
	color: var(--color-blue)
}
.c-table2>dl {
	position: relative
}
@media screen and (min-width:561px) {
	.c-table2>dl {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
	}
}
@media screen and (min-width:1024px) {
	.c-table2>dl {
		padding: 3.8rem 2.2rem
	}
}
@media screen and (max-width:1023px) {
	.c-table2>dl {
		padding: 3rem 0 2.8rem
	}
}
.c-table2>dl:first-of-type {
	padding-top: 0
}
.c-table2>dl::after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	display: block;
	width: 100%;
	height: 1px;
	background-image: url(../images/common/solid-03-black3.svg);
	background-size: 200px 1px;
	background-repeat: repeat-x
}
.c-table2>dl>dd, .c-table2>dl>dt {
	font-size: 1.4rem;
	font-size: max(1.4rem, 12px);
	line-height: 1.85714;
	letter-spacing: .04em
}
.c-table2>dl>dd::after, .c-table2>dl>dd::before, .c-table2>dl>dt::after, .c-table2>dl>dt::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.c-table2>dl>dd::before, .c-table2>dl>dt::before {
	margin-top: calc((1 - 1.85714) * .5em)
}
.c-table2>dl>dd::after, .c-table2>dl>dt::after {
	margin-bottom: calc((1 - 1.85714) * .5em)
}
.c-table2>dl>dt {
	font-weight: 700
}
@media screen and (max-width:560px) {
	.c-table2>dl>dt {
		margin-bottom: .8rem
	}
}
@media screen and (min-width:561px) {
	.c-table2>dl>dd {
		flex: 1
	}
}
@media screen and (min-width:1024px) {
	.c-table2.-w-148>dl>dt {
		width: 14.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-table2.-w-148>dl>dt {
		width: 11.84rem
	}
}
@media screen and (min-width:769px) {
	.c-tel {
		display: flex;
		align-items: center
	}
}
@media screen and (min-width:1024px) {
	.c-tel {
		padding-left: .4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel {
		justify-content: center
	}
}
@media screen and (max-width:768px) {
	.c-tel {
		text-align: center
	}
}
@media screen and (min-width:769px) {
	.c-tel.-small .c-tel__number {
		margin-right: 2.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-tel.-small .c-tel__number span {
		margin-right: 2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel.-small .c-tel__number span {
		margin-right: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-tel.-small .c-tel__number span {
		margin-right: 1.2rem
	}
}
@media screen and (min-width:1024px) {
	.c-tel.-small .c-tel__number span svg {
		width: 4rem;
		height: 2.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel.-small .c-tel__number span svg {
		width: 3.6rem;
		height: 1.98rem
	}
}
@media screen and (max-width:560px) {
	.c-tel.-small .c-tel__number span svg {
		width: 2.9rem;
		height: 1.6rem
	}
}
@media screen and (min-width:1024px) {
	.c-tel.-small .c-tel__number a {
		width: 32rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel.-small .c-tel__number a {
		width: 28.8rem
	}
}
@media screen and (max-width:560px) {
	.c-tel.-small .c-tel__number a {
		width: 23.1rem
	}
}
@media screen and (min-width:769px) {
	.c-tel.-large .c-tel__number {
		margin-right: 4.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-tel.-large .c-tel__number span {
		margin-right: 2.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel.-large .c-tel__number span {
		margin-right: 1.8rem
	}
}
@media screen and (max-width:560px) {
	.c-tel.-large .c-tel__number span {
		margin-right: 1.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-tel.-large .c-tel__number span svg {
		width: 4.4rem;
		height: 2.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel.-large .c-tel__number span svg {
		width: 3.96rem;
		height: 2.16rem
	}
}
@media screen and (max-width:560px) {
	.c-tel.-large .c-tel__number span svg {
		width: 2.7rem;
		height: 1.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-tel.-large .c-tel__number a {
		width: 35.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-tel.-large .c-tel__number a {
		width: 31.86rem
	}
}
@media screen and (max-width:560px) {
	.c-tel.-large .c-tel__number a {
		width: 21.9rem
	}
}
.c-tel__number {
	display: flex;
	align-items: center
}
@media screen and (max-width:1023px) {
	.c-tel__number {
		justify-content: center
	}
}
@media screen and (max-width:768px) {
	.c-tel__number {
		margin-bottom: 1.8rem
	}
}
.c-tel__number span {
	fill: var(--color-gold12)
}
.c-tel__number img {
	width: 100%
}
.c-tel__close {
	border-radius: 100px;
	background-color: var(--color-white);
	font-weight: 700
}
@media screen and (min-width:1024px) {
	.c-tel__close {
		font-size: 1.3rem;
		font-size: max(1.3rem, 11px);
		padding: .9rem 2.2rem
	}
}
@media screen and (max-width:1023px) {
	.c-tel__close {
		display: inline-block;
		font-size: 1rem;
		padding: .6rem 1.2rem
	}
}
.c-time {
	display: flex;
	align-items: center
}
.c-time p {
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em
}
.c-time.-center {
	justify-content: center
}
.c-title {
	position: relative
}
@media screen and (min-width:1024px) {
	.c-title.-event .c-title__en {
		width: 20.8rem;
		margin-top: 1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title.-event .c-title__en {
		width: 16.64rem
	}
}
@media screen and (max-width:560px) {
	.c-title.-event .c-title__en {
		width: 13.1rem
	}
}
.c-title.-event .c-title__en::before {
	content: '';
	display: block;
	background-image: url(../images/common/illust/parts_balloon_2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 37.79904%;
	height: 126.82927%;
	right: -11.96172%;
	bottom: calc(100% - (4 / 41 * 100%))
}
body.use-webp .c-title.-event .c-title__en::before {
	background-image: url(../images/common/illust/parts_balloon_2.webp)
}
@media screen and (min-width:1024px) {
	.c-title.-about {
		width: 23.9rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title.-about {
		width: 19.12rem
	}
}
@media screen and (max-width:560px) {
	.c-title.-about {
		width: 14rem
	}
}
@media screen and (min-width:1024px) {
	.c-title.-topics {
		width: 25.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title.-topics {
		width: 20.64rem
	}
}
@media screen and (max-width:560px) {
	.c-title.-topics {
		width: 15rem
	}
}
@media screen and (min-width:1024px) {
	.c-title.-lineup {
		width: 26.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title.-lineup {
		width: 20.88rem
	}
}
@media screen and (max-width:560px) {
	.c-title.-lineup {
		width: 16.3rem
	}
}
@media screen and (min-width:1024px) {
	.c-title.-works svg {
		width: 23.6rem;
		height: 4.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title.-works svg {
		width: 18.88rem;
		height: 3.52rem
	}
}
@media screen and (max-width:560px) {
	.c-title.-works svg {
		width: 14.4rem;
		height: 2.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-title.-blog {
		width: 17.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title.-blog {
		width: 14.24rem
	}
}
@media screen and (max-width:560px) {
	.c-title.-blog {
		width: 11rem
	}
}
.c-title__index {
	font-family: var(--font-Bebas-Kai);
	line-height: 1;
	letter-spacing: .08em
}
@media screen and (min-width:561px) {
	.c-title__index {
		margin-left: -.44828em
	}
}
@media screen and (min-width:1024px) {
	.c-title__index {
		font-size: 2.9rem;
		font-size: max(2.9rem, 20px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title__index {
		font-size: 2.2rem;
		font-size: max(2.2rem, 18px)
	}
}
@media screen and (max-width:560px) {
	.c-title__index {
		font-size: 1.65rem;
		font-size: max(1.65rem, 13px);
		margin-left: -.36364em
	}
}
@media screen and (min-width:1024px) {
	.c-title__index.-xsmall {
		margin-bottom: .7rem
	}
}
@media screen and (max-width:1023px) {
	.c-title__index.-xsmall {
		margin-bottom: .9rem
	}
}
@media screen and (min-width:1024px) {
	.c-title__index.-small {
		margin-bottom: 1rem
	}
}
@media screen and (max-width:1023px) {
	.c-title__index.-small {
		margin-bottom: .8rem
	}
}
@media screen and (min-width:1024px) {
	.c-title__index.-medium {
		margin-bottom: 1.3rem
	}
}
@media screen and (max-width:1023px) {
	.c-title__index.-medium {
		margin-bottom: .9rem
	}
}
@media screen and (min-width:1024px) {
	.c-title__index.-large {
		margin-bottom: 1.6rem
	}
}
@media screen and (max-width:1023px) {
	.c-title__index.-large {
		margin-bottom: .8rem
	}
}
.c-title__en {
	/* position: relative;
	font-size: 0;
	line-height: 1 */
	color: var(--color-black3);
    font-family: var(--font-Bebas-Kai);
    font-size: 5rem;
    font-weight: 600;
    letter-spacing: 6.00px;
    line-height: 51px;
    margin-top: 3rem;
    position: relative;
    white-space: nowrap;
    width: fit-content;
}
.c-title__en img {
	width: 100%
}
@media screen and (min-width:1024px) {
	.c-title2 {
		display: flex;
		align-items: center
	}
}
@media screen and (max-width:1023px) {
	.c-title2 {
		text-align: center
	}
}
@media screen and (min-width:561px) {
	.c-title2.-reserve .c-title2__en svg {
		width: 16.6rem;
		height: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title2.-reserve .c-title2__en svg {
		width: 12.4rem;
		height: 1.2rem
	}
}
@media screen and (max-width:560px) {
	.c-title2.-reserve .c-title2__ja {
		margin-bottom: 1.4rem
	}
}
.c-title2.-telphone .c-title2__icon svg {
	fill: var(--color-gold12)
}
@media screen and (min-width:1024px) {
	.c-title2.-telphone .c-title2__icon svg {
		height: 5.7rem
	}
}
@media screen and (max-width:1023px) {
	.c-title2.-telphone .c-title2__icon svg {
		height: 4.8rem
	}
}
@media screen and (min-width:561px) {
	.c-title2.-telphone .c-title2__en svg {
		width: 13.8rem;
		height: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title2.-telphone .c-title2__en svg {
		width: 10.3rem;
		height: 1.2rem
	}
}
.c-title2.-mail .c-title2__icon svg {
	fill: var(--color-blue4)
}
@media screen and (min-width:1024px) {
	.c-title2.-mail .c-title2__icon svg {
		height: 4.5rem
	}
}
@media screen and (max-width:1023px) {
	.c-title2.-mail .c-title2__icon svg {
		height: 3.8rem
	}
}
@media screen and (min-width:561px) {
	.c-title2.-mail .c-title2__en svg {
		width: 5.9rem;
		height: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title2.-mail .c-title2__en svg {
		width: 4.4rem;
		height: 1.2rem
	}
}
.c-title2.-center {
	justify-content: center;
	text-align: center
}
.c-title2.-center .c-title2__ja {
	justify-content: center
}
.c-title2.-center .c-title2__en {
	margin: 0 auto
}
@media screen and (min-width:1024px) {
	.c-title2.-margin {
		margin-bottom: 4.8rem
	}
}
@media screen and (max-width:1023px) {
	.c-title2.-margin {
		margin-bottom: 3.8rem
	}
}
.c-title2__icon {
	display: block
}
@media screen and (min-width:1024px) {
	.c-title2__icon {
		width: 5.7rem;
		margin-right: 2.8rem
	}
}
@media screen and (max-width:1023px) {
	.c-title2__icon {
		width: 4.8rem;
		margin: 0 auto 2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title2__inner {
		flex: 1
	}
}
.c-title2__ja {
	display: flex;
	align-items: center;
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:561px) {
	.c-title2__ja {
		margin-bottom: 2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title2__ja {
		font-size: 2.4rem;
		font-size: max(2.4rem, 20px)
	}
}
@media screen and (max-width:1023px) {
	.c-title2__ja {
		justify-content: center
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title2__ja {
		font-size: 2.1rem;
		font-size: max(2.1rem, 18px)
	}
}
@media screen and (max-width:560px) {
	.c-title2__ja {
		font-size: 1.8rem;
		font-size: max(1.8rem, 16px);
		margin-bottom: 1.7rem
	}
}
@media screen and (min-width:561px) {
	.c-title2__ja__line {
		margin-right: 1.2rem
	}
}
@media screen and (max-width:560px) {
	.c-title2__ja__line {
		margin-right: .9rem
	}
}
.c-title2__ja__line svg {
	fill: var(--color-line)
}
@media screen and (min-width:1024px) {
	.c-title2__ja__line svg {
		width: 8.5rem;
		height: 3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title2__ja__line svg {
		width: 7.5rem;
		height: 2.6rem
	}
}
@media screen and (max-width:560px) {
	.c-title2__ja__line svg {
		width: 6.4rem;
		height: 2.2rem
	}
}
.c-title2__en {
	position: relative;
	fill: var(--color-dark-gray14);
	font-size: 0;
	line-height: 1
}
@media screen and (max-width:1023px) {
	.c-title2__en {
		margin: 0 auto
	}
}
.c-title2__en img {
	width: 100%
}
.c-title3:not(.-horizontal) {
	text-align: center
}
.c-title3:not(.-horizontal) .c-title3__en {
	margin-right: auto;
	margin-left: auto
}
@media screen and (min-width:561px) {
	.c-title3:not(.-horizontal) .c-title3__en {
		margin-bottom: 1.9rem
	}
}
@media screen and (min-width:561px) {
	.c-title3.-horizontal {
		display: flex;
		align-items: flex-end
	}
}
@media screen and (max-width:560px) {
	.c-title3.-horizontal {
		text-align: center
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-horizontal .c-title3__en {
		margin-right: 2.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-horizontal .c-title3__en {
		margin-right: 2rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-horizontal .c-title3__en {
		margin-right: auto;
		margin-left: auto
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-left-mqUp-lg {
		text-align: left
	}
	.c-title3.-left-mqUp-lg .c-title3__en {
		margin-left: 0
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-small .c-title3__ja {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-small .c-title3__ja {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (max-width:560px) {
	.c-title3.-small .c-title3__ja {
		font-size: 1rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-large .c-title3__ja {
		font-size: 1.9rem;
		font-size: max(1.9rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-large .c-title3__ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.c-title3.-large .c-title3__ja {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-margin {
		margin-bottom: 6.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-margin {
		margin-bottom: 5rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin {
		margin-bottom: 3.4rem
	}
}
@media screen and (min-width:561px) {
	.c-title3.-margin2 {
		margin-bottom: 3.7rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin2 {
		margin-bottom: 3.3rem
	}
}
@media screen and (min-width:561px) {
	.c-title3.-margin3 {
		margin-bottom: 4.3rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin3 {
		margin-bottom: 3.4rem
	}
}
@media screen and (min-width:561px) {
	.c-title3.-margin4 {
		margin-bottom: 2.6rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin4 {
		margin-bottom: 2.8rem
	}
}
.c-title3.-margin5 {
	margin-bottom: 3rem
}
@media screen and (min-width:561px) {
	.c-title3.-margin6 {
		margin-bottom: 5.8rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin6 {
		margin-bottom: 4.4rem
	}
}
@media screen and (min-width:561px) {
	.c-title3.-margin7 {
		margin-bottom: 7.7rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin7 {
		margin-bottom: 4.5rem
	}
}
@media screen and (min-width:561px) {
	.c-title3.-margin8 {
		margin-bottom: 5.2rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-margin8 {
		margin-bottom: 3rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-flow .c-title3__en {
		width: 13.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-flow .c-title3__en {
		width: 10.08rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-flow .c-title3__en {
		width: 8.1rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-job .c-title3__en {
		width: 41.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-job .c-title3__en {
		width: 33.12rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-job .c-title3__en {
		width: 27.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-entry .c-title3__en {
		width: 14.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-entry .c-title3__en {
		width: 11.28rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-entry .c-title3__en {
		width: 9.3rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-reserve .c-title3__en svg {
		width: 42.8rem;
		height: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-reserve .c-title3__en svg {
		width: 34.24rem;
		height: 3.2rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-reserve .c-title3__en svg {
		width: 22.1rem;
		height: 2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-works .c-title3__en svg {
		width: 16.8rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-works .c-title3__en svg {
		width: 13.44rem;
		height: 2.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-works .c-title3__en svg {
		width: 11.8rem;
		height: 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-point .c-title3__en svg {
		width: 15.3rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-point .c-title3__en svg {
		width: 12.24rem;
		height: 2.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-point .c-title3__en svg {
		width: 10.7rem;
		height: 2.2rem
	}
}

@media screen and (min-width:1024px) {
	.c-title3.-flow .c-title3__en svg {
		width: 13.5rem;
		height: 3.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-flow .c-title3__en svg {
		width: 10.8rem;
		height: 2.6rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-flow .c-title3__en svg {
		width: 9.5rem;
		height: 2.3rem
	}
}




@media screen and (min-width:1024px) {
	.c-title3.-spec .c-title3__en svg {
		width: 11.5rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-spec .c-title3__en svg {
		width: 9.2rem;
		height: 2.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-spec .c-title3__en svg {
		width: 8rem;
		height: 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-plan-price .c-title3__en svg {
		width: 32.3rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-plan-price .c-title3__en svg {
		width: 25.84rem;
		height: 2.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-plan-price .c-title3__en svg {
		width: 22.4rem;
		height: 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-price-plan .c-title3__en svg {
		width: 27.9rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-price-plan .c-title3__en svg {
		width: 22.32rem;
		height: 2.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-price-plan .c-title3__en svg {
		width: 19.6rem;
		height: 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.c-title3.-point .c-title3__en svg {
		width: 15.3rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-point .c-title3__en svg {
		width: 12.24rem;
		height: 2.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-point .c-title3__en svg {
		width: 10.7rem;
		height: 2.2rem
	}
}
.c-title3.-event .c-title3__en {
	position: relative;
	display: inline-block
}
@media screen and (min-width:1024px) {
	.c-title3.-event .c-title3__en svg {
		width: 14.8rem;
		height: 2.9rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3.-event .c-title3__en svg {
		width: 11.84rem;
		height: 2.32rem
	}
}
@media screen and (max-width:560px) {
	.c-title3.-event .c-title3__en svg {
		width: 10.4rem;
		height: 2rem
	}
}
.c-title3.-event .c-title3__en::before {
	content: '';
	display: block;
	background-image: url(../images/common/illust/parts_balloon_2.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	width: 53.37838%;
	height: 179.31034%;
	right: -3.37838%;
	bottom: calc(100% - (0 / 29 * 100%))
}
body.use-webp .c-title3.-event .c-title3__en::before {
	background-image: url(../images/common/illust/parts_balloon_2.webp)
}
@media screen and (max-width:560px) {
	.c-title3__en {
		margin-bottom: 1.3rem
	}
}
.c-title3__en img {
	width: 100%
}
.c-title3__ja {
	font-weight: 700;
	letter-spacing: .12em
}
@media screen and (min-width:1024px) {
	.c-title3__ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title3__ja {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.c-title3__ja {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (min-width:1024px) {
	.c-title4.-line .c-title4__icon {
		margin-bottom: 1.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title4.-line .c-title4__icon {
		margin-bottom: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.c-title4.-line .c-title4__icon {
		margin-bottom: 1.2rem
	}
}
.c-title4.-line svg {
	fill: var(--color-line)
}
@media screen and (min-width:1024px) {
	.c-title4.-line svg {
		width: calc((104 / 148) * 100%);
		height: calc((36 / 148) * 100%)
	}
	body.ua-ie .c-title4.-line svg {
		height: 3.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title4.-line svg {
		width: 10.4rem;
		height: 3.6rem
	}
}
@media screen and (max-width:560px) {
	.c-title4.-line svg {
		width: 8.7rem;
		height: 3rem
	}
}
@media screen and (min-width:1024px) {
	.c-title4.-telphone .c-title4__icon {
		margin-bottom: 1.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title4.-telphone .c-title4__icon {
		margin-bottom: 1rem
	}
}
@media screen and (max-width:560px) {
	.c-title4.-telphone .c-title4__icon {
		margin-bottom: .9rem
	}
}
.c-title4.-telphone svg {
	fill: var(--color-gold12)
}
@media screen and (min-width:1024px) {
	.c-title4.-telphone svg {
		width: calc((57 / 148) * 100%);
		height: calc((57 / 148) * 100%)
	}
	body.ua-ie .c-title4.-telphone svg {
		height: 5.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title4.-telphone svg {
		width: 5.7rem;
		height: 5.7rem
	}
}
@media screen and (max-width:560px) {
	.c-title4.-telphone svg {
		width: 4.8rem;
		height: 4.8rem
	}
}
.c-title4__icon {
	display: block;
	text-align: center
}
.c-title4__ja {
	text-align: center;
	font-weight: 700;
	letter-spacing: .04em
}
@media screen and (min-width:561px) {
	.c-title4__ja {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-title4__ja {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
.c-title5 {
	position: relative;
	z-index: 1
}
@media screen and (min-width:1024px) {
	.c-title5 .c-title5__en svg {
		height: 7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5 .c-title5__en svg {
		height: 5.6rem
	}
}
@media screen and (max-width:560px) {
	.c-title5 .c-title5__en svg {
		height: 4rem
	}
}
@media screen and (min-width:561px) {
	.c-title5.-event .c-title5__illust {
		width: 11.3rem;
		margin-bottom: 2.2rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-event .c-title5__illust {
		width: 8.1rem;
		margin-bottom: 1.6rem
	}
}
.c-title5.-event .c-title5__en svg {
	opacity: .3
}
@media screen and (min-width:1024px) {
	.c-title5.-event .c-title5__en svg {
		width: 35.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5.-event .c-title5__en svg {
		width: 28.24rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-event .c-title5__en svg {
		width: 19.6rem
	}
}
@media screen and (min-width:561px) {
	.c-title5.-linieup .c-title5__illust {
		width: 19.8rem;
		margin-bottom: 3rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-linieup .c-title5__illust {
		width: 11.4rem;
		margin-bottom: 1.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-linieup .c-title5__en svg {
		width: 42.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5.-linieup .c-title5__en svg {
		width: 34.08rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-linieup .c-title5__en svg {
		width: 24.5rem
	}
}
@media screen and (min-width:561px) {
	.c-title5.-works .c-title5__illust {
		width: 27rem;
		margin-bottom: 3.2rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-works .c-title5__illust {
		width: 15.4rem;
		margin-bottom: 1.8rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-works .c-title5__en svg {
		width: 37.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5.-works .c-title5__en svg {
		width: 30.08rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-works .c-title5__en svg {
		width: 21.6rem
	}
}
@media screen and (min-width:561px) {
	.c-title5.-topics .c-title5__illust {
		width: 20rem;
		margin-bottom: 2.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-topics .c-title5__illust {
		width: 11.5rem;
		margin-bottom: 1.4rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-topics .c-title5__en svg {
		width: 40.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5.-topics .c-title5__en svg {
		width: 32.48rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-topics .c-title5__en svg {
		width: 23.4rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-margin {
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:1023px) {
	.c-title5.-margin {
		margin-bottom: 3.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-margin2 {
		margin-bottom: 2.6rem
	}
}
@media screen and (max-width:1023px) {
	.c-title5.-margin2 {
		margin-bottom: 3.7rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-margin3 {
		margin-bottom: -3.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5.-margin3 {
		margin-bottom: -2.72rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-margin3 {
		margin-bottom: -1.9rem
	}
}
@media screen and (min-width:1024px) {
	.c-title5.-margin4 {
		margin-top: -4.4rem;
		margin-bottom: 4.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title5.-margin4 {
		margin-bottom: 4rem
	}
}
@media screen and (max-width:560px) {
	.c-title5.-margin4 {
		margin-bottom: 3rem
	}
}
.c-title5__illust {
	position: relative;
	margin: 0 auto
}
@media screen and (min-width:561px) {
	.c-title5__balloon {
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title5__balloon {
		margin-bottom: 2.5rem
	}
}
.c-title5__en {
	text-align: center;
	margin: 0 auto
}
.c-title5__en img {
	width: 100%
}
.c-title6 {
	position: relative
}
.c-title6::before {
	content: '';
	display: block;
	background-image: url(../images/common/illust/parts_person_12.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 1
}
body.use-webp .c-title6::before {
	background-image: url(../images/common/illust/parts_person_12.webp)
}
.c-title6.-small {
	fill: var(--color-white)
}
.c-title6.-small::before {
	width: calc((105 / 344) * 100%);
	height: calc((97 / 82) * 100%);
	top: calc((-16.5 / 82) * 100%);
	right: calc((14 / 344) * 100%)
}
@media screen and (min-width:1024px) {
	.c-title6.-small, .c-title6.-small svg {
		width: 34.4rem;
		height: 7.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title6.-small, .c-title6.-small svg {
		width: 27.52rem;
		height: 6.24rem
	}
}
@media screen and (max-width:560px) {
	.c-title6.-small, .c-title6.-small svg {
		width: 25.9rem;
		height: 5.8rem
	}
}
.c-title6.-medium::before {
	width: calc((139 / 454) * 100%);
	height: calc((129 / 102) * 100%);
	top: calc((-28 / 102) * 100%);
	right: calc((14.7 / 454) * 100%)
}
@media screen and (min-width:769px) {
	.c-title6.-medium, .c-title6.-medium svg {
		fill: var(--color-white)
	}
}
@media screen and (min-width:1024px) {
	.c-title6.-medium, .c-title6.-medium svg {
		width: 45.4rem;
		height: 10.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title6.-medium, .c-title6.-medium svg {
		width: 36.32rem;
		height: 8.24rem
	}
}
@media screen and (max-width:560px) {
	.c-title6.-medium, .c-title6.-medium svg {
		width: 25.6rem;
		height: 5.9rem
	}
}
@media screen and (min-width:1024px) {
	.c-title6.-large {
		width: 49.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title6.-large {
		width: 39.36rem
	}
}
@media screen and (max-width:560px) {
	.c-title6.-large {
		width: 28.4rem
	}
}
.c-title6.-large::before {
	width: calc((143 / 492) * 100%);
	height: calc((133 / 111) * 100%);
	top: calc((-23 / 111) * 100%);
	right: calc((19.737 / 492) * 100%)
}
.c-title6 img {
	width: 100%
}
.c-title6__en {
	width: 100%
}
@media screen and (min-width:1024px) {
	.c-title6__balloon {
		width: calc((77 / 492) * 100%);
		top: calc((-85 / 111) * 100%);
		right: calc((-55 / 492) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.c-title6__balloon {
		width: calc((44 / 284) * 100%);
		top: calc((-67 / 64) * 100%);
		right: calc((28 / 284) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.c-title7.-member .c-title7__en svg {
		width: 8rem;
		height: 1.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title7.-member .c-title7__en svg {
		width: 6.4rem;
		height: 1.12rem
	}
}
@media screen and (max-width:560px) {
	.c-title7.-member .c-title7__en svg {
		width: 5.2rem;
		height: .9rem
	}
}
@media screen and (min-width:1024px) {
	.c-title7.-margin {
		margin-bottom: 5.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title7.-margin {
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title7.-margin {
		margin-bottom: 2.1rem
	}
}
.c-title7__ja {
	text-align: center;
	font-weight: 700;
	letter-spacing: .1em
}
@media screen and (min-width:1024px) {
	.c-title7__ja {
		font-size: 2.5rem;
		font-size: max(2.5rem, 20px);
		margin-bottom: 1.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-title7__ja {
		font-size: 2rem;
		font-size: max(2rem, 18px);
		margin-bottom: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.c-title7__ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 1.2rem
	}
}
.c-title7__en {
	text-align: center;
	margin: 0 auto;
	fill: var(--color-dark-gray2)
}
.c-txts>:not(:last-child)::after {
	content: '　';
	display: block
}
@media screen and (min-width:769px) {
	.c-txts-mqUp-md>:not(:last-child)::after {
		content: '　';
		display: block
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xsmall {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.05833
	}
	.c-txt-xsmall.-crop::after, .c-txt-xsmall.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xsmall.-crop::before {
		margin-top: calc((1 - 2.05833) * .5em)
	}
	.c-txt-xsmall.-crop::after {
		margin-bottom: calc((1 - 2.05833) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-xsmall {
		font-size: 1rem;
		line-height: 2.07
	}
	.c-txt-xsmall.-crop::after, .c-txt-xsmall.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xsmall.-crop::before {
		margin-top: calc((1 - 2.07) * .5em)
	}
	.c-txt-xsmall.-crop::after {
		margin-bottom: calc((1 - 2.07) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-small {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px);
		line-height: 2.19231
	}
	.c-txt-small.-crop::after, .c-txt-small.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-small.-crop::before {
		margin-top: calc((1 - 2.19231) * .5em)
	}
	.c-txt-small.-crop::after {
		margin-bottom: calc((1 - 2.19231) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-small {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-medium {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2
	}
	.c-txt-medium.-crop::after, .c-txt-medium.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-medium.-crop::before {
		margin-top: calc((1 - 2) * .5em)
	}
	.c-txt-medium.-crop::after {
		margin-bottom: calc((1 - 2) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-medium {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 1.89167
	}
	.c-txt-medium.-crop::after, .c-txt-medium.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-medium.-crop::before {
		margin-top: calc((1 - 1.89167) * .5em)
	}
	.c-txt-medium.-crop::after {
		margin-bottom: calc((1 - 1.89167) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-medium2 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2.42857
	}
	.c-txt-medium2.-crop::after, .c-txt-medium2.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-medium2.-crop::before {
		margin-top: calc((1 - 2.42857) * .5em)
	}
	.c-txt-medium2.-crop::after {
		margin-bottom: calc((1 - 2.42857) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-medium2 {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.5
	}
	.c-txt-medium2.-crop::after, .c-txt-medium2.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-medium2.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-medium2.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
@media screen and (min-width:561px) {
	.c-txt-xlarge {
		line-height: 2.40625;
		letter-spacing: .06em
	}
	.c-txt-xlarge.-crop::after, .c-txt-xlarge.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge.-crop::before {
		margin-top: calc((1 - 2.40625) * .5em)
	}
	.c-txt-xlarge.-crop::after {
		margin-bottom: calc((1 - 2.40625) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.83333;
		letter-spacing: .04em
	}
	.c-txt-xlarge.-crop::after, .c-txt-xlarge.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge.-crop::before {
		margin-top: calc((1 - 2.83333) * .5em)
	}
	.c-txt-xlarge.-crop::after {
		margin-bottom: calc((1 - 2.83333) * .5em)
	}
}
@media screen and (min-width:561px) {
	.c-txt-xlarge2 {
		line-height: 2.125
	}
	.c-txt-xlarge2.-crop::after, .c-txt-xlarge2.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge2.-crop::before {
		margin-top: calc((1 - 2.125) * .5em)
	}
	.c-txt-xlarge2.-crop::after {
		margin-bottom: calc((1 - 2.125) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge2 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge2 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge2 {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.5;
		letter-spacing: .04em
	}
	.c-txt-xlarge2.-crop::after, .c-txt-xlarge2.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge2.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge2.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
.c-txt-xlarge3 {
	font-weight: 700
}
@media screen and (min-width:561px) {
	.c-txt-xlarge3 {
		line-height: 2.25
	}
	.c-txt-xlarge3.-crop::after, .c-txt-xlarge3.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge3.-crop::before {
		margin-top: calc((1 - 2.25) * .5em)
	}
	.c-txt-xlarge3.-crop::after {
		margin-bottom: calc((1 - 2.25) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge3 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge3 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge3 {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.5;
		letter-spacing: .04em
	}
	.c-txt-xlarge3.-crop::after, .c-txt-xlarge3.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge3.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge3.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
.c-txt-xlarge4 {
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:561px) {
	.c-txt-xlarge4 {
		line-height: 2.5
	}
	.c-txt-xlarge4.-crop::after, .c-txt-xlarge4.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge4.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge4.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge4 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge4 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge4 {
		font-size: 1.3rem;
		font-size: max(1.3rem, 11px);
		line-height: 2.46154
	}
	.c-txt-xlarge4.-crop::after, .c-txt-xlarge4.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge4.-crop::before {
		margin-top: calc((1 - 2.46154) * .5em)
	}
	.c-txt-xlarge4.-crop::after {
		margin-bottom: calc((1 - 2.46154) * .5em)
	}
}
.c-txt-xlarge5 {
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:561px) {
	.c-txt-xlarge5 {
		line-height: 2.75
	}
	.c-txt-xlarge5.-crop::after, .c-txt-xlarge5.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge5.-crop::before {
		margin-top: calc((1 - 2.75) * .5em)
	}
	.c-txt-xlarge5.-crop::after {
		margin-bottom: calc((1 - 2.75) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge5 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge5 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge5 {
		font-size: 1.3rem;
		font-size: max(1.3rem, 11px);
		line-height: 2.46154
	}
	.c-txt-xlarge5.-crop::after, .c-txt-xlarge5.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge5.-crop::before {
		margin-top: calc((1 - 2.46154) * .5em)
	}
	.c-txt-xlarge5.-crop::after {
		margin-bottom: calc((1 - 2.46154) * .5em)
	}
}
@media screen and (min-width:561px) {
	.c-txt-xlarge6 {
		line-height: 2.40625;
		letter-spacing: .06em
	}
	.c-txt-xlarge6.-crop::after, .c-txt-xlarge6.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge6.-crop::before {
		margin-top: calc((1 - 2.40625) * .5em)
	}
	.c-txt-xlarge6.-crop::after {
		margin-bottom: calc((1 - 2.40625) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge6 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge6 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge6 {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.5;
		letter-spacing: .04em
	}
	.c-txt-xlarge6.-crop::after, .c-txt-xlarge6.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge6.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge6.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
@media screen and (min-width:561px) {
	.c-txt-xlarge7 {
		line-height: 2.5
	}
	.c-txt-xlarge7.-crop::after, .c-txt-xlarge7.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge7.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge7.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge7 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge7 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge7 {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 2.5;
		letter-spacing: .04em
	}
	.c-txt-xlarge7.-crop::after, .c-txt-xlarge7.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge7.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge7.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
.c-txt-xlarge8 {
	font-weight: 700
}
@media screen and (min-width:561px) {
	.c-txt-xlarge8 {
		letter-spacing: .06em;
		line-height: 2.75
	}
	.c-txt-xlarge8.-crop::after, .c-txt-xlarge8.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge8.-crop::before {
		margin-top: calc((1 - 2.75) * .5em)
	}
	.c-txt-xlarge8.-crop::after {
		margin-bottom: calc((1 - 2.75) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge8 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-txt-xlarge8 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.c-txt-xlarge8 {
		font-size: 1.3rem;
		font-size: max(1.3rem, 11px);
		letter-spacing: .02em;
		line-height: 2.46154
	}
	.c-txt-xlarge8.-crop::after, .c-txt-xlarge8.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge8.-crop::before {
		margin-top: calc((1 - 2.46154) * .5em)
	}
	.c-txt-xlarge8.-crop::after {
		margin-bottom: calc((1 - 2.46154) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge9 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		line-height: 2.5;
		letter-spacing: .06em
	}
	.c-txt-xlarge9.-crop::after, .c-txt-xlarge9.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge9.-crop::before {
		margin-top: calc((1 - 2.5) * .5em)
	}
	.c-txt-xlarge9.-crop::after {
		margin-bottom: calc((1 - 2.5) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-xlarge9 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2.42857;
		letter-spacing: .04em
	}
	.c-txt-xlarge9.-crop::after, .c-txt-xlarge9.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge9.-crop::before {
		margin-top: calc((1 - 2.42857) * .5em)
	}
	.c-txt-xlarge9.-crop::after {
		margin-bottom: calc((1 - 2.42857) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge10 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		line-height: 2.25
	}
	.c-txt-xlarge10.-crop::after, .c-txt-xlarge10.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge10.-crop::before {
		margin-top: calc((1 - 2.25) * .5em)
	}
	.c-txt-xlarge10.-crop::after {
		margin-bottom: calc((1 - 2.25) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-xlarge10 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2.28571;
		letter-spacing: .04em
	}
	.c-txt-xlarge10.-crop::after, .c-txt-xlarge10.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge10.-crop::before {
		margin-top: calc((1 - 2.28571) * .5em)
	}
	.c-txt-xlarge10.-crop::after {
		margin-bottom: calc((1 - 2.28571) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.c-txt-xlarge11 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		line-height: 2.25
	}
	.c-txt-xlarge11.-crop::after, .c-txt-xlarge11.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge11.-crop::before {
		margin-top: calc((1 - 2.25) * .5em)
	}
	.c-txt-xlarge11.-crop::after {
		margin-bottom: calc((1 - 2.25) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.c-txt-xlarge11 {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2.42857;
		letter-spacing: .04em
	}
	.c-txt-xlarge11.-crop::after, .c-txt-xlarge11.-crop::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.c-txt-xlarge11.-crop::before {
		margin-top: calc((1 - 2.42857) * .5em)
	}
	.c-txt-xlarge11.-crop::after {
		margin-bottom: calc((1 - 2.42857) * .5em)
	}
}
.js-delay-1 {
	transition-delay: .1s!important
}
.js-delay-2 {
	transition-delay: .2s!important
}
.js-delay-3 {
	transition-delay: .3s!important
}
.js-delay-4 {
	transition-delay: .4s!important
}
.js-delay-5 {
	transition-delay: .5s!important
}
.js-delay-6 {
	transition-delay: .6s!important
}
.js-delay-7 {
	transition-delay: .7s!important
}
.js-delay-8 {
	transition-delay: .8s!important
}
.js-delay-9 {
	transition-delay: .9s!important
}
.js-delay-10 {
	transition-delay: 1s!important
}
.js-delay-11 {
	transition-delay: 1.1s!important
}
.js-delay-12 {
	transition-delay: 1.2s!important
}
.js-delay-13 {
	transition-delay: 1.3s!important
}
.js-delay-14 {
	transition-delay: 1.4s!important
}
.js-delay-15 {
	transition-delay: 1.5s!important
}
.js-delay-16 {
	transition-delay: 1.6s!important
}
.js-delay-17 {
	transition-delay: 1.7s!important
}
.js-delay-18 {
	transition-delay: 1.8s!important
}
.js-delay-19 {
	transition-delay: 1.9s!important
}
.js-delay-20 {
	transition-delay: 2s!important
}
.js-countmore__list>:not(.is-view) {
	height: 0;
	margin: 0!important;
	overflow: hidden;
	pointer-events: none
}
.js-countmore__button.is-hidden {
	display: none
}
.js-lazyload {
	opacity: 0;
	-webkit-animation: .2s fade linear forwards;
	animation: .2s fade linear forwards
}
.js-loopslider {
	overflow: hidden
}
.js-loopslider__content:not(.is-set) {
	height: 0
}
.js-loopslider__content::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	line-height: 0;
	visibility: hidden
}
.js-slider.-vertical:not(.is-start) .js-slider__content li:first-of-type {
	height: 100%
}
.js-slider.-vertical .js-slider__content li {
	width: 100%;
	height: 0;
	top: 0;
	bottom: auto;
	transition: height 1s cubic-bezier(.86, 0, .07, 1)
}
.js-slider.-vertical .js-slider__content li.is-active {
	height: 100%
}
.js-slider.-vertical .js-slider__content li.is-active.is-put {
	top: auto;
	bottom: 0
}
.js-slider.-horizontal:not(.is-start) .js-slider__content li:first-of-type {
	width: 100%
}
.js-slider.-horizontal .js-slider__content li {
	width: 0;
	height: 100%;
	left: 0;
	right: auto;
	transition: width 1s cubic-bezier(.86, 0, .07, 1)
}
.js-slider.-horizontal .js-slider__content li.is-active {
	width: 100%
}
.js-slider.-horizontal .js-slider__content li.is-active.is-put {
	left: auto;
	right: 0
}
.js-slider__content {
	background-color: var(--color-white);
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 0;
	overflow: hidden
}
.js-slider__content li {
	position: absolute
}
.js-slider__content li.is-active {
	height: 100%
}
.js-slider__content li.is-active.is-put {
	top: auto;
	bottom: 0
}
img.js-svg {
	opacity: 0
}


.js-toggle__content-mqDown {
	height: 0;
	overflow: hidden;
	transition: height .3s ease
}
@media screen and (max-width:768px) {
	.js-toggle__content-mqDown-md {
		height: 0;
		overflow: hidden;
		transition: height .3s ease
	}
}
@media screen and (max-width:560px) {
	.js-toggle__content-mqDown-sm {
		height: 0;
		overflow: hidden;
		transition: height .3s ease
	}
}
.js-fade {
	opacity: 0;
	transition: 1s cubic-bezier(.215, .61, .355, 1)
}
.is-shown .js-fade, .js-fade.is-shown {
	opacity: 1
}
.js-fadeup {
	opacity: 0;
	-webkit-transform: translate3d(0, 2rem, 0);
	transform: translate3d(0, 2rem, 0);
	transition: .9s cubic-bezier(.215, .61, .355, 1);
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}
.is-shown .js-fadeup, .js-fadeup.is-shown {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.js-fadeups>* {
	opacity: 0;
	-webkit-transform: translate3d(0, 2rem, 0);
	transform: translate3d(0, 2rem, 0);
	transition: .9s cubic-bezier(.215, .61, .355, 1);
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}
.js-fadeups>:nth-child(1) {
	transition-delay: 80ms
}
.js-fadeups>:nth-child(2) {
	transition-delay: 160ms
}
.js-fadeups>:nth-child(3) {
	transition-delay: 240ms
}
.js-fadeups>:nth-child(4) {
	transition-delay: 320ms
}
.js-fadeups>:nth-child(5) {
	transition-delay: .4s
}
.is-shown .js-fadeups>*, .js-fadeups.is-shown>* {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.js-fadedown {
	opacity: 0;
	-webkit-transform: translate3d(0, -2rem, 0);
	transform: translate3d(0, -2rem, 0);
	transition: .9s cubic-bezier(.215, .61, .355, 1);
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}
.is-shown .js-fadedown, .js-fadedown.is-shown {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.js-scale {
	opacity: 0;
	-webkit-transform: scale(0) rotate(.00001deg);
	transform: scale(0) rotate(.00001deg);
	transition: 640ms cubic-bezier(.175, .885, .32, 1.275);
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}
.is-shown .js-scale, .js-scale.is-shown {
	opacity: 1;
	-webkit-transform: scale(1) rotate(.00001deg);
	transform: scale(1) rotate(.00001deg)
}
.js-tobari {
	position: relative
}
.js-tobari::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1000;
	background-color: var(--color-black0);
	transition: 1s cubic-bezier(.215, .61, .355, 1);
	transition-property: opacity
}
.is-shown .js-tobari::before, .js-tobari.is-shown::before {
	opacity: 0;
	pointer-events: none
}
.p-article.-black .p-article__body {
	background-color: var(--color-black3);
	color: var(--color-white)
}
.p-article__contents {
	word-break: break-all;
	word-wrap: break-word
}
@media screen and (min-width:1024px) {
	.p-article__contents {
		padding-top: 11rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents {
		padding-top: 9rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents {
		padding-top: 7rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__contents>* {
		max-width: 74rem;
		margin-right: auto;
		margin-left: auto
	}
}
@media screen and (max-width:1023px) {
	.p-article__contents>* {
		margin-right: calc((20 / 340) * 100%);
		margin-left: calc((20 / 340) * 100%)
	}
}
.p-article__contents>:first-child {
	margin-top: 0;
	padding-top: 0
}
@media screen and (min-width:1024px) {
	.p-article__contents>*+* {
		margin-top: 7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents>*+* {
		margin-top: 5.5rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents>*+* {
		margin-top: 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__contents ol::after, .p-article__contents ol::before, .p-article__contents p::after, .p-article__contents p::before, .p-article__contents ul::after, .p-article__contents ul::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-article__contents ol::before, .p-article__contents p::before, .p-article__contents ul::before {
		margin-top: calc((1 - 2.55556) * .5em)
	}
	.p-article__contents ol::after, .p-article__contents p::after, .p-article__contents ul::after {
		margin-bottom: calc((1 - 2.55556) * .5em)
	}
}
.p-article__contents ol:not(:first-child), .p-article__contents p:not(:first-child), .p-article__contents ul:not(:first-child) {
	margin-top: 0
}
@media screen and (min-width:1024px) {
	.p-article__contents ol:not(:first-child), .p-article__contents p:not(:first-child), .p-article__contents ul:not(:first-child) {
		padding-top: 7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents ol:not(:first-child), .p-article__contents p:not(:first-child), .p-article__contents ul:not(:first-child) {
		padding-top: 5.5rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents ol:not(:first-child), .p-article__contents p:not(:first-child), .p-article__contents ul:not(:first-child) {
		padding-top: 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__contents ol+img, .p-article__contents p+img, .p-article__contents ul+img {
		margin-top: 8rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__contents ol+img, .p-article__contents p+img, .p-article__contents ul+img {
		margin-top: 6rem
	}
}
.p-article__contents h2, .p-article__contents h3 {
	font-weight: 700;
	line-height: 1.8;
	letter-spacing: .12em;
	margin-top: 0;
	margin-bottom: 0
}
.p-article__contents h2::after, .p-article__contents h2::before, .p-article__contents h3::after, .p-article__contents h3::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-article__contents h2::before, .p-article__contents h3::before {
	margin-top: calc((1 - 1.8) * .5em)
}
.p-article__contents h2::after, .p-article__contents h3::after {
	margin-bottom: calc((1 - 1.8) * .5em)
}
@media screen and (min-width:1024px) {
	.p-article__contents h2, .p-article__contents h3 {
		text-align: center
	}
}
.p-article__contents h2+*, .p-article__contents h3+* {
	margin-top: 0!important;
	padding-top: 0!important
}
@media screen and (min-width:1024px) {
	.p-article__contents h2 {
		font-size: 2.8rem;
		font-size: max(2.8rem, 22px);
		padding-top: 12.5rem;
		padding-bottom: 6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents h2 {
		font-size: 2.4rem;
		font-size: max(2.4rem, 20px);
		padding-top: 11rem;
		padding-bottom: 5rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents h2 {
		font-size: 2rem;
		font-size: max(2rem, 16px);
		padding-top: 9.5rem;
		padding-bottom: 4.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__contents h3 {
		font-size: 2.2rem;
		font-size: max(2.2rem, 18px);
		padding-top: 7.5rem;
		padding-bottom: 3.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents h3 {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px);
		padding-top: 6.6rem;
		padding-bottom: 3rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents h3 {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		padding-top: 5.7rem;
		padding-bottom: 2.76rem
	}
}
@media screen and (min-width:561px) {
	.p-article__contents, .p-article__contents p {
		line-height: 2.55556
	}
	.p-article__contents p::after, .p-article__contents p::before, .p-article__contents::after, .p-article__contents::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-article__contents p::before, .p-article__contents::before {
		margin-top: calc((1 - 2.55556) * .5em)
	}
	.p-article__contents p::after, .p-article__contents::after {
		margin-bottom: calc((1 - 2.55556) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.p-article__contents, .p-article__contents p {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents, .p-article__contents p {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.p-article__contents, .p-article__contents p {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 2.42857;
		letter-spacing: .04em
	}
	.p-article__contents p::after, .p-article__contents p::before, .p-article__contents::after, .p-article__contents::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-article__contents p::before, .p-article__contents::before {
		margin-top: calc((1 - 2.42857) * .5em)
	}
	.p-article__contents p::after, .p-article__contents::after {
		margin-bottom: calc((1 - 2.42857) * .5em)
	}
}
.p-article__contents a {
	text-decoration: underline
}
.p-article__contents a.is-hover:hover {
	text-decoration: none
}
.p-article__contents a.is-hover:hover img {
	opacity: .6
}
.p-article__contents b, .p-article__contents strong {
	font-weight: 700
}
.p-article__contents em {
	font-style: italic
}
.p-article__contents i {
	font-style: italic
}
.p-article__contents figure {
	text-align: center
}
@media screen and (min-width:1024px) {
	.p-article__contents figure+figure {
		margin-top: 3.4rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__contents figure+figure {
		margin-top: 1.8rem
	}

}
.p-article__contents iframe, .p-article__contents img {
	border-radius: 1rem;
	max-width: 100%
}
.p-article__contents.-event iframe, .p-article__contents.-event img {
	border-radius: 0;
}

@media screen and (min-width:561px) {
	.p-article__contents iframe {
		height: 46rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__contents iframe {
		height: 34rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents iframe {
		height: 20rem
	}
	.p-article__contents.-event img{
	    width: 100vw;
	    margin-left: 0;
	    margin-right: 0;
	    transform: translateX(-50%);
	    left: 50%;
	    position: relative;
	    max-width: 100vw;
	}

}
.p-article__contents ul {
	list-style-type: disc
}
.p-article__contents ol {
	list-style-type: decimal
}
.p-article__contents blockquote {
	font-style: italic;
	padding: 2em
}
.p-article__contents blockquote p::after {
	content: '';
	display: block;
	width: 0;
	height: 0
}
@media screen and (min-width:1024px) {
	.p-article__contents blockquote p::after {
		margin-top: calc((1 - 32/14) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.p-article__contents blockquote p::after {
		margin-top: calc((1 - 42/22) * .5em)
	}
}
.p-article__contents table, .p-article__contents td, .p-article__contents th {
	border: solid 1px rgba(var(--color-black0--rgba), .7)
}
.p-article__contents td, .p-article__contents th {
	padding: 1rem
}
@media screen and (min-width:1024px) {
	.p-article__contents td, .p-article__contents th {
		padding: 1rem 2rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__contents td, .p-article__contents th {
		padding: .8rem 1rem
	}
}
.p-article__contents td ol::after, .p-article__contents td ol::before, .p-article__contents td p::after, .p-article__contents td p::before, .p-article__contents td ul::after, .p-article__contents td ul::before, .p-article__contents th ol::after, .p-article__contents th ol::before, .p-article__contents th p::after, .p-article__contents th p::before, .p-article__contents th ul::after, .p-article__contents th ul::before {
	display: none
}
.p-article.-white .p-article__contents h2, .p-article__contents.-white h2 {
	color: var(--color-gold6)
}
.p-article.-white .p-article__contents a, .p-article__contents.-white a {
	color: var(--color-blue2)
}
.p-article.-white .p-article__contents blockquote, .p-article__contents.-white blockquote {
	background-color: var(--color-light-gray);
	color: rgba(var(--color-black3--rgba), .7)
}
.p-article.-black .p-article__contents, .p-article__contents.-black {
	background-color: var(--color-black3);
	color: var(--color-white)
}
.p-article.-black .p-article__contents blockquote, .p-article__contents.-black blockquote {
	background-color: var(--color-dark-gray5);
	color: var(--color-gray19)
}
.p-article__contents__figure, .p-article__contents__figure-2 {
	max-width: 100%;
	margin-right: 0;
	margin-left: 0
}
@media screen and (min-width:1024px) {
	.p-article__contents__figure, .p-article__contents__figure-2 {
		margin-top: 3.4rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__contents__figure, .p-article__contents__figure-2 {
		margin-top: 1.8rem
	}
}
@media screen and (min-width:561px) {
	.p-article__contents__figure-2 {
		display: flex;
		justify-content: space-between
	}
}
@media screen and (min-width:561px) {
	.p-article__contents__figure-2 figure {
		width: calc((534 / 1100) * 100%);
		margin-top: 0!important
	}
}
@media screen and (max-width:560px) {
	.p-article__contents__figure-2 figure {
		margin-top: 1.8rem
	}
}
.p-article__hitokoto {
	max-width: 74.2rem;
	width: calc((300 / 340) * 100%);
	margin: 0 auto;
	background-color: var(--color-dark-gray5)
}
@media screen and (min-width:1024px) {
	.p-article__hitokoto {
		margin-top: 10.7rem;
		padding: 5.2rem 4.5rem 6rem 5rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__hitokoto {
		margin-top: 6.4rem;
		padding: 5.3rem 3.2rem 5.1rem
	}
}
.p-article__hitokoto__title {
	fill: var(--color-dark-gray12)
}
@media screen and (min-width:561px) {
	.p-article__hitokoto__title {
		margin-bottom: 1.9rem
	}
}
@media screen and (max-width:560px) {
	.p-article__hitokoto__title {
		text-align: center;
		margin: 0 auto 2rem
	}
}
@media screen and (min-width:561px) {
	.p-article__hitokoto__title svg {
		width: 10.6rem;
		height: 1.9rem
	}
}
@media screen and (max-width:560px) {
	.p-article__hitokoto__title svg {
		width: 8.6rem;
		height: 1rem
	}
}
@media screen and (min-width:561px) {
	.p-article__hitokoto__flex {
		display: flex;
		flex-direction: row-reverse;
		align-items: flex-start
	}
}
.p-article__hitokoto__txt {
	flex: 1
}
@media screen and (min-width:1024px) {
	.p-article__hitokoto__txt {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px);
		line-height: 2;
		padding-top: .9rem;
		margin-right: 5.4rem
	}
	.p-article__hitokoto__txt::after, .p-article__hitokoto__txt::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-article__hitokoto__txt::before {
		margin-top: calc((1 - 2) * .5em)
	}
	.p-article__hitokoto__txt::after {
		margin-bottom: calc((1 - 2) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.p-article__hitokoto__txt {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px);
		line-height: 2.42857;
		letter-spacing: .04em
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__hitokoto__txt {
		margin-right: 3rem
	}
}
.p-article__hitokoto__figure {
	position: relative;
	position: relative;
	z-index: 0;
	border-radius: 50%;
	overflow: hidden
}
@media screen and (min-width:561px) {
	.p-article__hitokoto__figure {
		width: 8rem;
		height: 8rem
	}
}
@media screen and (max-width:560px) {
	.p-article__hitokoto__figure {
		width: 6.9rem;
		height: 6.9rem;
		margin: 0 auto 1.5rem
	}
}
.p-article__footer {
	display: flex
}
@media screen and (min-width:561px) {
	.p-article__contents+.p-article__footer {
		margin-top: 12.5rem
	}
}
@media screen and (max-width:560px) {
	.p-article__contents+.p-article__footer {
		margin-top: 8rem
	}
}
@media screen and (min-width:561px) {
	.p-article__hitokoto+.p-article__footer {
		margin-top: 10.7rem
	}
}
@media screen and (max-width:560px) {
	.p-article__hitokoto+.p-article__footer {
		margin-top: 7rem
	}
}
.p-article__footer__inner {
	width: 100%;
	display: flex;
	justify-content: space-between;
	border-top: solid 1px;
	border-bottom: solid 1px
}
@media screen and (min-width:1024px) {
	.p-article__footer__inner {
		align-items: center;
		min-height: 10rem;
		padding: 1rem 1.1rem 1rem 1rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__inner {
		align-items: flex-start;
		width: calc((300 / 340) * 100%);
		margin: 0 auto;
		padding: 2.5rem 0 2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-article__footer__inner {
		padding: 3.5rem 0 3rem
	}
}
@media screen and (max-width:560px) {
	.p-article__footer__inner {
		padding: 2.5rem 0 2rem
	}
}
.p-article.-black .p-article__footer__inner {
	border-color: var(--color-dark-gray6)
}
.p-article.-white .p-article__footer__inner {
	border-color: var(--color-dark-gray6)
}
.p-article__footer__detail {
	flex: 1
}
@media screen and (min-width:1024px) {
	.p-article__footer__detail {
		display: flex;
		align-items: center;
		margin-right: 10rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__detail {
		margin-right: 2rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__category {
		margin-right: 2rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__category {
		margin-top: -.2rem;
		margin-bottom: 1.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__category[data-category=original] svg {
		width: 5.7rem;
		height: 3.21127rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__category[data-category=original] svg {
		width: 3.5rem;
		height: 1.97183rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__category[data-category=relaciones] svg {
		width: 7.22535rem;
		height: 2.40845rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__category[data-category=relaciones] svg {
		width: 1.47887rem;
		height: 4.43662rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__category[data-category=bino] svg {
		width: 6.42254rem;
		height: 2.08732rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__category[data-category=bino] svg {
		width: 3.94366rem;
		height: 1.28169rem
	}
}
.p-article__footer__category svg {
	fill: var(--color-white)
}
.p-article__footer__title {
	font-weight: 700;
	line-height: 1.7;
	letter-spacing: .1em
}
.p-article__footer__title::after, .p-article__footer__title::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-article__footer__title::before {
	margin-top: calc((1 - 1.7) * .5em)
}
.p-article__footer__title::after {
	margin-bottom: calc((1 - 1.7) * .5em)
}
@media screen and (min-width:561px) {
	.p-article__footer__title {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.p-article__footer__title {
		font-size: 11px
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__title+.p-article__footer__metas {
		margin-left: 1.8rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__title+.p-article__footer__metas {
		margin-top: 1.6rem
	}
}
.p-article__footer__time {
	color: var(--color-dark-gray4);
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em;
	white-space: nowrap
}
@media screen and (min-width:561px) {
	.p-article__footer__time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.p-article__footer__time {
		font-size: 1rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__title+.p-article__footer__time {
		margin-left: 3rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__title+.p-article__footer__time {
		margin-top: 1.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__metas+.p-article__footer__time {
		margin-left: 2.2rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__metas+.p-article__footer__time {
		margin-top: 1.3rem
	}
}
.p-article__footer__share {
	display: flex;
	align-items: center
}
.p-article__footer__share__title {
	color: var(--color-dark-gray4);
	text-transform: uppercase;
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em
}
@media screen and (min-width:561px) {
	.p-article__footer__share__title {
		font-size: 1.2rem;
		margin-right: 2rem
	}
}
@media screen and (max-width:560px) {
	.p-article__footer__share__title {
		font-size: .8rem;
		margin-right: 1rem
	}
}
.p-article__footer__share__list {
	display: flex;
	align-items: center
}
@media screen and (min-width:1024px) {
	.p-article__footer__share__list li:not(:last-of-type) {
		margin-right: 1.3rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__share__list li:not(:last-of-type) {
		margin-right: .9rem
	}
}
.p-article.-black .p-article__footer__share__list a.is-hover:hover svg {
	fill: var(--color-gray6)
}
.p-article.-white .p-article__footer__share__list a.is-hover:hover svg {
	fill: var(--color-dark-gray4)
}
.p-article.-black .p-article__footer__share__list svg {
	fill: var(--color-dark-gray4)
}
.p-article.-white .p-article__footer__share__list svg {
	fill: var(--color-gray5)
}
@media screen and (min-width:1024px) {
	.p-article__footer__twitter svg {
		width: 2.2rem;
		height: 1.8rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__twitter svg {
		width: 1.6rem;
		height: 1.3rem
	}
}
@media screen and (min-width:1024px) {
	.p-article__footer__facebook svg {
		width: 1.9rem;
		height: 1.9rem
	}
}
@media screen and (max-width:1023px) {
	.p-article__footer__facebook svg {
		width: 1.4rem;
		height: 1.4rem
	}
}
@media screen and (min-width:561px) {
	.p-article-relate .c-button2 {
		margin-top: 5.7rem
	}
}
@media screen and (max-width:560px) {
	.p-article-relate .c-button2 {
		margin-top: 4.4rem
	}
}
.p-article-relate__title {
	fill: var(--color-dark-gray13);
	text-align: center
}
@media screen and (min-width:561px) {
	.p-article-relate__title {
		margin-bottom: 4rem
	}
}
@media screen and (max-width:560px) {
	.p-article-relate__title {
		margin-bottom: 3.1rem
	}
}
@media screen and (min-width:561px) {
	.p-article-relate__title svg {
		width: 11.5rem;
		height: 1.7rem
	}
}
@media screen and (max-width:560px) {
	.p-article-relate__title svg {
		width: 10.2rem;
		height: 1.5rem
	}
}
.p-card.-large .p-card__title {
	font-weight: 700
}
.p-card a {
	position: relative;
	display: block
}
.p-card__new {
	position: absolute;
	top: .1rem;
	left: .1rem;
	z-index: 0
}
@media screen and (min-width:561px) {
	.p-card__new {
		width: 5.2rem
	}
}
@media screen and (max-width:560px) {
	.p-card__new {
		width: 4.2rem
	}
}
.p-card__figure {
	position: relative
}
@media screen and (min-width:1024px) {
	.p-card__figure {
		margin-bottom: 3.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card__figure {
		margin-bottom: 3rem
	}
}
@media screen and (max-width:560px) {
	.p-card__figure {
		margin-bottom: 2.5rem
	}
}
.p-card__figure figure {
	position: relative;
	z-index: 1
}
.p-card__figure figure::after {
	content: '';
	display: block;
	padding-top: calc((420 / 672) * 100%)
}
.p-card__title {
	text-align: center;
	line-height: 1.7
}
.p-card__title::after, .p-card__title::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-card__title::before {
	margin-top: calc((1 - 1.7) * .5em)
}
.p-card__title::after {
	margin-bottom: calc((1 - 1.7) * .5em)
}
@media screen and (min-width:1024px) {
	.p-card__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px);
		padding-bottom: 2.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 1.6rem
	}
}
@media screen and (max-width:1023px) {
	.p-card__title {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px);
		margin-bottom: 1.2rem
	}
}
.p-card__time {
	color: var(--color-dark-gray3);
	text-align: center;
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em
}
@media screen and (min-width:1024px) {
	.p-card__time {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px)
	}
}
@media screen and (max-width:1023px) {
	.p-card__time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
.p-card-slider {
	position: relative;
	overflow: hidden
}
@media screen and (min-width:561px) {
	.p-card-slider::after, .p-card-slider::before {
		content: '';
		display: block;
		width: 100%;
		height: 110%;
		background-image: url(../images/common/gradation_white.png);
		background-repeat: no-repeat;
		background-position: center left;
		position: absolute;
		top: -5%;
		left: 0;
		z-index: 1;
		pointer-events: none
	}
	body.use-webp .p-card-slider::after, body.use-webp .p-card-slider::before {
		background-image: url(../images/common/gradation_white.webp)
	}
}
@media screen and (min-width:1024px) {
	.p-card-slider::after, .p-card-slider::before {
		background-size: 18rem 100%
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card-slider::after, .p-card-slider::before {
		background-size: 7.2rem 100%
	}
}
.p-card-slider::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg)
}
@media screen and (min-width:1024px) {
	.p-card-slider .p-card {
		width: 32rem;
		margin: 0 .9rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card-slider .p-card {
		width: 25.6rem;
		margin: 0 .8rem
	}
}
@media screen and (max-width:560px) {
	.p-card-slider .p-card {
		max-width: 25rem;
		width: calc(250 / var(--design-size-sp) * 100vw);
		margin: 0 .7rem
	}
}
.p-card-slider__arrow {
	display: flex;
	pointer-events: none
}
@media screen and (min-width:769px) {
	.p-card-slider__arrow {
		justify-content: flex-end;
		position: absolute;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
@media screen and (min-width:1024px) {
	.p-card-slider__arrow {
		top: 2.9rem
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.p-card-slider__arrow {
		top: 1.3rem
	}
}
@media screen and (max-width:768px) {
	.p-card-slider__arrow {
		justify-content: center;
		margin-top: 3.6rem
	}
}
.p-card-slider__arrow__cell {
	pointer-events: all
}
@media screen and (min-width:561px) {
	.p-card-slider__arrow__cell:not(:last-of-type) {
		margin-right: 1rem
	}
}
@media screen and (max-width:560px) {
	.p-card-slider__arrow__cell:not(:last-of-type) {
		margin-right: .8rem
	}
}
.p-card2{
	position: relative;
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 1rem;
	background-color: var(--color-dark-gray5)
}
.p-card2 a.is-hover:hover .p-card2__figure::after {
	opacity: 1;
	-webkit-transform: scale(1) translate3d(0, 0, 0) rotate(.00001deg);
	transform: scale(1) translate3d(0, 0, 0) rotate(.00001deg)
}
.p-card2 .c-time__time {
	color: var(--color-dark-gray7)
}
.p-card2 .c-time__new {
	color: var(--color-gold8)
}
@media screen and (min-width:1024px) {
	.p-card2.-large{
		padding: 2.2rem 1.8rem 2.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-large{
		padding: 1.76rem 1.44rem 4.8rem
	}
}
@media screen and (max-width:560px) {
	.p-card2.-large{
		padding: 1.1rem .9rem 3.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-large .p-card2__figure {
		margin-bottom: 4.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-large .p-card2__figure {
		margin-bottom: 3.44rem
	}
}
@media screen and (max-width:560px) {
	.p-card2.-large .p-card2__figure {
		margin-bottom: 2.7rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-large .p-card2__figure::after {
		bottom: -9.2rem;
		left: -9.5rem
	}
}
/* @media screen and (min-width:1024px) {
	.p-card2.-large .p-card2__contents {
		padding: 0 2rem
	}
} */
@media screen and (max-width:1023px) {
	.p-card2.-large .p-card2__contents {
		padding: 0 1.3rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-large .p-card2__category {
		margin-bottom: 2.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-large .p-card2__category {
		margin-bottom: 2.24rem
	}
}
@media screen and (max-width:560px) {
	.p-card2.-large .p-card2__category {
		height: 2.5rem;
		margin-bottom: 1.8rem
	}
	.p-card2.-large .p-card2__category[data-category=original] {
		width: 4.5rem
	}
	.p-card2.-large .p-card2__category[data-category=relaciones] {
		width: 6rem
	}
	.p-card2.-large .p-card2__category[data-category=bino] {
		width: 5.18182rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-large .p-card2__title {
		font-size: 2.2rem;
		font-size: max(2rem, 16px);
		margin-bottom: 3.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-large .p-card2__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px);
		margin-bottom: 2.64rem
	}
}
@media screen and (max-width:560px) {
	.p-card2.-large .p-card2__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		margin-bottom: 1.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-large .c-time {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-large .c-time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.p-card2.-large .c-time {
		align-items: baseline
	}
}
.p-card2.-large .c-time__time {
	color: var(--color-white)
}
@media screen and (max-width:560px) {
	.p-card2.-large .c-time__time {
		font-size: 1.25rem;
		font-size: max(1.25rem, 11px)
	}
}
@media screen and (min-width:561px) {
	.p-card2.-large .c-time__new {
		margin-left: 1.4rem
	}
}
@media screen and (max-width:560px) {
	.p-card2.-large .c-time__new {
		font-size: 1.14rem;
		font-size: max(1.14rem, 11px);
		margin-left: .8rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-medium a {
		padding: 1.7rem 1.6rem 5.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-medium a {
		padding: 1.36rem 1.28rem 4.24rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-medium .p-card2__figure {
		margin-bottom: 3.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-medium .p-card2__figure {
		margin-bottom: 2.96rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-medium .p-card2__figure::after {
		bottom: -11.2rem;
		left: -9.2rem
	}
}
@media screen and (min-width:561px) {
	.p-card2.-medium .p-card2__contents {
		padding: 0 .5rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-medium .p-card2__category {
		margin-bottom: 2.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-medium .p-card2__category {
		margin-bottom: 1.84rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2.-medium .p-card2__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px);
		margin-bottom: 2.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2.-medium .p-card2__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 2rem
	}
}
@media screen and (min-width:561px) {
	.p-card2.-medium .c-time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (min-width:561px) {
	.p-card2.-medium .c-time__new {
		margin-left: 1rem
	}
}
@media screen and (min-width:561px) {
	.p-card2.-small a {
		padding: 1.3rem 1.3rem 3.4rem
	}
	.p-card2.-small .p-card2__figure {
		margin-bottom: 2.8rem
	}
	.p-card2.-small .p-card2__figure::after {
		bottom: -5.6rem;
		left: -9rem
	}
	.p-card2.-small .p-card2__category {
		margin-bottom: 2.2rem
	}
	.p-card2.-small .p-card2__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 2rem
	}
	.p-card2.-small .c-time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
	.p-card2.-small .c-time__new {
		margin-left: 1rem
	}
}
@media screen and (max-width:560px) {
	.p-card2.-medium a, .p-card2.-small a {
		padding: .8rem .8rem 2.4rem
	}
	.p-card2.-medium .p-card2__figure, .p-card2.-small .p-card2__figure {
		margin-bottom: 1.8rem
	}
	.p-card2.-medium .p-card2__figure::after, .p-card2.-small .p-card2__figure::after {
		bottom: -11.2rem;
		left: -9.2rem
	}
	.p-card2.-medium .p-card2__contents, .p-card2.-small .p-card2__contents {
		padding: 0 .25rem
	}
	.p-card2.-medium .p-card2__category, .p-card2.-small .p-card2__category {
		height: 1.9rem;
		margin-bottom: 1.6rem
	}
	.p-card2.-medium .p-card2__category[data-category=original], .p-card2.-small .p-card2__category[data-category=original] {
		width: 3.3rem
	}
	.p-card2.-medium .p-card2__category[data-category=relaciones], .p-card2.-small .p-card2__category[data-category=relaciones] {
		width: 4.4rem
	}
	.p-card2.-medium .p-card2__category[data-category=bino], .p-card2.-small .p-card2__category[data-category=bino] {
		width: 3.8rem
	}
	.p-card2.-medium .p-card2__title, .p-card2.-small .p-card2__title {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		margin-bottom: 1.6rem
	}
	.p-card2.-medium .c-time, .p-card2.-small .c-time {
		font-size: 1rem
	}
	.p-card2.-medium .c-time__new, .p-card2.-small .c-time__new {
		margin-left: .7rem
	}
}
.p-card2__figure {
	position: relative
}
.p-card2__figure::after {
	content: '';
	display: block;
	background-image: url(../images/common/illust/parts_hello_1.png);
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 10;
	pointer-events: none;
	opacity: 0;
	-webkit-transform: scale(.9) translate3d(0, 5%, 0) rotate(.00001deg);
	transform: scale(.9) translate3d(0, 5%, 0) rotate(.00001deg);
	-webkit-transform-origin: 100% 50%;
	transform-origin: 100% 50%;
	transition: 350ms cubic-bezier(.175, .885, .32, 1.275);
	transition-property: opacity, -webkit-transform;
	transition-property: opacity, transform;
	transition-property: opacity, transform, -webkit-transform
}
body.use-webp .p-card2__figure::after {
	background-image: url(../images/common/illust/parts_hello_1.webp)
}
@media screen and (min-width:1024px) {
	.p-card2__figure::after {
		width: 8.2rem;
		height: 13.3rem
	}
}
.p-card2__figure figure {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: .5rem;
	height: 171px;
	
}
.p-card2__figure figure::after {
	content: '';
	display: block;
	padding-top: calc((485 / 316) * 100%)
}
.p-card2__category {
	display: flex;
	align-items: flex-end
}
@media screen and (min-width:1024px) {
	.p-card2__category {
		height: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2__category {
		height: 3.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2__category[data-category=original] svg {
		width: 7.1rem;
		height: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2__category[data-category=original] svg {
		width: 5.68rem;
		height: 3.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2__category[data-category=relaciones] svg {
		width: 9rem;
		height: 2.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2__category[data-category=relaciones] svg {
		width: 7.2rem;
		height: 2.24rem
	}
}
@media screen and (min-width:1024px) {
	.p-card2__category[data-category=bino] svg {
		width: 8rem;
		height: 2.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2__category[data-category=bino] svg {
		width: 6.4rem;
		height: 2rem
	}
}
.p-card2__category svg {
	fill: var(--color-white)
}
@media screen and (max-width:560px) {
	.p-card2__category svg {
		width: 100%
	}
}
.p-card2__title {
	color: var(--color-white);
	font-weight: 700;
	line-height: 1.54545
}
.p-card2__title::after, .p-card2__title::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-card2__title::before {
	margin-top: calc((1 - 1.54545) * .5em)
}
.p-card2__title::after {
	margin-bottom: calc((1 - 1.54545) * .5em)
}
@media screen and (min-width:1024px) {
	.p-card2-slider .p-card2.-small {
		width: 26.7rem;
		margin: 0 .7rem
	}
}
@media screen and (max-width:1023px) {
	.p-card2-slider .p-card2.-small {
		margin: 0 .6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2-slider .p-card2.-small {
		width: 24.03rem
	}
}
@media screen and (max-width:560px) {
	.p-card2-slider .p-card2.-small {
		max-width: 16.3rem;
		width: calc(163 / var(--design-size-sp) * 100vw)
	}
}
@media screen and (min-width:1024px) {
	.p-card2-slider .p-card2.-large {
		width: 37.7rem;
		height: 415px;
		margin: 0 .4rem
	}
}
@media screen and (max-width:1023px) {
	.p-card2-slider .p-card2.-large {
		margin: 0 .2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card2-slider .p-card2.-large {
		width: 33.93rem
	}
}
@media screen and (max-width:560px) {
	.p-card2-slider .p-card2.-large {
		/* max-width: 24rem; */
		width: 80%;
		margin: 1rem 0;
	}
}
.p-card3 a {
	display: block
}
.p-card3 .c-time {
	font-size: 1.1rem
}
.p-card3 .c-time__time {
	color: var(--color-dark-gray9)
}
.p-card3 .c-time__new {
	color: var(--color-gold11)
}
@media screen and (max-width:1023px) {
	.p-card3 .c-time__new {
		margin-left: .7rem
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-small .p-card3__figure {
		margin-bottom: 3rem
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-small .p-card3__title {
		margin-bottom: 1.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-small .c-time__new {
		margin-left: 1rem
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-large .p-card3__figure {
		margin-bottom: 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-large .p-card3__title {
		margin-bottom: 2.3rem
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-large .c-time {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (min-width:1024px) {
	.p-card3.-large .c-time__new {
		margin-left: 1.5rem
	}
}
.p-card3__figure {
	position: relative
}
@media screen and (max-width:1023px) {
	.p-card3__figure {
		margin-bottom: 2.2rem
	}
}
.p-card3__figure figure::after {
	content: '';
	display: block;
	padding-top: 100%
}
.p-card3__title {
	text-align: center
}
@media screen and (min-width:1024px) {
	.p-card3__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px);
		line-height: 1.33333
	}
	.p-card3__title::after, .p-card3__title::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-card3__title::before {
		margin-top: calc((1 - 1.33333) * .5em)
	}
	.p-card3__title::after {
		margin-bottom: calc((1 - 1.33333) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.p-card3__title {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 1.42857;
		margin-bottom: 1rem
	}
	.p-card3__title::after, .p-card3__title::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-card3__title::before {
		margin-top: calc((1 - 1.42857) * .5em)
	}
	.p-card3__title::after {
		margin-bottom: calc((1 - 1.42857) * .5em)
	}
}
.p-card4 {
	position: relative
}
@media screen and (max-width:768px) {
	.p-card4::after {
		content: '';
		position: absolute;
		left: 0;
		bottom: 0;
		display: block;
		width: 100%;
		height: 1px;
		background-image: url(../images/common/solid-03-black3.svg);
		background-size: 200px 1px;
		background-repeat: repeat-x
	}
}
.p-card4 a {
	display: block
}
@media screen and (max-width:768px) {
	.p-card4 a {
		padding: 2.1rem 0
	}
}
.p-card4 a.is-hover:hover .p-card4__title {
	color: var(--color-gold)
}
@media screen and (min-width:1024px) {
	.p-card4 .c-meta {
		margin-bottom: 2.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card4 .c-meta {
		margin-bottom: 2rem
	}
}
@media screen and (max-width:560px) {
	.p-card4 .c-meta {
		margin-bottom: 1.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card4 .c-time {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card4 .c-time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:560px) {
	.p-card4 .c-time {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px)
	}
}
.p-card4 .c-time__time {
	color: var(--color-dark-gray10)
}
.p-card4 .c-time__new {
	color: var(--color-gold10)
}
@media screen and (min-width:1024px) {
	.p-card4 .c-time__new {
		margin-left: 1.3rem
	}
}
@media screen and (max-width:1023px) {
	.p-card4 .c-time__new {
		margin-left: 1rem
	}
}
.p-card4__title {
	line-height: 1.55556;
	transition: color 280ms cubic-bezier(.25, .46, .45, .94)
}
.p-card4__title::after, .p-card4__title::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-card4__title::before {
	margin-top: calc((1 - 1.55556) * .5em)
}
.p-card4__title::after {
	margin-bottom: calc((1 - 1.55556) * .5em)
}
@media screen and (min-width:1024px) {
	.p-card4__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px);
		margin-bottom: 2.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card4__title {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		margin-bottom: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.p-card4__title {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px);
		margin-bottom: 1.1rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5 .c-time {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
.p-card5 .c-time__time {
	color: var(--color-dark-gray9)
}
.p-card5 .c-time__new {
	color: var(--color-gold8)
}
@media screen and (min-width:1024px) {
	.p-card5 .c-time__new {
		margin-left: 1.2rem
	}
}
@media screen and (min-width:561px) {
	.p-card5.-small .p-card5__figure {
		margin-bottom: 2.6rem
	}
}
@media screen and (max-width:560px) {
	.p-card5.-small .p-card5__figure {
		margin-bottom: 1.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-small .p-card5__figure::after {
		padding-top: calc((549 / 360) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-small .p-card5__figure::after {
		padding-top: calc((326 / 214) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-small .p-card5__category {
		left: 3.6rem;
		bottom: 2.7rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-small .p-card5__category {
		left: 2.3rem;
		bottom: 1.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-small .p-card5__category[data-category=original] svg {
		width: 6.4rem;
		height: 3.6rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-small .p-card5__category[data-category=original] svg {
		width: 3.8rem;
		height: 2.1rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-small .p-card5__category[data-category=relaciones] svg {
		width: 9.9rem;
		height: 3.3rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-small .p-card5__category[data-category=relaciones] svg {
		width: 6.3rem;
		height: 2rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-small .p-card5__category[data-category=bino] svg {
		width: 8.4rem;
		height: 2.7rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-small .p-card5__category[data-category=bino] svg {
		width: 5rem;
		height: 1.6rem
	}
}
@media screen and (min-width:561px) {
	.p-card5.-small .p-card5__contents {
		padding: 0 1rem
	}
}
@media screen and (max-width:560px) {
	.p-card5.-small .p-card5__contents {
		padding: 0 .6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-small .p-card5__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px);
		padding-bottom: 2.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card5.-small .p-card5__title {
		font-size: 1.5rem;
		font-size: max(1.5rem, 13px);
		padding-bottom: 1.7rem
	}
}
@media screen and (max-width:560px) {
	.p-card5.-small .p-card5__title {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		padding-bottom: 1.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card5.-small .c-time {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (max-width:560px) {
	.p-card5.-small .c-time {
		font-size: 1rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-small .c-time__new {
		margin-left: .6rem
	}
}
@media screen and (min-width:561px) {
	.p-card5.-large .p-card5__figure {
		margin-bottom: 2.5rem
	}
}
@media screen and (max-width:560px) {
	.p-card5.-large .p-card5__figure {
		margin-bottom: 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-large .p-card5__figure::after {
		padding-top: calc((528 / 374) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .p-card5__figure::after {
		padding-top: calc((322 / 228) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-large .p-card5__category {
		left: 3.6rem;
		bottom: 2.7rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .p-card5__category {
		left: 2.1rem;
		bottom: 2.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-large .p-card5__category[data-category=original] svg {
		width: 7.1rem;
		height: 4rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .p-card5__category[data-category=original] svg {
		width: 4.7rem;
		height: 2.64789rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-large .p-card5__category[data-category=relaciones] svg {
		width: 9.5rem;
		height: 3.1rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .p-card5__category[data-category=relaciones] svg {
		width: 6.28873rem;
		height: 2.05211rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-large .p-card5__category[data-category=bino] svg {
		width: 8.1rem;
		height: 2.6rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .p-card5__category[data-category=bino] svg {
		width: 5.36197rem;
		height: 1.72113rem
	}
}
@media screen and (min-width:561px) {
	.p-card5.-large .p-card5__contents {
		padding: 0 .8rem
	}
}
@media screen and (max-width:560px) {
	.p-card5.-large .p-card5__contents {
		padding: 0 1rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5.-large .p-card5__title {
		font-size: 2.2rem;
		font-size: max(2.2rem, 18px);
		padding-bottom: 2.4rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .p-card5__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		padding-bottom: 2rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .c-time {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:1023px) {
	.p-card5.-large .c-time__new {
		margin-left: .8rem
	}
}
.p-card5__figure {
	position: relative;
	z-index: 0;
	overflow: hidden;
	border-radius: 1rem
}
.p-card5__figure::after {
	content: '';
	display: block
}
.p-card5__figure svg {
	fill: var(--color-white)
}
.p-card5__category {
	position: absolute;
	z-index: 10
}
.p-card5__title {
	font-weight: 700;
	line-height: 1.54545
}
.p-card5__title::after, .p-card5__title::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-card5__title::before {
	margin-top: calc((1 - 1.54545) * .5em)
}
.p-card5__title::after {
	margin-bottom: calc((1 - 1.54545) * .5em)
}
.p-card5-slider {
	position: relative
}
.p-card5-slider .slick-list {
	overflow: hidden
}
@media screen and (min-width:1024px) {
	.p-card5-slider .p-card5 {
		margin: 0 .5rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5-slider .p-card5.-small {
		margin: 0 .6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card5-slider .p-card5.-small {
		width: 27.82rem
	}
}
@media screen and (max-width:560px) {
	.p-card5-slider .p-card5.-small {
		max-width: 21.4rem;
		width: calc(214 / var(--design-size-sp) * 100vw)
	}
}
@media screen and (max-width:1023px) {
	.p-card5-slider .p-card5.-large {
		margin: 0 1.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card5-slider .p-card5.-large {
		width: 29.64rem
	}
}
@media screen and (max-width:560px) {
	.p-card5-slider .p-card5.-large {
		max-width: 22.8rem;
		width: calc(228 / var(--design-size-sp) * 100vw)
	}
}
.p-card5-slider__arrow {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	pointer-events: none
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card5-slider__arrow.-small {
		height: 42.38rem
	}
}
@media screen and (max-width:560px) {
	.p-card5-slider__arrow.-small {
		height: 32.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow.-small::after {
		content: '';
		display: block;
		padding-top: calc((549 / 1110) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow.-small .p-card5-slider__arrow__cell.-prev {
		left: 1.7rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5-slider__arrow.-small .p-card5-slider__arrow__cell.-prev {
		left: 4.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow.-small .p-card5-slider__arrow__cell.-next {
		right: 1.7rem
	}
}
@media screen and (max-width:1023px) {
	.p-card5-slider__arrow.-small .p-card5-slider__arrow__cell.-next {
		right: 4.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-card5-slider__arrow.-large {
		height: 41.86rem
	}
}
@media screen and (max-width:560px) {
	.p-card5-slider__arrow.-large {
		height: 32.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow.-large::after {
		content: '';
		display: block;
		padding-top: calc((528 / 1150) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow.-large .p-card5-slider__arrow__cell.-prev {
		left: 0
	}
}
@media screen and (max-width:1023px) {
	.p-card5-slider__arrow.-large .p-card5-slider__arrow__cell.-prev {
		left: 2.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow.-large .p-card5-slider__arrow__cell.-next {
		right: 0
	}
}
@media screen and (max-width:1023px) {
	.p-card5-slider__arrow.-large .p-card5-slider__arrow__cell.-next {
		right: 2.6rem
	}
}
.p-card5-slider__arrow__cell {
	position: absolute;
	top: 50%;
	pointer-events: all
}
@media screen and (max-width:1023px) {
	.p-card5-slider__arrow__cell {
		-webkit-transform: translate(0, -50%);
		transform: translate(0, -50%)
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow__cell.-prev {
		-webkit-transform: translate(-38.46154%, -50%);
		transform: translate(-38.46154%, -50%);
		transform: translate(-38.46154%, -50%)
	}
}
@media screen and (min-width:1281px) {
	.p-card5-slider__arrow__cell.-prev {
		-webkit-transform: translate(-76.92308%, -50%);
		transform: translate(-76.92308%, -50%)
	}
}
@media screen and (min-width:1024px) {
	.p-card5-slider__arrow__cell.-next {
		-webkit-transform: translate(38.46154%, -50%);
		transform: translate(38.46154%, -50%)
	}
}
@media screen and (min-width:1281px) {
	.p-card5-slider__arrow__cell.-next {
		-webkit-transform: translate(76.92308%, -50%);
		transform: translate(76.92308%, -50%)
	}
}
.p-category__title {
	width: 100%;
	text-align: center;
	fill: var(--color-dark-gray)
}
@media screen and (min-width:561px) {
	.p-category__title {
		margin-bottom: 3.3rem
	}
}
@media screen and (max-width:560px) {
	.p-category__title {
		margin-bottom: 2.6rem
	}
}
@media screen and (min-width:561px) {
	.p-category__title svg {
		width: 14.5rem;
		height: 1.8rem
	}
}
@media screen and (max-width:560px) {
	.p-category__title svg {
		width: 12.8rem;
		height: 1.6rem
	}
}
.p-category__list {
	white-space: nowrap;
	overflow-x: auto;
	overflow-y: hidden;
	scrollbar-width: thin;
	-webkit-overflow-scrolling: touch;
	padding-top: .7rem
}
.p-category__list__inner {
	text-align: center
}
.p-category__list__inner li {
	display: inline-block;
	vertical-align: top
}
@media screen and (min-width:1024px) {
	.p-category__list__inner li:not(:last-of-type) {
		margin-right: 1.4rem
	}
}
@media screen and (max-width:1023px) {
	.p-category__list__inner li:not(:last-of-type) {
		margin-right: 1.2rem
	}
}
@media screen and (max-width:1023px) {
	.p-category__list__inner li:first-of-type {
		margin-left: calc(31 / var(--design-size-sp) * 100vw)
	}
}
@media screen and (max-width:1023px) {
	.p-category__list__inner li:last-of-type {
		margin-right: calc(31 / var(--design-size-sp) * 100vw)
	}
}
.p-category__list__inner li a.is-current .p-category__list__txt, .p-category__list__inner li a.is-hover:hover .p-category__list__txt {
	background-color: var(--color-dark-gray8)
}
.p-category__list__inner li .c-count {
	background-color: var(--color-dark-gray8)
}
.p-category__list__inner li[data-category=all] a.is-current .p-category__list__txt, .p-category__list__inner li[data-category=all] a.is-hover:hover .p-category__list__txt {
	background-color: var(--color-beige2)
}
.p-category__list__inner li[data-category=all] .c-count {
	background-color: var(--color-beige2)
}
.p-category__list__inner li[data-category=information] a.is-current .p-category__list__txt, .p-category__list__inner li[data-category=information] a.is-hover:hover .p-category__list__txt {
	background-color: var(--color-gold3)
}
.p-category__list__inner li[data-category=information] .c-count {
	background-color: var(--color-gold3)
}
.p-category__list__inner li[data-category=event] a.is-current .p-category__list__txt, .p-category__list__inner li[data-category=event] a.is-hover:hover .p-category__list__txt {
	background-color: var(--color-green)
}
.p-category__list__inner li[data-category=event] .c-count {
	background-color: var(--color-green)
}
.p-category__list__inner li[data-category=blog] a.is-current .p-category__list__txt, .p-category__list__inner li[data-category=blog] a.is-hover:hover .p-category__list__txt {
	background-color: var(--color-blue2)
}
.p-category__list__inner li[data-category=blog] .c-count {
	background-color: var(--color-blue2)
}
.p-category__list__inner li[data-category=model-house-information] a.is-current .p-category__list__txt, .p-category__list__inner li[data-category=model-house-information] a.is-hover:hover .p-category__list__txt {
	background-color: var(--color-orange)
}
.p-category__list__inner li[data-category=model-house-information] .c-count {
	background-color: var(--color-orange)
}
.p-category__list__inner a {
	position: relative;
	display: block
}
.p-category__list__inner a.is-current .p-category__list__txt, .p-category__list__inner a.is-hover:hover .p-category__list__txt {
	border-color: var(--color-white);
	color: var(--color-white)
}
@media screen and (min-width:561px) {
	.p-category__list__inner .c-count {
		top: -.7rem;
		right: -.6rem
	}
}
@media screen and (max-width:560px) {
	.p-category__list__inner .c-count {
		top: -.6rem;
		right: -.5rem
	}
}
.p-category__list__txt {
	display: block;
	border: solid 1px var(--color-black3);
	border-radius: 100px;
	transition: all 280ms cubic-bezier(.25, .46, .45, .94)
}
@media screen and (min-width:561px) {
	.p-category__list__txt {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		padding: 1.2rem 3.35rem 1.3rem
	}
}
@media screen and (max-width:560px) {
	.p-category__list__txt {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		padding: 1rem 2.1rem
	}
}
.p-category2__inner {
	background-color: var(--color-dark-gray5)
}
@media screen and (min-width:1024px) {
	.p-category2__inner {
		display: flex;
		align-items: flex-start;
		justify-content: center;
		border-radius: 100px;
		padding: 3.4rem 10rem 2.5rem 0
	}
}
@media screen and (max-width:1023px) {
	.p-category2__inner {
		border-radius: 1rem;
		padding: 3.5rem 0 3.2rem
	}
}
.p-category2__title {
	width: 9.9rem;
	fill: var(--color-dark-gray);
	font-size: 0;
	line-height: 1
}
@media screen and (min-width:1024px) {
	.p-category2__title {
		margin-top: 1rem;
		margin-right: 9.7rem
	}
}
@media screen and (max-width:1023px) {
	.p-category2__title {
		margin: 0 auto 2.5rem
	}
}
.p-category2__title svg {
	width: 9.9rem;
	height: 1.3rem
}
@media screen and (max-width:1023px) {
	.p-category2__list {
		padding-right: 1.4rem
	}
}
.p-category2__list__inner {
	display: flex
}
@media screen and (max-width:1023px) {
	.p-category2__list__inner {
		justify-content: center
	}
}
.p-category2__list__inner li {
	position: relative;
	display: flex;
	align-items: flex-end
}
@media screen and (min-width:561px) {
	.p-category2__list__inner li:not(:last-of-type) {
		margin-right: 5rem
	}
}
@media screen and (max-width:560px) {
	.p-category2__list__inner li:not(:last-of-type) {
		margin-right: 2.8rem
	}
}
.p-category2__list__inner li[data-category=original] a.is-current svg, .p-category2__list__inner li[data-category=original] a.is-hover:hover svg {
	fill: var(--color-gold3)
}
.p-category2__list__inner li[data-category=original] .c-count {
	background-color: var(--color-gold3)
}
@media screen and (min-width:561px) {
	.p-category2__list__inner li[data-category=original] svg {
		width: 7.1rem;
		height: 4rem
	}
}
@media screen and (max-width:560px) {
	.p-category2__list__inner li[data-category=original] svg {
		width: 4.7rem;
		height: 2.6rem
	}
}
.p-category2__list__inner li[data-category=relaciones] a.is-current svg, .p-category2__list__inner li[data-category=relaciones] a.is-hover:hover svg {
	fill: var(--color-green)
}
.p-category2__list__inner li[data-category=relaciones] .c-count {
	background-color: var(--color-green)
}
.p-category2__list__inner li[data-category=relaciones] svg {
	-webkit-transform: translateY(calc((-1 / 13.3) * 100%));
	transform: translateY(calc((-1 / 13.3) * 100%))
}
@media screen and (min-width:561px) {
	.p-category2__list__inner li[data-category=relaciones] svg {
		width: 8rem;
		height: 2.7rem
	}
}
@media screen and (max-width:560px) {
	.p-category2__list__inner li[data-category=relaciones] svg {
		width: 5.4rem;
		height: 1.8rem
	}
}
.p-category2__list__inner li[data-category=bino] a.is-current svg, .p-category2__list__inner li[data-category=bino] a.is-hover:hover svg {
	fill: var(--color-blue2)
}
.p-category2__list__inner li[data-category=bino] .c-count {
	background-color: var(--color-blue2)
}
.p-category2__list__inner li[data-category=bino] svg {
	-webkit-transform: translateY(calc((-2 / 15.5) * 100%));
	transform: translateY(calc((-2 / 15.5) * 100%))
}
@media screen and (min-width:561px) {
	.p-category2__list__inner li[data-category=bino] svg {
		width: 8rem;
		height: 2.5rem
	}
}
@media screen and (max-width:560px) {
	.p-category2__list__inner li[data-category=bino] svg {
		width: 5.4rem;
		height: 1.7rem
	}
}
.p-category2__list__inner a {
	display: block
}
.p-category2__list__inner svg {
	fill: var(--color-white)
}
.p-category2__list__inner .c-count {
	top: -1rem
}
@media screen and (min-width:561px) {
	.p-category2__list__inner .c-count {
		right: -1.7rem
	}
}
@media screen and (max-width:560px) {
	.p-category2__list__inner .c-count {
		width: 2.3rem;
		height: 2.3rem;
		right: -1.6rem
	}
}
@media screen and (min-width:561px) {
	.p-contact:not(:last-of-type) {
		margin-bottom: 2.8rem
	}
}
@media screen and (max-width:560px) {
	.p-contact:not(:last-of-type) {
		margin-bottom: 2.4rem
	}
}
.p-contact__inner {
	position: relative
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact__inner {
		padding-right: 4rem;
		padding-left: 4rem
	}
}
@media screen and (max-width:560px) {
	.p-contact__inner {
		padding-right: 2rem;
		padding-left: 2rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact__description {
		margin-left: 8.5rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact__description {
		text-align: center
	}
}
@media screen and (min-width:1024px) {
	.p-contact--line .p-contact__inner {
		padding: 8.3rem 0 7.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--line .p-contact__inner {
		padding-top: 7.47rem;
		padding-bottom: 6.57rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--line .p-contact__inner {
		padding-top: 6.4rem;
		padding-bottom: 4.7rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--line .p-contact__illust {
		max-width: 15.5rem;
		width: calc((155 / 1100) * 100%);
		top: 4.2rem;
		left: calc((26 / 1100) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-contact--line .p-contact__illust {
		max-width: 10.5rem;
		width: calc((105 / 340) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.p-contact--line .p-contact__illust {
		top: 5rem;
		left: 5rem
	}
}
@media screen and (max-width:768px) {
	.p-contact--line .p-contact__illust {
		left: calc(((116 + 52.5)/ 340) * 100%);
		bottom: calc(100% - 2.7rem);
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
.p-contact--line__flow>li {
	position: relative
}
.p-contact--line__flow>li:not(:last-of-type)::after {
	content: '';
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	position: absolute
}
@media screen and (min-width:769px) {
	.p-contact--line__flow>li:not(:last-of-type)::after {
		border-width: 3.65rem 0 3.65rem 2.9rem;
		border-color: transparent transparent transparent var(--color-line);
		top: 50%;
		left: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}
@media screen and (max-width:768px) {
	.p-contact--line__flow>li:not(:last-of-type)::after {
		border-width: 1.8rem 2.25rem 0 2.25rem;
		border-color: var(--color-line) transparent transparent transparent;
		top: 100%;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
.p-contact--line__flow__inner {
	width: 100%;
	height: 100%;
	background-color: var(--color-white)
}
@media screen and (min-width:1024px) {
	.p-contact--line__flow__inner {
		padding: 3.5rem 2rem 5rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact--line__flow__inner {
		padding: 3.5rem 2rem 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--line__flow__inner .c-button3 {
		margin-top: 4.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--line__flow__inner .c-button3 {
		margin-top: 3rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--line__flow__inner .c-button3 {
		margin-top: 2.4rem
	}
}
.p-contact--line__flow__num {
	text-align: center;
	line-height: 1
}
@media screen and (min-width:561px) {
	.p-contact--line__flow__num {
		margin-bottom: 2.2rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--line__flow__num {
		margin-bottom: 1.8rem
	}
}
.p-contact--line__flow__num svg {
	fill: var(--color-line)
}
@media screen and (min-width:1024px) {
	.p-contact--line__flow__num svg {
		height: 2.5rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact--line__flow__num svg {
		height: 1.8rem
	}
}
.p-contact--line__flow__title {
	text-align: center;
	font-weight: 700;
	letter-spacing: .04em
}
@media screen and (min-width:1024px) {
	.p-contact--line__flow__title {
		font-size: 2.2rem;
		font-size: max(2.2rem, 18px)
	}
}
@media screen and (max-width:1023px) {
	.p-contact--line__flow__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
.p-contact--line__flow__message {
	margin: 0 auto;
	-webkit-transform: translateX(calc((5 / 228) * 100%));
	transform: translateX(calc((5 / 228) * 100%))
}
@media screen and (min-width:1024px) {
	.p-contact--line__flow__message {
		width: calc((288 / 461) * 100%);
		max-width: 28.8rem;
		margin-top: 2.2rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact--line__flow__message {
		max-width: 21rem;
		width: calc((210 / 260) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--line__flow__message {
		margin-top: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--line__flow__message {
		margin-top: 1.2rem;
		margin-bottom: .5rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--tel .p-contact__inner {
		padding: 7rem 0 6.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--tel .p-contact__inner {
		padding-top: 6.3rem;
		padding-bottom: 6.12rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--tel .p-contact__inner {
		padding-top: 4.4rem;
		padding-bottom: 7.7rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--tel .p-contact__illust {
		max-width: 5.9rem;
		width: calc((59 / 1100) * 100%);
		bottom: -.8rem;
		right: calc((-29 / 1100) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-contact--tel .p-contact__illust {
		width: calc((40 / 340) * 100%);
		right: calc((23 / 340) * 100%);
		bottom: -1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--tel .p-contact__illust {
		max-width: 4.72rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--tel .p-contact__illust {
		max-width: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--tel__header {
		margin-bottom: 4.08rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--tel__header {
		margin-bottom: 3.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--mail.-thanks .p-contact__inner {
		padding: 11rem 0
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--mail.-thanks .p-contact__inner {
		padding-top: 9.9rem;
		padding-bottom: 9.9rem
	}
}
@media screen and (max-width:768px) {
	.p-contact--mail.-thanks .p-contact__inner {
		padding-top: 6rem;
		padding-bottom: 6rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--mail .p-contact__inner {
		padding: 9rem 0 13rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--mail .p-contact__inner {
		padding-top: 8.1rem;
		padding-bottom: 11.7rem
	}
}
@media screen and (max-width:768px) {
	.p-contact--mail .p-contact__inner {
		padding-top: 7rem;
		padding-bottom: 20.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--mail .c-title2 {
		margin-bottom: 5.3rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact--mail .c-title2 {
		margin-bottom: 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--mail .p-contact__illust {
		max-width: 11.7rem;
		width: calc((117 / 1100) * 100%);
		bottom: -3.3rem;
		left: calc((24 / 1100) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-contact--mail .p-contact__illust {
		max-width: 8.4rem;
		width: calc((84 / 340) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.p-contact--mail .p-contact__illust {
		bottom: -3rem;
		left: calc((40 / 1100) * 100%)
	}
}
@media screen and (max-width:768px) {
	.p-contact--mail .p-contact__illust {
		left: calc(((105 + 42)/ 340) * 100%);
		bottom: -2.2rem;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
.p-contact--mail .p-contact__illust p {
	width: calc((120 / 117) * 100%);
	top: calc((-69 / 181) * 100%);
	right: calc((-121 / 117) * 100%)
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact--mail__header {
		margin-bottom: 7.68rem
	}
}
@media screen and (max-width:560px) {
	.p-contact--mail__header {
		margin-bottom: 6.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact--mail__header.-space {
		padding-top: .3rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact2 {
		padding-left: 6.2rem;
		padding-right: 6.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact2 {
		padding-left: 4rem;
		padding-right: 4rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2 {
		padding-left: 2.5rem;
		padding-right: 2.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact2:not(:last-of-type) {
		margin-bottom: .6rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact2:not(:last-of-type) {
		margin-bottom: 1rem
	}
}
@media screen and (min-width:561px) {
	.p-contact2--line {
		padding-top: 5.4rem;
		padding-bottom: 4.5rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line {
		padding-top: 4.7rem;
		padding-bottom: 4.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact2--line__header {
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__header {
		margin-bottom: 2.7rem
	}
}
.p-contact2--line__flow li {
	position: relative
}
@media screen and (min-width:1024px) {
	.p-contact2--line__flow li:not(:first-of-type) {
		padding-top: 4rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact2--line__flow li:not(:first-of-type) {
		padding-top: 2.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-contact2--line__flow li:not(:last-of-type) {
		padding-bottom: 5rem
	}
}
@media screen and (max-width:1023px) {
	.p-contact2--line__flow li:not(:last-of-type) {
		padding-bottom: 2.7rem
	}
}
.p-contact2--line__flow li:not(:last-of-type)::after {
	content: '';
	display: block;
	width: 100%;
	height: 1px;
	background-image: url(../images/common/dotted-black3.svg);
	background-repeat: repeat;
	background-size: 4px 100%;
	position: absolute;
	left: 0;
	bottom: 0
}
@media screen and (min-width:769px) {
	.p-contact2--line__flow__inner {
		display: flex;
		align-items: center;
		justify-content: space-between;
		padding-right: 2.6rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__inner {
		padding: 0 .8rem
	}
}
.p-contact2--line__flow__title {
	display: flex;
	align-items: center
}
@media screen and (max-width:768px) and (min-width:561px) {
	.p-contact2--line__flow__title {
		justify-content: center
	}
}
.p-contact2--line__flow__num {
	display: flex;
	align-items: center;
	justify-content: flex-start
}
@media screen and (min-width:561px) {
	.p-contact2--line__flow__num {
		width: 7.8rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__num {
		width: 4.8rem
	}
}
.p-contact2--line__flow__num svg {
	fill: var(--color-line)
}
@media screen and (min-width:561px) {
	.p-contact2--line__flow__num svg {
		height: 2.5rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__num svg {
		height: 1.6rem
	}
}
@media screen and (min-width:561px) {
	.p-contact2--line__flow__num.-num-1 svg {
		width: 3.8rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__num.-num-1 svg {
		width: 2.5rem
	}
}
@media screen and (min-width:561px) {
	.p-contact2--line__flow__num.-num-2 svg {
		width: 4.2rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__num.-num-2 svg {
		width: 2.7rem
	}
}
.p-contact2--line__flow__txt {
	font-weight: 700;
	letter-spacing: .04em
}
@media screen and (min-width:1024px) {
	.p-contact2--line__flow__txt {
		font-size: 2.2rem;
		font-size: max(2.2rem, 18px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact2--line__flow__txt {
		font-size: 1.7rem;
		font-size: max(1.7rem, 15px)
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__txt {
		font-size: 1.5rem;
		font-size: max(1.5rem, 13px)
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.p-contact2--line__flow__button, .p-contact2--line__flow__message {
		margin: 0 auto
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__button, .p-contact2--line__flow__message {
		margin-left: 4.4rem
	}
}
@media screen and (max-width:768px) {
	.p-contact2--line__flow__button {
		margin-top: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--line__flow__button {
		margin-left: 4.4rem
	}
}
@media screen and (min-width:769px) {
	.p-contact2--line__flow__message {
		width: 26.7rem
	}
}
@media screen and (max-width:768px) {
	.p-contact2--line__flow__message {
		width: 19.8rem;
		margin-top: 2.2rem
	}
}
@media screen and (min-width:561px) {
	.p-contact2--tel {
		padding-top: 4.3rem;
		padding-bottom: 4.5rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--tel {
		padding-top: 3rem;
		padding-bottom: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-contact2--tel__header {
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.p-contact2--tel__header {
		margin-bottom: 3rem
	}
}
@media screen and (min-width:1024px) {
	.p-form {
		max-width: 56.8rem;
		width: 100%
	}
}
[type=email], [type=tel], [type=text], option, select, textarea {
	position: relative;
	width: 100%;
	border-radius: .3rem;
	background-color: var(--color-white);
	color: var(--color-blue4);
	font-weight: 700;
	line-height: 2.15;
	letter-spacing: .06em;
	word-break: break-all
}
@media screen and (min-width:1024px) {
	[type=email], [type=tel], [type=text], option, select, textarea {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	[type=email], [type=tel], [type=text], option, select, textarea {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (max-width:1023px) {
	[type=email], [type=tel], [type=text], option, select, textarea {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
[type=email]:-moz-placeholder-shown, [type=tel]:-moz-placeholder-shown, [type=text]:-moz-placeholder-shown, option:-moz-placeholder-shown, select:-moz-placeholder-shown, textarea:-moz-placeholder-shown {
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, option:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]:placeholder-shown, [type=tel]:placeholder-shown, [type=text]:placeholder-shown, option:placeholder-shown, select:placeholder-shown, textarea:placeholder-shown {
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]:placeholder, [type=tel]:placeholder, [type=text]:placeholder, option:placeholder, select:placeholder, textarea:placeholder {
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]::-webkit-input-placeholder, [type=tel]::-webkit-input-placeholder, [type=text]::-webkit-input-placeholder, option::-webkit-input-placeholder, select::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]:-moz-placeholder, [type=tel]:-moz-placeholder, [type=text]:-moz-placeholder, option:-moz-placeholder, select:-moz-placeholder, textarea:-moz-placeholder {
	opacity: 1;
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]::-moz-placeholder, [type=tel]::-moz-placeholder, [type=text]::-moz-placeholder, option::-moz-placeholder, select::-moz-placeholder, textarea::-moz-placeholder {
	opacity: 1;
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]:-ms-input-placeholder, [type=tel]:-ms-input-placeholder, [type=text]:-ms-input-placeholder, option:-ms-input-placeholder, select:-ms-input-placeholder, textarea:-ms-input-placeholder {
	color: var(--color-gray5);
	font-weight: 700;
	letter-spacing: .06em
}
[type=email]:focus, [type=tel]:focus, [type=text]:focus, option:focus, select:focus, textarea:focus {
	background-color: rgba(var(--color-white--rgba), .5)
}
@media screen and (min-width:1024px) {
	[type=email], [type=tel], [type=text], select {
		height: 5.8rem;
		padding: 1.2rem 2.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	[type=email], [type=tel], [type=text] {
		height: 5rem;
		padding: 1.3rem 1.5rem
	}
}
@media screen and (max-width:1023px) {
	[type=email], [type=tel], [type=text], select {
		height: 4.3rem;
		padding: .9rem 1.5rem
	}
}
@media screen and (min-width:1024px) {
	textarea {
		height: 18.8rem;
		padding: 1.5rem 2.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	textarea {
		height: 16rem;
		padding: 1.3rem 1.5rem
	}
}
@media screen and (max-width:1023px) {
	textarea {
		height: 14.1rem;
		padding: 1.5rem 1.5rem
	}
}
input:-webkit-autofill, option:-webkit-autofill, select:-webkit-autofill {
	-webkit-text-fill-color: var(--color-blue4)!important;
	-webkit-box-shadow: 0 0 0 1000px var(--color-white) inset
}
.p-form__checkbox [type=checkbox], .p-form__checkbox [type=radio], .p-form__radio [type=checkbox], .p-form__radio [type=radio] {
	display: none
}
.p-form__checkbox [type=checkbox]:checked+label span:nth-of-type(1)::before, .p-form__checkbox [type=radio]:checked+label span:nth-of-type(1)::before, .p-form__radio [type=checkbox]:checked+label span:nth-of-type(1)::before, .p-form__radio [type=radio]:checked+label span:nth-of-type(1)::before {
	opacity: 1
}
.p-form__checkbox label, .p-form__radio label {
	margin-bottom: 0!important;
	position: relative;
	display: flex;
	align-items: center;
	cursor: pointer
}
.p-form__checkbox label span:nth-of-type(1), .p-form__radio label span:nth-of-type(1) {
	position: relative;
	display: block;
	background-color: var(--color-white)
}
@media screen and (min-width:561px) {
	.p-form__checkbox label span:nth-of-type(1), .p-form__radio label span:nth-of-type(1) {
		width: 3.8rem;
		height: 3.8rem;
		margin-right: 1.1rem
	}
}
@media screen and (max-width:560px) {
	.p-form__checkbox label span:nth-of-type(1), .p-form__radio label span:nth-of-type(1) {
		width: 2.8rem;
		height: 2.8rem;
		margin-right: .5rem
	}
}
.p-form__checkbox label span:nth-of-type(1)::before, .p-form__radio label span:nth-of-type(1)::before {
	content: '';
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	opacity: 0;
	transition: opacity .1s linear
}
.p-form__checkbox label span:nth-of-type(2), .p-form__radio label span:nth-of-type(2) {
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:1024px) {
	.p-form__checkbox label span:nth-of-type(2), .p-form__radio label span:nth-of-type(2) {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-form__checkbox label span:nth-of-type(2), .p-form__radio label span:nth-of-type(2) {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (max-width:1023px) {
	.p-form__checkbox label span:nth-of-type(2), .p-form__radio label span:nth-of-type(2) {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
.p-form__radio label span:nth-of-type(1) {
	border-radius: 50%
}
.p-form__radio label span:nth-of-type(1)::before {
	width: calc((24 / 38) * 100%);
	height: calc((24 / 38) * 100%);
	border-radius: 50%;
	background-color: var(--color-blue4)
}
@media screen and (min-width:561px) {
	.p-form__list {
		margin-bottom: 5.2rem
	}
}
@media screen and (max-width:560px) {
	.p-form__list {
		margin-bottom: 4.7rem
	}
}
@media screen and (min-width:561px) {
	.p-form__list>li:not(:last-of-type) {
		margin-bottom: 2.5rem
	}
}
@media screen and (max-width:560px) {
	.p-form__list>li:not(:last-of-type) {
		margin-bottom: 1.9rem
	}
}
.p-form__inputs {
	display: flex;
	flex-wrap: wrap
}
@media screen and (min-width:1024px) {
	.p-form__inputs {
		padding-top: 1rem
	}
}
@media screen and (max-width:1023px) {
	.p-form__inputs {
		border-radius: 5px;
		overflow: hidden
	}
}
@media screen and (min-width:1024px) {
	.p-form__inputs>* {
		margin: 0 3.5rem .6rem 0
	}
}
@media screen and (min-width:561px) {
	.p-form__inputs>* {
		margin-bottom: .6rem
	}
}
@media screen and (max-width:560px) {
	.p-form__inputs>* {
		margin-bottom: .4rem
	}
}
@media screen and (min-width:1024px) {
	.p-form__inputs>:not(:last-of-type) {
		margin-right: 3.5rem
	}
}
@media screen and (max-width:1023px) {
	.p-form__inputs>:not(:last-of-type) {
		margin-right: 2.3rem
	}
}
.p-form__error {
	color: var(--color-ui-error);
	font-weight: 400;
	letter-spacing: .04em;
	margin-top: 1em
}
@media screen and (min-width:1024px) {
	.p-form__error {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px)
	}
}
@media screen and (max-width:1023px) {
	.p-form__error {
		font-size: 1.1rem
	}
}
.p-form__button {
	position: relative
}
.p-form-thanks {
	position: relative
}
.p-form-thanks__title {
	font-weight: 700
}
@media screen and (min-width:1024px) {
	.p-form-thanks__title {
		font-size: 2.4rem;
		font-size: max(2.4rem, 18px);
		margin-bottom: 5rem
	}
}
@media screen and (max-width:1023px) {
	.p-form-thanks__title {
		text-align: center
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-form-thanks__title {
		font-size: 2rem;
		font-size: max(2rem, 16px);
		margin-bottom: 4.5rem
	}
}
@media screen and (max-width:560px) {
	.p-form-thanks__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 3.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-form-thanks__txt {
		margin-bottom: 5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-form-thanks__txt {
		text-align: center;
		margin-bottom: 4.5rem
	}
}
@media screen and (max-width:560px) {
	.p-form-thanks__txt {
		margin-bottom: 4rem
	}
}
.p-header {
	position: relative;
	display: flex
}
.pg-top-works .p-header{
	justify-content: center;
	margin: 10rem 0 0 0;
}
.pg-top-works .p-header h3{
	font-size: 3.2rem;
	font-weight: 700;
	text-align: center;
	line-height: 1.7365;
    letter-spacing: .12em;
}
@media screen and (max-width:560px) {
	.pg-top-works .p-header{
		margin: 0;
	}
	.pg-top-works .p-header h3{
		font-size: 1.75rem;
	}
}
.p-header .c-balloon {
	margin: 0 0 0 auto;
	padding-left: 2rem
}
.p-header__contents {
	display: flex;
	align-items: flex-end
}
@media screen and (min-width:1024px) {
	.p-header__contents .c-title.-event {
		margin-right: 4.8rem
	}
}
@media screen and (min-width:1024px) {
	.p-header__contents .c-title.-blog {
		margin-right: 3.8rem
	}
}
@media screen and (min-width:1024px) {
	.p-header__contents .c-title.-topics {
		margin-right: 3.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-header__contents .c-title.-works {
		margin-right: 2.8rem
	}
}
.p-hero {
	position: relative
}
@media screen and (min-width:1024px) {
	.p-hero {
		display: flex
	}
}
@media screen and (max-width:1023px) {
	.p-hero .c-scroll {
		height: calc(100% - 3.8rem);
		bottom: 0
	}
}
@media screen and (min-width:1024px) {
	.p-hero.-black-bar::after {
		content: '';
		display: block;
		width: 100%;
		height: 3.4rem;
		background-color: var(--color-black3);
		position: absolute;
		left: 0;
		bottom: 0;
		z-index: 0
	}
}
.p-hero__inner {
	position: relative;
	z-index: 1;
	width: 100%
}
@media screen and (min-width:1024px) {
	.p-hero__inner {
		display: flex;
		flex-direction: row-reverse;
		min-height: 72.6rem
	}
}
@media screen and (min-width:1681px) {
	.p-hero__inner {
		min-height: 79.86rem
	}
}
@media screen and (min-width:2048px) {
	.p-hero__inner {
		min-height: 87.12rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__inner {
		width: calc((357/var(--design-size-sp)) * 100%);
		margin: 0 0 0 auto
	}
}
@media screen and (min-width:1024px) {
	.p-hero__figure {
		width: calc((940/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__figure {
		height: 49rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__figure {
		height: 34rem
	}
}
.p-hero__contents {
	position: relative
}
@media screen and (min-width:1024px) {
	.p-hero__contents {
		display: flex;
		flex-direction: column;
		justify-content: center;
		width: calc((460/var(--design-size-pc)) * 100%);
		padding: calc((74/var(--design-size-pc)) * 100%) calc((30/var(--design-size-pc)) * 100%) 0 calc((80/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__contents {
		padding: 7rem 5rem 7rem calc((17 / 357) * 100%)
	}
}
@media screen and (max-width:560px) {
	.p-hero__contents {
		min-height: 32.8rem;
		padding: 5.8rem 5rem 5.8rem calc((17 / 357) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-hero__contents.-type2 {
		padding-top: 0
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__contents.-type2 {
		padding-top: 5rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__contents.-type2 {
		padding-top: 3rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__contents.-type3 {
		padding-top: 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title {
		margin-bottom: 16rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__title {
		margin-bottom: 11rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title.-type2 {
		margin-top: .5rem;
		margin-bottom: 11.8rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__title.-type2 {
		margin-top: .3rem;
		margin-bottom: 8.6rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__title.-type2 .p-hero__title__en {
		margin-bottom: 3.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title.-type3 {
		margin-top: -1.2rem;
		margin-bottom: 10rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__title.-type3 {
		margin-bottom: 7.6rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__title.-type3 .p-hero__title__en {
		margin-bottom: 3.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en {
		margin-bottom: 4.8rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__title__en {
		margin-bottom: 3.1rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-about {
		max-width: 22.6rem;
		width: calc((226 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-about {
		width: 20.34rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-about {
		width: 13.8rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-ameirohouse {
		max-width: 49.7rem;
		width: calc((497 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-ameirohouse {
		width: 44.73rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-ameirohouse {
		width: 27.1rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-ameirohouse-small {
		max-width: 18.3rem;
		width: calc((183 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-ameirohouse-small {
		width: 16.47rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-ameirohouse-small {
		width: 9.9rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-works {
		max-width: 22.4rem;
		width: calc((224 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-works {
		width: 20.16rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-works {
		width: 13.8rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-hob {
		max-width: 13.4rem;
		width: calc((134 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-hob {
		width: 12.06rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-hob {
		width: 8.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-staff {
		max-width: 18.9rem;
		width: calc((189 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-staff {
		width: 17.01rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-staff {
		width: 13.1rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-contact {
		max-width: 31rem;
		width: calc((310 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-contact {
		width: 27.9rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-contact {
		width: 19rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-recruit {
		max-width: 26.9rem;
		width: calc((269 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-recruit {
		width: 24.21rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-recruit {
		width: 16.3rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-company {
		max-width: 31.8rem;
		width: calc((318 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-company {
		width: 28.62rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-company {
		width: 19.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-blog {
		max-width: 16.9rem;
		width: calc((169 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-blog {
		width: 15.21rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-blog {
		width: 10.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-information {
		max-width: 44.6rem;
		width: calc((446 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-information {
		width: 40.14rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-information {
		width: 27.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-event {
		max-width: 19.8rem;
		width: calc((198 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-event {
		width: 17.82rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-event {
		width: 12.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-model-info {
		max-width: 39.6rem;
		width: calc((396 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-model-info {
		width: 35.64rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-model-info {
		width: 24.6rem
	}
}


@media screen and (min-width:1024px) {
	.p-hero__title__en.-report {
		max-width: 24rem;
		width: calc((240 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-report {
		width: 20rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-report {
		width: 14.4rem
	}
}

@media screen and (min-width:1024px) {
	.p-hero__title__en.-topics {
		max-width: 24rem;
		width: calc((240 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-topics {
		width: 21.6rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-topics {
		width: 14.7rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__title__en.-sakaguchi {
		max-width: 35.5rem;
		width: calc((355 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-sakaguchi {
		width: 31.95rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-sakaguchi {
		width: 24.3rem
	}
}




@media screen and (min-width:1024px) {
	.p-hero__title__en.-lineup {
		max-width: 25rem;
		width: calc((250 / 350) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__en.-lineup {
		width: 22.47rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__en.-lineup {
		width: 13.625rem
	}
}


.p-hero__title__en img {
	width: 100%
}
.p-hero__title__sub {
	font-weight: 700;
	color: var(--color-gold13);
	letter-spacing: .1em
}
@media screen and (min-width:1024px) {
	.p-hero__title__sub {
		font-size: 2rem;
		font-size: max(2rem, 16px);
		margin-top: 5.3rem;
		margin-bottom: 1.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__sub {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 1.4rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__sub {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		margin-bottom: 1rem
	}
}
.p-hero__title__ja {
	font-weight: 700;
	letter-spacing: .1em
}
@media screen and (min-width:1024px) {
	.p-hero__title__ja {
		font-size: calc(28 * (100 / var(--design-size-pc)) * 1vw)
	}
}
@media screen and (min-width:1400px) {
	.p-hero__title__ja {
		font-size: 2.8rem;
		font-size: max(2.8rem, 20px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__title__ja {
		font-size: 2rem;
		font-size: max(2rem, 16px)
	}
}
@media screen and (max-width:560px) {
	.p-hero__title__ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (min-width:1024px) {
	.p-hero__logo.-bino {
		max-width: 22rem;
		width: calc((220 / 350) * 100%);
		margin-top: -.4rem;
		margin-bottom: 3.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__logo.-bino {
		width: 19.8rem;
		margin-top: -.32rem;
		margin-bottom: 3.04rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__logo.-bino {
		width: 12rem;
		margin-top: -1rem;
		margin-bottom: 2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__logo.-relaciones {
		max-width: 26.6rem;
		width: calc((266 / 350) * 100%);
		margin-top: -.1rem;
		margin-bottom: 3.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__logo.-relaciones {
		width: 23.94rem;
		margin-top: -.08rem;
		margin-bottom: 2.72rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__logo.-relaciones {
		width: 14.5rem;
		margin-top: -1rem;
		margin-bottom: 2rem
	}
}
.p-hero__logo img {
	width: 100%
}
@media screen and (min-width:1024px) {
	.p-hero__single {
		margin-bottom: 12.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__single {
		margin-bottom: 8rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__single {
		margin-bottom: 5.4rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__single__category {
		margin-bottom: 5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__single__category {
		margin-bottom: 4rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__single__category {
		margin-bottom: 2.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__single__category[data-category=original] svg {
		width: 9.7rem;
		height: 5.46479rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__single__category[data-category=original] svg {
		width: 7rem;
		height: 3.94366rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__single__category[data-category=relaciones] svg {
		width: 12.29577rem;
		height: 4.09859rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__single__category[data-category=relaciones] svg {
		width: 8.87324rem;
		height: 2.95775rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__single__category[data-category=bino] svg {
		width: 10.92958rem;
		height: 3.55211rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero__single__category[data-category=bino] svg {
		width: 7.88732rem;
		height: 2.56338rem
	}
}
.p-hero__single__title {
	font-weight: 700;
	line-height: 1.38889;
	letter-spacing: .1em
}
.p-hero__single__title::after, .p-hero__single__title::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-hero__single__title::before {
	margin-top: calc((1 - 1.38889) * .5em)
}
.p-hero__single__title::after {
	margin-bottom: calc((1 - 1.38889) * .5em)
}
@media screen and (min-width:1024px) {
	.p-hero__single__title {
		font-size: 3.6rem;
		font-size: max(3.6rem, 28px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__single__title {
		font-size: 3.2rem;
		font-size: max(3.2rem, 28px)
	}
}
@media screen and (max-width:560px) {
	.p-hero__single__title {
		font-size: 2.6rem;
		font-size: max(2.6rem, 22px);
		padding-bottom: 2.2rem
	}
}
@media screen and (min-width:561px) {
	.p-hero__single__title.-blog {
		padding-bottom: 2.8rem
	}
}
@media screen and (min-width:561px) {
	.p-hero__single__title.-works {
		padding-bottom: 4.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__single__title.-works {
		padding-bottom: 3rem
	}
}
@media screen and (min-width:561px) {
	.p-hero__single__metas {
		margin-bottom: 3rem
	}
}
@media screen and (max-width:560px) {
	.p-hero__single__metas {
		margin-bottom: 2.1rem
	}
}
.p-hero__single__time {
	color: var(--color-dark-gray4);
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .08em
}
@media screen and (min-width:1024px) {
	.p-hero__single__time {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero__single__time {
		font-size: 1.5rem;
		font-size: max(1.5rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.p-hero__single__time {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
@media screen and (min-width:561px) {
	.p-hero__illust {
		max-width: 27.8rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero__illust {
		position: absolute;
		width: calc((278/var(--design-size-pc)) * 100%);
		left: calc(((83 + 278 / 2)/ var(--design-size-pc)) * 100%);
		bottom: 3.4rem;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%)
	}
}
@media screen and (max-width:1023px) {
	.p-hero__illust {
		position: relative;
		width: calc((225/var(--design-size-sp)) * 100%);
		margin: 3.1rem auto 0;
		-webkit-transform: translateX(calc((-10 / 255) * 100%));
		transform: translateX(calc((-10 / 255) * 100%))
	}
}
@media screen and (max-width:560px) {
	.p-hero__illust {
		max-width: 22.5rem
	}
}
@media screen and (min-width:1024px) {
	.c-scroll {
		display: none
	}
}
@media screen and (max-width:1023px) {
	.c-scroll {
		display: flex;
		align-items: flex-start;
		height: calc(100% - 3.8rem);
		position: absolute;
		bottom: 0;
		right: calc((29 / 357) * 100%)
	}
}
.c-scroll__icon {
	width: 1px;
	height: 100%;
	background-color: var(--color-gray4);
	margin-left: .6rem;
	overflow: hidden
}
.c-scroll__icon::after {
	content: '';
	display: block;
	width: 1px;
	height: calc((45 / 290) * 100%);
	background-image: linear-gradient(0deg, var(--color-black3), var(--color-gray4));
	-webkit-animation: scaleY-InOut 2.3s infinite;
	animation: scaleY-InOut 2.3s infinite
}
.p-hero2 {
	position: relative
}
@media screen and (min-width:561px) {
	.p-hero2 {
		height: 86.7rem
	}
}
@media screen and (max-width:560px) {
	.p-hero2 {
		height: 72.7rem
	}
}
.p-hero2 .c-breadcrumb {
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	z-index: 10
}
@media screen and (min-width:561px) {
	.p-hero2 .c-breadcrumb {
		bottom: 3.6rem
	}
}
@media screen and (max-width:560px) {
	.p-hero2 .c-breadcrumb {
		bottom: 5.5rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero2 .c-scroll {
		height: 27.6rem;
		bottom: -1.1rem
	}
}
.p-hero2__title {
	position: absolute;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10;
	color: var(--color-white);
	text-align: center
}
@media screen and (min-width:561px) {
	.p-hero2__title {
		top: calc(((412 + 124 / 2)/ 867) * 100%)
	}
}
@media screen and (max-width:560px) {
	.p-hero2__title {
		top: calc(((367 + 124 / 2)/ 867) * 100%)
	}
}
.p-hero2__title__en {
	border-bottom: solid .3rem var(--color-white);
	fill: var(--color-white);
	margin: 0 auto
}
@media screen and (min-width:1024px) {
	.p-hero2__title__en {
		padding-bottom: 2.7rem;
		margin-bottom: 2.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero2__title__en {
		padding-bottom: 2.4rem;
		margin-bottom: 2.2rem
	}
}
@media screen and (max-width:560px) {
	.p-hero2__title__en {
		padding-bottom: 2rem;
		margin-bottom: 1.7rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero2__title__en.-modelhouse svg {
		width: 46rem;
		height: 4.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero2__title__en.-modelhouse svg {
		width: 36.8rem;
		height: 3.36rem
	}
}
@media screen and (max-width:560px) {
	.p-hero2__title__en.-modelhouse svg {
		width: 15.3rem;
		height: 7.4rem
	}
}
.p-hero2__title__ja {
	font-weight: 700;
	letter-spacing: .1em
}
@media screen and (min-width:1024px) {
	.p-hero2__title__ja {
		font-size: 2.5rem;
		font-size: max(2.5rem, 20px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero2__title__ja {
		font-size: 2rem;
		font-size: max(2rem, 16px)
	}
}
@media screen and (max-width:560px) {
	.p-hero2__title__ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
.p-hero3 {
	position: relative
}
@media screen and (min-width:1024px) {
	.p-hero3 {
		--visual-width: 1000;
		--visual-width--percent: calc( ( var(--visual-width)/var(--design-size-pc)) * 100%);
		--visual-height--rem: 66.5rem;
		padding-top: 18rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3 {
		--visual-height--rem: 53.2rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3 {
		--visual-height--rem: 31.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero3__contents {
		position: absolute;
		top: 9.6rem;
		right: calc((280/var(--design-size-pc)) * 100%);
		z-index: 10
	}
}
@media screen and (max-width:1023px) {
	.p-hero3__contents {
		padding-right: calc((37/var(--design-size-sp)) * 100%);
		padding-left: calc((37/var(--design-size-sp)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__contents {
		padding-top: 12rem;
		padding-bottom: 7rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__contents {
		padding-top: 9.4rem;
		padding-bottom: 5.8rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero3__contents .c-title6 {
		margin-bottom: 3.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__contents .c-title6 {
		margin-bottom: 3.2rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__contents .c-title6 {
		margin-bottom: 2.8rem
	}
}
.p-hero3__title {
	font-weight: 700;
	letter-spacing: .1em
}
@media screen and (min-width:1024px) {
	.p-hero3__title {
		font-size: 2rem;
		font-size: max(2rem, 16px);
		margin-bottom: 5.6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 16px);
		margin-bottom: 4.5rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__title {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 3.5rem
	}
}
.p-hero3__visual {
	height: var(--visual-height--rem);
	margin: 0 auto
}
@media screen and (min-width:1024px) {
	.p-hero3__visual {
		width: calc((1000/var(--design-size-pc)) * 100%);
		height: 66.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__visual {
		height: 53.2rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__visual {
		height: 31.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero3__cloud-1 {
		max-width: 5.6rem;
		width: calc((56/var(--design-size-pc)) * 100%);
		top: 6.8rem;
		left: calc((375/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-hero3__cloud-1 {
		max-width: 3rem;
		width: calc((30/var(--design-size-sp)) * 100%);
		top: 2.1rem;
		left: calc((181/var(--design-size-sp)) * 100%)
	}
}
.p-hero3__cloud-1 img {
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1)
}
@media screen and (min-width:1024px) {
	.p-hero3__cloud-2 {
		max-width: 7.3rem;
		width: calc((73/var(--design-size-pc)) * 100%);
		top: 13.2rem;
		left: calc((80/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-hero3__cloud-2 {
		max-width: 3.9rem;
		width: calc((39/var(--design-size-sp)) * 100%);
		top: 3rem;
		left: calc((28/var(--design-size-sp)) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-hero3__cloud-3 {
		max-width: 4.6rem;
		width: calc((46/var(--design-size-pc)) * 100%);
		top: 51rem;
		left: calc((64/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-hero3__cloud-3 {
		max-width: 2.5rem;
		width: calc((25/var(--design-size-sp)) * 100%);
		left: calc((26/var(--design-size-sp)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__cloud-3 {
		top: 34.06rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__cloud-3 {
		top: 26.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero3__cloud-4 {
		max-width: 7.5rem;
		width: calc((75/var(--design-size-pc)) * 100%);
		top: 10.9rem;
		right: calc((114/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-hero3__cloud-4 {
		max-width: 4rem;
		width: calc((40/var(--design-size-sp)) * 100%);
		right: calc((21/var(--design-size-sp)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__cloud-4 {
		top: 31.85rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__cloud-4 {
		top: 24.5rem
	}
}
@media screen and (min-width:1024px) {
	.p-hero3__cloud-5 {
		max-width: 7.4rem;
		width: calc((74/var(--design-size-pc)) * 100%);
		top: 35.4rem;
		right: calc((42/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-hero3__cloud-5 {
		max-width: 2.5rem;
		width: calc((25/var(--design-size-sp)) * 100%);
		right: calc((63/var(--design-size-sp)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__cloud-5 {
		top: 24.31rem
	}
}
@media screen and (max-width:560px) {
	.p-hero3__cloud-5 {
		top: 18.7rem
	}
}
.p-hero3__cloud-5 img {
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1)
}
@media screen and (min-width:1024px) {
	.p-hero3__cloud-6 {
		max-width: 5.6rem;
		width: calc((56/var(--design-size-pc)) * 100%);
		top: 66.2rem;
		right: calc((95/var(--design-size-pc)) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-hero3__cloud-6 {
		max-width: 3rem;
		width: calc((30/var(--design-size-sp)) * 100%);
		top: 6rem;
		right: calc((45/var(--design-size-sp)) * 100%)
	}
}
@media screen and (max-width:560px) {
	.p-hero3__cloud-6 {
		display: none
	}
}
.p-hero3__cloud-6 img {
	-webkit-transform: scale(-1, -1);
	transform: scale(-1, -1)
}
.p-hero4 {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	text-align: center
}
@media screen and (min-width:1024px) {
	.p-hero4 {
		padding: 20rem 0
	}
}
@media screen and (max-width:1023px) {
	.p-hero4 {
		padding: 18rem 0
	}
}
@media screen and (min-width:1024px) {
	.p-hero4 .c-button {
		margin-top: 6rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero4 .c-button {
		margin-top: 4rem
	}
}
.p-hero4__en {
	margin: 0 auto 3rem;
	margin-bottom: 4rem
}
.p-hero4__en img {
	width: 100%
}
@media screen and (min-width:1024px) {
	.p-hero4__en.-notfound {
		width: 20rem
	}
}
@media screen and (max-width:1023px) {
	.p-hero4__en.-notfound {
		width: 16rem
	}
}
.p-lineup a {
	width: 100%;
	height: 100%;
	background-color: var(--color-black3)
}
@media screen and (min-width:769px) {
	.p-lineup a {
		display: flex
	}
}
@media screen and (max-width:768px) {
	.p-lineup a {
		display: block
	}
}
.p-lineup a.is-hover:hover .p-lineup__contents__more::before {
	width: 3.2rem
}
@media screen and (min-width:561px) {
	.p-lineup.-large:not(:last-of-type) {
		margin-bottom: 1.3rem
	}
}
@media screen and (max-width:560px) {
	.p-lineup.-large:not(:last-of-type) {
		margin-bottom: .9rem
	}
}
@media screen and (min-width:769px) {
	.p-lineup.-large:nth-of-type(2n-1) a {
		flex-direction: row-reverse
	}
}
@media screen and (min-width:1024px) {
	.p-lineup.-large .p-lineup__figure {
		width: calc((888 / 1344) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.p-lineup.-large .p-lineup__figure {
		width: 60%
	}
}
@media screen and (min-width:1024px) {
	.p-lineup.-large .p-lineup__figure__title__txt {
		font-size: 2.1rem
	}
}
@media screen and (min-width:769px) {
	.p-lineup.-large .p-lineup__contents {
		display: flex;
		flex-direction: column;
		justify-content: center
	}
}
@media screen and (min-width:1024px) {
	.p-lineup.-large .p-lineup__contents {
		width: calc((456 / 1344) * 100%);
		padding-right: calc((85 / 1344) * 100%);
		padding-left: calc((85 / 1344) * 100%)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.p-lineup.-large .p-lineup__contents {
		width: 40%;
		padding-right: 5%;
		padding-left: 5%
	}
}
@media screen and (max-width:768px) {
	.p-lineup.-large .p-lineup__contents {
		padding: 4.3rem 2rem 7.3rem
	}
}
@media screen and (min-width:1024px) {
	.p-lineup.-large .p-lineup__contents__catch {
		font-size: 2.2rem;
		font-size: max(2.2rem, 18px);
		line-height: 1.67727
	}
	.p-lineup.-large .p-lineup__contents__catch::after, .p-lineup.-large .p-lineup__contents__catch::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-lineup.-large .p-lineup__contents__catch::before {
		margin-top: calc((1 - 1.67727) * .5em)
	}
	.p-lineup.-large .p-lineup__contents__catch::after {
		margin-bottom: calc((1 - 1.67727) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup.-large .p-lineup__contents__catch {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px);
		line-height: 1.87222
	}
	.p-lineup.-large .p-lineup__contents__catch::after, .p-lineup.-large .p-lineup__contents__catch::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-lineup.-large .p-lineup__contents__catch::before {
		margin-top: calc((1 - 1.87222) * .5em)
	}
	.p-lineup.-large .p-lineup__contents__catch::after {
		margin-bottom: calc((1 - 1.87222) * .5em)
	}
}
@media screen and (min-width:769px) {
	.p-lineup.-small a {
		flex-direction: column
	}
}
@media screen and (min-width:769px) {
	.p-lineup.-small .p-lineup__figure {
		height: 32rem
	}
}
.p-lineup.-small .p-lineup__figure__title__txt {
	font-size: 1.3rem
}
@media screen and (min-width:1024px) {
	.p-lineup.-small .p-lineup__contents {
		padding: 8.2rem calc((91 / 465) * 100%) 10.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.p-lineup.-small .p-lineup__contents {
		padding: 6.5rem 5% 8.5rem
	}
}
@media screen and (max-width:768px) {
	.p-lineup.-small .p-lineup__contents {
		padding: 5.2rem 2rem 7.3rem
	}
}
@media screen and (min-width:769px) {
	body:not(.ua-ie) .p-lineup.-small .p-lineup__contents {
		flex: 1
	}
}
.p-lineup.-small .p-lineup__contents__catch {
	text-align: center
}
@media screen and (min-width:1024px) {
	.p-lineup.-small .p-lineup__contents__catch {
		font-size: 2rem;
		font-size: max(2rem, 16px);
		line-height: 1.845
	}
	.p-lineup.-small .p-lineup__contents__catch::after, .p-lineup.-small .p-lineup__contents__catch::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-lineup.-small .p-lineup__contents__catch::before {
		margin-top: calc((1 - 1.845) * .5em)
	}
	.p-lineup.-small .p-lineup__contents__catch::after {
		margin-bottom: calc((1 - 1.845) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup.-small .p-lineup__contents__catch {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		line-height: 1.86125
	}
	.p-lineup.-small .p-lineup__contents__catch::after, .p-lineup.-small .p-lineup__contents__catch::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.p-lineup.-small .p-lineup__contents__catch::before {
		margin-top: calc((1 - 1.86125) * .5em)
	}
	.p-lineup.-small .p-lineup__contents__catch::after {
		margin-bottom: calc((1 - 1.86125) * .5em)
	}
}
.p-lineup.-small .p-lineup__contents__more {
	justify-content: center
}
.p-lineup__figure {
	position: relative;
	z-index: 10
}
@media screen and (max-width:768px) and (min-width:561px) {
	.p-lineup__figure {
		height: 32rem
	}
}
@media screen and (max-width:560px) {
	.p-lineup__figure {
		height: 26.5rem
	}
}
.p-lineup__figure__title {
	position: absolute;
	width: 100%;
	top: calc(((260 + 157 / 2)/ 650) * 100%);
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	z-index: 10
}
.p-lineup__figure__title__txt {
	display: block;
	text-align: center;
	text-transform: uppercase;
	color: var(--color-white);
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .1em
}
@media screen and (max-width:1023px) {
	.p-lineup__figure__title__txt {
		font-size: 1.3rem
	}
}
.p-lineup__figure__title__logo {
	display: block;
	fill: var(--color-white);
	text-align: center;
	margin: 0 auto
}
.p-lineup__contents {
	color: var(--color-gray9)
}
@media screen and (min-width:1024px) {
	.p-lineup__contents__logo {
		display: flex;
		align-items: flex-end;
		margin-bottom: 5rem
	}
}
@media screen and (max-width:1023px) {
	.p-lineup__contents__logo {
		display: none
	}
}
.p-lineup__contents__logo__logo {
	margin-right: 1rem
}
.p-lineup__contents__logo__logo svg {
	fill: var(--color-gray9)
}
.p-lineup__contents__logo__txt {
	font-weight: 700;
	font-size: 1.2rem;
	font-size: max(1.2rem, 11px);
	line-height: 1.40333
}
.p-lineup__contents__logo__txt::after, .p-lineup__contents__logo__txt::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.p-lineup__contents__logo__txt::before {
	margin-top: calc((1 - 1.40333) * .5em)
}
.p-lineup__contents__logo__txt::after {
	margin-bottom: calc((1 - 1.40333) * .5em)
}
.p-lineup__contents__catch {
	font-weight: 700;
	letter-spacing: .1em
}
@media screen and (min-width:1024px) {
	.p-lineup__contents__catch {
		padding-bottom: 4.4rem
	}
}
@media screen and (max-width:1023px) {
	.p-lineup__contents__catch {
		text-align: center;
		padding-bottom: 3.3rem
	}
}
@media screen and (max-width:1023px) {
	.p-lineup__contents__txt {
		display: none
	}
}
.p-lineup__contents__more {
	display: flex;
	align-items: center;
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:1024px) {
	.p-lineup__contents__more {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		padding-top: 5.2rem
	}
}
@media screen and (max-width:1023px) {
	.p-lineup__contents__more {
		justify-content: center;
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
.p-lineup__contents__more::before {
	content: '';
	display: block;
	width: 2rem;
	height: 1px;
	background-color: var(--color-gray9);
	margin-right: 1.4rem;
	transition: width 280ms cubic-bezier(.25, .46, .45, .94)
}
@media screen and (min-width:1024px) {
	.p-lineup--original.-large .p-lineup__figure__title__logo svg {
		max-width: 28.2rem;
		width: calc((282 / 888) * 100%);
		max-height: 15.8rem;
		height: calc((158 / 888) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--original.-large .p-lineup__figure__title__logo svg {
		max-width: 17.5rem;
		width: calc((175 / 340) * 100%);
		max-height: 9.8rem;
		height: calc((98 / 340) * 100%)
	}
}
@media screen and (min-width:769px) {
	.p-lineup--original.-large .p-lineup__contents {
		padding-top: 11.7rem;
		padding-bottom: 13.3rem
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--original.-large .p-lineup__contents__logo__logo svg {
		width: 10rem;
		height: 5.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--original.-large .p-lineup__contents__logo__txt {
		padding-bottom: .2rem
	}
}
.p-lineup--original.-small .p-lineup__figure__title__logo svg {
	max-width: 17.5rem;
	max-height: 9.8rem
}
@media screen and (min-width:1024px) {
	.p-lineup--original.-small .p-lineup__figure__title__logo svg {
		width: calc((175 / 465) * 100%);
		height: calc((98 / 465) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--original.-small .p-lineup__figure__title__logo svg {
		width: calc((175/var(--design-size-sp)) * 100%);
		height: calc((98/var(--design-size-sp)) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--relaciones.-large .p-lineup__figure__title__logo svg {
		max-width: 31.3rem;
		width: calc((313 / 888) * 100%);
		max-height: 10.4rem;
		height: calc((104 / 888) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--relaciones.-large .p-lineup__figure__title__logo svg {
		max-width: 18.6rem;
		width: calc((186 / 340) * 100%);
		max-height: 5.8rem;
		height: calc((58 / 340) * 100%)
	}
}
@media screen and (min-width:769px) {
	.p-lineup--relaciones.-large .p-lineup__contents {
		padding-top: 13rem;
		padding-bottom: 13.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--relaciones.-large .p-lineup__contents__logo__logo svg {
		width: 11.9rem;
		height: 3.9rem;
		-webkit-transform: translateY(calc((5 / 40.5) * 100%));
		transform: translateY(calc((5 / 40.5) * 100%))
	}
}
.p-lineup--relaciones.-small .p-lineup__figure__title__logo svg {
	max-width: 20rem;
	max-height: 6.6rem
}
@media screen and (min-width:1024px) {
	.p-lineup--relaciones.-small .p-lineup__figure__title__logo svg {
		width: calc((200 / 465) * 100%);
		height: calc((66 / 465) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--relaciones.-small .p-lineup__figure__title__logo svg {
		width: calc((200/var(--design-size-sp)) * 100%);
		height: calc((66/var(--design-size-sp)) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--bino.-large .p-lineup__figure__title__logo svg {
		max-width: 27.8rem;
		width: calc((278 / 888) * 100%);
		max-height: 8.7rem;
		height: calc((87 / 888) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--bino.-large .p-lineup__figure__title__logo svg {
		max-width: 17rem;
		width: calc((170 / 340) * 100%);
		max-height: 4.9rem;
		height: calc((49 / 340) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--bino.-large .p-lineup__figure__title__txt {
		margin-bottom: 2.9rem
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--bino.-large .p-lineup__figure__title__txt {
		margin-bottom: 1.7rem
	}
}
@media screen and (min-width:769px) {
	.p-lineup--bino.-large .p-lineup__contents {
		padding-top: 14.1rem;
		padding-bottom: 13rem
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--bino.-large .p-lineup__contents__logo__logo svg {
		width: 11.4rem;
		height: 3.6rem
	}
}
@media screen and (min-width:1024px) {
	.p-lineup--bino.-large .p-lineup__contents__logo__txt {
		padding-bottom: .2rem
	}
}
.p-lineup--bino.-small .p-lineup__figure__title__logo svg {
	max-width: 15.6rem;
	max-height: 4.9rem
}
@media screen and (min-width:1024px) {
	.p-lineup--bino.-small .p-lineup__figure__title__logo svg {
		width: calc((156 / 465) * 100%);
		height: calc((49 / 465) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.p-lineup--bino.-small .p-lineup__figure__title__logo svg {
		width: calc((156/var(--design-size-sp)) * 100%);
		height: calc((49/var(--design-size-sp)) * 100%)
	}
}
.p-lineup--bino.-small .p-lineup__figure__title__txt {
	margin-bottom: 1.7rem
}
.p-localnav__title {
	color: var(--color-dark-gray9);
	font-weight: 700;
	font-size: 1.4rem;
	font-size: max(1.4rem, 13px);
	letter-spacing: .06em
}
@media screen and (min-width:561px) {
	.p-localnav__title {
		margin-bottom: 3rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav__title {
		text-align: center;
		margin-bottom: 2.2rem
	}
}
@media screen and (max-width:1023px) {
	.p-localnav__list {
		width: 100vw;
		position: relative;
		left: 50%;
		-webkit-transform: translateX(-50%);
		transform: translateX(-50%);
		white-space: nowrap;
		overflow-x: auto;
		overflow-y: hidden;
		scrollbar-width: thin;
		-webkit-overflow-scrolling: touch
	}
}
.p-localnav__list ul {
	font-size: 0
}
@media screen and (min-width:1024px) {
	.p-localnav__list ul {
		margin-top: -1rem;
		margin-left: -1rem
	}
}
.p-localnav__list li {
	display: inline-block;
	vertical-align: top
}
@media screen and (min-width:1024px) {
	.p-localnav__list li {
		margin-top: 1rem;
		margin-left: 1rem
	}
}
@media screen and (max-width:1023px) {
	.p-localnav__list li {
		white-space: normal
	}
	.p-localnav__list li:first-of-type {
		margin-left: var(--side-width-medium-vw)
	}
	.p-localnav__list li:last-of-type {
		margin-right: var(--side-width-medium-vw)
	}
	.p-localnav__list li:not(:last-of-type) {
		margin-right: .7rem
	}
}
.p-localnav__list a {
	display: block;
	border-radius: 100px;
	border: solid 1px var(--color-black3);
	font-weight: 700;
	letter-spacing: .06em
}
@media screen and (min-width:1024px) {
	.p-localnav__list a {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		padding: 1.6rem 4.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-localnav__list a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		padding: 1.3rem 4rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav__list a {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		padding: 1rem 3rem
	}
}
.p-localnav__list a.is-hover:hover {
	background-color: var(--theme-color, var(--color-black3));
	color: var(--color-white)
}
@media screen and (min-width:561px) {
	.p-localnav2__cell {
		height: 25.6rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__cell {
		height: 8.5rem
	}
}
.p-localnav2__cell a {
	display: flex;
	width: 100%;
	height: 100%;
	background-color: var(--theme-color);
	color: var(--color-white)
}
@media screen and (min-width:561px) {
	.p-localnav2__cell a {
		flex-direction: column;
		justify-content: flex-end;
		padding: 0 0 3.8rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__cell a {
		align-items: center;
		padding: 0 2rem 0 1rem
	}
}
.p-localnav2__cell a.is-hover:hover {
	background-color: var(--color-black3)
}
@media screen and (max-width:560px) {
	.p-localnav2__cell .c-arrow {
		margin: 0 0 0 auto
	}
}
.p-localnav2__list__logo {
	text-align: center
}
@media screen and (min-width:561px) {
	.p-localnav2__list__logo {
		margin-bottom: 2.3rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__list__logo {
		width: 12.6rem
	}
}
@media screen and (min-width:561px) {
	.p-localnav2__list__logo.-bino .p-localnav2__list__logo__img {
		margin-bottom: .9rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__list__logo.-bino .p-localnav2__list__logo__img {
		margin-bottom: .4rem
	}
}
@media screen and (min-width:1024px) {
	.p-localnav2__list__logo.-bino svg {
		width: 11.1rem;
		height: 3.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-localnav2__list__logo.-bino svg {
		width: 8.88rem;
		height: 2.8rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__list__logo.-bino svg {
		width: 7rem;
		height: 2.2rem
	}
}
@media screen and (min-width:1024px) {
	.p-localnav2__list__logo.-relaciones svg {
		width: 14.1rem;
		height: 4.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-localnav2__list__logo.-relaciones svg {
		width: 11.28rem;
		height: 3.76rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__list__logo.-relaciones svg {
		width: 9.1rem;
		height: 3rem
	}
}
@media screen and (min-width:1024px) {
	.p-localnav2__list__logo.-original svg {
		width: 10.2rem;
		height: 5.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-localnav2__list__logo.-original svg {
		width: 8.16rem;
		height: 4.64rem
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__list__logo.-original svg {
		width: 7.1rem;
		height: 4rem
	}
}
.p-localnav2__list__logo__img {
	display: block;
	margin: 0 auto;
	fill: var(--color-white)
}
.p-localnav2__list__logo__txt {
	display: flex;
	justify-content: center;
	text-transform: uppercase;
	font-family: var(--font-Bebas-Kai);
	font-size: 1rem;
	letter-spacing: .13em;
	-webkit-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	white-space: nowrap
}
@media screen and (min-width:561px) {
	.p-localnav2__list__logo__txt {
		-webkit-transform: scale(.8);
		transform: scale(.8)
	}
}
@media screen and (max-width:560px) {
	.p-localnav2__list__logo__txt {
		-webkit-transform: scale(.55);
		transform: scale(.55)
	}
}
.p-localnav2__list__ja {
	display: block;
	text-align: center;
	font-weight: 700;
	font-size: 1rem
}
@media screen and (min-width:561px) {
	.p-localnav2__list__ja {
		margin-bottom: 4rem
	}
}
@media screen and (min-width:1024px) {
	.p-pagination {
		margin-top: 10rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.p-pagination {
		margin-top: 8rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination {
		margin-top: 6rem
	}
}
.p-pagination__number {
	display: flex;
	justify-content: center
}
@media screen and (min-width:561px) {
	.p-pagination__number {
		margin-left: -1rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination__number {
		margin-left: -.6rem
	}
}
.p-pagination__number li {
	position: relative
}
@media screen and (min-width:561px) {
	.p-pagination__number li {
		margin-left: 1rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination__number li {
		margin-left: .6rem
	}
}
.p-pagination__number li:first-of-type::before, .p-pagination__number li:last-of-type::after, .p-pagination__number li:last-of-type::before {
	content: '';
	display: block;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	position: absolute;
	z-index: 0
}
.p-pagination__number li:first-of-type::before {
	background-image: url(../images/common/illust/parts_cloud_1.png)
}
body.use-webp .p-pagination__number li:first-of-type::before {
	background-image: url(../images/common/illust/parts_cloud_1.webp)
}
@media screen and (min-width:561px) {
	.p-pagination__number li:first-of-type::before {
		width: 4.5rem;
		height: 2.3rem;
		left: -6.2rem;
		bottom: 1.5rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination__number li:first-of-type::before {
		width: 3rem;
		height: 1.5rem;
		left: -2rem;
		bottom: .9rem
	}
}
.p-pagination__number li:last-of-type::before {
	background-image: url(../images/common/illust/parts_cloud_2.png)
}
body.use-webp .p-pagination__number li:last-of-type::before {
	background-image: url(../images/common/illust/parts_cloud_2.webp)
}
@media screen and (min-width:561px) {
	.p-pagination__number li:last-of-type::before {
		width: 4.4rem;
		height: 2.6rem;
		top: -.2rem;
		right: -3.3rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination__number li:last-of-type::before {
		width: 2.9rem;
		height: 1.7rem;
		top: -.1rem;
		right: -2.2rem
	}
}
.p-pagination__number li:last-of-type::after {
	background-image: url(../images/common/illust/parts_balloon_1.png)
}
body.use-webp .p-pagination__number li:last-of-type::after {
	background-image: url(../images/common/illust/parts_balloon_1.webp)
}
@media screen and (min-width:561px) {
	.p-pagination__number li:last-of-type::after {
		width: 3.4rem;
		height: 5.1rem;
		right: -6.2rem;
		bottom: -.7rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination__number li:last-of-type::after {
		width: 2.2rem;
		height: 3.4rem;
		right: -4.1rem;
		bottom: -.5rem
	}
}
.p-pagination__number a {
	position: relative;
	z-index: 1;
	width: auto;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 2rem;
	background-color: var(--color-light-gray);
	color: var(--color-black3);
	font-weight: 700
}
@media screen and (min-width:769px) {
	.p-pagination__number a {
		min-width: 3.8rem;
		min-height: 7.6rem;
		padding: 2.9rem 1rem;
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px)
	}
}
@media screen and (max-width:768px) {
	.p-pagination__number a {
		min-width: 2.5rem;
		min-height: 5rem;
		padding: 1.9rem 1rem;
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
.p-pagination__number a.is-current {
	background-color: var(--color-gray2);
	color: var(--color-gray3);
	pointer-events: none
}
.p-pagination__number a.is-hover:hover {
	background-color: var(--color-gold3);
	color: var(--color-white)
}
.p-pagination__ellipsis {
	display: flex;
	align-items: center;
	justify-content: center
}
.p-pagination2 {
	text-align: center
}
@media screen and (min-width:561px) {
	.p-pagination2 {
		margin-top: 6.8rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination2 {
		margin-top: 6rem
	}
}
.p-pagination2__count {
	font-family: var(--font-Bebas-Kai);
	font-size: 1.4rem;
	font-size: max(1.4rem, 13px);
	letter-spacing: .08em
}
@media screen and (min-width:561px) {
	.p-pagination2__count {
		margin-top: 2.6rem
	}
}
@media screen and (max-width:560px) {
	.p-pagination2__count {
		margin-top: 1.6rem
	}
}
.p-town {
	position: relative;
	max-width: 140rem;
	width: 100%;
	margin: 0 auto;
	--base-width: 2724;
	--base-height: 2574
}
.p-town__balloon-1 {
	width: calc((105/var(--base-width)) * 100%);
	top: 0;
	left: calc((1186/var(--base-width)) * 100%)
}
.p-town__balloon-2 {
	width: calc((85/var(--base-width)) * 100%);
	top: calc((771/var(--base-height)) * 100%);
	left: calc((1097/var(--base-width)) * 100%)
}
.p-town__cloud-1 {
	width: calc((179/var(--base-width)) * 100%);
	top: calc((187/var(--base-height)) * 100%);
	left: calc((543/var(--base-width)) * 100%)
}
.p-town__cloud-2 {
	width: calc((159/var(--base-width)) * 100%);
	top: calc((171/var(--base-height)) * 100%);
	left: calc((1947/var(--base-width)) * 100%)
}
.p-town__bird {
	width: calc((197/var(--base-width)) * 100%);
	top: calc((212/var(--base-height)) * 100%);
	left: calc((2174/var(--base-width)) * 100%)
}
.p-town__bug {
	width: calc((83/var(--base-width)) * 100%);
	top: calc((532/var(--base-height)) * 100%);
	left: calc((67/var(--base-width)) * 100%)
}
.p-town__onion {
	width: calc((398/var(--base-width)) * 100%);
	top: calc((967/var(--base-height)) * 100%);
	left: 0
}
.p-town__steam-1 {
	width: calc((120/var(--base-width)) * 100%);
	top: calc((753/var(--base-height)) * 100%);
	left: calc((1698/var(--base-width)) * 100%)
}
.p-town__steam-2 {
	width: calc((146/var(--base-width)) * 100%);
	top: calc((1192/var(--base-height)) * 100%);
	left: calc((2352/var(--base-width)) * 100%)
}
.p-town__person-1 {
	width: calc((192/var(--base-width)) * 100%);
	top: calc((484/var(--base-height)) * 100%);
	left: calc((1108/var(--base-width)) * 100%)
}
.p-town__person-2 {
	width: calc((206/var(--base-width)) * 100%);
	top: calc((616/var(--base-height)) * 100%);
	left: calc((468/var(--base-width)) * 100%)
}
.p-town__person-3 {
	width: calc((381/var(--base-width)) * 100%);
	top: calc((1428/var(--base-height)) * 100%);
	left: calc((1244/var(--base-width)) * 100%)
}
.p-town__person-4 {
	width: calc((287/var(--base-width)) * 100%);
	top: calc((2217/var(--base-height)) * 100%);
	left: calc((2118/var(--base-width)) * 100%)
}
.l-button a, .l-button button {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	border-radius: .3rem;
	background-color: var(--color-black3)
}
@media screen and (min-width:561px) {
	.l-button a, .l-button button {
		width: 5rem
	}
}
@media screen and (max-width:560px) {
	.l-button a, .l-button button {
		width: 3.4rem
	}
}
@media screen and (min-width:561px) {
	.l-header.is-sticky .l-button a, .l-header.is-sticky .l-button button, body.is-header-sticky .l-button a, body.is-header-sticky .l-button button {
		height: 5rem
	}
}
@media screen and (max-width:560px) {
	.l-header.is-sticky .l-button a, .l-header.is-sticky .l-button button, body.is-header-sticky .l-button a, body.is-header-sticky .l-button button {
		height: 3.4rem
	}
}
.l-button svg {
	fill: var(--color-white)
}
.l-button__sitemap {
	position: fixed;
	z-index: 1000000000
}
@media screen and (min-width:561px) {
	.l-button__sitemap {
		height: 5rem;
		top: 2rem;
		right: 2rem
	}
}
@media screen and (max-width:560px) {
	.l-button__sitemap {
		height: 3.4rem;
		top: 1.5rem;
		right: 1.5rem
	}
}
.l-button__sitemap:not(.is-open).is-hover:hover {
	background-color: var(--color-blue)
}
.l-button__sitemap.is-open {
	background-color: var(--color-white)
}
.l-button__sitemap.is-open.is-hover:hover {
	background-color: rgba(var(--color-white--rgba), .8)
}
.l-button__sitemap.is-open span {
	background-color: var(--color-black3)
}
@media screen and (min-width:561px) {
	.l-button__sitemap.is-open span:nth-of-type(1) {
		-webkit-transform: translate3d(0, .6rem, 0) rotate(225deg);
		transform: translate3d(0, .6rem, 0) rotate(225deg)
	}
}
@media screen and (max-width:560px) {
	.l-button__sitemap.is-open span:nth-of-type(1) {
		-webkit-transform: translate3d(0, .4rem, 0) rotate(225deg);
		transform: translate3d(0, .4rem, 0) rotate(225deg)
	}
}
@media screen and (min-width:561px) {
	.l-button__sitemap.is-open span:nth-of-type(2) {
		-webkit-transform: translate3d(0, -.4rem, 0) rotate(-45deg);
		transform: translate3d(0, -.4rem, 0) rotate(-45deg)
	}
}
@media screen and (max-width:560px) {
	.l-button__sitemap.is-open span:nth-of-type(2) {
		-webkit-transform: translate3d(0, -.3rem, 0) rotate(-45deg);
		transform: translate3d(0, -.3rem, 0) rotate(-45deg)
	}
}
.l-button__sitemap span {
	display: block;
	border-radius: .1rem;
	background-color: var(--color-white);
	transition: .3s cubic-bezier(.645, .045, .355, 1);
	transition-property: background-color, -webkit-transform;
	transition-property: transform, background-color;
	transition-property: transform, background-color, -webkit-transform
}
@media screen and (min-width:561px) {
	.l-button__sitemap span {
		width: 1.6rem;
		height: .4rem;
		margin: .3rem 0
	}
}
@media screen and (max-width:560px) {
	.l-button__sitemap span {
		width: 1.1rem;
		height: .3rem;
		margin: .2rem 0
	}
}
.l-button__contact {
	position: fixed;
	z-index: 100000
}
@media screen and (min-width:561px) {
	.l-button__contact {
		top: 7.6rem;
		right: 2rem
	}
}
@media screen and (max-width:560px) {
	.l-button__contact {
		top: 5.3rem;
		right: 1.5rem
	}
}
.l-button__contact li:not(:last-of-type) {
	margin-bottom: .6rem
}
@media screen and (min-width:561px) {
	.l-button__contact li a {
		height: 7.4rem
	}
}
@media screen and (max-width:560px) {
	.l-button__contact li a {
		height: 5rem
	}
}
.l-button__tel a.is-hover:hover {
	background-color: var(--color-gold2)
}
/* .l-button__tel svg {
	width: 2.3rem;
	height: 2.3rem
} */
@media screen and (min-width:561px) {
	.l-button__tel svg {
		width: 2.3rem;
		height: 2.3rem
	}
}
@media screen and (max-width:560px) {
	.l-button__tel svg {
		width: 1.6rem;
		height: 1.6rem
	}
}
.l-button__line a.is-hover:hover {
	background-color: var(--color-green2)
}
@media screen and (min-width:561px) {
	.l-button__line svg {
		width: 2.7rem;
		height: .9rem
	}
}
@media screen and (max-width:560px) {
	.l-button__line svg {
		width: 1.8rem;
		height: .6rem
	}
}
.l-contact {
	background-color: var(--color-light-gray)
}
@media screen and (min-width:1024px) {
	.l-contact {
		padding-bottom: 10.3rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact {
		padding-bottom: 8.5rem
	}
}
.l-contact.-type1 .l-contact__header__title::before {
	content: '';
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	/* background-color: var(--color-white) */
}
@media screen and (min-width:1024px) {
	.l-contact.-type1 .l-contact__header__title::before {
		height: 70%
	}
}
@media screen and (max-width:768px) {
	.l-contact.-type1 .l-contact__header__title::before {
		height: 85%;
		background-color: var(--color-light-gray);
	}
}
.l-contact.-type1.-bluegray .l-contact__header__title::before {
	background-color: var(--color-bluegray)
}
@media screen and (min-width:1024px) {
	.l-contact.-type2 {
		padding-top: 15rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact.-type2 {
		padding-top: 11.5rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__header {
		padding-bottom: 5.3rem;
		padding-top: 5.3rem;
	}
}
@media screen and (max-width:1023px) {
	.l-contact__header {
		padding-bottom: 4.6rem;
		padding-top: 4.6rem;
	}
}
.l-contact__header__title {
	position: relative;
	text-align: center;
	font-weight: 700;
	font-variant-east-asian: normal;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal;
	letter-spacing: .04em
}
@media screen and (min-width:1024px) {
	.l-contact__header__title {
		font-size: 2.3rem;
		font-size: max(2.3rem, 18px);
		margin-bottom: 4rem;
		margin-top: 4rem;
	}
}
@media screen and (max-width:1023px) {
	.l-contact__header__title {
		line-height: 1.44444;
		padding: 0 calc((50/var(--design-size-sp)) * 100%)
	}
	.l-contact__header__title::after, .l-contact__header__title::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.l-contact__header__title::before {
		margin-top: calc((1 - 1.44444) * .5em)
	}
	.l-contact__header__title::after {
		margin-bottom: calc((1 - 1.44444) * .5em)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-contact__header__title {
		font-size: 2.1rem;
		font-size: max(2.1rem, 18px);
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__header__title {
		font-size: 1.8rem;
		font-size: max(1.8rem, 16px);
		margin-bottom: 2.8rem;
		margin-top: 2.8rem;
	}
}
.l-contact__header__title span {
	position: relative;
	z-index: 1
}
.l-contact__header__txt {
	padding: 0 calc((50/var(--design-size-sp)) * 100%)
}
@media screen and (min-width:1024px) {
	.l-contact__header__txt {
		text-align: center
	}
}
.l-contact__list{
	justify-content: center;
}
.l-contact__list>li {
	position: relative
}
.l-contact__list .l-contact__list__inner, .l-contact__list a {
	position: relative;
	z-index: 1;
	display: block;
	background-color: var(--color-white)
}
.l-contact__list__illust {
	z-index: 10
}
.l-contact__list__en {
	/* fill: var(--color-gray10); */
	font-family: var(--font-Bebas-Kai);
	font-size: 2rem;
	font-weight: 700;
	padding-top: 2rem;
}
@media screen and (max-width:560px) {
	.l-contact__list__en {
		padding: 0px;
	}
}
.l-contact__list__ja {
	font-weight: 700
}
@media screen and (min-width:1024px) {
	.l-contact__list__ja {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.l-contact__list__ja {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.l-contact__list__ja {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
.l-contact__list__small a {
	position: relative
}
@media screen and (min-width:1024px) {
	.l-contact__list__small a {
		padding: 15rem 0 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.l-contact__list__small a {
		padding: 12rem 0 3.2rem
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__list__small a {
		padding: 6.44rem 2.8rem 5.6rem 13.72rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__list__small a {
		padding: 4.6rem 2rem 4rem 9.8rem
	}
}
@media screen and (max-width:768px) {
	.l-contact__list__small .c-arrow {
		position: absolute;
		top: 50%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%)
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__list__small .c-arrow {
		right: 2.8rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__list__small .c-arrow {
		right: 2rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__list__small .l-contact__list__en {
		text-align: center;
		margin: 0 auto
	}
}
@media screen and (min-width:1024px) {
	.l-contact__list__small .l-contact__list__en {
		margin-bottom: 2rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__list__small .l-contact__list__en {
		margin-bottom: 1.4rem
	}
}
.l-contact__list__small .l-contact__list__ja {
	font-variant-east-asian: normal;
	-webkit-font-feature-settings: normal;
	font-feature-settings: normal
}
@media screen and (min-width:769px) {
	.l-contact__list__small .l-contact__list__ja {
		text-align: center
	}
}
@media screen and (min-width:1024px) {
	.l-contact__list__small .l-contact__list__ja {
		margin-bottom: 3.4rem
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.l-contact__list__small .l-contact__list__ja {
		margin-bottom: 2.72rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__mail .l-contact__list__illust {
		width: calc((150 / 318) * 100%);
		bottom: 15.57rem;
		left: calc((85 / 318) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.l-contact__mail .l-contact__list__illust {
		top: 5px;
		margin: 0 auto;
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__mail .l-contact__list__illust {
		width: 7.98rem;
		top: 5.88rem;
		left: 3.36rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__mail .l-contact__list__illust {
		width: 5.7rem;
		top: 4.2rem;
		left: 2.4rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__mail .l-contact__list__en svg {
		width: 12.9rem;
		height: 1.7rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__mail .l-contact__list__en svg {
		width: 10.9rem;
		height: 1.4rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__reserve .l-contact__list__illust {
		width: calc((78 / 318) * 100%);
		bottom: 13.9265rem;
		left: calc((133 / 318) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.l-contact__reserve .l-contact__list__illust {
		bottom: 16.1rem
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__reserve .l-contact__list__illust {
		width: 7.14rem;
		top: 3.08rem;
		left: 4.48rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__reserve .l-contact__list__illust {
		width: 5.1rem;
		top: 2.2rem;
		left: 3.2rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__reserve .l-contact__list__en svg {
		width: 18.4rem;
		height: 1.7rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__reserve .l-contact__list__en svg {
		width: 15.6rem;
		height: 1.4rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__document .l-contact__list__illust {
		width: calc((80 / 318) * 100%);
		bottom: 14.2725rem;
		left: calc((119 / 318) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.l-contact__document .l-contact__list__illust {
		bottom: 16.5rem
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__document .l-contact__list__illust {
		width: 7.42rem;
		top: 4.76rem;
		left: 3.22rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__document .l-contact__list__illust {
		width: 5.3rem;
		top: 3.4rem;
		left: 2.3rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__document .l-contact__list__en svg {
		width: 15.2rem;
		height: 1.7rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__document .l-contact__list__en svg {
		width: 12.9rem;
		height: 1.4rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__tel .l-contact__list__inner {
		padding: 5.8rem 0 6rem calc((241 / 1000) * 100%)
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__tel .l-contact__list__inner {
		padding: 6.3rem 2.8rem 5.88rem 13.72rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__tel .l-contact__list__inner {
		padding: 4.5rem 2rem 4.2rem 9.8rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__tel .l-contact__list__illust {
		width: calc((55 / 1000) * 100%);
		top: 5.4rem;
		left: calc((108 / 1000) * 100%)
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-contact__tel .l-contact__list__illust {
		width: 5.6rem;
		top: 9.8rem;
		left: 5.18rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__tel .l-contact__list__illust {
		width: 4rem;
		top: 7rem;
		left: 3.7rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__tel__title {
		display: flex;
		flex-wrap: wrap;
		align-items: center
	}
}
@media screen and (min-width:1024px) {
	.l-contact__tel__title {
		margin-bottom: 3.4rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__tel__title {
		margin-bottom: 1.9rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__tel__title .l-contact__list__en {
		margin-right: 2.1rem
	}
}
@media screen and (max-width:768px) {
	.l-contact__tel__title .l-contact__list__en {
		margin-bottom: 1.4rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__tel__title .l-contact__list__en svg {
		width: 15.4rem;
		height: 1.7rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__tel__title .l-contact__list__en svg {
		width: 13rem;
		height: 1.4rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__tel__title .l-contact__list__ja {
		margin-bottom: .2rem
	}
}
@media screen and (min-width:769px) {
	.l-contact__tel__link {
		display: flex;
		align-items: center
	}
}
.l-contact__tel__number {
	display: flex;
	align-items: center
}
@media screen and (min-width:769px) {
	.l-contact__tel__number {
		margin-right: 1.8rem
	}
}
@media screen and (max-width:768px) {
	.l-contact__tel__number {
		margin-bottom: 1.2rem
	}
}
@media screen and (min-width:1024px) {
	.l-contact__tel__number i {
		width: 2.9rem;
		margin-right: .8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-contact__tel__number i {
		width: 2.32rem;
		margin-right: .64rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__tel__number i {
		width: 1.9rem;
		margin-right: .6rem
	}
}
.l-contact__tel__number a {
	display: block
}
@media screen and (min-width:1024px) {
	.l-contact__tel__number a {
		width: 31.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-contact__tel__number a {
		width: 25.36rem
	}
}
@media screen and (max-width:560px) {
	.l-contact__tel__number a {
		width: 18.7rem
	}
}
.l-contact__tel__close {
	display: inline-block;
	border-radius: 100px;
	border: solid 1px var(--color-black3);
	font-weight: 700
}
@media screen and (min-width:1024px) {
	.l-contact__tel__close {
		font-size: 1.2rem;
		padding: .9rem 1.6rem
	}
}
@media screen and (max-width:1023px) {
	.l-contact__tel__close {
		font-size: 1rem;
		padding: .7rem 1.3rem
	}
}
.l-footer {
	position: relative;
	background-color: var(--color-light-gray)
}
@media screen and (min-width:561px) {
	.l-footer__symbol {
		width: 8.6rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__symbol {
		margin-bottom: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-footer__symbol {
		margin: 0 auto 3.2rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__symbol {
		width: 8.4rem;
		margin: 0 auto 2.6rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__info {
		display: flex;
		align-items: flex-start;
		justify-content: space-between;
		margin-bottom: 10.8rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__info {
		margin-bottom: 7.5rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__profile {
		width: calc((270 / 1100) * 100%);
		padding-left: calc((7 / 1100) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.l-footer__profile {
		text-align: center
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-footer__profile {
		margin-bottom: 6.5rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__profile {
		margin-bottom: 5rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__profile__txt {
		font-size: 1.8rem;
		font-size: max(1.8rem, 14px);
		line-height: 1.72222;
		margin-bottom: 5rem
	}
	.l-footer__profile__txt::after, .l-footer__profile__txt::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.l-footer__profile__txt::before {
		margin-top: calc((1 - 1.72222) * .5em)
	}
	.l-footer__profile__txt::after {
		margin-bottom: calc((1 - 1.72222) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.l-footer__profile__txt {
		line-height: 1.95042
	}
	.l-footer__profile__txt::after, .l-footer__profile__txt::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.l-footer__profile__txt::before {
		margin-top: calc((1 - 1.95042) * .5em)
	}
	.l-footer__profile__txt::after {
		margin-bottom: calc((1 - 1.95042) * .5em)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-footer__profile__txt {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		margin-bottom: 4.2rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__profile__txt {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		margin-bottom: 3.4rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__profile__category {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px);
		margin-bottom: 2.2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-footer__profile__category {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		margin-bottom: 2rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__profile__category {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		margin-bottom: 1.6rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__profile__logo {
		width: 22.6rem;
		margin-bottom: 5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-footer__profile__logo {
		width: 18.08rem;
		margin: 0 auto 4rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__profile__logo {
		width: 16.88rem;
		margin: 0 auto 3rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__profile__address {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px);
		line-height: 1.71429
	}
	.l-footer__profile__address::after, .l-footer__profile__address::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.l-footer__profile__address::before {
		margin-top: calc((1 - 1.71429) * .5em)
	}
	.l-footer__profile__address::after {
		margin-bottom: calc((1 - 1.71429) * .5em)
	}
}
@media screen and (max-width:1023px) {
	.l-footer__profile__address {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		line-height: 1.70333
	}
	.l-footer__profile__address::after, .l-footer__profile__address::before {
		content: '';
		display: block;
		width: 0;
		height: 0
	}
	.l-footer__profile__address::before {
		margin-top: calc((1 - 1.70333) * .5em)
	}
	.l-footer__profile__address::after {
		margin-bottom: calc((1 - 1.70333) * .5em)
	}
}
@media screen and (min-width:1024px) {
	.l-footer__nav {
		width: calc((750 / 1100) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.l-footer__nav__flex {
		display: flex;
		justify-content: space-between;
		margin-bottom: 3.6rem
	}
}
@media screen and (min-width:769px) {
	.l-footer__sitemap {
		display: flex;
		width: 100%
	}
}
@media screen and (min-width:1024px) {
	.l-footer__sitemap {
		margin-bottom: 5rem
	}
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.l-footer__sitemap {
		justify-content: space-between;
		margin-right: 3rem
	}
}
@media screen and (max-width:768px) {
	.l-footer__sitemap {
		width: calc((243 / 305) * 100%)
	}
}
.l-footer__sitemap a {
	align-items: center;
	padding-right: .5rem
}
@media screen and (min-width:1024px) {
	.l-footer__sitemap a {
		display: inline-flex
	}
}
@media screen and (max-width:1023px) {
	.l-footer__sitemap a {
		display: flex
	}
}
.l-footer__sitemap a::before {
	content: '';
	display: block;
	transition: 280ms cubic-bezier(.25, .46, .45, .94);
	transition-property: border-color, background-color
}
.l-footer__sitemap a.is-hover:hover {
	color: var(--color-gold7);
	padding-left: .5rem;
	padding-right: 0
}
@media screen and (max-width:1023px) and (min-width:769px) {
	.l-footer__sitemap__cell {
		width: 32%
	}
}
@media screen and (min-width:1024px) {
	.l-footer__sitemap__cell:first-of-type {
		margin-right: calc((76 / 750) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.l-footer__sitemap__cell:not(:first-of-type):not(:last-of-type) {
		margin-right: calc((64 / 750) * 100%)
	}
}
@media screen and (max-width:768px) {
	.l-footer__sitemap__parent {
		border-bottom: solid 1px var(--color-black3)
	}
}
@media screen and (min-width:769px) {
	.l-footer__sitemap__parent:not(:last-of-type) {
		margin-bottom: 2rem
	}
}
.l-footer__sitemap__parent a {
	position: relative
}
@media screen and (min-width:1024px) {
	.l-footer__sitemap__parent a {
		font-size: 1.6rem;
		font-size: max(1.6rem, 13px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-footer__sitemap__parent a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:768px) and (min-width:561px) {
	.l-footer__sitemap__parent a {
		padding: 2rem .7rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__sitemap__parent a {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px);
		padding: 1.5rem .7rem
	}
}
.l-footer__sitemap__parent a::before {
	width: .7rem;
	height: .7rem;
	border-top: solid 1px var(--color-black3);
	border-right: solid 1px var(--color-black3);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-right: 1.2rem
}
.l-footer__sitemap__parent a.is-hover:hover::before {
	border-color: var(--color-gold7)
}
@media screen and (max-width:768px) {
	.l-footer__sitemap__toggle {
		border-bottom: solid 1px var(--color-black3)
	}
}
.l-footer__sitemap__toggle.is-open .l-footer__sitemap__children-icon::before {
	height: 0
}
@media screen and (max-width:768px) {
	.l-footer__sitemap__toggle .l-footer__sitemap__parent {
		display: flex;
		width: 100%;
		border-bottom: none
	}
}
@media screen and (max-width:768px) {
	.l-footer__sitemap__toggle .l-footer__sitemap__parent a {
		flex: 1
	}
}
.l-footer__sitemap__children {
	padding-left: 1.8rem
}
@media screen and (min-width:769px) {
	.l-footer__sitemap__children {
		margin-top: 2.2rem
	}
}
@media screen and (max-width:768px) {
	.l-footer__sitemap__children {
		padding-top: .5rem;
		padding-bottom: 1.6rem
	}
}
.l-footer__sitemap__children li:not(:last-of-type) {
	margin-bottom: 1.35rem
}
@media screen and (min-width:1024px) {
	.l-footer__sitemap__children a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 12px)
	}
}
@media screen and (max-width:1023px) {
	.l-footer__sitemap__children a {
		font-size: 11px;
		padding: .2rem 0
	}
}
.l-footer__sitemap__children a::before {
	width: 1.1rem;
	height: 1px;
	background-color: var(--color-black3);
	margin-right: 1.3rem;
	margin-bottom: -.2rem
}
.l-footer__sitemap__children a.is-hover:hover::before {
	background-color: var(--color-gold7)
}
@media screen and (min-width:769px) {
	.l-footer__sitemap__children-icon {
		display: none
	}
}
@media screen and (max-width:768px) {
	.l-footer__sitemap__children-icon {
		position: relative;
		display: block;
		width: 3.8rem
	}
}
.l-footer__sitemap__children-icon::after, .l-footer__sitemap__children-icon::before {
	content: '';
	display: block;
	background-color: var(--color-dark-gray9);
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%)
}
.l-footer__sitemap__children-icon::before {
	width: 1px;
	height: 1.5rem;
	transition: height 280ms cubic-bezier(.25, .46, .45, .94)
}
.l-footer__sitemap__children-icon::after {
	width: 1.5rem;
	height: 1px
}
.l-footer__sns {
	display: flex;
	flex-direction: column;
	align-items: center
}
@media screen and (min-width:1024px) {
	.l-footer__sns {
		position: absolute;
		left: 2.6rem;
		bottom: calc(257 / var(--design-size-pc) * 100vw)
	}
}
@media screen and (max-width:1023px) {
	.l-footer__sns {
		margin-top: 1.8rem
	}
}
.l-footer__sns li {
	margin: 0 auto
}
.l-footer__sns li:not(:last-of-type) {
	margin-bottom: 2rem
}
.l-footer__sns a {
	display: block
}
.l-footer__sns a.is-hover:hover svg {
	fill: var(--color-gold7)
}
.l-footer__sns__title {
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	writing-mode: vertical-rl;
	font-family: var(--font-Bebas-Kai);
	font-size: 1.36rem;
	font-size: max(1.36rem, 12px);
	letter-spacing: .16em;
	margin-bottom: 2rem
}
.l-footer__sns__facebook svg, .l-footer__sns__instagram svg {
	width: 2.2rem;
	height: 2.2rem
}
.l-footer__sns__line svg {
	width: 2.6rem;
	height: 2.4rem
}
.l-footer__sns__line img {
	width: 2.6rem;
	height: 2.4rem;
}
.l-footer__button {
	width: 100%
}
@media screen and (min-width:1024px) {
	.l-footer__button {
		display: flex
	}
}
@media screen and (min-width:1024px) {
	.l-footer__button li:not(:last-of-type) {
		margin-right: 1.3rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__button li:not(:last-of-type) {
		margin-bottom: .9rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__button a {
		width: 100%
	}
}
.l-footer__logos {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-end;
	justify-content: center;
	margin-top: -1.8rem
}
@media screen and (min-width:1024px) {
	.l-footer__logos {
		margin-left: -3.4rem;
		margin-bottom: 7rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos {
		margin-left: -3rem;
		margin-bottom: 8rem
	}
}
.l-footer__logos li {
	margin-top: 1.8rem
}
@media screen and (min-width:1024px) {
	.l-footer__logos li {
		margin-left: 3.4rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos li {
		margin-left: 3rem
	}
}
.l-footer__logos a {
	display: block
}
.l-footer__logos a.is-hover:hover {
	opacity: .6
}
@media screen and (min-width:1024px) {
	.l-footer__logos__milk {
		width: 4.9rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos__milk {
		width: 4.3rem
	}
}
.l-footer__logos__farside {
	-webkit-transform: translateY(calc((-10 / 13) * 100%));
	transform: translateY(calc((-10 / 13) * 100%))
}
@media screen and (min-width:1024px) {
	.l-footer__logos__farside {
		width: 19.2rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos__farside {
		width: 17rem
	}
}
.l-footer__logos__freeq {
	-webkit-transform: translateY(calc((-4 / 25) * 100%));
	transform: translateY(calc((-4 / 25) * 100%))
}
@media screen and (min-width:1024px) {
	.l-footer__logos__freeq {
		width: 8.9rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos__freeq {
		width: 8rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__logos__relaciones {
		width: 11.1rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos__relaciones {
		width: 9.9rem
	}
}
.l-footer__logos__bino {
	-webkit-transform: translateY(calc((-7.8 / 28) * 100%));
	transform: translateY(calc((-7.8 / 28) * 100%))
}
@media screen and (min-width:1024px) {
	.l-footer__logos__bino {
		width: 9.9rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos__bino {
		width: 8.8rem
	}
}
@media screen and (min-width:1024px) {
	.l-footer__logos__zeh {
		width: 4.5rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__logos__zeh {
		width: 4rem
	}
}
.l-footer__copyright {
	text-align: center;
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .16em
}
@media screen and (min-width:1024px) {
	.l-footer__copyright {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px);
		margin-bottom: 7rem
	}
}
@media screen and (max-width:1023px) {
	.l-footer__copyright {
		font-size: 1rem;
		margin-bottom: 6.5rem
	}
}
.l-footer__gotop {
	position: absolute;
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg)
}
@media screen and (min-width:769px) {
	.l-footer__gotop {
		bottom: calc(276 / var(--design-size-pc) * 100vw);
		right: 1.8rem
	}
}
@media screen and (max-width:768px) {
	.l-footer__gotop {
		bottom: calc(163 / var(--design-size-sp) * 100vw);
		right: .7rem
	}
}
.l-footer__gotop a {
	display: flex;
	align-items: center
}
.l-footer__gotop__txt {
	display: block;
	font-family: var(--font-Bebas-Kai);
	letter-spacing: .16em;
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg)
}
@media screen and (min-width:561px) {
	.l-footer__gotop__txt {
		font-size: 1.3rem;
		font-size: max(1.3rem, 12px);
		margin-right: .6rem
	}
}
@media screen and (max-width:560px) {
	.l-footer__gotop__txt {
		font-size: 1rem;
		margin-right: .3rem
	}
}
.l-footer__slope img {
	width: 100%
}
@media screen and (min-width:1024px) {
	.l-header {
		height: var(--header-height--rem)
	}
}
.l-header .l-header:not(.-type1) .l-header__logo {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
.l-header.-type1 .l-header__logo {
	-webkit-transform: translate3d(0, -200%, 0);
	transform: translate3d(0, -200%, 0)
}
@media screen and (min-width:561px) {
	.l-header.-type1 .l-header__logo__symbol {
		width: 6.2rem;
		height: 6rem
	}
}
@media screen and (min-width:561px) {
	.l-header.-type1 .l-header__logo__text svg {
		width: 17.8rem;
		height: 2.45rem
	}
}
.l-header.-type2 {
	height: var(--header-height--rem)
}
.l-header.-type3 {
	width: 100%;
	color: var(--color-white)
}
@media screen and (min-width:1024px) {
	.l-header.-type3 {
		margin-bottom: calc(var(--header-height--rem) * -1)
	}
}
.l-header.-type3 .l-header__logo__text svg {
	fill: var(--color-white)
}
.l-header.-type3 .l-header__logo__symbol::before {
	opacity: 0
}
.l-header:not(.-type3) .l-header__logo__text svg {
	fill: var(--color-black3)
}
.l-header:not(.-type3) .l-header__logo__symbol::after {
	opacity: 0
}
.l-header.is-sticky .l-header__logo, body.is-header-sticky .l-header .l-header__logo {
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0)
}
@media screen and (min-width:561px) {
	.l-header.is-sticky .l-header__logo__symbol, body.is-header-sticky .l-header .l-header__logo__symbol {
		width: 6.2rem;
		height: 6rem;
		margin-right: 1.6rem
	}
}
.l-header.is-sticky .l-header__logo__text svg, body.is-header-sticky .l-header .l-header__logo__text svg {
	fill: var(--color-black3)
}
@media screen and (min-width:561px) {
	.l-header.is-sticky .l-header__logo__text svg, body.is-header-sticky .l-header .l-header__logo__text svg {
		width: 17.8rem;
		height: 2.45rem
	}
}
.l-header.is-sticky .l-header__logo__symbol::before, body.is-header-sticky .l-header .l-header__logo__symbol::before {
	opacity: 1
}
.l-header.is-sticky .l-header__logo__symbol::after, body.is-header-sticky .l-header .l-header__logo__symbol::after {
	opacity: 0
}
.l-header__logo {
	position: fixed;
	z-index: 10000;
	transition: .4s cubic-bezier(.645, .045, .355, 1);
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
@media screen and (min-width:561px) {
	.l-header__logo {
		top: 1.6rem;
		left: 2.1rem
	}
}
@media screen and (max-width:560px) {
	.l-header__logo {
		top: 1.1rem;
		left: 1.3rem
	}
}
.l-header__logo a {
	display: flex;
	align-items: center
}
.l-header__logo__symbol {
	position: relative;
	transition: 280ms cubic-bezier(.25, .46, .45, .94);
	transition-property: width, height
}
@media screen and (min-width:1024px) {
	.l-header__logo__symbol {
		width: 9.7rem;
		height: 9.3rem;
		margin-right: 1.7rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-header__logo__symbol {
		width: 7.76rem;
		height: 7.44rem;
		margin-right: 1.36rem
	}
}
@media screen and (max-width:560px) {
	.l-header__logo__symbol {
		width: 4.6rem;
		height: 4.4rem;
		margin-right: 1.2rem
	}
}
.l-header__logo__symbol::after, .l-header__logo__symbol::before {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	background-size: 100% 100%;
	background-position: center;
	background-repeat: no-repeat;
	transition: opacity 280ms cubic-bezier(.25, .46, .45, .94)
}
.l-header__logo__symbol::before {
	background-image: url(../images/common/logo-symbol.svg);
	padding-top: calc((146 / 152) * 100%)
}
.l-header__logo__symbol::after {
	background-image: url(../images/common/logo-symbol-white.svg);
	position: absolute;
	top: 0;
	left: 0
}
.l-header__logo__text svg {
	transition: 280ms cubic-bezier(.25, .46, .45, .94);
	transition-property: width, height
}
@media screen and (min-width:1024px) {
	.l-header__logo__text svg {
		width: 20.6rem;
		height: 2.8rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-header__logo__text svg {
		width: 16.48rem;
		height: 2.24rem
	}
}
@media screen and (max-width:560px) {
	.l-header__logo__text svg {
		width: 13.3rem;
		height: 1.8rem
	}
}
@media screen and (min-width:1024px) {
	.l-nav {
		position: relative;
		z-index: 1000;
		height: var(--header-height--rem);
		margin-right: 10.6rem;
        display: flex;
        align-items: center;
        /* justify-content: flex-end; */
		justify-content: space-between;
	}
}
/*
@media screen and (max-width:1023px) {
*/
@media screen and (max-width:1245px) {
	.l-nav {
		display: none
	}
}
.l-nav__logo{
	width: 250px;
}
.l-nav__main {
	display: flex;
	align-items: center;
	justify-content: flex-end;
	/*
	height: 100%;
	*/
	flex-wrap: wrap;
    max-width: calc(100% - 340px);
}
@media screen and (min-width:1024px) {
	.l-nav__main li:not(:last-of-type) {
		margin-right: 2rem
	}
}

@media screen and (min-width:1300px) {
	.l-nav__main li:not(:last-of-type) {
		margin-right: 2.5rem
	}
}
@media screen and (min-width:1450px) {
	.l-nav__main li:not(:last-of-type) {
		margin-right: 3.2rem
	}
}


.l-nav__main a {
	display: block
}
@media screen and (min-width:1024px) {
	.l-nav__main a {
		font-size: max(1.4rem, 11px);
		padding: 1rem 0
	}
}
@media screen and (min-width:1450px) {
	.l-nav__main a {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
	}
}
.l-nav__main a.is-hover:hover {
	color: var(--color-gold)
}
@media screen and (min-width:1024px) {
	.l-pagenation {
		padding-bottom: 20.6rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation {
		padding-bottom: 19.5rem
	}
}
.l-pagenation__inner {
	position: relative;
	background-color: var(--color-light-gray)
}
@media screen and (min-width:1024px) {
	.l-pagenation__inner {
		padding: 8.7rem 2rem 7.1rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-pagenation__inner {
		padding: 7rem 2rem 8rem
	}
}
@media screen and (max-width:560px) {
	.l-pagenation__inner {
		padding: 5.4rem 2rem 9.4rem
	}
}
.l-pagenation__title {
	text-align: center
}
@media screen and (min-width:1024px) {
	.l-pagenation__title {
		margin-bottom: 4.5rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-pagenation__title {
		margin-bottom: 3.5rem
	}
}
@media screen and (max-width:560px) {
	.l-pagenation__title {
		margin-bottom: 2.6rem
	}
}
.l-pagenation__title svg {
	fill: var(--color-dark-gray15)
}
@media screen and (min-width:1024px) {
	.l-pagenation__title svg {
		width: 37.6rem;
		height: 2rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-pagenation__title svg {
		width: 30.08rem;
		height: 1.6rem
	}
}
@media screen and (max-width:560px) {
	.l-pagenation__title svg {
		width: 17.8rem;
		height: 4.4rem
	}
}
.l-pagenation__nav {
	max-width: 60.5rem;
	width: 100%;
	margin: 0 auto
}
@media screen and (min-width:1024px) {
	.l-pagenation__nav {
		margin-bottom: 6.2rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__nav {
		margin-bottom: 6rem
	}
}
.l-pagenation__txt {
	text-align: center;
	font-weight: 700;
	line-height: 1.625;
	letter-spacing: .08em
}
.l-pagenation__txt::after, .l-pagenation__txt::before {
	content: '';
	display: block;
	width: 0;
	height: 0
}
.l-pagenation__txt::before {
	margin-top: calc((1 - 1.625) * .5em)
}
.l-pagenation__txt::after {
	margin-bottom: calc((1 - 1.625) * .5em)
}
@media screen and (min-width:561px) {
	.l-pagenation__txt {
		font-size: 1.7rem;
		font-size: max(1.7rem, 15px)
	}
}
@media screen and (max-width:560px) {
	.l-pagenation__txt {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px)
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-1 {
		width: 2.7rem;
		left: 12.7rem;
		bottom: 24.1rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-1 {
		width: 2rem;
		left: calc((43 / 340) * 100%);
		bottom: 12.3rem
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-2 {
		width: 2.6rem;
		left: 9rem;
		bottom: 15.6rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-2 {
		width: 1.9rem;
		left: calc((23 / 340) * 100%);
		bottom: 4.8rem
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-3 {
		width: 8.2rem;
		right: 6.3rem;
		bottom: 24.1rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-3 {
		width: 6.1rem;
		right: calc((24 / 340) * 100%);
		bottom: 6.25rem
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-4 {
		width: 7.1rem;
		left: 6.9rem;
		bottom: -1.2rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-4 {
		width: 5.3rem;
		left: calc((36 / 340) * 100%);
		bottom: -3.3rem
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-5 {
		width: 4rem;
		left: 18.4rem;
		bottom: -.8rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-5 {
		width: 3rem;
		left: calc((130 / 340) * 100%);
		bottom: -2.9rem
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-6 {
		width: 4.7rem;
		right: 15.1rem;
		bottom: -1.1rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-6 {
		width: 3.5rem;
		right: calc((111 / 340) * 100%);
		bottom: -3.2rem
	}
}
@media screen and (min-width:1024px) {
	.l-pagenation__illust-7 {
		width: 7.1rem;
		right: 6.4rem;
		bottom: -.6rem
	}
}
@media screen and (max-width:1023px) {
	.l-pagenation__illust-7 {
		width: 5.3rem;
		right: calc((40 / 340) * 100%);
		bottom: -2.7rem
	}
}
.l-sitemap {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 100000000;
	max-height: calc(100% - 4rem);
	background-color: var(--color-black3);
	overflow-x: hidden;
	overflow-y: auto;
	-webkit-transform: translate3d(0, -100%, 0) rotate(.0001deg);
	transform: translate3d(0, -100%, 0) rotate(.0001deg);
	transition: .5s cubic-bezier(.645, .045, .355, 1);
	transition-property: -webkit-transform;
	transition-property: transform;
	transition-property: transform, -webkit-transform
}
@media screen and (min-width:561px) {
	.l-sitemap {
		border-radius: 0 0 0 2rem
	}
}
@media screen and (min-width:1281px) {
	.l-sitemap {
		width: calc(920 / var(--design-size-pc) * 100vw)
	}
}
@media screen and (max-width:1280px) {
	.l-sitemap {
		width: calc(316 / var(--design-size-sp) * 100vw)
	}
}
@media screen and (max-width:560px) {
	.l-sitemap {
		border-radius: 0 0 0 1rem
	}
}
.l-sitemap.is-open {
	-webkit-transform: translate3d(0, 0, 0) rotate(.0001deg);
	transform: translate3d(0, 0, 0) rotate(.0001deg)
}
.l-sitemap__body {
	position: relative;
	overflow: hidden
}
@media screen and (min-width:561px) {
	.l-sitemap__body {
		padding: 9.5rem calc(167 / var(--design-size-pc) * 100vw) 10rem calc(100 / var(--design-size-pc) * 100vw)
	}
}
@media screen and (max-width:560px) {
	.l-sitemap__body {
		padding: 7rem calc(38 / var(--design-size-sp) * 100vw) 12.4rem
	}
}
.l-sitemap__inner {
	position: relative;
	max-width: 98rem;
	width: 100%;
	margin: 0 auto
}
@media screen and (min-width:769px) {
	.l-sitemap__inner {
		display: flex;
		align-items: flex-start;
		justify-content: space-between
	}
}
.l-sitemap__main {
	color: var(--color-white)
}
@media screen and (max-width:1023px) {
	.l-sitemap__main {
		margin-bottom: 3.8rem
	}
}
@media screen and (min-width:1024px) {
	.l-sitemap__main li:not(:last-of-type) {
		margin-bottom: 4rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-sitemap__main li:not(:last-of-type) {
		margin-bottom: 3rem
	}
}
@media screen and (max-width:560px) {
	.l-sitemap__main li:not(:last-of-type) {
		margin-bottom: 2.3rem
	}
}
.l-sitemap__main a {
	display: flex;
	align-items: center
}
@media screen and (min-width:1024px) {
	.l-sitemap__main a {
		font-size: 2rem;
		font-size: max(2rem, 16px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-sitemap__main a {
		font-size: 1.8rem;
		font-size: max(1.8rem, 15px)
	}
}
@media screen and (max-width:560px) {
	.l-sitemap__main a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (min-width:1024px) {
	.l-sitemap__main a.is-hover:hover::before {
		width: 3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-sitemap__main a.is-hover:hover::before {
		width: 2.4rem
	}
}
@media screen and (max-width:560px) {
	.l-sitemap__main a.is-hover:hover::before {
		width: 1.8rem
	}
}
.l-sitemap__main a::before {
	content: '';
	display: block;
	height: 1px;
	background-color: var(--color-white);
	transition: width 280ms cubic-bezier(.25, .46, .45, .94)
}
@media screen and (min-width:1024px) {
	.l-sitemap__main a::before {
		width: 2rem;
		margin-right: 2.3rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-sitemap__main a::before {
		width: 1.6rem;
		margin-right: 1.8rem
	}
}
@media screen and (max-width:560px) {
	.l-sitemap__main a::before {
		width: 1.2rem;
		margin-right: 1.3rem
	}
}
.l-sitemap__sub {
	color: var(--color-white)
}
@media screen and (min-width:769px) {
	.l-sitemap__sub {
		width: calc((288 / 653) * 100%)
	}
}
@media screen and (min-width:1024px) {
	.l-sitemap__sub li:not(:last-of-type) {
		margin-bottom: 1.4rem
	}
}
@media screen and (max-width:1023px) {
	.l-sitemap__sub li:not(:last-of-type) {
		margin-bottom: .7rem
	}
}
.l-sitemap__sub a {
	display: flex;
	align-items: center;
	width: 100%;
	height: 100%;
	border-radius: .3rem
}
@media screen and (min-width:1024px) {
	.l-sitemap__sub a {
		font-size: 1.6rem;
		font-size: max(1.6rem, 14px);
		padding: 0 2.8rem;
		padding: 2.4rem 0 2.6rem 8rem
	}
}
@media screen and (max-width:1023px) {
	.l-sitemap__sub a {
		padding: 1.9rem 0 1.9rem 6rem
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.l-sitemap__sub a {
		font-size: 1.4rem;
		font-size: max(1.4rem, 13px)
	}
}
@media screen and (max-width:560px) {
	.l-sitemap__sub a {
		font-size: 1.2rem;
		font-size: max(1.2rem, 11px)
	}
}
.l-sitemap__sub i {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%)
}
.l-sitemap__sub__tel a {
	background-color: var(--color-gold4)
}
@media screen and (min-width:1024px) {
	.l-sitemap__sub__tel i {
		width: 2.7rem;
		left: 3.2rem
	}
}
@media screen and (max-width:1023px) {
	.l-sitemap__sub__tel i {
		width: 2rem;
		left: 2.4rem
	}
}
.l-sitemap__sub__line a {
	background-color: var(--color-green3)
}
@media screen and (min-width:1024px) {
	.l-sitemap__sub__line i {
		width: 3.6rem;
		left: 2.8rem
	}
}
@media screen and (max-width:1023px) {
	.l-sitemap__sub__line i {
		width: 2.6rem;
		left: 2.1rem
	}
}
.l-sitemap__sub__mail a {
	background-color: var(--color-green3)
}
@media screen and (min-width:1024px) {
	.l-sitemap__sub__mail i {
		width: 2.9rem;
		left: 3rem
	}
}
@media screen and (max-width:1023px) {
	.l-sitemap__sub__mail i {
		width: 2.2rem;
		left: 2.4rem
	}
}
.l-sitemap__illust {
	bottom: 0
}
@media screen and (min-width:1024px) {
	.l-sitemap__illust {
		max-width: 32.5rem;
		width: calc((325 / 920) * 100%);
		right: calc((116 / 920) * 100%)
	}
}
@media screen and (max-width:1023px) {
	.l-sitemap__illust {
		max-width: 21.6rem;
		width: calc((216 / 316) * 100%);
		right: calc((50 / 316) * 100%)
	}
}
.l-sitemap-bg {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1000000;
	width: 100%;
	height: 100%;
	background-color: rgba(var(--color-black0--rgba), .4);
	opacity: 0;
	visibility: hidden;
	transition: .4s ease;
	cursor: pointer
}
.l-wrapper {
	width: 100%;
	overflow: hidden
}
.u-bg-black3 {
	background-color: var(--color-black3)
}
.u-bg-blue {
	background-color: var(--color-blue)
}
.u-bg-blue3 {
	background-color: var(--color-blue3)
}
.u-bg-light-blue2 {
	background-color: var(--color-light-blue2)
}
.u-bg-beige {
	background-color: var(--color-beige)
}
.u-bg-beige5 {
	background-color: var(--color-beige5)
}
.u-bg-beige6 {
	background-color: var(--color-beige6)
}
.u-bg-beige7 {
	background-color: var(--color-beige7)
}
.u-bg-light-green2 {
	background-color: var(--color-light-green2)
}
.u-bg-azuki {
	background-color: var(--color-azuki)
}
.u-bg-azuki2 {
	background-color: var(--color-azuki2)
}
.u-bg-yellow {
	background-color: #e9e26b;
}
.u-bg-red {
	background-color: #ea5219;
}
.u-bg-green2 {
	background-color: var(--color-green2);
}


.u-ib {
	display: inline-block
}
.u-inline {
	display: inline
}
.u-block {
	display: block
}
.u-n {
	display: none
}
@media screen and (min-width:1281px) {
	.u-n-mqUp-xl {
		display: none
	}
}
@media screen and (min-width:1024px) {
	.u-n-mqUp-lg {
		display: none
	}
}
@media screen and (min-width:769px) {
	.u-n-mqUp-md {
		display: none
	}
}
@media screen and (min-width:561px) {
	.u-n-mqUp-sm {
		display: none
	}
}
@media screen and (min-width:415px) {
	.u-n-mqUp-xs {
		display: none
	}
}
@media screen and (min-width:376px) {
	.u-n-mqUp-xxs {
		display: none
	}
}
@media screen and (max-width:1280px) {
	.u-n-mqDown-xl {
		display: none
	}
}
@media screen and (max-width:1023px) {
	.u-n-mqDown-lg {
		display: none
	}
}
@media screen and (max-width:768px) {
	.u-n-mqDown-md {
		display: none
	}
}
@media screen and (max-width:560px) {
	.u-n-mqDown-sm {
		display: none
	}
}
@media screen and (max-width:414px) {
	.u-n-mqDown-xs {
		display: none
	}
}
@media screen and (max-width:375px) {
	.u-n-mqDown-xxs {
		display: none
	}
}
.u-fill-black3 {
	fill: var(--color-black3)
}
.u-fill-gray14 {
	fill: var(--color-gray14)
}
.u-fill-blue3 {
	fill: var(--color-blue3)
}
.u-fill-beige {
	fill: var(--color-beige)
}
.u-fill-azuki {
	fill: var(--color-azuki)
}
.u-font-gold12 {
	color: var(--color-gold12)
}
.u-font-blue {
	color: var(--color-blue)
}
.u-font-azuki2 {
	color: var(--color-azuki2)
}
.u-font-brown {
	color: var(--color-brown)
}
.u-font-beige8 {
	color: var(--color-beige8)
}
.u-font-500 {
	font-weight: 500
}
.u-font-700 {
	font-weight: 700
}
.u-full {
	width: 100%
}
@media screen and (min-width:1024px) {
	.u-full-mqUp-lg {
		width: 100%
	}
}
.u-pointerevent-none {
	pointer-events: none
}
.u-p-relative {
	position: relative
}
@media screen and (max-width:768px) {
	.u-t-indent-mqDown-md {
		text-indent: 1em
	}
}
.u-t-center {
	text-align: center
}
.u-theme-all {
	background-color: var(--theme-color);
	border-color: var(--theme-color);
	color: var(--theme-color);
	fill: var(--theme-color)
}
.u-theme-bg {
	background-color: var(--theme-color)
}
.u-theme-border {
	border-color: var(--theme-color)
}
.u-theme-color {
	color: var(--theme-color)
}
.u-theme-fill {
	fill: var(--theme-color)
}
@media screen and (min-width:1024px) {
	.c-column-gap-30.-col-2>* {
		width: calc(50% - 3rem)
	}
	body.ua-edge .c-column-gap-30.-col-2>*, body.ua-ie .c-column-gap-30.-col-2>* {
		width: calc((50% - 3rem) - .1px)
	}
}
@media screen and (max-width:1023px) and (min-width:561px) {
	.c-column-gap-30.-col-2>* {
		width: calc(50% - 2rem)
	}
	body.ua-edge .c-column-gap-30.-col-2>*, body.ua-ie .c-column-gap-30.-col-3>* {
		width: calc((50% - 2rem) - .1px)
	}
}
@media screen and (max-width:560px) {
	.c-column-gap-30.-col-2>* {
		width: 100%
	}
}
.l-pagenation__nav.c-40 {
	max-width: 40.5rem;
}
@media screen and (min-width:769px) {
	.c-column-gap-4.-col-2>* {
		width: calc(50% - .4rem)
	}
	body.ua-edge .c-column-gap-4.-col-2>*, body.ua-ie .c-column-gap-4.-col-2>* {
		width: calc((50% - .4rem) - .1px)
	}
}
@media screen and (max-width:768px) {
	.c-column-gap-4.-col-2>* {
		width: 100%
	}
}
@media screen and (min-width: 1024px) {
	.p-hero4__en.-notfound.-uc {
		width: auto;
		font-size: 6rem;
		width: auto;
		text-transform: uppercase;
		font-weight: bold;
	}
	.pc_off {
		display: none;
	}
}
@media screen and (max-width: 1023px) {
	.p-hero4__en.-notfound.-uc {
		font-size: 4rem;
		width: auto;
		text-transform: uppercase;
		font-weight: bold;
	}
}
.p-form__control {
	position: relative;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.helf {
	display: block;
	width: 48%;
}
.p-form__control.req:after {
	content: "必須";
	display: inline-block;
	width: 30px;
	height: 11px;
	position: absolute;
	right: 10px;
	top: 0;
	bottom: 0;
	margin: auto;
	font-size: 11px;
	color: #ee001b;
	opacity: .7;
}
.p-form__control.half.req:after {
	right: auto;
	left: calc(48% - 40px);
}

/*202407追加*/
.scroll_bnr{position:fixed;right: 0;top:50vh;z-index:50;width: 121px;height: 135px;background:url(../blog/reservation_bnr.png); background-size:cover;}
.scroll_bnr:hover{background-image:url(../blog/reservation_bnr_af.png);}
@media screen and (max-width:560px){.scroll_bnr{width: 80px;height: 91px;}}