@charset "UTF-8";


.pg-gallery{
	columns: 4;
	padding: 5rem 0;
}
@media screen and (max-width: 990px){
	.pg-gallery{
		columns: 3;
	}
}
@media screen and (max-width: 768px){
	.pg-gallery{
	columns: 2;
	}
}

.pg-gallery li{
	margin: 0 0 1.5rem 0;
}

.pg-gallery img{
	width: 100%;
	height: auto;
	border-radius: 0.6rem;
}

.galleryfllip{
animation-name: galleryfllip;
animation-duration: 0.5s;
animation-fill-mode: forwards;
perspective-origin: left center;
opacity: 0;
}

@keyframes galleryfllip{
  from {
   transform: perspective(600px) translate3d(0, 0, 0) rotateY(30deg);
  opacity: 0;
  }

  to {
  transform: perspective(600px) translate3d(0, 0, 0) rotateY(0deg);
  opacity: 1;
  }
}

.lb-data .lb-close{ 
	background: url("../../img/close.png") top right no-repeat!important;
}

.lb-nav a.lb-next{
	background: url("../../img/next.png") right 48% no-repeat!important;
}
.lb-nav a.lb-prev{
	background: url("../../img/prev.png") left 48% no-repeat!important;
}

.pg-gallery__pager{ 
	margin: 5rem 0;
}

.pg-gallery__pager .wp-pagenavi{
	display: flex;
	align-items: center;
	justify-content: center;
	text-align: center;
	font-size: 3.5rem;
	line-height: 1.7;
	color: var(--color-pink);
	font-weight: var(--font-b-eg);
}

.pg-gallery__pager .wp-pagenavi .pages{
	display: none;
}

.pg-gallery__pager .wp-pagenavi a{
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.pg-gallery__pager .wp-pagenavi .page,
.pg-gallery__pager .wp-pagenavi .current,
.pg-gallery__pager .wp-pagenavi .previouspostslink{ 
	display: block;
	margin-right: 2rem;
}
.pg-gallery__pager .wp-pagenavi a:hover{
	color: var(--color-skyblue);
}


.marquee { 
  display: flex;
  white-space: nowrap;
  overflow: hidden;
  gap: 1rem;
  font-size: 4rem;
	xheight: 10rem;

}

/*=========================================
// contact layout style
=========================================*/
#contact .pg-contact{  
	display: flex;
	padding: 2rem 0;
}
@media screen and (max-width: 990px){
	#contact .pg-contact{ 
		display: block;
	}
}
#contact .pg-contact__subtitle{ 
	width: 30%;
}
@media screen and (max-width: 990px){
	#contact .pg-contact__subtitle{ 
		width: 100%;
	}
	#contact .pg-contact__subtitle.c-sub-title{ 
		text-align: center;
	}
}

#contact .pg-contact__content{ 
	width: 70%;
	padding-top: 2rem;
}
@media screen and (max-width: 990px){
	#contact .pg-contact__content{ 
	width: 100%;
	padding-top: 1rem;
	}
}

#contact .c-telephone{ 
	display: flex;
	align-items: center;
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 990px){
	#contact .c-telephone{
		display: block;
		text-align: center;
	}
}

#contact .c-telephone-number{ 
	font-size: 3.7rem;
	font-weight: 900;
	margin-right: 1.5rem;
}

#contact .c-telephone-guidance{
	display: inline-block;
	padding: 0.9rem 4rem;
	background: var(--color-pink);
	text-align: center;
	border-radius: 30px;
}

#contact .c-telephone-guidance span{
	color: var(--color-white);
	font-weight: 900;
}

#contact .c-telephone-manager{
	font-weight: 900;
}
@media screen and (max-width: 1024px){
	#contact .c-telephone-manager{
		text-align: center;
	}
}

#contact .l-contact-form{
	width: 100%;
}




#contact .pg-contact-form .l-contact-form th,
#contact .pg-contact-form .mw_wp_form_preview th{
	display: block;
	width: 100%;
	font-size: 1.7rem;
	font-weight: 600;
}
@media screen and (max-width: 990px) {
	#contact .pg-contact-form .wpcf7 .c-contact-label{ 
		font-size: 1.6rem;
	}
}

#contact .pg-contact-form .l-contact-form td{
	display: block;
	margin-bottom: 2.5rem;
}

#contact .pg-contact-form  td input,
#contact .pg-contact-form .mw_wp_form_preview td{
	outline: none;
	border: none;
	width: 100%;
	min-height: 6rem;
	padding: 1.5rem;
	border-radius: 1rem;
	border: 0.25rem solid var(--color-pink);
}

#contact .pg-contact-form  textarea{
	width: 100%;
	height: 25rem;
	padding: 1.5rem;
	border: 1.8rem solid var(--color-pink);
	border-radius: 1rem;
	border: 0.25rem solid var(--color-pink);
}

#contact .p-contact-ckeckbox{ 
	display: flex;
	flex-wrap: wrap;
}
#contact .mwform-checkbox-field{ 
	display: contents;
}

#contact .p-contact-ckeckbox label{ 
	display: inline-flex;
}

#contact .p-contact-ckeckbox + span{
	padding-left: 3.1rem;
	display: block;
	position: relative;
	cursor: pointer;
	margin: 0 1rem 1rem 0;
}
#contact .mwform-checkbox-field input[type=checkbox]{
	appearance: none;
	display: none;
}

#contact .p-contact-ckeckbox + span::before{
	width: 2.35rem!important;
	height: 2.35rem!important;
	border-radius: 50px;
	border: 0.25rem solid var(--color-pink);
	transition: all .12s, border-color .08s;
}

#contact .mwform-checkbox-field input[type=checkbox] + span::before{
	content: "";
	display: block;
	position: absolute;
	top: 0; 
	left: 0;
}

#contact .mwform-checkbox-field input[type=checkbox]:checked + span::before {
	content: "";
	display: inline-block;
	border: 0.2rem solid var(--color-pink);
	width: 0.6rem!important;
	height: 1.2rem!important;
	border-radius:0;
	position: absolute;
	top: 0.2rem;
	left: 1.1rem;
	border-top-color: transparent;
	border-left-color: transparent;
	transform: rotate(45deg);
}

.p-contact-ckeckbox-other{ 
	display: flex;
	align-items: center;
}

.l-contact-ckeckbox-section{
	display: inline-flex;
	align-items: center;
	margin-right: 1rem;
	margin-bottom: 2rem;
}

#contact .mw_wp_form .error{
	color: var(--color-skyblue)!important;
	font-weight: 600!important;
}

.pg-thaks__intro{
	padding-bottom: 10rem;
}
@media screen and (max-width: 768px){
	.pg-thaks__intro{
		padding-bottom: 4rem;
	}
}

.pg-thaks__intro__title{
	font-size: 2.5rem;
	color: var(--color-pink);
	font-weight: 600;
	text-align: center;
}
.pg-thaks__intro__message{
	text-align: center;
	font-weight: 600;
}



/*=========================================
// font common style
=========================================*/

.c-text-eg{
	font-family: 'Nunito', sans-serif;
}
.c-txt-jp{
	font-family: 'M PLUS Rounded 1c', sans-serif;
}

.c-fat-eg{
	font-weight: var(--font-b-eg);
}

.c-fat-jp{
	font-weight: var(--font-b-jp);
}

/*----- 改行 ----*/
.inview__item {
	margin-bottom: 1.5rem;
}

/*----- 写真角丸 ----*/
.inview__img{
	border-radius: 0.6rem;
	overflow: hidden;
}





@media screen and (max-width: 1023px){
	.u-n-mqDown-lg{ 
		display: none;
	}
}
@media screen and (max-width: 1023px){
	.u-n-mqDown{ 
		display: block;
	}
}

.comingsoon{
	text-align: center;
	font-size: 8rem;
	color: #BFBEBE;
	font-weight: 900;
	padding: 20rem 0;
}
@media screen and (max-width: 768px) {
	.comingsoon{
		font-size: 4rem;
		padding: 10rem 0;
	}
}


.c-organizer-inner{ border: 1px solid black;
	text-align: center;
}
.c-organizer{border: 1px solid black;
	font-weight: 900;
	font-size: 1.8rem;
}
.c-organizer span{border: 1px solid black;
	display: inline-block;
	padding-right: 0.5rem;
}

.c-copylight{border: 1px solid black;
	font-size: 1.6rem;
}


/*=========================================
// reset style
=========================================*/

*{
	box-sizing: border-box;
}
html{ 
	font-size: 62.5%!important;
	color: #000!important;;
	background: #FFF!important;;
	width: 100%!important;;
	margin: 0 auto!important;;
	letter-spacing: 0.1em!important;;
	
}

body{
	font-family: 'M PLUS Rounded 1c', sans-serif!important;
	font-weight: 400!important;;
	font-size: 1.5rem!important;;
	line-height: 1.7!important;;
	-webkit-text-size-adjust: 100%!important;
	counter-reset: active food!important;
}
@media screen and (max-width: 768px) {
	body{
		font-size: 1.4rem!important;
	}
}

a{
	display: block;
	text-decoration: none;
	color: inherit;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, 
buttom, form, figure, legend, input, textarea, p, article, th, td{
	margin: 0; 
	padding: 0;
	}

table{
	border-collapse: collapse;
	border-spacing: 0;
}
img{
	vertical-align: bottom;
    font-size: 0;
    line-height: 0;
    width: 100%;
	height: auto;
    display: block;
}

address, caption, cite, em, strong, th, var{
	font-style:normal;
	font-weight:normal;
}
ol, ul{
	list-style:none;
	}

button{
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

caption, th{
	text-align:left;
}
h1, h2, h3, h4, h5, h6{
	font-size:100%;
	font-weight:normal;
}
input, textarea, select{	
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
	}

input{
	border: none;
}

iframe {
　position: absolute;
　top: 0;
　left: 0;
　width: 100%;
　height: 100%;
	
}

/*=========================================
// common style
=========================================*/
:root{
	--color-text: #333333;
	--color-pink: #F77586;
	--color-skyblue: #53BAF4;
	--color-white: #FFFFFF;
	--contents-inner: 81vw;
	--photo-round: 0.8rem;
	--border-pc: 0.7rem solid var(--color-pink);
	--border-sp: 0.4rem solid var(--color-pink);
	--inner-percent-sp: 95%;
	--font-b-jp: 700;
	--font-b-eg: 900;
	
}






/*=========================================
// layout common style
=========================================*/






.l-section__button{
	font-size: 2rem;
	color: var(--color-pink);
	text-align: left;
	font-weight: var(--font-b-jp);
	transition: all 0.3s;
	-webkit-transition: all 0.3s
}
@media screen and (max-width: 768px) {
	.l-section__button{
		text-align: center;
		font-size: 1.8rem;
	}
}

.l-section__button a{
	border-top: 7px solid var(--color-pink);
	padding: 3rem 3.5rem;
}
@media screen and (max-width: 768px) {
	.l-section__button a{
		border-top: 0.4rem solid var(--color-pink);
	}
}

.l-section__button:hover{
	display: block;
	background: var(--color-pink);
	color: var(--color-white);
	overflow: hidden;
}

/*=========================================
// layout common style
=========================================*/















/*=========================================
// common style
=========================================*/

.l-wrapper{
	width: 100%;
	overflow: hidden;
}

.l-wrapper-position{
	width: 86%;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.l-wrapper-position{
		width: 90%;
		margin: 0 auto;
	}
}

.l-section-inner{ 
	width: 81vw;
	margin: 0 auto;
	padding-top: 3rem;
}



.l-border-section{
	border: var(--border-pc);
	width: 100%;
	border-radius: 2rem;
}
@media screen and (max-width: 768px) {
	.l-border-section{
		border: 0.4rem solid var(--color-pink);
		border-radius: 1.8rem;
	}
}
.l-border-section.-bottom{
	margin-bottom: 10rem;
}
@media screen and (max-width: 768px) {
	.l-border-section.-bottom{
		margin-bottom: 6.5rem;
	}
}
.l-border-section:last-of-type{
	margin-bottom: 5rem;
}
@media screen and (max-width: 768px) {
	.l-border-section:last-of-type{
		margin-bottom: 3rem;
	}
}

.is_under-link{
	width: 100%;
	border-top: 7px solid var(--color-pink);
	color: var(--color-pink);
}
@media screen and (max-width: 768px) {
	.is_under-link{
		border-top: 0.4rem solid var(--color-pink);
	}
}

.is_under-link a{
	display: block;
	width: 100%;
	font-size: 1.8rem;
	padding: 3rem;
	font-weight: 900;
}
@media screen and (max-width: 768px) {
	.is_under-link a{
		text-align: center;
	}
}
.is_under-link a:hover{
	background: var(--color-pink);
	color: var(--color-white);
}






.u-text-break>:not(:last-child)::after{
	content: "";
	display: block;
	padding-bottom: 1.5rem;
}

.is_transition{/*--削除する--*/
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.is_hover:hover{/*--削除する--*/
	opacity: 0.7;
}



.c-section-title{
	padding-top: 1rem;
	padding-bottom: 1rem;
	border-bottom: 7px solid var(--color-pink);
	color: var(--color-skyblue);
}
@media screen and (max-width: 768px) {
	.c-section-title{
		border-bottom: 0.3rem solid var(--color-pink);
	}
}
.p-section-title-en{
	font-size: 4.8rem;
	font-weight: 900;
	line-height: 1.2;
	text-align: center;
	padding-top: 1.5rem; 
}
.p-section-title-jp{
	font-size: 2.3rem;
	font-weight: 500;
	text-align: center;
	padding-bottom: 1.5rem; 
}



.c-section-title article{
	overflow: hidden;
}

.c-loop-text-top,
.c-loop-text-bottom{ 
	display: flex;
	width: 100%;
	height: 3.5rem;
	font-weight: 900;
	font-size: 2.0rem;
	align-items: center;
	overflow: hidden;
}
@media screen and (max-width: 768px) {
	.c-loop-text-top,
	.c-loop-text-bottom{
		height: 2.5rem;
		font-size: 1.8rem;
	}
}

.c-loop-text-top-flow{
	width: 30rem;
}
@media screen and (max-width: 768px) {
	.c-loop-text-top-flow{ 
		width: 27.5rem;
	}
}

.c-loop-text-top-inner{
	display: flex;
	animation: loop-txt-top 40s infinite linear 1s both;
}
@keyframes loop-txt-top{
	from{
		transform: translateX(-100%);
	}
	to{
		transform: translateX(0);
	}
}


.c-loop-text-bottom-flow{ 
	width: 23.3rem;
}
@media screen and (max-width: 768px) {
	.c-loop-text-bottom-flow{ 
		width: 21.3rem;
	}
}

.c-loop-text-bottom-inner{
	display: flex;
	animation: loop-txt-top 40s infinite linear 1s both;
}
@keyframes loop-txt-bottom{
	from{
		transform: translateX(-100%);
	}
	to{
		transform: translateX(0);
	}
}

.c-loop-text-title{ 
	display: flex;
	width: 100%;
	height: 8.5rem;
	align-items: center;
	overflow: hidden;
	white-space:nowrap;
}
@media screen and (max-width: 768px) {
	.c-loop-text-title{
		height: 5.1rem;
	}
}

.c-loop-text-title-mobelu{ 
	width: 100%;
	font-size: 9.5rem;
	font-weight: 900;	
}
@media screen and (max-width: 768px) {
	.c-loop-text-title-mobelu{ 
		font-size: 4.6rem;
	}
}

.c-loop-text-title-inner{
	display: flex;
	animation: loop-txt-section 40s infinite linear 1s both;
}

.c-loop-text-title-flow{ 
	padding-left: 2.5rem;
}
@keyframes loop-txt-section{
	from{
		transform: translateX(0);
	}
	to{
		transform: translateX(-100%);
	}
}
@media screen and (max-width: 768px) {
	.c-loop-text-title-flow{ 
		padding-left: 2rem;
	}
}



.c-button{ 
	display: block;
	color: var(--color-white);
	cursor: pointer;
	width: 28rem;
	padding: 1.5rem;
	text-align: center;
	letter-spacing: 0.1rem;
	font-weight: 700;
	border-radius: 0.6rem;
	background: var(--color-pink);	
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	margin: 0 auto;
}
@media screen and (max-width: 768px) {
	.c-button{ 
		width: 100%;
		margin: 1.5rem auto 0;
	}
}

.c-button:hover{
	background: var(--color-skyblue);
}



.c-button-guidance{ 
	width: 100%;
	margin: 0 auto;
	display: flex;
	align-items: center;
	justify-content: center;
}
@media screen and (max-width: 768px) {
	.c-button-guidance{ 
		display: block;
		width: 70%;
	}
}

.c-button-guidance li{
	margin: 0 1.5rem;
}
@media screen and (max-width: 768px) {
	.c-button-guidance li{
		margin: 0 0 1.3rem 0;
	}
}

#contact .pg-contact__button{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 990px) {
	#contact .pg-contact__button{
		display: block;
	}
}


#contact .pg-contact__button .mw-send,
#contact .pg-contact__button .mw-back{ 
	display: block!important;
	color: var(--color-white)!important;
	cursor: pointer!important;
	padding: 1.5rem!important;
	text-align: center!important;
	letter-spacing: 0.1rem!important;
	font-weight: 700!important;
	border-radius: 0.6rem!important;
	position: relative;
	overflow: hidden;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	margin: 0 auto!important;
}
@media screen and (max-width: 990px) {
	#contact .pg-contact__button .mw-send,
	#contact .pg-contact__button .mw-back{ 
		width: 70%!important;
		margin: 0 auto!important;
	}	
}

#contact .pg-contact__button .mw-send{ 
	background: var(--color-pink)!important;	
}

#contact .pg-contact__button .mw-send:hover{ 
	background: var(--color-skyblue)!important;
}

#contact .pg-contact__button .mw-back{ 
	background: #F3C6C8!important;	
	margin-left: 1.5rem!important;
}
@media screen and (max-width: 990px) {
	#contact .pg-contact__button .mw-back{ 
		margin: 1rem auto 0!important;
	}
}
#contact .pg-contact__button .mw-back:hover{ 
	background: #C0AFB0!important;	
}

#contact .mw_wp_form_input .mw-send{
	width: 28rem!important;
}
@media screen and (max-width: 990px) {
	#contact .mw_wp_form_input .mw-send{
		width: 70%!important;
	}
}

#contact .mw_wp_form_preview .mw-send,
#contact .mw_wp_form_preview .mw-back{ 
	width: 48%!important;
}
@media screen and (max-width: 990px) {
#contact .mw_wp_form_preview .mw-send,
#contact .mw_wp_form_preview .mw-back{ 
	width: 70%!important;
	}
}



.c-sub-title{
	color: var(--color-skyblue);
	font-weight: 900;
}
@media screen and (max-width: 768px) {
	.c-sub-title{
		text-align: center;
	}
}

.c-sub-title-eg{
	font-size: 2.5rem;
	line-height: 1;
}
.c-sub-title-jp{
	font-size: 2.0rem;
}

.c-under-line{
	border-bottom: 2px dotted var(--color-pink);
}




/*=========================================
// header layout style
=========================================*/
#l-crp header{
	width: 100%!important;
	padding: 0!important;
	margin: 0!important;
}

.l-header{
	height: 6em;
	position: relative;
}

.l-header__inner{ 
	width: 95vw;
	height: 6em;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	justify-content: space-between;
}
@media screen and (max-width: 768px) {
	.l-header__inner{
		height: 5em;
	}
}

.l-header__logo{
	width: 17rem;
}
@media screen and (max-width: 768px) {
	.l-header__logo{
		width: 12.5rem;
	}
}
.l-header__logo a{
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.l-header__logo a:hover{
	opacity: 0.7;
}

.l-header__logo .__none{
	display: none;
}

.l-nav{ 
	display: flex;
	align-items: flex-end;
	z-index: 999;
	padding-right: 6.2rem;
}
@media screen and (max-width: 1024px) {
	.l-nav{ 
		display: none;
	}
}
.l-nav.active{
	display: none;
}

.l-nav__inner{ 
	height: 100%;
	display: flex;
	align-items: center;
}
.l-nav__inner li{
	font-size: 2.3rem;
	font-weight: 700;
	color: var(--color-skyblue);
	padding: 0 5px;
	cursor: pointer;
}

.l-nav__inner li:hover{
	color: var(--color-pink);
}

#l-nav-sub{
	position: fixed;
	top: -120%;
	right: 0;
	width: 65vw;
	height: 95vh;
	border-radius: 0 0 0 30px; 
	background: var(--color-pink);
	transition: all 0.6s;
	-webkit-transition: all 0.6s;
	z-index: 100000000;
	overflow-x: hidden;
    overflow-y: auto;
}

@media screen and (max-width: 768px){
	#l-nav-sub{
		width: 90vw;
	}
}

#l-nav-sub.panelactive{
	top: 0;
}

#l-nav-sub.panelactive ul{
	display: contents;
}

#l-nav-sub ul{
	display: none;
}

.l-nav-sub__main{
	line-height: 1;
	color: var(--color-white);
}

.l-nav-sub__main li{
	display: flex;
	align-items: center;
	position: relative;
	margin-bottom: 2.7rem;
}

.l-nav-sub__main li a{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px){
	.l-nav-sub__main li a{
	display: block;
	}
}

.l-nav-sub__main li::before{
	content: "";
	display: block;
	width: 2.4rem;
	height: 0.25rem;
	border-radius: 0.5rem;
	margin-right: 1rem;
	background: var(--color-white);
	transition: width 280ms cubic-bezier(.25,.46,.45,.94);
}
@media screen and (max-width: 768px){
	.l-nav-sub__main li::before{
		width: 2.1rem;
		height: 0.17rem;
		margin-right: 0.7rem;
	}
}

.l-nav-sub__main li:hover::before{
	width: 3.5rem;
}

.l-nav-sub__jp{
	font-size: 1.4rem;
}
@media screen and (max-width: 768px){
	.l-nav-sub__jp{
		font-size: 1.3rem;
	}
}

.l-nav-sub__eg{
	font-size: 2.2rem;
	font-weight: 900;
	padding-right: 0.5rem;
}
@media screen and (max-width: 768px){
	.l-nav-sub__eg{
		font-size: 1.8rem;
	}
}

.l-nav-sub__body { 
	position: relative;
	overflow: hidden;
	padding: 8.5rem 11rem 9.5rem 11rem;
}
@media screen and (max-width: 1024px){
	.l-nav-sub__body { 
		padding: 9.5rem 4rem 9.5rem 4rem;
	}
}
@media screen and (max-width: 768px){
		.l-nav-sub__body { 
		padding: 4.5rem 6rem;
	}
}
@media screen and (max-width: 560px){
	.l-nav-sub__body { 
		padding: 5rem  4rem;
	}
}

.l-nav-sub__button{ 
	display: block;
	width: calc((288 / 653) * 100%);
	color: var(--color-pink);
	margin-top: 3rem;
}

.l-nav-sub__button li{
	padding:  1rem 2rem;
	margin-bottom:  1.5rem;
	border-radius: 0.6rem;
	background: var(--color-white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
@media screen and (max-width: 768px){
	.l-nav-sub__button li{
		padding:  1rem 1.5rem 0.8rem;
	}
}

.l-nav-sub__button li a{
	display: flex;
	align-items: center;
	justify-content: space-between;
	position: relative;
}
@media screen and (max-width: 768px){
	.l-nav-sub__button li a{
		display: block;
		text-align: center;
	}
}

.l-nav-sub__button li:hover{
	opacity: 0.8;
}

.l-nav-sub__button__eg{
	line-height: 1;
	display: block;
	font-size: 1.8rem;
	font-weight: 900;
}
@media screen and (max-width: 768px){
	.l-nav-sub__button__eg{
		font-size: 1.4rem;
	}
}

.l-nav-sub__button__jp{
	font-size: 1.2rem;
	font-weight: 500;
}

.l-nav-sub__sns{
	margin-top: 3rem;
	display: flex!important;
	align-items: center!important;
	justify-content: center;
}
.l-nav-sub__sns li {
	margin-right: 1rem;
}

.l-nav-sub__sns li a{
	width: 3.8rem;
	height: 3.8rem;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px;
	background: var(--color-white);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}

.l-nav-sub__sns li a:hover{
	opacity: 0.8;
}

.l-nav-sub__sns li svg{
	fill: var(--color-pink);	
}

.l-nav-sub__sns__inst svg{
	height: 2.3rem;
}
@media screen and (max-width: 768px){
	.l-nav-sub__sns__inst svg{
		height: 2.1rem;
	}
}

.l-nav-sub__sns__fb svg{
	height: 2rem;
}
@media screen and (max-width: 768px){
	.l-nav-sub__sns__fb svg{
		height: 1.7rem;
	}
}

.l-side__bg{
	display: none;
	width: 100vw;
	height: 100vh;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 1;
	xbackground-color: rgba(255,255,255,0.44);
	background-color: rgba(0, 0, 0, 0.7);
}
body.l-noscroll{
	overflow: hidden;
}

.l-button__contents{
	position: fixed;
	z-index: 10000000;
	top: 9.3rem;
	right: 3rem;
}
@media screen and (max-width: 768px) {
	.l-button__contents{
		top: 8.1rem;
		right: 1.2rem;
	}
}


.l-button__contents li{ 
	margin-bottom: 1rem;
}
.l-button__contents a{ 
	display: flex;
	align-items: center;
	justify-content: center;
	width: 5rem;
	height: 5rem;
	border-radius: 0.3rem;
	background: var(--color-pink);
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
	.l-button__contents a{ 
		width: 4rem;
		height: 4rem;
		margin-bottom: 0.6rem;
	}
}

.l-button__contents__inst svg{
	height: 2.5rem;
	fill: var(--color-white);
}
.l-button__contents__inst a:hover {
	background: #FFC400;
}

.l-button__contents__fb svg{
	height: 2.5rem;
	fill: var(--color-white);
}
.l-button__contents__fb a:hover{
	background: #1877F2;
}

.l-button{ 
	cursor: pointer;
	position: fixed;
	top: 3.2rem;
	right: 3rem;
	width: 5rem;
	height: 5rem;
	border-radius: 0.3rem;
	background: var(--color-pink);
	z-index: 1000000000;
	transition: all 0.4s ease;
	-webkit-transition: all 0.4s ease;
}
@media screen and (max-width: 768px) {
	.l-button{ 
	top: 3.2rem;
	right: 1.2rem;
	width: 4rem;
	height: 4rem;
	}
}

.l-button:hover{ 
	background: var(--color-skyblue);
}

.l-button span{
	display: inline-block;
	width: 45%;
	height: 0.3rem;
	position: absolute;
	left: 0.8em;
	border-radius: 0.3rem;
	background: var(--color-white);
	transition: all .4s;
	-webkit-transition: all .4s;
}
@media screen and (max-width: 768px) {
	.l-button span{
		height: 0.2rem;
		left: 0.7em;
	}
}

.l-button span:nth-of-type(1){
	top: 1.3rem;
}
.l-button span:nth-of-type(2){
	top: 2.3rem;
}
.l-button span:nth-of-type(3){
	top: 3.3rem;
}
@media screen and (max-width: 768px) {
	.l-button span:nth-of-type(1){
		top: 1rem;
	}
	.l-button span:nth-of-type(2){
		top: 1.85rem;
	}
	.l-button span:nth-of-type(3){
		top: 2.7rem;
	}
}

.l-button.active{
	background: var(--color-white);
}
.l-button.active span{
	background: var(--color-pink);
}
.l-button.active span:nth-of-type(1){
	width: 40%;
	top: 1.7rem;
	left: 1.6rem;
	transform: translateY(6px) rotate(-45deg);
}
@media screen and (max-width: 768px) {
	.l-button.active span:nth-of-type(1){
	top: 1.3rem;
	left: 1.3rem;
	}
}

.l-button.active span:nth-of-type(2){
	opacity: 0;
}

.l-button.active span:nth-of-type(3){
	width: 40%;
	top: 2.89rem;
	left: 1.6rem;
	transform: translateY(-6px) rotate(45deg);
}
@media screen and (max-width: 768px) {
	.l-button.active span:nth-of-type(3){
		top: 2.5rem;
		left: 1.3rem;
	}
}


.col-wrap{
	position: static;
	
}

.pg-top-main{
	position: static;
	width: calc(100% - 8em);
	margin: 0 auto;
	
}
@media screen and (max-width: 768px) {
	.pg-top-main{
	width: calc(100% - 2em);
	}
}


.pg-top-main__cover{ 
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px) {
	.pg-top-main__cover{ 
	display: block;
	}
}

.pg-top-main__postinfo{ 
	width: calc(35vw + 3rem);
	padding: 0 3rem;
}
@media screen and (max-width: 768px) {
	.pg-top-main__postinfo{
		width: 100%;
		padding: 0;
}
	.pg-top-main__postinfo img{
		width: 42vw;
		margin: 0 auto 1.5rem;
	}
}

.pg-top-main__illustration{ 
	width: 65%;
}
@media screen and (max-width: 768px) {
	.pg-top-main__illustration{ 
		width: 100%;
	}
}

.pg-top-news-ticker{ 
	margin: 0 auto;
	background: var(--color-pink);
	border-radius: 0.6rem;
}
.pg-top-news-ticker__inner{ 
	width: 100%;
	max-width: var(--contents-inner);
	margin: 0 auto;
}

.pg-top-news-ticker__article{
	font-weight:var(--font-b-jp);
	color: var(--color-white);
}

.pg-top-news-ticker__article a{
	display: flex;
	align-items: center;
	color: var(--color-white);
	padding: 1.5rem 0;
}
@media screen and (max-width: 768px) {
	.pg-top-news-ticker__article a{
		display: block;
		padding: 1.5rem 0;
	}
}

.pg-top-news-ticker__category{
	display: inline-block;
	border-radius: 25rem;
	color: var(--color-pink);
	background: var(--color-white);
	padding: 0.8rem 2rem;	
}
@media screen and (max-width: 768px) {
	.pg-top-news-ticker__category{
		display: block;
		text-align: center;
		max-width: 60%;
		margin: 0 auto;
	}
}

.pg-top-news-ticker__info{
	display: flex;
	align-items: center;
}
@media screen and (max-width: 1024px) {
	.pg-top-news-ticker__info{
		display: block;
		margin-left: 1rem;
		max-width: 75%; 
	}
}
@media screen and (max-width: 768px) {
	.pg-top-news-ticker__info{
		max-width: 100%;
		margin-top: 1rem;
	}
}

.pg-top-news-ticker__time{
	font-size: 1.8rem;
	margin: 0 1rem;
}
@media screen and (max-width: 1024px) {
	.pg-top-news-ticker__time{
		margin: 0 1rem 0 0;
	}
}

.pg-top-news-ticker__title{
	font-size: 1.8rem;
	font-weight:var(--font-b-jp);
}
@media screen and (max-width: 1024px) {
	.pg-top-news-ticker__title{
		display: block;
	}
}

@media screen and (max-width: 768px) {
	.pg-top-news-ticker__title{
		font-size: 1.7rem;
	}
}




/*=========================================
// footer layout style
=========================================*/
#l-crp footer{
	width: 100%!important;
	background: none!important;
	padding: 0!important;
	margin: 0!important;
	border-radius: 0!important;
}

.l-footer__area{
	width: 100%;
	background: var(--color-pink);
	border-radius: 4rem 4rem 0 0;
	padding: 8rem 0;
	color: var(--color-white);
}
@media screen and (max-width: 768px) {
	.l-footer__area{
		border-radius: 3rem 3rem 0 0;
		padding: 4rem 3rem;
	}
}

.l-footer__area .c-sub-title{
	color: var(--color-white);
	text-align: center;
}


.l-footer__tel{
	text-align: center;
	display: flex;
	align-items: baseline;
	justify-content: center;
	font-weight: 900;
	font-size: 4.5rem;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
	.l-footer__tel{
		font-size: 2.8rem;
	}
}

.l-footer__tel small{
	margin-right: 0.3rem;
	font-size: 2.8rem;
}
@media screen and (max-width: 768px) {
	.l-footer__tel small{
		margin-right: 0.15rem;
		font-size: 1.6rem;
	}
}

.l-footer__tel__memo{
	text-align: center;
	font-size: 1.4rem;
}
@media screen and (max-width: 768px) {
	.l-footer__tel__memo{ 
		width: 86vw;
		margin: 0 auto;
		font-size: 1.3rem;
	}
}

.l-footer__contact__list{
	display: flex;
	align-items: center;
	width: 86vw;
	overflow: hidden;
	margin: 3rem auto;
}
@media screen and (max-width: 768px) {
	.l-footer__contact__list{
		display: block;
		width: 86vw;
		margin: 2rem auto;
	}
}

.l-footer__contact__list li{
	width: calc(100% / 2 - 2rem);
	margin-right: 2rem;
	background: var(--color-white);
	padding: 2.5rem 1.5rem;
	border-radius: 10rem;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}
@media screen and (max-width: 768px) {
	.l-footer__contact__list li{
		width: 100%;
		margin-right: 0;
		margin-bottom: 1.5rem;
		padding: 1.3rem 1.5rem;
	}
}

.l-footer__contact__area{
	text-align: center;
	color: var(--color-pink);
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.l-footer__contact__area__eg{
	font-size: 2.2rem;
	line-height: 1.2;
}
@media screen and (max-width: 768px) {
	.l-footer__contact__area__eg{
		font-size: 2rem;
	}
}

.l-footer__contact__area__jp{}
@media screen and (max-width: 768px) {
	.l-footer__contact__area__jp{
		font-size: 1.5rem;
	}
}

.l-footer__contact__area a:hover{
	color: var(--color-skyblue);
}

.p-copylight{
	font-size: 1.4rem;
	text-align: center;
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.p-copylight{
		font-size: 1.2rem;
	}
}

/*=========================================
// pg-top-about layout style
=========================================*/
.pg-top-mt{
	margin-top: 10rem; 
}

.pg-top-about{ 
	display: flex;
	padding-bottom: 8rem; 
}
@media screen and (max-width: 990px){
	.pg-top-about{
		display: block;
		xflex-direction: column-reverse;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
}
@media screen and (max-width: 768px){
	.pg-top-about{ 
		padding-bottom: 0; 
	}
}

.pg-top-about .swiper-slide{
	background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
    overflow: hidden;
    backface-visibility: hidden;
}

.pg-top-about__figure{ 
	height: 100vh;
	width: calc((668/1400) * 100%);
	border-radius: 1rem;
	overflow: hidden;
}
@media screen and (max-width: 990px){
	.pg-top-about__figure{ 
		width: 100%;
		height: 60rem;
	}
}
@media screen and (max-width: 768px){
	.pg-top-about__figure{ 
		width: 100%;
		height: 51rem;
	}
}
@media screen and (max-width: 550px){
	.pg-top-about__figure{
		width: 100%;
		height: 40rem;
	}
}

img.swiper-slide-img{ 
	height: 100vh;
	spect-ratio: 9 / 16;
	border-radius: 1rem;
	overflow: hidden;
	object-fit: cover;
}
@media screen and (max-width: 990px){
	img.swiper-slide-img{
		height: 60rem;
	}
}
@media screen and (max-width: 768px){
	img.swiper-slide-img{
	height: 51rem;
	}
}
@media screen and (max-width: 560px){
	img.swiper-slide-img{
	height: 40rem;
	}
}

.pg-top-about__swiper .swiper-slide-active .swiper-slide-img,
.pg-top-about__swiper .swiper-slide-duplicate-active .swiper-slide-img,
.pg-top-about__swiper .swiper-slide-prev .swiper-slide-img{
  animation: zoom 7s linear 0s normal both;
}
@keyframes zoom {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.15);
  }
}

.pg-top-about__contents{ 
	width: calc((732/1400) * 100%);
	padding: 10rem calc((90/ 1400) * 100%) 8rem;
	}
@media screen and (max-width: 990px){
	.pg-top-about__contents{ 
		width: 100%;
		padding: 5rem 0;
	}
}
@media screen and (max-width: 768px){
	.pg-top-about__contents{ 
		padding: 3rem 0;
	}
}

.pg-top-about__title{ 
	font-size: 3rem;
	font-weight: var(--font-b-jp);
	letter-spacing: 0.1em;
	line-height: 1.5;
	padding-bottom: 1.5rem;
	color: var(--color-pink);
}

@media screen and (max-width: 990px) {
	.pg-top-about__title{ 
		font-size: 2.5rem;
		text-align: center;
	}
}
.pg-top-about__text{
	font-size: 1.8rem;
	font-weight: var(--font-b-jp);
	line-height: 2;
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 990px) {
	.pg-top-about__text{
		font-size: 1.65rem;
		line-height: 1.9;
	}
}



/*=========================================
// pg-top-news layout style
=========================================*/
.pg-top-news{ 
	display: flex;
}
@media screen and (max-width: 990px){
	.pg-top-news{
		display: block;
	}
}

.pg-top-news__article{
	width: calc(100% / 3 - 2.5rem);
	margin-right: 2.5rem;
}
@media screen and (max-width: 990px){
	.pg-top-news__article{
		width: 100%;
		margin: 0 0 2rem 0;
	}
}
.pg-top-news__article:hover{
	color: var(--color-pink);
}

.pg-top-news__figure img{ 
	transition: transform .6s ease; 
	-webkit-transition: transform .6s ease; 
}
.pg-top-news__figure:hover img{
	transform: scale(1.1);
}

.pg-top-news__post {
	margin-top: 1rem;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

.pg-top-news__post-time{
	font-weight: var(--font-b-eg);
}

.pg-top-news__post-title{
	font-size: 1.8rem;
	line-height: 1.5;
	font-weight: 900;
}
@media screen and (max-width: 990px){
	.pg-top-news__post-title{
		font-size: 1.6rem;
		line-height: 1.5;
	}
}

/*=========================================
// pg-top-topics layout style
=========================================*/
.pg-top-topics__area{ 
	padding: 3rem 0;
}

.pg-top-topics{
	padding-bottom: 3rem;
}
.pg-top-topics .swiper-wrapper{
    transition-timing-function: linear;
}

.pg-top-topics__area .swiper-pagination-bullets { 
  position: static;
} 
.pg-top-topics__area .swiper-pagination-bullet {
  width: 1rem !important;
  height: 1rem !important;
  margin: 0 0 0 1rem !important;
  background: var(--color-pink) !important;
}
@media screen and (max-width: 768px){
	.pg-top-topics__area .swiper-pagination-bullet {
		width: 0.8rem !important;
		height: 0.8rem !important;
		margin: 0 0 0 0.8rem !important;
	}
}

.pg-top-topics__area .swiper-pagination-bullet:first-child {
  margin: 0 !important;
}

.pg-top-topics__article{ 
	width: 96%;
	margin: 0 auto;
}
.pg-top-topics__contents{
	margin-top: 2rem;
	text-align: center;
}
@media screen and (max-width: 768px){
	.pg-top-topics__slider{
		margin-top: 1.5rem;
	}
}

.pg-top-topics__figure {
	border-radius: 0.6rem;
	overflow: hidden;
}
.pg-top-topics__figure img{
	transition: transform .6s ease;
	-webkit-transition: transform .6s ease;
}
.pg-top-topics__figure img:hover{
	transform: scale(1.1);
}

.pg-top-topics__category{
	background: var(--color-pink);
	font-size: 2.5rem;
	line-height: 1.5;
	font-weight: var(--font-b-eg);
	color: var(--color-white);
	padding: 0 3rem;
	border-radius: 2rem;
}

.pg-top-topics__title{
	font-size: 2.2rem;
	font-weight: var(--font-b-jp);
	margin-bottom: 0.7rem;
}
@media screen and (max-width: 768px){
	.pg-top-topics__title{
		font-size: 1.8rem;
	}
}

.pg-top-topics__txt{
	font-size: 1.7rem;
}
@media screen and (max-width: 768px){
	.pg-top-topics__txt{
		font-size: 1.5rem;
	}
}


/*=========================================
// booth layout style
=========================================*/
.l-booth{ 
	overflow: hidden;
	padding: 16rem 0 10rem;
}
@media screen and (max-width: 1024px) {
	.l-booth{ 
		padding: 16rem 0 10rem;
	}
}

@media screen and (max-width: 768px) {
	.l-booth{ 
		padding: 2rem 0 10rem;
	}
}

.l-booth__inner{ 
	max-width: 86vw;
	position: relative;
}
@media screen and (max-width: 768px) {
	.l-booth__inner{ 
		max-width: 95vw;
	}
}

.l-booth__swiper__area{
	overflow: visible!important;
}

.l-booth .l-booth__swiper {
	padding: 1.7rem 5rem 0 11rem; 
	overflow-x: scroll;
	-ms-overflow-style: none;
}
@media screen and (max-width: 990px) {
	.l-booth .l-booth__swiper {
		padding: 5rem 5rem 0 8rem; 
	}
}

@media screen and (max-width: 768px) {
	.l-booth .l-booth__swiper {
		padding: 5rem 0rem 0 2rem; 
	}
}
.l-booth .l-booth__swiper::-webkit-scrollbar{
  display: none;
}

.l-booth__swiper li{ 
	position: relative;
	width: 42rem;
	margin-right: 4rem!important;
	z-index: 1;
}
@media screen and (max-width: 1024px) {
	.l-booth__swiper li{ 
		width: 39rem;
		margin-right: 4rem!important;
	}
}

@media screen and (max-width: 768px) {
	.l-booth__swiper li{ 
		width: 80%;
		margin-right: 3rem!important;
		z-index: 1;
	}
}

.l-booth__swiper .swiper-wrapper::after{ 
	content: "";
	display: block;
	padding-right: 2.8rem;
}

.l-booth__number__active,
.l-booth__number__food{
	position: absolute;
	right: -1rem;
	top: -1.5rem;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 5.5rem;
	height: 5.5rem;
	color: var(--color-white);
	font-size: 2.5rem;
	font-weight: 900;
	background: var(--color-pink);
	border-radius: 50px;
}

.l-booth__number__active::before,
.l-booth__number__food::before{
	font-size: min(25px, 2.5rem);
	color: var(--color-white);
	font-weight: 900;
}

.l-booth__number__active::before{
	content: counter(active) " ";
	counter-increment: active 1;
}

.l-booth__number__food::before{
	content: counter(food) " ";
	counter-increment: food 1;
}

.l-booth__country{
	display: flex;
	align-items: center;
	font-size: 3rem;
	color: var(--color-pink);
	font-weight: 900;
}
@media screen and (max-width: 768px) {
	.l-booth__country{
		font-size: 2.2rem;
	}
}

.l-booth__country span{
	margin-right: 1rem;
}

.l-booth__figure {
	margin-bottom: 1rem;
}

.l-booth__figure img{
	border-radius: var(--photo-round);
}

.l-booth__info li{
	width: 100%;
	display: flex;
	align-items: center;
	margin-bottom: 1rem;
}
.l-booth__info span{
	background: var(--color-pink);
	padding: 0.3rem 2rem;
	font-weight: 600;
	border-radius: 0.3rem;
	color: var(--color-white);
	margin-right: 1rem;
}
@media screen and (max-width: 768px) {
	.l-booth__info span{
	padding: 0.3rem 1rem;
	}
}


.l-booth__name{
	font-weight: 600;
	font-size: 1.8rem;
	line-height: 1.5;
	margin: 1rem 0;
}
@media screen and (max-width: 768px) {
	.l-booth__name{
		font-size: 1.6rem;
	}
}


.l-booth__explain{
	line-height: 1.5;
}

.l-booth__notes{
	line-height: 1.4;
	font-size: 1.3rem;
	margin-top: 1rem;
}

.l-booth .swiper-button-next, .swiper-button-prev{
	top: -8rem!important;
	right: 7rem;
}
@media screen and (max-width: 1024px) {
	.l-booth .swiper-button-next, .swiper-button-prev{
	right: 4rem;
	}
}
@media screen and (max-width: 990px) {
	.l-booth .swiper-button-next, .swiper-button-prev{
		display: none;
	}
}

.l-booth .swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:inherit!important;
	right: 14rem!important;
}
@media screen and (max-width: 1024px) {
	.l-booth .swiper-button-prev, .swiper-rtl .swiper-button-next{
	left:inherit!important;
	right: 12rem!important;
	}
}

@media screen and (max-width: 990px) {
	.l-booth .swiper-button-prev, .swiper-rtl .swiper-button-next{
		display: none;
	}
}

.l-booth .swiper-button-prev,
.l-booth .swiper-button-next{ 
	width: 6rem;
	height: 6rem;
	border-radius: 50px;
	background: var(--color-pink);
	position: absolute;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
  }
@media screen and (max-width: 768px) {
	.l-booth .swiper-button-prev,
	.l-booth .swiper-button-next{ 
		width: 5.5rem;
		height: 5.5rem;
	}
}


.l-booth .swiper-button-prev:hover,
.l-booth .swiper-button-next:hover{ 
	background: var(--color-skyblue);
  }

.l-booth .swiper-button-next:before{
	display: none;
}

.l-booth .swiper-button-next:after,
.l-booth .swiper-button-prev:after{
	content: "";
	width: 1.3rem;
	height: 1.3rem;
	border: solid var(--color-white);
	position: absolute;
	
}
.l-booth .swiper-button-next:after{
	border-width: 0.3rem 0.3rem 0 0;
	transform: rotate(45deg);
	left: 36%;
}
.l-booth .swiper-button-prev:after{
	border-width: 0.3rem 0 0 0.3rem ;
	transform: rotate(-45deg);
	left: 42%;
}

.l-booth .swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled{
	opacity: 1!important;
}


.l-booth-counter-food{ 
	position: absolute;
	right: -15px;
	top: -25px;
	width: 55px;
	height: 55px;
	border-radius: 50%;
	background: var(--color-pink);
	z-index: 1;
	display: flex;
	align-items: center;
	justify-content: center;
	counter-increment: food;
	
}
.l-booth-counter-food::before{
	content: counter(food) " ";
	font-size: min(25px, 2.5rem);
	color: var(--color-white);
	font-weight: 900;
}

.l-booth-lineup-slider-item-info-section{
	display: inline-block;
	padding: 0 10px;
	border-radius: 5px;
	background: var(--color-pink);
	color: var(--color-white);
}

/*=========================================
// pg-top-faq layout style
=========================================*/
.pg-top-faq li:last-of-type.c-under-line{ 
	border-bottom: none;
}
.pg-top-faq li{
	padding-top: 1.5rem;
	padding-bottom: 1.5rem;
}

.pg-top-faq__inner{ 
	width: 98%;
	margin: 0 auto;
}

.pg-top-faq__question{ 
	width: 95%;
	font-size: 1.8rem;
	font-weight: 900;
	position: relative;
	cursor: pointer;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
	display: flex;
	align-items: center;
}
@media screen and (max-width: 768px){
	.pg-top-faq__question{ 
	width: 92%;
	font-size: 1.6rem;
	}
}

.pg-top-faq__question span::before{
	content: "Q";
	font-size: 3rem;
	font-weight: 900;
	color: var(--color-pink);
	top: 50%;
	left: 0;
	padding-right: 1.5rem;
	font-family: 'Nunito', sans-serif;
}
@media screen and (max-width: 768px){
	.pg-top-faq__question span::before{
		font-size: 2.5rem;
		left: -2.8rem;
	}
}

.pg-top-faq__question::before,
.pg-top-faq__question::after{ 
	content: "";
	width: 20px;
	height: 4px;
	background: var(--color-pink);
	border-radius: 5px;
	position: absolute;
	top: 50%;
	right: -4rem;
	transform: translateY(-50%);
}
@media screen and (max-width: 768px){
	.pg-top-faq__question::before,
	.pg-top-faq__question::after{ 
		right: -2.5rem;
	}
}

.pg-top-faq__question::before{
	transform: rotate(0deg);
}
.pg-top-faq__question::after{
	transform: rotate(90deg);
}
.pg-top-faq__question.close::before{
	transform: rotate(45deg);
}
.pg-top-faq__question.close::after{
	transform: rotate(-45deg);
}

.pg-top-faq__answer{
	display: none;
	width: 95%;
	padding-top: 1.5rem;
}
@media screen and (max-width: 768px){
	.pg-top-faq__answer{ 
		width: 92%;
	}
}

.pg-top-faq__answer-inner{
	display: flex;
}
.pg-top-faq__answer-inner span::before{
	content: "A";
	font-size: 3rem;
	font-weight: 900;
	color: var(--color-pink);
	top: 0;
	left: 0;
	padding-right: 1.5rem;
	font-family: 'Nunito', sans-serif;
}
@media screen and (max-width: 768px){
	.pg-top-faq__answer-inner span::before{
		font-size: 2.5rem;
	}
}

.pg-guidancs-map{
	position: relative;
	padding-bottom: 56.25%;
	border-radius: 0.6rem;
	overflow: hidden;
}

.pg-guidancs-map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border-radius: 0.6rem;
	overflow: hidden;
}

.pg-guidancs-data{
	margin-top: 80px;
}

.pg-guidancs-data li{ 
	padding: 2rem 0;
}
.pg-guidancs-data li:last-of-type.c-under-line{ 
	border-bottom: none;
}

.pg-guidancs-data__section{
	font-size: 2rem;
	font-weight: 900;
	color: var(--color-pink);
	position: relative;
	padding-left: 5rem;
}
@media screen and (max-width: 768px) {
	.pg-guidancs-data__section{
		font-size: 1.6rem;
		padding-left: 3.5rem;
	}
}

.pg-guidancs-data__section::before{
	content: "";
	width: 4rem;
	height: 0.3rem;
	background: var(--color-pink);
	position: absolute;
	top: 50%;
	left: 0;
	display: block;
	border-radius: 10px;	
}
@media screen and (max-width: 768px) {
	.pg-guidancs-data__section::before{
		width: 2.5rem;
	}
}

.pg-guidancs-data__contents{ 
	width: 98%;
	padding-left: 5rem;
}
@media screen and (max-width: 768px) {
	.pg-guidancs-data__contents{ 
		width: 96%;
		padding-left: 3.5rem;
	}
}





.pg-supporters-logolist{
	width: calc(100% + 1.5rem);
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 2rem;
	margin: 4rem auto;
}
@media screen and (max-width: 540px) {
	.pg-supporters-logolist{
		width: calc(100% + 1rem);
	}
}

.pg-supporters-logolist li{ 
	width: calc(100% / 5 - 1.5rem);
	margin-right: 1.5rem;
	margin-bottom: 1.5rem;
}
@media screen and (max-width: 768px) {
	.pg-supporters-logolist li{ 
		width: calc(100% / 3 - 1.5rem);
	}
}
@media screen and (max-width: 540px) {
	.pg-supporters-logolist li{ 
		width: calc(100% / 3 - 1rem);
		margin-right: 1rem;
		margin-bottom: 1rem;
	}
}

.pg-supporters-textlist{ 
	width: calc(100% + 1.5rem);
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	padding-bottom: 2rem;
	font-size: 1.4rem;
}
.pg-supporters-textlist li{ 
	margin-right: 0.4rem;
	display: flex;
	align-items: center;
}
.pg-supporters-textlist li::after{
	content: "|";
	padding-left: 0.3rem;
}







#gallery{
	width: 100%;
	height: auto;
	overflow: hidden;
}

.p-gallery-area{ 
	margin: 8rem 0;
}

.p-gallery-area .swiper-wrapper {
  transition-timing-function: linear;
}
.p-gallery-area .swiper-slide{
	border-radius: 0.6rem;
	overflow: hidden;
	margin: 0 1.5rem;
	width: calc(100% / 4);
}
@media screen and (max-width: 1024px){
	.p-gallery-area .swiper-slide{
		margin: 0 1.2rem;
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 990px){
	.p-gallery-area .swiper-slide{ 
		margin: 0 1.2rem;
		width: calc(100% / 3);
	}
}
@media screen and (max-width: 768px){
		.p-gallery-area .swiper-slide{  
			margin: 0 0.8rem;
		width: calc(100% / 2);
	}
}

.p-gallery-top{
	margin-bottom: 3rem;
}
@media screen and (max-width: 990px){
	.p-gallery-top{
		margin-bottom: 1.2rem;
	}
}
@media screen and (max-width: 768px){
	.p-gallery-top{
		margin-bottom: 1.6rem;
	}
}

.c-swiper-gallery-top .swiper-wrapper{
	height: 31.4rem;
}
.c-swiper-gallery-top .swiper-wrapper {
  transition-timing-function: linear;
}





/*=========================================
//page layout style
=========================================*/
.p-cover{
	height: 49rem;
	margin: 3rem 0 15rem;
}
@media screen and (max-width: 768px){
	.p-cover{
		height: 30rem;
		margin: 1rem 0 25rem;
	}
}

.p-cover__inner{ 
	position: relative;
	z-index: 1;
	width: 65vw;
	display: flex;
	flex-direction: row-reverse;
	margin: 0 0 0 auto;
}
@media screen and (max-width: 1024px){
	.p-cover__inner{
		display: block;
		width: 95vw;
		flex-direction: row;
	}
}

.p-cover__figure{
	height: 49rem;
}
@media screen and (max-width: 768px){
	.p-cover__figure{
		height: 35rem;
	}
}

.p-cover__figure .__cover{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	top: 0;
	left: 0;
	border-radius: 1.6rem 0 0 1.6rem;
}

.p-cover__contents{ 
	width: 35vw;
	height: 100%;
	position: absolute;
	top: 0;
	left: -35vw;
	padding: 15rem 6rem;
	color: var(--color-skyblue);
	
}
@media screen and (max-width: 1024px){
	.p-cover__contents{ 
		width: 100vw;
		height: auto;
		top: auto;
		left: 0;
		padding: 3rem 0;
	}
}

.p-cover__eg{
	font-size: 4.5rem;
	font-weight: 900;
	line-height: 1;
}
.p-cover__jp{
	font-size: 1.6rem;
	font-weight: 600;
}











/*=========================================
// about page layout style
=========================================*/

.pg-about__intro{ 
	margin-bottom: 5rem;
}

.pg-about__intro__title{ 
	font-size: 3rem;
	text-align: center;
	font-weight: var(--font-b-jp);
	color: var(--color-skyblue);
}
@media screen and (max-width: 768px){
	.pg-about__intro__title{ 
		font-size: 2.5rem;
	}
}
.pg-about__intro__text{
	width: 75%;
	margin: 0 auto;
	font-size: 1.8rem;
	font-weight: var(--font-b-jp);
	line-height: 2;
}
@media screen and (max-width: 768px){
	.pg-about__intro__text{ 
		width: 100%;
		font-size: 1.6rem;
	}
}

.pg-about__feature{ 
	padding-bottom: 3rem;
	border-bottom: 7px solid var(--color-pink);
}
@media screen and (max-width: 768px){
	.pg-about__feature{
		border-bottom: 0.3rem solid var(--color-pink);
	}
}
.pg-about__feature:last-of-type{
	border-bottom: none;
}

.pg-about__feature__inner__reverse{
	height: 100%;
	display: flex;
	display: -ms-flexbox;
	align-items: end;
}

@media screen and (max-width: 990px){
	.pg-about__feature__inner__reverse{
		flex-direction: column-reverse;
		-webkit-box-orient: horizontal;
		-webkit-box-direction: column-reverse;
		-ms-flex-direction: column-reverse;
	}
}

.pg-about__feature__inner{ 
	height: 100%;
	display: flex;
	display: -ms-flexbox;
	align-items: end;
}

@media screen and (max-width: 990px){
	.pg-about__feature__inner{
		display: block;
	}
}

.pg-about__figure{ 
	width: 50%;
	padding: 1.5rem;
}
@media screen and (max-width: 990px){
	.pg-about__figure{
		width: 100%;
		padding: 0 0;
	}
}
.pg-about__figure img{ 
	width: 100%;
	height: auto;
	object-fit: cover;
}

.pg-about__contents{ 
	width: 50%;
	padding: 0 3rem 1.5rem;
}
@media screen and (max-width: 990px){
	.pg-about__contents{
		width: 100%;
		padding: 0 0 1.5rem;
	}
}

.pg-about__contents__title{
	color: var(--color-pink);
}
@media screen and (max-width: 990px){
	.pg-about__contents__title{
		text-align: center;
		margin-bottom: 1rem;
	}
}

.pg-about__contents__number{
	font-size: 4.5rem;
	font-weight: var(--font-b-eg);
	padding-right: 1.5rem;
	line-height: 1.3;
}
@media screen and (max-width: 990px){
	.pg-about__contents__number{
		display: block;
		font-size: 3.5rem;
		padding-bottom: 0rem;
		padding-right: 0;
	}
}

.pg-about__contents__catch{
	font-size: 2.6rem;
	font-weight: var(--font-b-jp);
	padding-top: 0.7rem;
}
.pg-about__contents__catch .__small{
	font-size: 2rem;
}

.pg-about__contents__text{ 
	font-size: 1.6rem;
	font-weight: 500;
}
@media screen and (max-width: 990px){
	.pg-about__contents__text{
		font-size: 1.6rem;
	}
}

.pg-about__expo{ 
	padding-bottom: 3rem;
	border-bottom: 0.7rem solid var( --color-pink); 
}
@media screen and (max-width: 768px){
	.pg-about__expo{ 
		border-bottom: 0.4rem solid var( --color-pink); 
	}
}

.pg-about__expo__figure{
	width: 35vw;
	margin: 0 auto;
	padding-top: 5rem;
	padding-bottom: 5rem;
}
@media screen and (max-width: 768px){
	.pg-about__expo__figure{
		width: 50vw;
		padding-top: 3rem;
		padding-bottom: 2rem;
	}
}

.pg-about__expo__contents{
	width: 65vw;
	margin: 0 auto;
}
@media screen and (max-width: 768px){
	.pg-about__expo__contents{
		width: 81vw;
	}
}

.pg-about__expo__point{
	font-weight: 900;
	font-size: 2.5rem;
}
.pg-about__expo__point>span{
	font-size: 3.5rem;
	margin-left: 0.3rem;
}
@media screen and (max-width: 980px){
	.pg-about__expo__point{
		
	}
}

.pg-about__expo__catch{
	font-size: 2.2rem;
	font-weight: 600;
	color: #000;
}



/*=========================================
// pg-topics layout style
=========================================*/
.pg-topics__header{
	margin-top: 10rem;
}

.pg-topics__figure{
	border-radius: 1rem;
	overflow: hidden;
	margin-bottom: 3rem;
}
@media screen and (max-width: 768px){
	.pg-topics__figure{
		height: 35rem;
	}
	.pg-topics__figure img{
		height: 35rem;
		object-fit: cover;
	}
}

.pg-topics__category{
	color: var(--color-white);
	font-size: 2rem;
	font-weight: var(--font-b-jp);
	display: table;
	margin: 0 auto 2rem;
	text-align: center;
	border-radius: 3rem;
	padding: 0.5rem 2.5rem;
	background: var(--color-pink);
}
@media screen and (max-width: 768px){
	.pg-topics__category{
		font-size: 1.8rem;
		padding: 0.3rem 2rem;
		margin: 0 auto 1rem;
	}
}

.pg-topics__title{
	font-size: 2.2rem;
	font-weight: var(--font-b-jp);
	text-align: center;
	margin-bottom: 2.5rem;
}
@media screen and (max-width: 768px){
	.pg-topics__title{
		font-size: 1.8rem;
		margin-bottom: 1rem;
	}
}

.pg-topics__gallery{
	display: flex;
	width: calc(100% + 3rem);
	overflow: hidden;
	margin-top: 3rem;
}

.pg-topics__gallery li{
	width: calc(33.3333% - 3rem);
	margin-right: 3rem;
	border-radius: 0.6rem;
	overflow: hidden;
}
@media screen and (max-width: 768px){
	.pg-topics__gallery li{
		width: calc(50% - 3rem);
	}
}

@media screen and (max-width: 768px){
	.-sp-none{
		display: none;
	}
}