@charset "UTF-8";

/*
Theme Name: bmo
Theme URI: https://wordpress.org/themes/twentytwentyone/
Author: the WordPress team
Author URI: https://wordpress.org/
Description: Twenty Twenty-One is a blank canvas for your ideas and it makes the block editor your best brush. With new block patterns, which allow you to create a beautiful layout in a matter of seconds, this theme’s soft colors and eye-catching — yet timeless — design will let your work shine. Take it for a spin! See how Twenty Twenty-One elevates your portfolio, business website, or personal blog.
Requires at least: 5.3
Tested up to: 6.2
Requires PHP: 5.6
Version: 1.8.8
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentyone
Tags: one-column, accessibility-ready, custom-colors, custom-menu, custom-logo, editor-style, featured-images, footer-widgets, block-patterns, rtl-language-support, sticky-post, threaded-comments, translation-ready

Twenty Twenty-One WordPress Theme, (C) 2020 WordPress.org
Twenty Twenty-One is distributed under the terms of the GNU GPL.
*/
/* Variables */
@import url('./layout.css');
:root {

	/* Font Family */
	--global--font-primary: var(--font-headings, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);
	--global--font-secondary: var(--font-base, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif);



	--header--height: 14rem;
	--header--height--sp: 7.5rem;

	--global--inner01: 68rem;

	/* font-weight */
	--font--weight-regular: 400;
	 --font--weight-medium: 500;
	   --font--weight-bold: 700;
	  --font--weight-black: 900;


	/* Line Height */
	--global--line-height-body: 1.7;
	--global--line-height-heading: 1.3;
	--global--line-height-page-title: 1.1;

	/* Headings */
	--heading--font-family: var(--global--font-primary);
	--heading--font-size-h6: var(--global--font-size-xs);
	--heading--font-size-h5: var(--global--font-size-sm);
	--heading--font-size-h4: var(--global--font-size-lg);
	--heading--font-size-h3: calc(1.25 * var(--global--font-size-lg));
	--heading--font-size-h2: var(--global--font-size-xl);
	--heading--font-size-h1: var(--global--font-size-page-title);
	--heading--letter-spacing-h6: 0.05em;
	--heading--letter-spacing-h5: 0.05em;
	--heading--letter-spacing-h4: var(--global--letter-spacing);
	--heading--letter-spacing-h3: var(--global--letter-spacing);
	--heading--letter-spacing-h2: var(--global--letter-spacing);
	--heading--letter-spacing-h1: var(--global--letter-spacing);
	--heading--line-height-h6: var(--global--line-height-heading);
	--heading--line-height-h5: var(--global--line-height-heading);
	--heading--line-height-h4: var(--global--line-height-heading);
	--heading--line-height-h3: var(--global--line-height-heading);
	--heading--line-height-h2: var(--global--line-height-heading);
	--heading--line-height-h1: var(--global--line-height-page-title);
	--heading--font-weight: normal;
	--heading--font-weight-page-title: 300;
	--heading--font-weight-strong: 600;

	/* Colors */
	--global--color--green01: #003d33;
	--global--color--green02: #2ab06d;
	--global--color--green03: #2e6953;
	--global--color--green04: #1ebab3;
	--global--color--green05: #009264;
	--global--color--green06: #145e48;
	--global--color--green07: #8aced0;
	--global--color--green08: #becb50;

	--global--color--pink: #ef75a5;

	--global--color--beige01: #e4d8d1;
	--global--color--beige02: #e5d8d2;
	--gloabl--color--beige03: #cab9b5;
	--gloabl--color--beige04: #d4beb4;

	--global--color--orange01: #f08458;

	--global--color--skyblue: #33c8e7;
	--global--color--skyblue02: #76daef;

	

	--global--color--gray01: #e6e6e8;
	--global--color--gray02: #c4c4c4;
	--global--color--gray03: #787878;

	--global--color--purple: #b29dd1;


	--global--color--yellow01: #fcc92c;
	--global--color--yellow02: #fee278;
	--global--color--black: #000000;
	--global--color-white: #ffffff;
	--global--color-white-50: rgba(255, 255, 255, 0.5);
	--global--color-white-90: rgba(255, 255, 255, 0.9);
	--global--color--black--70: rgba(0, 0, 0, 0.7);
	--global--color--black--30: rgba(0, 0, 0, 0.3);
	--global--color--hover: rgba(255, 255, 255, 0.4);

	--global--font-eng: "Concert One", sans-serif;

	--global--font-noto: "Noto Sans JP", sans-serif;
	--global--font-gothic: "Zen Kaku Gothic New", sans-serif;

}

html, body{
	font-family: "Zen Kaku Gothic New", sans-serif;
	font-weight: var(--font--weight-regular);
	font-style: normal;
	overflow-x: hidden;
	letter-spacing: normal;
}

.jpn {
	font-family: "Noto Sans JP", sans-serif;
	font-optical-sizing: auto;
	font-weight: var(--font--weight-regular);
	font-style: normal;
}

.eng {
	font-family: "Concert One", sans-serif;
	font-weight: var(--font--weight-regular);
	font-style: normal;
}



.c-green { color: var(--global--color--green02); }
.c-orange{ color: var(--global--color--orange01); }


header{
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background-color: var(--global--color--green01);
	height: var(--header--height);
	z-index: 999;
}
header .header-inner{
	padding: 0 4rem;
	display: flex;
	justify-content: space-between;
}
header .header-inner .logo{
	display: flex;
	align-items: center;
	max-width: 33.7rem;
	height: var(--header--height);
}
header .header-inner .logo img{
	height: 10rem;
}
header .header-inner .logo span{
	margin-left: 4rem;
	width: 19.8rem;
	height: 9rem;
	background: url('./assets/images/common/logo-header-t-01.svg') no-repeat 0 0 / 19.7rem auto;
}
header .header-inner a.logo:hover span{
	background: url('./assets/images/common/logo-header-t-02.svg') no-repeat 0 0 / 19.7rem auto;

}


header .header-inner .header-menu{
	display: flex;
}
header .header-inner .header-menu ul{
	display: flex;
	align-items: center;
}
header .header-inner .header-menu ul li:not(:last-child){
	margin-right: 1rem;
}
header .header-inner .header-menu ul a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.1rem;
	height: 8.1rem;
	border-radius: 8.1rem;
	border: var(--global--color-white) 1px solid;
	color: var(--global--color-white);
	font-weight: var(--font--weight-bold);
	line-height: var(--global--line-height-heading);
}
header .header-inner .header-menu ul li a:hover{
	opacity: .6;
}



.inner{
	max-width: 92rem;
	margin: 0 auto;
}


footer{
	background-color: var(--global--color--green02);
	padding: 7.5rem 0 5.5rem 0;
	position: relative;
}
footer .footer-inner{
	max-width: 92rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
footer::before{
	content: "";
	height: 2.1rem;
	background: url('./assets/images/common/bg-mark01.svg') repeat-x 0 0;
	width: 100%;
	display: block;
    position: absolute;
    top: -2.1rem;
}

footer .footer-information .logo{
	max-width: 24.5rem;
	margin-bottom: 5rem;
}


footer .footer-information *{
	color: var(--global--color-white);
}

footer .footer-information .name{
	font-size: 1.4rem;
	font-weight: var(--font--weight-black);
	margin-bottom: 2rem;
	line-height: 1;
}
footer .footer-information dl *,
footer .footer-information small{
	font-size: 1.2rem;
	line-height: 1.4;
}

footer .footer-menu{
	display: flex;
}
footer .footer-menu ul:first-child{
	margin-right: 8rem;
}
footer .footer-menu ul li a{
	font-size: 1.4rem;
	color: var(--global--color-white);
	display: block;
	padding: .3rem 0;
}
footer .footer-menu ul li a:hover{
	opacity: .6;
}



.title h2{ font-size: 7rem; }



.triangle-02{
	content: "";
    position: absolute;
    width: 26.0rem;
    height: 17.5rem;
    background: url(./assets/images/common/page-header-bg02.svg) no-repeat 0 0 / 26.0rem auto;
    right: -4.5rem;
    top: 1rem;
}
.triangle-01{
	content: "";
    position: absolute;
    width: 15.6rem;
    height: 12.0rem;
    background: url(./assets/images/common/page-header-bg01.svg) no-repeat 0 0 / 15.6rem auto;
    left: -2rem;
    bottom: 0;
}







section.main{
	margin-top: calc(var(--header--height) - .1rem);
	position: relative;
}
section.main img{
	max-width: 100%;
	width: 100%;
}

.catch{
	position: absolute;
	left: 0;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	bottom: 5.5rem;
}
.catch span{
	display: inline-flex;
	font-size: 5rem;
	font-weight: var(--font--weight-black);
	background-color: var(--global--color--green04);
	padding: .5rem 3.5rem 1rem;
	line-height: 1;
}

.catch h2{
	text-align: center;
}

.catch span{
	color: var(--global--color-white);
	margin-bottom: 1rem;
	border-radius: .8rem;
	text-shadow: 0px 0px 1rem var(--global--color--black--30);
}
.catch span strong{
	color: var(--global--color--yellow01);
}


/*----- information ------------------------------------------------------------------------------------------------------------------------*/

section.information{
	padding: 11.5rem 0 12.2rem 0;
	background-color: var(--global--color--beige01);
}
.title{
	text-align: center;
}
.title h2{
	color: var(--global--color--green02);
	text-shadow: 2px 1px 0px var(--global--color--green03);
	line-height: 1;
}
.title span.sub{
	margin-top: 1.5rem;
	display: block;
	font-size: 1.8rem;
	font-weight: var(--font--weight-black);
}
section.information .information-box{
	margin-top: 5rem;
}



section.information .information-box ul{
	display: flex;
	flex-wrap: wrap;
}
section.information .information-box ul li{
	width: 48.5%;
	margin-bottom: 2%;
	position: relative;
	overflow: hidden;
	height: 15.2rem;
	border-radius: 2rem;
}
section.information .information-box ul li:nth-child(odd){
	margin-right: 2%;
}
section.information .information-box ul li a{
	display: flex;
	height: 15.2rem;
	width: calc(100% - 7rem);
	background-color: var(--global--color--orange01);
	border-radius: 2rem;
	align-items: center;
	padding-left: 7rem;
	font-size: 1.5rem;
	color: var(--global--color-white);
	position: relative;
	font-weight: var(--font--weight-black);
}

section.information .information-box ul li a::before{
	content: "";
	position: absolute;
	background: url('./assets/images/common/icon-arrow01.svg') no-repeat 0 0;
	width: 1.4rem;
	height: 1.7rem;
	left: 2.8rem;
	top: calc(50% - .85rem);
}
section.information .information-box ul li a::after{
	content: "";
	position: absolute;
}
section.information .information-box ul li.b01 a::after{
	background: url('./assets/images/common/icon-school.svg') no-repeat 0 0;
	width: 7.8rem;
	height: 7.4rem;
	right: 4.8rem;
	top: calc(50% - 3.7rem);
}
section.information .information-box ul li.b02 a::after{
	background: url('./assets/images/common/icon-access.svg') no-repeat 0 0;
	width: 9.5rem;
	height: 8.6rem;
	right: 4.0rem;
	top: calc(50% - 4.3rem);
}
section.information .information-box ul li.b03 a::after{
	background: url('./assets/images/common/icon-faq.svg') no-repeat 0 0;
	width: 11.4rem;
	height: 7.5rem;
	right: 3.0rem;
	top: calc(50% - 3.75rem);
}
section.information .information-box ul li a:hover{
	opacity: .8;
}







section.guide{
	padding: 11.0rem 0 10.0rem 0;
	background-color: var(--global--color--gray01);
}

section.guide .inner{
	position: relative;
}
section.guide .inner::before{
	content: "";
	position: absolute;
	width: 27.3rem;
	height: 17rem;
	background: url('./assets/images/home/guide-bg01.svg') no-repeat 0 0;
	top: -6rem;
	left: 0;
}

section.guide .inner::after{
	content: "";
	position: absolute;
	width: 27.3rem;
	height: 17rem;
	background: url('./assets/images/home/guide-bg02.svg') no-repeat 0 0;
	top: -6rem;
	right: 0;
}


section.guide .msg{
	padding: 4rem 0 3rem;
	text-align: center;
	font-weight: var(--font--weight-bold);
}


section.guide .fukidashi{
	margin-bottom: 4.5rem;
}

section.guide .guide-map-box{
	background-color: var(--global--color-white);
	border-radius: 4rem;
	padding: 2rem;
}
section.guide .guide-map-box img{
	width: 100%;
}

section.guide .button{
	display: flex;
	justify-content: center;
	margin-bottom: 10rem;
}

section.guide .button a{
	width: 44.8rem;
	height: 11rem;
	display: flex;
	background-color: var(--global--color-white);
	border-radius: 2rem;
	font-size: 2rem;
	justify-content: center;
	align-items: center;
	font-weight: var(--font--weight-black);
	position: relative;
	overflow: hidden;
}
section.guide .button a span{
	text-align: center;
	background: url(./assets/images/common/icon-arrow01.svg) no-repeat 20% 50% / 1.4rem auto;
	padding-left: 10rem;
}

section.guide .button a::before{
	content: "";
	position: absolute;
	width: 10rem;
	height: 100%;
	background: url('./assets/images/home/icon-map.svg') var(--global--color--green02) no-repeat 50% 50% / 4.2rem auto;
	top: 0;
	left: 0;
}













.fukidashi{
	text-align: center;
}
.fukidashi h3{
	display: inline-block;
	font-size: 2.8rem;
	font-weight: var(--font--weight-black);
	width: 43.2rem;
	padding: 1rem 0;
	color: var(--global--color-white);
	background-color: var(--global--color--green02);
	justify-content: center;
	border-radius: 5rem;
	position: relative;
}
.fukidashi h3::after{
	content: "";
	position: absolute;
	width: 2.2rem;
	height: 1.4rem;
	background: url('./assets/images/common/icon-fukidashi.svg') no-repeat 0 0;
	bottom: -1.4rem;
	right: 7rem;
}








section.about{
	padding: 10rem 0 26.4rem 0;
	background-color: var(--global--color--beige02);
}

section.about .title-fukidashi{
	display: flex;
	justify-content: center;
}
section.about .title-fukidashi h3{
	display: flex;
	font-size: 5rem;
	font-weight: var(--font--weight-black);
	width: 24.2rem;
	height: 6.2rem;
	color: var(--global--color--beige02);
	background-color: var(--global--color--black);
	justify-content: center;
	align-items: center;
	border-radius: 5rem;
	position: relative;
}
section.about .title-fukidashi h3::after{
	content: "";
	position: absolute;
	width: 2.2rem;
	height: 1.4rem;
	background: url('./assets/images/common/icon-fukidashi02.svg') no-repeat 0 0;
	bottom: -1.4rem;
	right: 7rem;
}
section.about .about-box{
	margin-top: 5rem;
}
section.about .about-box .mark{
	width: 34.2rem;
	margin: 0 auto;
}
section.about .about-box .mark img{
	width: 100%;
}
section.about .about-box h4,
section.about .about-box h4 *{
	text-align: center;
	margin: 5rem 0 9rem 0;
	line-height: 1.3;
	font-size: 4.2rem;
	font-weight: var(--font--weight-black);
}
section.about .about-box h4 span{
	color: var(--global--color--green02);
}
section.about .about-box .ph{
	margin-bottom: 4rem;
}
section.about .about-box .ph img{
	width: 100%;
}
section.about .about-box .txt{
	max-width: 68rem;
	width: 100%;
	margin: 0 auto;
	font-size: 1.5rem;
	font-weight: var(--font--weight-black);
}


section.about .youtube{
	text-align: center;
	margin-top: 6rem;
}
section.about .youtube p{
	font-size: 2rem;
	font-weight: 700;
    margin-bottom: 2rem;
    letter-spacing: .1rem;
}


.button{
	margin-top: 6rem;
	display: flex;
	justify-content: center;
	
}
.button a{
	position: relative;
	display: flex;
	width: 42rem;
	height: 8.6rem;
	font-weight: var(--font--weight-black);
	justify-content: center;
	align-items: center;
	border-radius: 5rem;
	background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--skyblue02) no-repeat 3rem 50% / 1.5rem auto;
	overflow: hidden;
}

.buttons a:hover::after,
.button a:hover::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--global--color--hover);
	z-index: 1;
	transition: .5s all;
}


section.about{
	position: relative;
}
section.about::before{
	content: "";
	position: absolute;
	width: 100%;
	height: 16.4rem;
	top: -16.4rem;
	background: url(./assets/images/home/about-bg.svg) repeat-x 50% 50%;

}


.bg-tree{
	content: "";
	position: absolute;
	width: 59.1rem;
	height: 54.6rem;
	background: url(./assets/images/home/about-bg02.svg) repeat-x 50% 50%;
    top: -27.3rem;
    right: -241px;
}




.bg-tree04{
	content: "";
	position: absolute;
	width: 48.6rem;
	height: 58.7rem;
	background: url(./assets/images/common/tree04.svg) repeat-x 50% 50%;
    top: -29.3rem;
    left: -13.6rem;
}




section.news{
	padding: 10rem 0;
	background-color: var(--global--color--green05);
	padding-bottom: 20rem;
}
section.news .inner{
	position: relative;
}
section.news .inner::before{
	content: "";
	background: url('./assets/images/home/news-bg.svg') no-repeat 0 0;
	width: 27.3rem;
	height: 17rem;
	position: absolute;
	right: 0;
	top: -4rem;
}


section.news .title{
	text-align: left;
}

section.news .button a{
	background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--yellow01) no-repeat 3rem 50% / 1.5rem auto;
}
section.news .title *{
	color: var(--global--color--yellow01);
}

.news-box{
	margin-top: 4rem;
}
.news-box a{
	display: block;
	border-bottom: var(--global--color-white) 1px solid;
}
.news-box a:hover{
	opacity: .6;
}
.news-box dl{
	display: flex;
	width: 100%;
	padding: 1.7rem 0;
	align-items: center;
}
.news-box dl dt{
	width: 15rem;
}
.news-box dl dt span{
	font-size: 1.3rem;
	background-color: var(--global--color-white);
	color: var(--global--color--green02);
	font-weight: var(--font--weight-bold);
	padding: .3rem 1.2rem;
	border-radius: 5rem;
}
.news-box dl dd.date{
	padding: 0 2rem;
	font-size: 1.4rem;
	font-weight: 400;
	color: var(--global--color--yellow01);
	line-height: 1;
}
.news-box dl dd{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	color: var(--global--color-white);
}







section.today{
	background-color: var(--global--color--green06);
	padding: 4.5rem 0 8rem;
	position: relative;
}
section.today::before{
	content: "";
	height: 2.1rem;
	background: url('./assets/images/common/bg-mark01.svg') repeat-x 0 0;
	width: 100%;
	display: block;
    position: absolute;
    top: -2.1rem;
}

section.today .caution{
	margin-top: 5rem;
	max-width: 68rem;
	margin: 5rem auto 0;
}
section.today .caution h4{
	text-align: center;
	color: var(--global--color--yellow01);
	font-weight: var(--font--weight-black);
	font-size: 2.2rem;
	margin-bottom: 2rem;
	letter-spacing: .1rem;
}
section.today .caution p{
	font-size: 1.5rem;
	font-weight: var(--font--weight-black);
	color: var(--global--color-white);
}


.dantai,
.dantai *{
	text-align: center;
	color: var(--global--color-white);
	font-size: 1.8rem;
}
.dantai a{
	text-decoration: underline;
	color: var(--global--color-white);
}
.dantai a:hover{
	color: var(--global--color-white);
	opacity: .6;

}
section.today .button{
	margin-top: 0;
}
section.today .button a{
	width: 44.8rem;
	height: 11rem;
	display: flex;
	background-color: var(--global--color--skyblue02);
	border-radius: 2rem;
	justify-content: center;
	align-items: center;
	font-weight: var(--font--weight-black);
	position: relative;
	overflow: hidden;
}
section.today .button a span{
	text-align: center;
	background: url(./assets/images/common/icon-arrow01.svg) no-repeat 20% 50% / 1.4rem auto;
	padding-left: 10rem;
	font-size: 2.2rem;
}

section.today .button a::before{
	content: "";
	position: absolute;
	width: 10rem;
	height: 100%;
	background: url('./assets/images/home/icon-calendar.svg') var(--global--color--skyblue) no-repeat 50% 50% / 4.2rem auto;
	top: 0;
	left: 0;
}


.time-box{
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.time-box dl{
	display: flex;
	align-items: center;
}
.time-box .date .y{
	display: block;
	font-size: 2rem;
	line-height: 1.4;
}
.time-box .date{
	font-size: 3.2rem;
	line-height: 1;
	color: var(--global--color-white);
	letter-spacing: .3rem;
}
.time-box .date .w{
	font-size: 1.6rem;
	margin-left: .5rem;
}


.time-box dl dt{
	padding-right: 1rem;
}
.time-box dl dt span{
	font-weight: var(--font--weight-black);
	color: var(--global--color--green01);
	text-align: center;
	display: flex;
	line-height: 1.2;
	width: 8rem;
	height: 3.8rem;
	justify-content: center;
	align-items: center;
	font-size: 1.4rem;
	border-radius: .5rem;
	background-color: var(--global--color-white);
}

.time-box dl dd{
	color: var(--global--color-white);
}

.time-box dl.t01 dd{
	text-align: center;
	font-weight: 900;
	font-size: 1.3rem;
}

.time-box dl dd .times{
	font-size: 2.8rem;
	display: block;
	font-weight: 900;
	line-height: 1;
	font-family: "Concert One", "Zen Kaku Gothic New", sans-serif;
}

.time-box dl dd .max,
.time-box dl dd .min{
	display: block;
}




.time-box dl.t02 dd{
	text-align: center;
	font-weight: 900;
	font-size: 1.4rem;
}
.time-box dl.t03 dt{
	margin-right: 2rem;
}
.time-box dl.t03 dd.weather{
	margin-right: 2rem;
	font-weight: var(--font--weight-bold);
}
.time-box dl.t03 dd{
	font-weight: var(--font--weight-bold);
}


.timess{
	text-align: center;
	margin-top: 5rem;
	margin-bottom: 2rem;
	font-weight: var(--font--weight-black);
	color: var(--global--color--yellow01);
}
.timess span{
	font-size: 1.8rem;
	display: flex;
	justify-content: center;
	align-items: flex-end;
	padding: 0 5rem;

}



.timess span::before,.timess span::after {
	width: .3rem;
	height: 28px;
	content: "";
	background-color: var(--global--color--yellow01);
	line-height: 1;
	position: relative;
  }
  
  .timess span::before {
	margin-right: 2rem;
	transform: rotate(-30deg);
  }
  
  .timess span::after {
	margin-left: 2rem;
	transform: rotate(30deg);
  }






section.attraction .attraction-wrapper{
	position: relative;
}



section.attraction{
	background-color: var(--global--color--green02);
	padding: 10rem 0;
}



section.attraction .title-fukidashi{
	display: flex;
	justify-content: center;
}
section.attraction .title-fukidashi h3{
	display: flex;
	font-size: 3.5rem;
	font-weight: var(--font--weight-black);
	width: 28.4rem;
	height: 6.2rem;
	color: var(--global--color--green02);
	background-color: var(--global--color-white);
	justify-content: center;
	align-items: center;
	border-radius: 5rem;
	position: relative;
}
section.attraction .title-fukidashi h3::after{
	content: "";
	position: absolute;
	width: 2.2rem;
	height: 1.4rem;
	background: url('./assets/images/common/icon-fukidashi03.svg') no-repeat 0 0;
	bottom: -1.4rem;
	right: 7rem;
}



section.attraction{
	position: relative;
}
section.attraction::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 16.4rem;
    top: -16.4rem;
    background: url(./assets/images/home/attraction-bg.svg) repeat-x 50% 50%;
}

.bg-tree01{
	content: "";
	position: absolute;
	width: 59.1rem;
	height: 54.6rem;
	background: url(./assets/images/home/attention-bg01.svg) no-repeat 50% 50%;
    top: -27.3rem;
    right: -241px;
}
.bg-tree02{
	content: "";
	position: absolute;
	width: 59.1rem;
	height: 54.6rem;
	background: url(./assets/images/home/attention-bg02.svg) no-repeat 50% 50%;
    top: -27.3rem;
    left: -241px;
}
.bg-tree05{
	content: "";
	position: absolute;
	width: 44.3rem;
	height: 40.9rem;
	background: url(./assets/images/common/tree05.svg) no-repeat 50% 50%;
    top: -27.3rem;
    left: -17.5rem;
}

section.attraction h4{
	margin-top: 5rem;
	font-size: 3.9rem;
	text-align: center;
	line-height: 1.3;
	font-weight: var(--font--weight-black);
	color: var(--global--color-white);
	margin-bottom: 4rem;
}


section.attraction .msg{
	max-width: 68rem;
	margin: 0 auto;
	font-size: 1.5rem;
	font-weight: var(--font--weight-black);
	color: var(--global--color-white);
}


.attaraction-box{
	padding: 7rem 0;
	position: relative;
	
}

.attaraction-box::before{
	content: "";
	background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 50% / 26rem auto;
	width: 100%;
	position: absolute;
	left: 0;
    height: calc(100% - 22rem);
    z-index: 0;
    top: 12rem;
}


.attaraction-inbox{
	display: flex;
	justify-content: space-between;
}
.attaraction-inbox p img{
	width: 100%;
}
.attaraction-inbox p{
	width: 38.5rem;
}

.attaraction-inbox.attaraction-inbox-central{
	justify-content: center;
	margin-top: -16rem;
}
.attaraction-inbox.attaraction-inbox-under{
	margin-top: -14rem;
}

.attaraction-box .inner{
	position: relative;
	z-index: 1;
}


.attraction .button a{
    background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--yellow01) no-repeat 3rem 50% / 1.5rem auto;
}


section.attraction .buttons {
    display: flex;
    justify-content: space-between;
	margin-top: 3rem;
}

section.attraction .buttons a{
	width: 44.8rem;
	height: 11rem;
	display: flex;
	background-color: var(--global--color-white);
	border-radius: 2rem;
	font-size: 2rem;
	justify-content: center;
	align-items: center;
	font-weight: var(--font--weight-black);
	position: relative;
	overflow: hidden;
}
section.attraction .buttons a span{
	text-align: center;
	background: url(./assets/images/common/icon-arrow01.svg) no-repeat 20% 50% / 1.4rem auto;
	padding-left: 10rem;
}


section.attraction .buttons a.buttons01::before{
	background: url('./assets/images/home/icon-experience.svg') var(--global--color--yellow01) no-repeat 50% 50% / 4.2rem auto;
}
section.attraction .buttons a.buttons02::before{
	background: url('./assets/images/home/icon-attention.svg') var(--global--color--yellow01) no-repeat 60% 50% / 4.2rem auto;
}

section.attraction .buttons a::before{
	content: "";
	position: absolute;
	width: 10rem;
	height: 100%;
	top: 0;
	left: 0;
}






section.event{
	background-color: var(--global--color--green02);
	padding: 11rem 0 24.8rem 0;
}

section.event .title *{
	text-align: left;
	color: var(--global--color-white);
}

section.event .button a{
	background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--pink) no-repeat 3rem 50% / 1.5rem auto;
}

section.event .event-box{
	margin-top: 5rem;
	position: relative;
}

.slides{
display: flex;

}
.event-box a:not(:last-child){
	margin-right: 3rem;
}

.event-box a{
	display: block;
	width: calc(31.5rem - 2rem);
	background-color: var(--global--color--gray01);
	border-radius: 2rem;
	padding: 1.5rem 1.5rem 2rem;
}
.event-box a img{
	width: 100%;
}
.event-box a dl dd{
	margin-top: 1rem;
	font-size: 1.3rem;
	font-weight: var(--font--weight-bold);
}
.event-box a dl dd span.c{
	color: var(--global--color-white);
	font-size: 1.2rem;
	border-radius: 2rem;
	background-color: var(--global--color--green02);
	line-height: 1;
	padding: .2rem 1rem;
}
.event-box a dl dd span.eng{
	color: var(--global--color--green02);
	font-size: 1.2rem;
	margin-left: 1.2rem;
}


.pagination{
	position: relative;
    top: 0;
    left: 0;
    width: calc(100% - 200px);
    height: 4px;
    display: flex;

}
.slider-scroll {
    position: relative;
    width: 100%;
    height: 8px;
    max-width: 910px;
    background-color: var(--global--color--gray01);
	margin: 3rem auto 0;
	border-radius: 1rem;
}
.slider-scroll::before{
	content: "";
	width: .5rem;
	height: .8rem;
	border-radius: 1rem 0 0 1rem;
	position: absolute;
    background-color: var(--global--color--gray01);
	left: 0;
	top: 0;
}
.slider-scroll::after{
	content: "";
	width: .5rem;
	height: .8rem;
	border-radius: 0 1rem 1rem 0;
	position: absolute;
    background-color: var(--global--color--gray01);
	right: 0;
	top: 0;
}

.slider-scroll .slider-scroll-bar {
    position: absolute;
    top: 2px;
    left: 2px;
    width: 200px;
    height: 4px;
    border-radius: 2px;
    border-radius: 1rem;
    background-color: var(--global--color--yellow01);
}

.inners{
	position: relative;

}
.inners::before{
    content: "";
    width: 50vw;
    height: 100%;
    background-color: var(--global--color--green02);
    position: absolute;
    top: 0;
    left: -50vw;
    z-index: 10;

}


.header-menus{
	margin-left: 2rem;
}
.header-menus a{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.1rem;
	height: 8.1rem;
	border-radius: 8.1rem;
	border: #1ebab3 1px solid !important;
	background: url('./assets/images/common/icon-menu-open.svg') #1ebab3 no-repeat 50% 50% / 44px auto;
	color: var(--global--color-white);
	font-weight: var(--font--weight-bold);
	text-indent: -9999;
	line-height: var(--global--line-height-heading);

}
.header-menus a:hover{
	opacity: 1 !important;
	transform: scale(1.1, 1.1);
}


.navigation{
	position: fixed;
	width: 100%;
	height: 100%;
	background-color: var(--global--color--green02);
	z-index: 1000;
	visibility: hidden;
	overflow-y: auto;
	opacity: 0;
	top: 0;
	left: 0;
}

.navigation.active{
	visibility: visible;
	opacity: 1;
}


.navigation .navigation-inner{
	max-width: 100rem;
	margin: 0 auto;
	padding: 2rem 0;
}

.navigation-header{
	display: flex;
	justify-content: space-between;

}
.navigation-header .menu-logo{
	display: flex;
	width: 19.7rem;
}
.navigation-header .menu-logo img{ width: 100%; }

.navigation-menu{
	margin-top: 2rem;
	display: flex;
	justify-content: space-between;
}
.navigation-menu ul{
	width: 32%;
}
.navigation-menu ul li{
	border-bottom: var(--global--color-white) 1px solid;
}
.navigation-menu ul a{
	color: var(--global--color-white);
	font-size: 1.8rem;
	font-weight: var(--font--weight-bold);
	line-height: 1;
	display: flex;
	align-items: center;
	height: 7rem;
	padding: 0 0 0 1.5rem;
	background: url('./assets/images/common/icon-arrow02.svg') no-repeat 95% 50% / .7rem auto;
}
.navigation-menu ul a:hover{
	opacity: .6;
}

.navigation-links{
	margin-top: 6rem;
	display: flex;
	justify-content: space-between;
}
.navigation-links ul{
	display: flex;
}

.navigation-links ul.reserve li:not(:last-child){
	margin-right: 2.8rem;
}
.navigation-links ul.reserve li a{
	display: flex;
	width: 21rem;
	height: 8.2rem;
	border-radius: 8rem;
	align-items: center;
	justify-content: center;
	font-weight: var(--font--weight-bold);
	color: var(--global--color-white);
	font-size: 1.8rem;
    background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--green05) no-repeat 2rem 50% / 1.0rem auto;
	position: relative;
	overflow: hidden;
}
.navigation-links ul.reserve li a:hover::after{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: var(--global--color--hover);
	z-index: 1;
}




.navigation-links ul.sns li:not(:last-child){
	margin-right: 2rem;
}


.navigation-links ul.sns li a{
	display: flex;
    align-items: center;
    justify-content: center;
    width: 7.36rem;
    height: 7.36rem;
    border-radius: 7.36rem;
    border: var(--global--color-white) 1px solid;
    color: var(--global--color-white);
    font-weight: var(--font--weight-bold);
    line-height: var(--global--line-height-heading);
}
.navigation-links ul.sns li.x a{
    background: url(./assets/images/common/icon-x.svg) no-repeat 50% 50% / 3.0rem auto;
}
.navigation-links ul.sns li.i a{
    background: url(./assets/images/common/icon-instagram.svg) no-repeat 50% 50% / 3.2rem auto;
}
.navigation-links ul.sns li.t a{
    background: url(./assets/images/common/icon-tiktok.svg) no-repeat 50% 50% / 2.7rem auto;
}
.navigation-links ul.sns li a:hover{
	opacity: .6;
}





a.hamburgers{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 8.1rem;
	height: 8.1rem;
	border-radius: 8.1rem;
	background: url('./assets/images/common/icon-menu-close.svg') var(--global--color-white) no-repeat 50% 50% / 44px auto;
	color: var(--global--color-white);
	font-weight: var(--font--weight-bold);
	text-indent: -9999;
	line-height: var(--global--line-height-heading);

}
a.hamburgers:hover{
	opacity: 1 !important;
	transform: scale(1.1, 1.1);
}




.navigation-links p{
	font-size: 1.4rem;
	color: var(--global--color-white);
	font-weight: var(--font--weight-black);
	text-align: center;
	margin-top: 1.5rem;
}

.attaraction-box .inner::before{
	content: "";
	width: 51.3rem;
	height: 38.5rem;
	background: url('./assets/images/home/attention-bg03.svg') no-repeat 50% 50%;
	position: absolute;
    top: -24rem;
    right: -25rem;
    z-index: -1;
}

.attaraction-box .inner::after{
	content: "";
	width: 21.8rem;
	height: 16.6rem;
	background: url('./assets/images/home/attention-bg04.svg') no-repeat 50% 50%;
	position: absolute;
    bottom: -13rem;
    left: -4rem;
    z-index: -1;
}

section.attraction .button{
	margin-top: 0;
}



/* under */
.page-under{
	padding-top: var(--header--height);
	background-color: var(--global--color--gray01);
}




.page-title-01{ background-color: var(--global--color--green06); padding-bottom: 2rem; }

.page-title-01 h2{
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	height: 13.5rem;
	padding-top: 3rem;
	font-size: 3rem;
	color: var(--global--color-white);
	font-weight: var(--font--weight-black);
	line-height: 1.6;
}
.page-title-01 h2 span{
	color: var(--global--color--yellow01);
	font-size: 1.8rem;
}
.page-title-01 img{ max-width: 100%; }



.page-title-02{
	height: 24rem;
	position: relative;
}
.page-title-02::before{
	content: "";
	position: absolute;
	width: 15.6rem;
	height: 12.0rem;
	background: url('./assets/images/common/page-header-bg01.svg') no-repeat 0 0 / 15.6rem auto;
	left: -2rem;
	bottom: 0;
}
.page-title-02::after{
	content: "";
	position: absolute;
	width: 26.0rem;
	height: 17.5rem;
	background: url('./assets/images/common/page-header-bg02.svg') no-repeat 0 0 / 26.0rem auto;
	right: -4.5rem;
	top: 1rem;
}

.page-title-02 .inner{
	height: 100%;
}

.page-title-02 h2{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 3rem;
	font-weight: var(--font--weight-black);
	color: var(--global--color--green01);
	line-height: 1.6;
}
.page-title-02 h2 span{
	font-size: 1.8rem;
	font-weight: 400;
}








.page-title-03{
	width: 100%;
	height: 24rem;
	position: relative;
}

.page-title-03 .inner{
	height: 100%;
	justify-content: center;
	position: relative;
}

.page-title-03 h2{
	display: flex;
	height: 100%;
	justify-content: center;
	align-items: center;
	flex-direction: column;
	font-size: 3rem;
	font-weight: var(--font--weight-bold);
	color: var(--global--color--black);
	line-height: 1.6;
}
.page-title-03 h2 span{
	font-size: 1.8rem;
	font-weight: 400;
	color: var(--global--color--orange01);
}



.access-box02{
	position: relative;
	background-color: var(--global--color--beige02);
	padding-bottom: 12rem;
}






.news-under-list{
	padding: 8.5rem 0 10rem;
	position: relative;
	z-index: 1;
}



.contents-under{
	position: relative;
}
.contents-under::before{
	content: "";
	position: absolute;
	width: 15.6rem;
	height: 12.0rem;
	background: url('./assets/images/common/page-header-bg01.svg') no-repeat 0 0 / 15.6rem auto;
	left: -2rem;
	bottom: 0;
}
.contents-under::after{
	content: "";
	position: absolute;
	width: 26.0rem;
	height: 17.5rem;
	background: url('./assets/images/common/page-header-bg02.svg') no-repeat 0 0 / 26.0rem auto;
	right: -4.5rem;
	top: 1rem;
}



.privacy-box{
	padding-top: 1rem;
	padding-bottom: 12rem;
}

.privacy-box .inner{
	background-color: var(--global--color-white);
	border-radius: 2rem;
	padding: 2.5rem 3rem;
}

.privacy-box h4{
	color: var(--global--color--green02);
	font-weight: var(--font--weight-bold);
}


.privacy-box .inbox{
	padding: 1rem 0;
}

.privacy-box .inbox p,
.privacy-box .inbox ul li{
	font-size: 1.5rem;
	font-weight: 500;
}

.privacy-box .inbox:not(:last-child){
	border-bottom: var(--global--color--gray02) .1rem solid;
}







.contact-under{
	padding: 2rem 0 12rem 0;
}

.contact-under .msg{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	text-align: center;
	line-height: 1.5;
}

.contact-under .button{
	margin-top: 3rem;
}


.contact-under .button a{
	background-color: var(--global--color--green02);
	color: var(--global--color-white);
}



.faq-category{
	margin-bottom: 5rem;
}
.faq-category ul{
	display: flex;
	justify-content: space-around;
}
.faq-category ul li span{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	padding: 0 1.5rem 1.5rem;
	transition: .5s all;
	cursor: pointer;
	position: relative;
}

.faq-category ul li span:hover{
	color: var(--global--color--green02);
}

.faq-category ul li span.is-active{
	color: var(--global--color--green02);

}
.faq-category ul li span.is-active::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .3rem;
	background-color: var(--global--color--green02);
	border-radius: 1rem;
}


.faq-inbox{
	padding: 2rem;
	background-color: var(--global--color-white);
	border-radius: 2rem;
	margin-bottom: 4rem;
}



.faq-inbox .q{
	font-size: 2.1rem;
	line-height: 1.2;
	display: flex;
	align-items: center;
	font-weight: var(--font--weight-bold);
}

.faq-inbox .q span{
	display: flex;
	width: 4rem;
	height: 5.5rem;
	background: url('./assets/images/faq/icon_q.svg') no-repeat 50% 5px;
	line-height: 1;
	font-size: 2.8rem;
	color: var(--global--color-white);
	align-items: center;
	justify-content: center;
	margin-right: 2rem;
}
.faq-inbox .q strong{ width: calc(100% - 6rem); }


.faq-inbox .a{
	padding-top: 1.5rem;
	margin: 1.5rem 1rem 0;
	border-top: var(--global--color--gray01) .1rem solid;
	font-weight: var(--font--weight-medium);
	font-family: var(--global--font-noto);
	line-height: 1.5;

}


.faq-box .inner{
	max-width: 68rem;
}

  .is-hide {
	display: none;
  }





/*--- news -----*/

.news-category{
	margin-bottom: 7rem;
}
.news-category ul{
	display: flex;
	justify-content: space-around;
}
.news-category ul li a{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	padding: 0 1.5rem 1.5rem;
	transition: .5s all;
	cursor: pointer;
	position: relative;
}

.news-category ul li a:hover{
	color: var(--global--color--green02);
}

.news-category ul li a.is-active{
	color: var(--global--color--green02);

}
.news-category ul li a.is-active::after{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: .3rem;
	background-color: var(--global--color--green02);
	border-radius: 1rem;
}


.news-under-list-list{
	display: flex;
	flex-wrap: wrap;
}

.news-under-list-list a{
	width: calc(44rem - 4rem);
	background-color: var(--global--color-white);
	margin-bottom: 4rem;
	padding: 2rem;
	border-radius: 2rem;
	display: flex;
	position: relative;
	transition: .5s all;
}


.news-under-list-list a:nth-child(odd){
	margin-right: 4rem;
}
.news-under-list-list a .img{
	width: 20rem;
	height: 20rem;
	border-radius: 1.25rem;
	overflow: hidden;
}
.news-under-list-list a .img img{
	width: 100% !important;
	height: 100% !important;
	object-fit: cover;
}
.news-under-list-list a dl{
	padding-left: 3rem;
	width: calc(100% - 23rem);
}
.news-under-list-list a dl dd{ font-weight: var(--font--weight-bold); line-height: 1.4; }
.news-under-list-list a dl dd.date{ font-size: 1.5rem; font-weight: 400; color: var(--global--color--green02); font-family: var(--global--font-eng); }
.news-under-list-list a dl dt{ margin-bottom: 2.5rem; }
.news-under-list-list a dl dt span{ font-family: var(--global--font-gothic); font-weight: var(--font--weight-bold); font-size: 1.4rem; color: var(--global--color-white); background-color: var(--global--color--green02); line-height: 1; padding: .3rem 1.5rem; border-radius: 2rem; }
.news-under-list-list a::after{ transition: .5s all; }
.news-under-list-list a:hover::after { content: ""; position: absolute; z-index: 1; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.4); top: 0; left: 0; border-radius: 2rem; }


.news-under-detail{ padding: 10rem 0 12rem; position: relative; z-index: 1; }
.news-under-detail-detail{ background-color: var(--global--color-white); border-radius: 2rem; }
.news-under-detail-detail article{ padding: 3rem 3rem 6rem;  }


.news-under-detail-detail .contents-article{
	margin-top: 5rem;
}
.news-under-detail-detail .contents-article *{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);

}
.news-under-detail-detail .contents-article p{
	margin: 1.5rem 0;
}

.news-under-detail-detail .contents-article .contents-article-catch{ text-align: center; margin-bottom: 5rem; }
.news-under-detail-detail .contents-article .contents-article-catch img{ overflow: hidden; border-radius: 2rem; }


.page-news .button{ margin-top: 0; }
.page-news .button a{
	color: var(--global--color-white);
    height: 6rem;
	background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--green02) no-repeat 3rem 50% / 1.0rem auto;
}
.pager-detail{
	max-width: 29.4rem; margin: 8rem auto 0;
}
.pager-detail .pagers{ margin-bottom: 1.5rem; }
.pager-detail .pagers{ display: flex; justify-content: space-between; }
.pager-detail .pagers li{ width: 49%; }
.pager-detail .pagers li a{
    display: flex;
    width: 14rem;
    height: 6rem;
    font-weight: var(--font--weight-black);
    justify-content: center;
    align-items: center;
    border-radius: 5rem;
	color: var(--global--color-white);
    background: url(./assets/images/common/arrow-l-white.svg) var(--global--color--green02) no-repeat 3rem 50% / 1.5rem auto;

}

.pager-detail .pagers li.p a{ background: url(./assets/images/common/arrow-l-white.svg) var(--global--color--green02) no-repeat 10% 50% / .72rem auto; }
.pager-detail .pagers li.n a{ background: url(./assets/images/common/arrow-r-white.svg) var(--global--color--green02) no-repeat 90% 50% / .72rem auto; }

.news-under-detail-detail .cats{ margin-bottom: 3rem; }
.news-under-detail-detail .cats span{
	font-size: 1.4rem;
    color: var(--global--color-white);
    background-color: var(--global--color--green02);
    line-height: 1;
    padding: .5rem 1.5rem;
    border-radius: 2rem;
	font-size: 2.1rem;
	font-weight: var(--font--weight-bold);
}

.news-under-detail-detail .date{
	font-size: 2.2rem;
	color: var(--global--color--green02);
}
.news-under-detail-detail h1{
	font-size: 2.4rem;
	font-weight: var(--font--weight-black);
	line-height: 1.4;
}

.pager{
	margin-bottom: 8rem;
	text-align: center;
}

.wp-pagenavi a,
.wp-pagenavi span{
	border: none !important;
	padding: 0 !important;
	font-family: "Concert One", sans-serif;
	font-weight: 400;
	font-style: normal;
	
}

.wp-pagenavi{
	display: flex;
	justify-content: center;
	align-items: center;
}

.pager span{
	display: flex;
	align-items: center;
	justify-content: center;
	background-color: var(--color--semigray);
	border-radius: 8rem;
	border: none;
	font-size: 1.3rem;
	padding: 0;
	width: 4rem;
	height: 4rem;
	line-height: 1;
	font-size: 2.5rem;
	font-weight: 400;
	background-color: var(--global--color--green02);
	border-radius: 2rem;
	color: var(--global--color-white);
}

.pager a{
	display: flex;
	width: 3rem;
	height: 3rem;
	align-items: center;
	justify-content: center;
	border-radius: 8rem;
	border: none;
	font-size: 1.3rem;
	padding: 0;
	margin: 0;
	width: 4rem;
	height: 4rem;
	line-height: 1;
	font-size: 2.5rem;
	font-weight: 400;
	background-color: var(--global--color-white);
	border-radius: 2rem;
	color: var(--global--color--gray02);

}

.pager a:hover{
	color: var(--global--color--green02);
}

.pager a.previouspostslink, .pager a.nextpostslink{ text-indent: -999rem; background-color: transparent; }
.pager a.previouspostslink::before{ content: ""; background: url(./assets/images/common/arrow-l.svg) no-repeat 50% 50% / 7px auto; width: 100%; height: 100%; }
.pager a.nextpostslink::before{ content: ""; background: url(./assets/images/common/arrow-r.svg) no-repeat 50% 50% / 7px auto; width: 100%; height: 100%; }


.pager a.previouspostslink:hover,
.pager a.nextpostslink:hover{ opacity: .6; }

.pager span.extend{ background-color: transparent; }

.pager *:not(:last-child){
	margin-right: 1rem;
}

img{ max-width: 100%; }







/****** page-access *******/
.page-access .page-title-02 h2{ color: var(--global--color--black); }


.page-access .access-box01{ margin-top: -4rem; padding-bottom: 5.5rem; }


.page-access .access-box01 .inner{ display: flex; flex-wrap: wrap; position: relative; z-index: 1; }

.page-access .access-box01 .access-box01-inbox{
	max-width: 42rem;
	width: 100%;
	margin-bottom: 4.5rem;
}

.access-box01-inboxes{ 
	padding: 2rem; }


.page-access .access-box01 .access-box01-inbox h4{ padding-left: 3rem; font-size: 2.1rem; font-weight: var(--font--weight-black); margin-bottom: 1.5rem; }
.page-access .access-box01 .access-box01-inbox .access-box01-inboxes{ background-color: var(--global--color-white); border-radius: 2rem; min-height: 23rem; font-family: var(--global--font-noto); }

.page-access .access-box01 .access-box01-inbox .access-box01-inboxes ul li::before{ content: "●"; color: var(--global--color--green02); padding-right: 1rem; position: absolute; left: 0; top: 0; }
.page-access .access-box01 .access-box01-inbox .access-box01-inboxes ul li{ padding-left: 2.2rem; font-size: 1.5rem; font-weight: var(--font--weight-bold); position: relative; }
.page-access .access-box01 .access-box01-inbox .access-box01-inboxes ul li span,
.page-access .access-box01 .access-box01-inbox .access-box01-inboxes p{ display: block; font-size: 1.3rem; font-weight: 400; }
.page-access .access-box01 .access-box01-inbox .access-box01-inboxes p{ margin-top: .5rem; }

.page-access .access-box01 .access-box01-inbox:nth-child(odd){
	margin-right: 8rem;
}
.page-access .page-title-03 .inner::before{
	content: "";
    position: absolute;
    width: 4.5rem;
    height: 14.5rem;
    background: url(./assets/images/access/access_icon.svg) no-repeat 50% 50%;
    bottom: 0;
    right: 20rem;
}






.page-education-box02 .inner{ position: relative; z-index: 1; }
.page-education-box02 .inner::before{
	content: "";
    position: absolute;
    width: 15.2rem;
    height: 11.7rem;
    background: url(./assets/images/education/education_icon01.svg) repeat-x 50% 50%;
    top: -6rem;
    left: -5rem;
	z-index: 0;

}






.page-education-box01{ background-color: var(--global--color--green02); padding: 9rem 0; }

.page-education-box01 *{ color: var(--global--color-white); }
.page-education-box01 .inner{ position: relative; z-index: 1; }
.page-education-box01 h2{ text-align: center; font-weight: var(--font--weight-black); font-size: 4.2rem; line-height: 1.4; }

.page-education-box01 p{ font-weight: var(--font--weight-black); font-size: 1.5rem; max-width: var(--global--inner01); margin: 4rem auto 0; }




.page-education-box02{ padding: 9rem 0 10rem 0; background-color: var(--global--color--beige02); }

.page-education-box02 .bg-tree{ top: -25.3rem; }
.page-education-box02 .triangle-01{ bottom: auto; top: -7.9rem; }


.page-education-box02 .inner{ max-width: var(--global--inner01); }

.page-education-box02 h2{ text-align: center; font-size: 3.9rem; font-weight: var(--font--weight-black); }

.page-education-box02 p{ text-align: center; font-weight: var(--font--weight-bold); margin-top: 3rem; font-size: 1.5rem; }

.page-education-box02 ul{ margin: 4rem 0; display: flex; flex-wrap: wrap; }
.page-education-box02 ul li{ width: 32%; margin-right: 2%; margin-bottom: 2%; font-weight: var(--font--weight-black); background-color: var(--global--color-white); border-radius: .5rem; padding: .5rem 0; text-align: center; }
.page-education-box02 ul li:nth-child(3n){ margin-right: 0; }



.page-education-box03 .triangle-02{ top: -10.5rem; }

.page-education-box03 ul{ margin: 4rem 0; display: flex; flex-wrap: wrap; }
.page-education-box03 ul li{ width: 23%; margin-right: 2%; margin-bottom: 2%; font-weight: var(--font--weight-black); background-color: var(--global--color-white); border-radius: .5rem; padding: .5rem 0; text-align: center; }
.page-education-box03 ul li:nth-child(4n){ margin-right: 0; }

.page-education-box03 .ph{ display: flex; justify-content: space-between; }
.page-education-box03 .ph p{ width: 49%; margin-top: 0; }


.page-education-box03{ padding: 8rem 0 10rem 0; background-color: var(--global--color--gray01); }
.page-education-box03 .innerss{ max-width: var(--global--inner01); margin: 0 auto; position: relative; z-index: 1; }
.page-education-box03 h2{ text-align: center; font-size: 3.9rem; font-weight: var(--font--weight-black); }
.page-education-box03 p{ text-align: center; font-weight: var(--font--weight-bold); margin-top: 3rem; font-size: 1.5rem; }

.relative{ position: relative; }

.page-education-box03 .innerss::before{
	content: "";
    position: absolute;
    width: 11.0rem;
    height: 13.7rem;
    background: url(./assets/images/education/education_icon02.svg) no-repeat 50% 50%;
	top: 6rem;
    left: -12rem;
	z-index: 0;

}





.page-education-box04{ padding: 8rem 0 10rem 0; background-color: var(--global--color--beige02); }
.page-education-box04 h2{ text-align: center; font-size: 3.9rem; font-weight: var(--font--weight-black); }
.page-education-box04 p.tit{ text-align: center; font-weight: var(--font--weight-bold); margin-top: 3rem; font-size: 1.5rem; }


.page-education-box04 .page-education-box04-inbox{
    background-color: var(--global--color-white);
    border-radius: 2rem;
    padding: 2.5rem 3rem;
	margin-top: 4rem;
	margin-bottom: 6rem;
}

.page-education-box04 .page-education-box04-inbox *{ font-family: var(--global--font-noto); }

.page-education-box04 .page-education-box04-inbox ul li::before{ content: "●"; color: var(--global--color--orange01); padding-right: 1rem; position: absolute; left: 0; top: 0; }
.page-education-box04 .page-education-box04-inbox ul li{ padding-left: 2.2rem; font-size: 1.5rem; font-weight: var(--font--weight-bold); position: relative; }
.page-education-box04 .page-education-box04-inbox ul li span{ font-weight: var(--font--weight-medium); }

.page-education-box04 .button{
	margin-top: 0;
}
.page-education-box04 p.remarks{ font-size: 1.5rem; font-weight: var(--font--weight-bold); margin-bottom: 3rem; text-align: center; }

.page-education-box04 .button a{ background-color: var(--global--color--orange01); color: var(--global--color-white); }



.page-education-box04 .bg-tree02{ top: -10rem; }

.page-education-box04 .inner{ position: relative; z-index: 1; }







/***** about ********************************************************************************************************************************************/

.page-about-title{ background-color: var(--global--color--green02); padding: 10rem 0 26rem 0; text-align: center; }
.page-about-title p.tit01{ font-weight: var(--font--weight-black); font-size: 2.8rem; color: var(--global--color-white); line-height: 1; margin-bottom: 3.5rem; }
.page-about-title h2{ font-weight: var(--font--weight-black); font-size: 5.2rem; color: var(--global--color-white); }
.page-about-title h2 span{ font-weight: var(--font--weight-black); font-size: 5.2rem; color: var(--global--color--yellow01); }

.page-about .about-box{ background-color: var(--global--color--beige02); position: relative; padding: 9rem 0 12rem; }
.page-about .about-box::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 16.4rem;
    top: -16.4rem;
    background: url(./assets/images/home/about-bg.svg) repeat-x 50% 50%;
}
.page-about .bg-tree{ top: -34.3rem; }
.page-about .bg-tree02{ top: -34.3rem; }

.about-box .inner{ margin: 0 auto; max-width: var(--global--inner01); position: relative; }
.about-box .tit02{ text-align: center; font-weight: var(--font--weight-black); font-size: 2.8rem; line-height: 1; margin-bottom: 3rem; }
.about-box h3{ font-weight: var(--font--weight-black); font-size: 4.2rem; text-align: center; line-height: 1.4; margin-bottom: 5rem; }

.about-box .inbox{ border-radius: 2rem; overflow: hidden; margin-bottom: 8rem; }
.about-box .inbox:last-child{ margin-bottom: 0; }
.about-box .inbox .ph{ background-color: var(--global--color--yellow02); padding: 3rem; }
.about-box .inbox .inbox-inner{ background-color: var(--global--color-white); padding: 4.5rem 3rem 3rem; position: relative; display: flex; justify-content: space-between; }

.about-box .inbox .inbox-inner::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 2.8rem;
    top: 0;
	left: 0;
    background: url(./assets/images/common/triangle-yellow.svg) repeat-x 50% 50%;
}

.about-box .inbox .inbox-inner .inbox-title{ width: 50%; }
.about-box .inbox .inbox-inner .inbox-title p{ font-size: 8rem; color: var(--global--color--green02); font-weight: var(--font--weight-black); line-height: 1; margin-bottom: 2.5rem; }
.about-box .inbox .inbox-inner .inbox-title h4,
.about-box .inbox .inbox-inner .inbox-title h4 *{ font-size: 2.8rem; font-weight: var(--font--weight-black); }
.about-box .inbox .inbox-inner .inbox-title h4 span{ color: var(--global--color--green02); }

.about-box .inbox .inbox-inner .msg{ width: 50%; padding-left: 2rem; font-size: 1.5rem; font-weight: var(--font--weight-bold); }

.about-box .inner::after{
    content: "";
    position: absolute;
    width: 12.3rem;
    height: 15.0rem;
    background: url(./assets/images/about/tree.svg) no-repeat 50% 50%;
    bottom: -8.5rem;
    left: -20rem;
}






.access-box02-inbox-02-01,
.access-box02-inbox-02-02,
.access-box02-inbox-02-03{ margin-top: 4rem; }

.access-box02 h4{ font-weight: var(--font--weight-black); font-size: 2.1rem; padding-left: 3rem; margin-bottom: 1rem; }


.access-box02-inboxes{ background-color: var(--global--color-white); border-radius: 2rem; padding: 2.5rem 3rem; }

.access-box02-inbox-04-l-inbox *,
.access-box02-inbox-04-r-inbox *{ font-family: var(--global--font-noto) !important; }


.access-box02-inboxes *{ font-family: var(--global--font-noto); }
.access-box02-inboxes-01{ display: flex; justify-content: space-between; font-weight: var(--font--weight-bold); }
.access-box02-inboxes-01 .ph{ width: 36rem; }
.access-box02-inboxes-01 ul li{ font-size: 1.5rem; position: relative; padding-left: 2.2rem; }
.access-box02-inboxes-01 ul li::before{ content: "●"; color: var(--global--color--orange01); padding-right: 1rem; position: absolute; left: 0; top: 0; }

.access-box02-inboxes-01 ul li{ font-size: 1.5rem; position: relative; padding-left: 2.2rem; }
.access-box02-inboxes-01 ul li::before{ content: "●"; color: var(--global--color--orange01); padding-right: 1rem; position: absolute; left: 0; top: 0; }


.access-box02-inbox-02-03{ display: flex; justify-content: space-between; }

.access-box02-inbox-02-03 .access-box02-inbox-04-l,
.access-box02-inbox-02-03 .access-box02-inbox-04-r{ width: 47%; }

.access-box02-inbox-02-03 .access-box02-inbox-04-l .access-box02-inbox-04-l-inbox,
.access-box02-inbox-02-03 .access-box02-inbox-04-r .access-box02-inbox-04-r-inbox{ background-color: var(--global--color-white); border-radius: 2rem; padding: 2.5rem 3rem; }


.access-box02-inbox-02-03 .access-box02-inbox-04-l .access-box02-inbox-04-l-inbox ul li,
.access-box02-inbox-02-03 .access-box02-inbox-04-r .access-box02-inbox-04-r-inbox ul li{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold); position: relative; padding-left: 2.2rem;
}
.access-box02-inbox-02-03 .access-box02-inbox-04-l .access-box02-inbox-04-l-inbox ul li::before,
.access-box02-inbox-02-03 .access-box02-inbox-04-r .access-box02-inbox-04-r-inbox ul li::before{ content: "●"; color: var(--global--color--orange01); padding-right: 1rem; position: absolute; left: 0; top: 0; }


.page-access .map iframe{ width: 100%; border-radius: 2rem; overflow: hidden; }

.page-access .map-text{ padding-left: 3rem; }
.page-access .map-text *{ font-family: var(--global--font-noto); }
.page-access .map-text p.tit{ font-size: 1.5rem; font-weight: var(--font--weight-bold); }
.page-access .map-text p{ font-size: 1.4rem; font-weight: 400; }


.access-box02-inboxes ul li{ font-size: 1.5rem; position: relative; padding-left: 2.2rem; font-weight: var(--font--weight-bold); }
.access-box02-inboxes ul li::before{ content: "●"; color: var(--global--color--orange01); padding-right: 1rem; position: absolute; left: 0; top: 0; }

.access-box02-inboxes .ph{ max-width: 76.8rem; margin: 2rem auto 0; }



.access-box02-inboxes-02 h5{ font-size: 1.8rem; color: var(--global--color--orange01); font-weight: var(--font--weight-black); margin-bottom: .5rem; }
.access-box02-inboxes-02 ul li{ font-size: 1.5rem; position: relative; padding-left: 2.2rem; font-size: 1.4rem; }
.access-box02-inboxes-02 ul li::before{ content: "●"; padding-right: 1rem; position: absolute; left: 0; top: 0; font-size: 1.4rem; color: var(--global--color--black); }













/***** attraction ************************************************************************************************************************************/

.page-attraction .attraction-box01{
	background-color: var(--global--color--gray01);
}

.page-attraction .attraction-box01 h2{
	text-align: center;
	color: var(--global--color--green05);
	font-size: 4.2rem;
	line-height: 1.4;
	font-weight: var(--font--weight-black);
	margin-bottom: 8rem;
}

.page-attraction .attraction-box01 .inner{
	max-width: var(--global--inner01);
	position: relative;
	padding: 9.8rem 0 20rem 0;
}
.page-attraction .attraction-box01 .inner::before{
    content: "";
    position: absolute;
    width: 23.1rem;
    height: 15.9rem;
    background: url(./assets/images/attraction/attraction_ph01.svg) no-repeat 50% 50%;
    bottom: 2rem;
    right: -10rem;
}
.page-attraction .attraction-box01 h3{
	font-weight: var(--font--weight-black);
	font-size: 3.9rem;
	text-align: center;
	line-height: 1.2;
	padding-bottom: 2rem;
	border-bottom: var(--global--color--green02) dotted .3rem;
	color: var(--global--color--black);
}
.page-attraction .attraction-box01 p{
	margin-top: 3rem;
	font-weight: var(--font--weight-black);
	font-size: 1.5rem;
}

.page-attraction .attraction-box01 .attraction-box01-inbox{
	position: relative;
	z-index: 1;
}


.attraction-box02{
	background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0 / 26rem auto;
	padding: 10rem 0;
}

.attraction-box02 .inner{
	display: flex;
	flex-wrap: wrap;
}

.attraction-box02-inbox{
	width: 42rem;
	background-color: var(--global--color--gray01);
	border-radius: 2rem;
	padding: 6rem 0 0;
}


.attraction-box02 .bg-tree02{
	top: -34.3rem;
}



.attraction-box02-inbox:not(:last-child){
	margin-bottom: 8rem;
}

.attraction-box02-inbox .attraction-box02-inbox-in{
	background-color: var(--global--color--orange01);
	position: relative;
	padding: 3rem 2.5rem;
}


.attraction-box02-inbox .attraction-box02-inbox-in::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1.8rem;
    top: -1.8rem;
	left: 0;
}

.attraction-box02-inbox .attraction-box02-inbox-in02{
	background-color: var(--global--color--purple);
}
.attraction-box02-inbox .attraction-box02-inbox-in03{
	background-color: var(--global--color--green07);
}

.attraction-box02-inbox .attraction-box02-inbox-in01::before{
    background: url(./assets/images/attraction/mark-orange01.svg) repeat-x 0 50%;
}
.attraction-box02-inbox .attraction-box02-inbox-in02::before{
    background: url(./assets/images/attraction/mark-purple01.svg) repeat-x 0 50%;
}
.attraction-box02-inbox .attraction-box02-inbox-in03::before{
    background: url(./assets/images/attraction/mark-lightgreen01.svg) repeat-x 0 50%;
}

.attraction-box02-inbox .attraction-box02-inbox-in .no{
	text-align: center;
	font-size: 8rem;
	line-height: 1;
	color: var(--global--color-white);
}
.attraction-box02-inbox .attraction-box02-inbox-in .tit{
	text-align: center;
	font-size: 4.5rem;
	line-height: 1.2;
}
.attraction-box02-inbox .attraction-box02-inbox-in .tit span{
	display: block;
	line-height: 1.2;
}
.attraction-box02-inbox .attraction-box02-inbox-in .tit span:nth-child(1){
	font-size: 2rem;
	margin: 1rem 0;
}
.attraction-box02-inbox .attraction-box02-inbox-in .tit span:nth-child(2){
	font-size: 2.4rem;
}
.attraction-box02-inbox .attraction-box02-inbox-in .tit span.tab{
	font-family: var(--global--font-gothic);
	font-size: 1.9rem;
	font-weight: var(--font--weight-black);
	background-color: var(--global--color--gray01);
	display: flex;
	width: 24.2rem;
	height: 2.4rem;
	border-radius: 2rem;
	justify-content: center;
	align-items: center;
	margin: 1.5rem auto 3rem;
	line-height: 1;
}

.attraction-box02-inbox:nth-child(odd){ margin-right: 8rem; }


.attraction-box02-inbox .attraction-box02-inbox-in01 .tit span.tab{ color: var(--global--color--orange01); }
.attraction-box02-inbox .attraction-box02-inbox-in02 .tit span.tab{ color: var(--global--color--purple); }
.attraction-box02-inbox .attraction-box02-inbox-in03 .tit span.tab{ color: var(--global--color--green07); }

.attraction-box02-inbox .attraction-box02-inbox-in::after{
	content: "";
    position: absolute;
    width: 100%;
    height: 1.8rem;
    bottom: -1.8rem;
	left: 0;
}
.attraction-box02-inbox .attraction-box02-inbox-in01::after{ background: url(./assets/images/attraction/mark-orange02.svg) repeat-x 0 50%; }
.attraction-box02-inbox .attraction-box02-inbox-in02::after{ background: url(./assets/images/attraction/mark-purple02.svg) repeat-x 0 50%; }
.attraction-box02-inbox .attraction-box02-inbox-in03::after{ background: url(./assets/images/attraction/mark-lightgreen02.svg) repeat-x 0 50%; }

.attraction-box02-inbox-in-u{
	padding: 5rem 3rem 2rem;
}
.attraction-box02-inbox-in-u ul li{
	position: relative;
	color: var(--global--color--gray03);
	font-weight: var(--font--weight-bold);
	padding-left: 2.2rem;
}
.attraction-box02-inbox-in-u ul li::before{
	content: "●"; color: var(--global--color--gray03); padding-right: 1rem; position: absolute; left: 0; top: 0;
}
.attraction-box02-inbox-in-u p{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	margin-top: 2.5rem;
}








.attraction-box04{
	background-color: var(--global--color--green02);
	padding: 9rem 0 10rem;
}
.attraction-box04 h3{
	text-align: center;
	font-size: 4.2rem;
	color: var(--global--color-white);
	font-weight: var(--font--weight-black);
	margin-bottom: 5rem;
}
.attraction-box04 .inner{
	position: relative;
}

.attraction-box04 .inner::before{
	content: "";
    position: absolute;
    width: 6.1rem;
    height: 11.6rem;
    background: url(./assets/images/attraction/attraction_ph09.svg) no-repeat 50% 50%;
    top: 7rem;
    right: 0rem;
	z-index: 1;
}



.attraction-box04-inbox-wrapper{
	display: flex;
	justify-content: space-between;
}

.attraction-box04-inbox{
	width: 42rem;
	background-color: var(--global--color--gray01);
	border-radius: 2rem;
	padding: 6rem 0 0;

}





.attraction-box04-inbox .attraction-box04-inbox-in{
	background-color: var(--global--color--orange01);
	position: relative;
	padding: 3rem 2.5rem;
}


.attraction-box04-inbox .attraction-box04-inbox-in::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1.8rem;
    top: -1.8rem;
	left: 0;
}

.attraction-box04-inbox .attraction-box04-inbox-in01{
	background-color: var(--gloabl--color--beige03);
}
.attraction-box04-inbox .attraction-box04-inbox-in02{
	background-color: var(--global--color--green08);
}

.attraction-box04-inbox .attraction-box04-inbox-in01::before{
    background: url(./assets/images/attraction/mark-beige01.svg) repeat-x 0 50%;
}
.attraction-box04-inbox .attraction-box04-inbox-in02::before{
    background: url(./assets/images/attraction/mark-yellowgreen01.svg) repeat-x 0 50%;
}


.attraction-box04-inbox .attraction-box04-inbox-in::after{
	content: "";
    position: absolute;
    width: 100%;
    height: 1.8rem;
    bottom: -1.8rem;
	left: 0;
}
.attraction-box04-inbox .attraction-box04-inbox-in01::after{
    background: url(./assets/images/attraction/mark-beige02.svg) repeat-x 0 50%;
}
.attraction-box04-inbox .attraction-box04-inbox-in02::after{
    background: url(./assets/images/attraction/mark-yellowgreen02.svg) repeat-x 0 50%;
}



.attraction-box04-inbox-in-u{
	padding: 5rem 3rem 2rem;
}
.attraction-box04-inbox-in-u p{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
}

.attraction-box04-inbox .attraction-box04-inbox-in .tit{
	text-align: center;
	font-size: 4.5rem;
	line-height: 1.2;
	min-height: 18rem;
}
.attraction-box04-inbox .attraction-box04-inbox-in .tit span{
	display: block;
	line-height: 1.2;
}

.attraction-box04-inbox .attraction-box04-inbox-in .tit span.tab{
	font-family: var(--global--font-gothic);
	font-size: 1.9rem;
	font-weight: var(--font--weight-black);
	background-color: var(--global--color--gray01);
	display: flex;
	width: 24.2rem;
	height: 2.4rem;
	border-radius: 2rem;
	justify-content: center;
	align-items: center;
	margin: 1.5rem auto 3rem;
	line-height: 1;
}



.attraction-box04-inbox .attraction-box04-inbox-in.attraction-box04-inbox-in01 .tit span.tab{ color: var(--gloabl--color--beige03); }
.attraction-box04-inbox .attraction-box04-inbox-in.attraction-box04-inbox-in02 .tit span.tab{ color: var(--global--color--green08); }







.attraction-box05{
	background-color: var(--global--color--green05);
	padding: 10rem 0 12rem 0;
}




.attraction-box05-inbox{
background-color: var(--global--color--gray01);
border-radius: 2rem;
padding: 6rem 0;
position: relative;
}


.attraction-box05-inbox .attraction-box05-inbox-in::before{
	content: "";
    position: absolute;
    width: 100%;
    height: 1.8rem;
    top: -1.8rem;
	left: 0;
    background: url(./assets/images/attraction/mark-white01.svg) repeat-x 0 50%;
}



.attraction-box05-inbox .attraction-box05-inbox-in{
	background-color: var(--global--color-white);
	position: relative;
	padding: 3rem 2.5rem;
}


.attraction-box05-inbox .attraction-box05-inbox-in::after{
	content: "";
    position: absolute;
    width: 100%;
    height: 1.8rem;
    bottom: -1.8rem;
	left: 0;
    background: url(./assets/images/attraction/mark-white02.svg) repeat-x 0 50%;
}

.attraction-box05-inbox .attraction-box05-inbox-in h3{
	text-align: center;
	font-size: 1.9rem;
	font-weight: var(--font--weight-black);
	margin-bottom: 3rem;
}
.attraction-box05-inbox .attraction-box05-inbox-in h3 span{
	font-size: 4.5rem;
	display: block;
	line-height: 1.2;
}
.attraction-box05-inboxes{
	display: flex;
	justify-content: space-between;
}
.attraction-box05-inbox-l,
.attraction-box05-inbox-r{
	width: 48%;
}
.attraction-box05-inbox-l h5,
.attraction-box05-inbox-r h5{
	color: var(--global--color-white);
	background-color: var(--global--color--green02);
	margin-bottom: 2.5rem;
    font-size: 2.1rem;
    font-weight: var(--font--weight-black);
    line-height: 1;
    padding: .5rem 2rem;
    border-radius: 2rem;
    display: inline-block;



}

.attraction-box05-inbox-l .msg,
.attraction-box05-inbox-r .msg{
	font-weight: var(--font--weight-black);
	padding-bottom: .8rem;
	margin-bottom: .8rem;
	border-bottom: var(--global--color--gray01) .1rem solid;
}
.attraction-box05-inbox-l .text,
.attraction-box05-inbox-r .text{
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	min-height: 13.5rem;
}
.attraction-box05-inbox-l .ph,
.attraction-box05-inbox-r .ph{
	margin-top: 2rem;
	text-align: center;
}







.page-contact .inner{
	max-width: var(--global--inner01);
}


.contact-box h2,
.contact-box-tel h2{
	text-align: center;
	font-size: 2.6rem;
	font-weight: var(--font--weight-black);
}

.contact-boxes{
	background-color: var(--global--color-white);
	padding: 2.5rem;
	border-radius: 2rem;
	margin-top: 2rem;
}
.contact-boxes .tel a{
	color: var(--global--color--green02);
	font-size: 4.1rem;
	text-align: center;
	display: block;
}
.contact-boxes p{
	font-size: 1.5rem;
	font-weight: 500;
	line-height: 1.5;
}

.contact-boxes .txt{
	font-family: var(--global--font-noto);
}



.contact-box{
	padding: 7rem 0 12.5rem;
}



.contact-form dl{ display: flex; width: 100%; margin-bottom: 3rem; align-items: flex-start; }
.contact-form dl dt{ width: 25rem; font-size: 1.7rem; font-weight: var(--font--weight-bold); display: flex; padding-top: .8rem; }
.contact-form dl dt span{ display: flex; font-size: 1.4rem; color: var(--global--color-white); font-size: 1.4rem; background-color: var(--global--color--green02); line-height: 1; padding: .3rem 1rem; border-radius: 1rem; margin-left: 1rem; margin-bottom: .5rem; }
.contact-form dl dt strong{ display: flex; align-items: flex-end; }
.contact-form dl dd{ width: calc(100% - 25rem); }
.contact-form dl dd ol{ display: flex; align-items: center; }
.contact-form dl dd ol li{ font-weight: 500; margin-bottom: .8rem; }
.contact-form dl dd ol li .min{ width: 13.5rem; }
.contact-form dl dd ol li:first-child{ width: 8rem; }
.contact-form dl dd ol li:last-child{ margin-left: 1rem; }

.wpcf7 p {
	display: inline;
	}
	select {
		-webkit-appearance: none;
		appearance: none;
		-webkit-appearance: none;
		appearance: none;
		background-image: url("./assets/images/contact/arrow.svg");
		background-repeat: no-repeat;
		background-size: 14px auto; /* 画像のサイズ（幅 高さ）*/
		background-position: right 12px center; /* 画像の位置 */
	}


	.contact-form select,
	.contact-form input,
.contact-form textarea{
	border: none;
	border-radius: .5rem;
	padding: .8rem 2rem;
	font-family: "Zen Kaku Gothic New", sans-serif;
	width: 100%;
	font-size: 1.6rem;
}
.privacy-text-wrapper{
	padding: 0.5rem 1rem;
	border-radius: .5rem;
	background-color: var(--global--color-white);
}

.privacy-text{
	border: none;
	height: 36rem;
	padding: 1rem 1rem;
	overflow-y: scroll;
	font-size: 1.5rem;
	font-weight: var(--font--weight-bold);
	letter-spacing: 0;
	font-family: var(--global--font-noto);

}.privacy-text::-webkit-scrollbar {
	background: var(--global--color--gray01);
	width: 5px;
	height: 15px;
	border-radius: 20px;
  }
  .privacy-text::-webkit-scrollbar-thumb {
	background-color: var(--global--color--yellow01);
	width: 3px;
	border-radius: 20px;
  }


.wpcf7-response-output{
	border: none !important;
	text-align: center;
	font-weight: var(--font--weight-black);
	color: #dc3232;
}
.wpcf7-not-valid-tip{
	font-weight: var(--font--weight-black);
}



.contact-form{
	margin-top: 5rem;
}


.button input{
	display: flex;
	width: 42rem;
	height: 8.6rem;
	font-weight: var(--font--weight-black);
	justify-content: center;
	align-items: center;
	border-radius: 5rem;
	background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--green02) no-repeat 3rem 50% / 1.5rem auto;
	transition: .5s all;
	color: var(--global--color-white);
}
.button input:hover{
	opacity: .6;
}





.wpcf7-list-item {
    display: block;
    line-height: 1;
	margin-left: 0;
}
.wpcf7-list-item + .wpcf7-list-item {
    margin-top: 8px;
}
input[type="checkbox"] {
    display: none;
}
.wpcf7-list-item-label {
    position: relative;
    height: 20px;
    line-height: 20px;
    padding-left: 25px;
    display: inline-block;
}
.wpcf7-list-item-label::before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    border: .05rem solid #3e3e3e;
    background: var(--global--color-white);
    position: absolute;
    left: 0;
    top: 0;
    box-sizing: border-box;
	border-radius: .5rem;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::after {
    content: "";
    display: block;
    width: 8px;
    height: 6px;
    border-top: 3px solid var(--global--color-white);
    border-right: 3px solid var(--global--color-white);
    transform: rotate(135deg);
    position: absolute;
    left: 5px;
    top: 4px;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label::before{
	background-color: var(--global--color--green02);
    border: .05rem solid  var(--global--color--green02);

}

.wpcf7-list-item-label:hover::before{
	background-color: var(--global--color--gray02);
}

.check-box{
	margin-top: 1.5rem;
}

.wpcf7-list-item-label{
	font-weight: var(--font--weight-black);
	padding-left: 3rem;
}


.page-group .contact-box{
	padding-top: 0;
}


.flow-box01{ padding: 10rem 0; }
.flow-box01 .inner{ position: relative; }

.flow-box01 .inner::before {
    content: "";
    position: absolute;
    width: 4.5rem;
    height: 14.5rem;
    background: url(./assets/images/flow/flow_ph03.svg) repeat-x 50% 50%;
    top: -2.4rem;
    right: 1.5rem;
}


.slick-next{ right: 0 !important; width: 6rem !important; height: 6rem !important; background: url('./assets/images/attraction/arrow_r.svg') no-repeat 0 0 !important; right: 3rem !important; z-index: 10 !important; }
.slick-prev{ left: 0 !important; width: 6rem !important; height: 6rem !important; background: url('./assets/images/attraction/arrow_l.svg') no-repeat 0 0 !important; left: 3rem !important; z-index: 10 !important; }
.slick-prev::before{ display: none; }
.slick-next::before{ display: none; }


.attraction-box03{
	padding: 8.5rem 0 10rem;
	background-color: var(--global--color--green05);
}


.attraction-box03 .slider-attraction{
	width: 100%;
}
.attraction-box03 .slider-attraction .slick-slide{
	background-color: #fee278;
	padding: 2rem;
	border-radius: 2rem;
	margin: 0 2rem;
	transform: scale(.8);
	width: 30%;
}
.attraction-box03 .slider-attraction .slick-current{
	background-color: #fee278;
	padding: 2rem;
	border-radius: 3rem;
	transform: scale(1);
}

.attraction-box03 .slick-slide img{ width: 100% !important; border-radius: 2rem; }
.attraction-box03 .slick-slide.slick-center img{ transform: scale(1); }




.flow-box01 .flow-box01-inbox{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flow-box01 .flow-box01-inbox .flow-box01-inboxes{ width: 42rem; }
.flow-box01 .flow-box01-inbox .flow-box01-inboxes .fukidashi{ margin-bottom: 3rem; }
.flow-box01 .flow-box01-inbox .flow-box01-inboxes .fukidashi h3{ width: 27.8rem; padding: .7rem 0; }

.flow-box01 .flow-box01-inbox .flow-box01-inboxes:nth-child(1),
.flow-box01 .flow-box01-inbox .flow-box01-inboxes:nth-child(2){ margin-bottom: 8rem; }

.flow-box01 .flow-box01-inbox .flow-box01-inboxes .remarks{ font-size: 1.3rem; font-weight: 500; font-family: var(--global--font-noto); font-weight: var(--font--weight-medium); }

.flow-box01-inboxes-in{ background-color: var(--global--color-white); padding: 2.5rem; border-radius: 2rem; }
.flow-box01 .triangle-01{ bottom: auto; top: 13rem; }

.flow-box01-inboxes-in ul{ font-family: var(--global--font-noto); font-weight: var(--font--weight-medium) !important; }


.flow-box01-inboxes-in ul li{ font-weight: var(--font--weight-medium); position: relative; padding-left: 2.2rem; line-height: 1.6; }
.flow-box01-inboxes-in ul li::before{ content: "●"; color: var(--global--color--green02); padding-right: 1rem; position: absolute; left: 0; top: 0; }
.flow-box01-inboxes-in ul.orange li::before{ color: var(--global--color--orange01); }


.flow-box01-inboxes-in .line{ border-bottom: var(--global--color--gray01) .1rem solid; padding-top: 1.5rem; margin-bottom: 1.5rem; }
.flow-box01-inboxes-in p{ font-size: 1.5rem; font-weight: var(--font--weight-bold); }
.flow-box01-inboxes-in p.tit{ text-align: center; font-size: 1.8rem; font-weight: var(--font--weight-bold); margin-bottom: 1rem; }

.flow-box01 .flow-box01-inbox .flow-box01-inboxes .ph{ text-align: center; margin-top: 2rem; }
.flow-box01-inboxes-ines{ min-height: 20rem; }




.flow-box02 .inner{ position: relative; }
.flow-box02 .inner::before {
    content: "";
    position: absolute;
    width: 7.5rem;
    height: 9.5rem;
    background: url(./assets/images/flow/flow_ph04.svg) repeat-x 50% 50%;
    top: 1rem;
    right: 1.5rem;
}

.flow-box02 .flow-box02-inbox .flow-box02-inboxes:nth-child(1),
.flow-box02 .flow-box02-inbox .flow-box02-inboxes:nth-child(2){ margin-bottom: 5rem; }


.flow-box02 { background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0 / 26rem auto; padding: 10rem 0; }
.flow-box02 h3{
text-align: center;
    font-size: 3.9rem;
    color: var(--global--color-white);
    font-weight: var(--font--weight-black);
    margin-bottom: 5rem;
}
.flow-box02 h3 span{ font-size: 1.8rem; color: var(--global--color--yellow01); display: block; }


.flow-box02 .flow-box02-inbox{ display: flex; flex-wrap: wrap; justify-content: space-between; }
.flow-box02 .flow-box02-inbox .flow-box02-inboxes{ width: 42rem; background-color: var(--global--color-white); border-radius: 2rem; padding: 2rem; }

.flow-box02-inboxes-h{ display: flex; width: 100%; align-items: center; margin-bottom: 2rem; }
.flow-box02-inboxes-h .step{ width: 10.5rem; }
.flow-box02-inboxes-h h4{ width: calc(100% - 10.5rem); padding-left: 2rem; font-size: 2.2rem; font-weight: var(--font--weight-black); }

.flow-box03{ background-color: var(--global--color--beige02); padding: 10rem 0 12rem 0; }
.flow-box03 h3{ font-size: 3.9rem; font-weight: var(--font--weight-black); text-align: center; margin-bottom: 5rem; }
.flow-box03 p{ text-align: center; font-size: 1.5rem; font-weight: var(--font--weight-bold); font-family: var(--global--font-noto); }
.flow-box03 p span{ display: block; font-size: 1.4rem; font-weight: var(--font--weight-medium); }

.flow-box02 .flow-box02-inboxes p{ font-size: 1.5rem; font-weight: var(--font--weight-bold); }
.flow-box02 .flow-box02-inboxes p span{ display: block; font-size: 1.4rem; font-weight: 500; font-family: var(--global--font-noto); }


.page-education-box04-inbox{ border-radius: 2rem; background-color: var(--global--color-white); padding: 3rem; margin-top: 4.5rem; }
.page-education-box04-inbox ul li.tit{ font-size: 1.8rem; font-weight: var(--font--weight-black); color: var(--global--color--orange01); margin-bottom: .7rem; }
.page-education-box04-inbox ul li.tit:not(:first-child){ margin-top: 1.5rem; }
.page-education-box04-inbox ul li a{ font-size: 1.5rem; display: block; font-weight: var(--font--weight-bold); }

.flow-box03 .button a{ background: url(./assets/images/common/icon-arrow01.svg) var(--gloabl--color--beige04) no-repeat 3rem 50% / 1.5rem auto; }


















.price-box01{ background-color: var(--global--color--green02); padding: 9rem 0 10rem 0; }





.price-box04{ background-color: var(--global--color--beige02); padding: 9rem 0 10rem 0; }
.price-box04 h3{ text-align: center; font-size: 3.9rem; font-weight: var(--font--weight-black); margin-bottom: 4rem; }
.price-box04 .msg{ font-size: 1.5rem; font-weight: var(--font--weight-bold); text-align: center; }

.price-box04-inbox{ background-color: var(--global--color-white); border-radius: 2rem; padding: 3rem; margin: 4rem 0 2rem; display: flex; justify-content: space-between; }
.price-box04-inbox dl{ width: 48%; }
.price-box04-inbox dl dt span{ line-height: 1; font-size: 2.1rem; font-weight: var(--font--weight-bold); padding: .5rem 2.5rem; background-color: var(--global--color--orange01); border-radius: 2rem; display: inline-block; }
.price-box04-inbox dl dd{ font-size: 1.8rem; font-weight: var(--font--weight-black); margin-top: 1rem; }

.price-box04-inbox dl:nth-child(2) dt span{ background-color: var(--global--color--purple); }


.price-box04 .points{ font-size: 1.5rem; font-weight: var(--font--weight-medium); font-family: var(--global--font-noto); }
.price-box04 .points span{ font-weight: var(--font--weight-bold); }





.price-box03{ padding: 10rem 0; }
.price-box03 h3.tit{     text-align: center;
    font-size: 3.9rem;
    font-weight: var(--font--weight-black);
    margin-bottom: 4rem; }


.price-box03 .fukidashi h3{


	width: 24.8rem;
    padding: .7rem 0;

}
.price-box03 h4{ font-size: 2.1rem; font-weight: var(--font--weight-black); text-align: center; padding: 7rem 0 3rem; }
.price-box03 .msg{ font-size: 1.5rem; font-weight: var(--font--weight-bold); text-align: center; }

.price-box03 .timess{ color: var(--global--color--orange01); }

.price-box03 .timess span::before,
.price-box03 .timess span::after{ background-color: var(--global--color--orange01); }



.price-box03 .button{ margin-top: 0; }
.price-box03 .button a{
	width: 44.8rem;
	height: 11rem;
	display: flex;
	background-color: var(--global--color-white);
	border-radius: 2rem;
	justify-content: center;
	align-items: center;
	font-weight: var(--font--weight-black);
	position: relative;
	overflow: hidden;
}
.price-box03 .button a span{
	text-align: center;
	background: url(./assets/images/common/icon-arrow01.svg) no-repeat 10% 50% / 1.4rem auto;
	padding-left: 10rem;
	font-size: 1.5rem;
}

.price-box03 .button a::before{
	content: "";
	position: absolute;
	width: 10rem;
	height: 100%;
	background: url('./assets/images/home/icon-calendar.svg') var(--global--color--green02) no-repeat 50% 50% / 4.2rem auto;
	top: 0;
	left: 0;
}

.price-box02 {
    background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0 / 26rem auto;
    padding: 10rem 0;
}
.price-box02 .inner{
	display: flex;
	justify-content: space-between;
}

.price-box02 .price-box02-inbox{ width: 42rem; }
.price-box02 .price-box02-inbox .price-box02-inbox-h{
	display: flex; height: 15rem; justify-content: center; align-items: center; flex-direction: column;
	background-color: var(--global--color--orange01); border-radius: 2rem 2rem 0 0;
	font-size: 2.6rem; font-weight: var(--font--weight-black); color: var(--global--color-white); text-align: center;
}
.price-box02 .price-box02-inbox .price-box02-inbox-h span{
	font-size: 2.6rem; color: var(--global--color--yellow02);
}
.price-box02 .price-box02-inbox .price-box02-inbox-h span.bgs{
	background-color: var(--global--color-white);
	line-height: 1;
	padding: .5rem 2rem;
	color: var(--global--color--orange01);
	border-radius: 4rem;
	margin-bottom: .5rem;
}

.price-box02 .price-box02-inbox{
	background-color: var(--global--color--yellow02); border-radius: 2rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b{
	padding: 2.5rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b .msg{
	font-size: 1.5rem;
	font-weight: var(--font--weight-medium);
	margin-bottom: 3.5rem;
	font-family: var(--global--font-noto);
}
.price-box02 .price-box02-inbox .price-box02-inbox-b .tit{
	margin-bottom: 1rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b .tit02{
	margin-top: 1.5rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b .tit span{
	display: inline-block; font-weight: var(--font--weight-black);
	padding: .5rem 1.5rem; border-radius: 2rem; background-color: var(--global--color-white);
	font-size: 2.1rem;
    line-height: 1;
    padding: .5rem 2rem;	
}
.price-box02 .price-box02-inbox .price-box02-inbox-b .tit span.c{
	margin-top: .7rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b dl{
	padding-top: 1rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b dl dt{
	font-size: 1.5rem; font-weight: 500; line-height: 1.2; font-family: var(--global--font-noto);
}
.price-box02 .price-box02-inbox .price-box02-inbox-b dl dt::before{
	content: "●";
	font-size: 1.5rem; font-weight: 500;
	margin-right: .5rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b dl dd{
	font-size: 2.2rem; font-weight: var(--font--weight-black);
	padding-left: 2.2rem;
}
.price-box02 .price-box02-inbox .price-box02-inbox-b .remarks{
	margin-top: 1.5rem;
	font-weight: 500;
	font-size: 1.4rem;
	font-family: var(--global--font-noto);
}





.price-box01-02{ display: flex; justify-content: space-between; position: relative; z-index: 1; }
.price-box01-inbox{ width: 42rem; background-color: var(--global--color-white); border-radius: 2rem; padding: 3rem; }
.price-box01-inbox .ph{ text-align: center; margin-top: 1.5rem; }

.price-box01-inbox .tit{ margin-bottom: 2.5rem; }
.price-box01-inbox .tit span{ font-size: 2.1rem; font-weight: var(--font--weight-black); line-height: 1; padding: .5rem 2rem; border-radius: 2rem; display: inline-block; }
.price-box01-inbox.price-box01-inbox-01 .tit span{ background-color: var(--gloabl--color--beige04); }
.price-box01-inbox.price-box01-inbox-02 .tit span{ background-color: var(--global--color--green08); }

.price-box01-inbox .price{ font-size: 2.1rem; font-weight: var(--font--weight-black); }
.price-box01-inbox .price span{ font-size: 1.8rem; padding-left: 1rem; }
.price-box01-inbox ul{ margin-top: 1.5rem; padding-top: 1.5rem; border-top: var(--global--color--gray01) 1px solid; min-height: 6rem; }
.price-box01-inbox ul li{ font-size: 1.4rem; font-weight: 500; font-family: var(--global--font-noto); }
.price-box01-inbox ul li::before{ content: "●"; padding-right: .5rem; }



.price-box01-inner{ background-color: var(--global--color-white); border-radius: 2rem; padding: 3rem; margin-bottom: 8rem; }

.price-box01-inner h2{ text-align: center; margin-bottom: 5rem; }
.price-box01-inner h2 span{ font-size: 2.8rem; font-weight: 500; display: inline-block; padding-bottom: .5rem; border-bottom: var(--global--color--black) .5rem dotted; }

.price-box01-inner .price-box00-inbox{ width: 38rem; }

.price-box01-01{ display: flex; flex-wrap: wrap; justify-content: space-between; }

.price-box01 .triangle-02{ bottom: 5.5rem; top: auto; }

.price-box01 .remarks-text{ margin-top: 5rem; color: var(--global--color-white); font-size: 1.5rem; font-weight: 500; }



.price-box00-inbox.price-box00-inbox-01,
.price-box00-inbox.price-box00-inbox-02{ margin-bottom: 5rem; }


.price02{ margin: 1rem 0; border-bottom: var(--global--color--gray01) 1px solid; padding-bottom: 1rem; }

.price02 p{ font-size: 2rem; font-weight: var(--font--weight-black); }

.price-box00-inbox h4{ margin-bottom: 2.5rem; font-size: 2.1rem; font-weight: var(--font--weight-black); line-height: 1; padding: .5rem 2rem; border-radius: 2rem; display: inline-block; }

.price-box00-inbox-01 h4{ background-color: var(--global--color--orange01); }
.price-box00-inbox-02 h4{ background-color: var(--global--color--purple); }
.price-box00-inbox-03 h4{ background-color: var(--global--color--green07); }


.price-box00-inbox .price{ font-size: 2.2rem; font-weight: var(--font--weight-black); }
.price-box00-inbox .price .mini{ font-size: 2rem; display: block; }
.price-box00-inbox .price .time{ font-size: 1.5rem; display: block; font-weight: 500; font-family: var(--global--font-noto); }
.price-box00-inbox .price{ padding-bottom: .8rem; margin-bottom: .8rem; border-bottom: var(--global--color--gray01) .1rem solid; }

.price-box00-inbox .price02 ul li{ font-size: 1.5rem; font-weight: var(--font--weight-medium); padding-left: 2.2rem; position: relative; font-family: var(--global--font-noto); }
.price-box00-inbox .price02 ul li::before{ content: "※"; padding-right: 1rem; position: absolute; left: 0; top: 0; }


.price-box00-inbox .remarks ul li{ font-size: 1.4rem; font-weight: var(--font--weight-medium); padding-left: 2.2rem; position: relative; font-family: var(--global--font-noto); }
.price-box00-inbox .remarks ul li::before{ content: "●"; padding-right: 1rem; position: absolute; left: 0; top: 0; }
.price-box00-inbox .remarks p{ font-size: 1.4rem; font-weight: 500; color: #da220a; margin-top: 1.2rem; }

.price-box00-inbox .ph{ text-align: center; }
.price-box00-inbox .ph span{ display: block; text-align: center; font-size: 1.4rem; font-weight: 500; margin-top: 2rem; }
.price-box04 .inner{ position: relative; }
.price-box04 .inner::before {
    content: "";
    position: absolute;
    width: 12.0rem;
    height: 13.6rem;
    background: url(./assets/images/price/price_ph04.svg) repeat-x 50% 50%;
    top: -6rem;
    right: 0;
    z-index: 0;
}


























@media screen and (min-width: 768px){


/* fadeInRightUp */
.js-fadeUpRU { opacity: 0;	transform: translate(30px, -30px); transition: opacity .8s, transform .8s; }
.js-fadeUpRU.is-inview { opacity: 1; transform: translate(0, 0); transition-delay: .5s; }


/* fadeInRightDown */
.js-fadeUpRD { opacity: 0;	transform: translate(30px, 30px); transition: opacity .8s, transform .8s; }
.js-fadeUpRD.is-inview { opacity: 1; transform: translate(0, 0); transition-delay: .5s; }

/* fadeInRightDown */
.js-fadeUpLD { opacity: 0;	transform: translate(-30px, 30px); transition: opacity .8s, transform .8s; }
.js-fadeUpLD.is-inview { opacity: 1; transform: translate(0, 0); transition-delay: .5s; }



  /* フェードイン(初期値) */
.js-fadeUpText01 {
	opacity: 0; /* 最初は非表示 */
	transform: translateY(30px); /* 下に30pxの位置から */
	transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
  }
  /* フェードイン(スクロールした後) */
  .js-fadeUpText01.is-inview {
	opacity: 1; /* 表示領域に入ったら表示 */
	transform: translateY(0); /* 30px上に移動する */
	transition-delay: .5s; /* フェード開始を0.5秒遅らせる */
  }
  .js-fadeUpText02 {
	  opacity: 0; /* 最初は非表示 */
	  transform: translateY(30px); /* 下に30pxの位置から */
	  transition: opacity .8s, transform .8s; /* 透過率と縦方向の移動を0.8秒 */
	}
	/* フェードイン(スクロールした後) */
	.js-fadeUpText02.is-inview {
	  opacity: 1; /* 表示領域に入ったら表示 */
	  transform: translateY(0); /* 30px上に移動する */
	  transition-delay: .8s; /* フェード開始を0.5秒遅らせる */
	}


	
.js-fadeUpG { opacity: 0; transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview{ opacity: 1; transition-delay: .5s; }


.js-fadeUpG .g01{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g01{ opacity: 1; transform: translateY(0); transition-delay: .8s; }

.js-fadeUpG .g02{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g02{ opacity: 1; transform: translateY(0); transition-delay: .95s; }

.js-fadeUpG .g03{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g03{ opacity: 1; transform: translateY(0); transition-delay: 1.1s; }

.js-fadeUpG .g04{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g04{ opacity: 1; transform: translateY(0); transition-delay: 1.25s; }

.js-fadeUpG .g05{ opacity: 0; transform: translateY(30px); transition: opacity .8s, transform .8s; }
.js-fadeUpG.is-inview .g05{ opacity: 1; transform: translateY(0); transition-delay: 1.4s; }


}








@media screen and (max-width: 768px){


	section.today .caution{ margin-top: 4.5rem; }
	section.today .caution h4{ font-size: 1.6rem; }
	section.today .caution p{ font-size: 1.4rem; }


	header,
	header .header-inner .logo{ height: var(--header--height--sp); }
	header .header-inner .logo{ width: 5.5rem; }

	header .header-inner{ padding: 0 3rem; }
	header .header-inner .header-menu ul a{ width: 5rem; height: 5rem; background: url(./assets/images/common/icon-menu-open.svg) #1ebab3 no-repeat 50% 50% / 28px auto; }
	

	header .header-inner .header-menu ul.header-menu-circle{ display: none; }

	header .header-inner .logo img{ height: 5.5rem; }

	header .header-inner .logos{ width: 12.2rem; display: flex; }
	

	.navigation .navigation-inner{ padding: 1rem 2rem; }
	.navigation-header{ justify-content: center; }
	.navigation-header .menu-logo{ width: 12.2rem; }

	a.hamburgers{ width: 5rem; height: 5rem; background: url(./assets/images/common/icon-menu-close.svg) var(--global--color-white) no-repeat 50% 50% / 27.5px auto; position: fixed; right: 3rem; }


	.navigation-links{ margin-top: 3.5rem; }
	.navigation-links ul{ justify-content: space-between; width: 100%; }
	.navigation-links ul.reserve li{ width: 48.5%; }
	.navigation-links ul.reserve li:not(:last-child){ margin-right: 0; }
	.navigation-links ul.reserve li a{ width: 100%; border-radius: 3rem; border-radius: 1.5rem; }

	.navigation-links-sns,
	.navigation-links-sns ul{ justify-content: flex-end; }
	.navigation-links ul.sns li:not(:last-child){ margin-right: 1.2rem; }
	.navigation-links ul.sns li a{ width: 4.6rem; height: 4.6rem; }
	.navigation-links ul.sns li.x a{
		background: url(./assets/images/common/icon-x.svg) no-repeat 50% 50% / 1.9rem auto;
	}
	.navigation-links ul.sns li.i a{
		background: url(./assets/images/common/icon-instagram.svg) no-repeat 50% 50% / 1.9rem auto;
	}
	.navigation-links ul.sns li.t a{
		background: url(./assets/images/common/icon-tiktok.svg) no-repeat 50% 50% / 1.7rem auto;
	}

	.navigation-menu ul{ width: 100%; }
	.navigation-menu ul a{ height: auto; padding: 2rem 0 2rem 2rem; }
	


	section.guide .guide-map-box{ border-radius: 2rem; }



	.navigation-links p{ margin-top: 1.0rem; }

	.title h2{ font-size: 4.2rem; }
	.title span.sub{ font-size: 1.25rem; margin-top: 1rem; }


	.catch span{ font-size: 3.5rem; padding: .5rem 2rem 1rem; }



	.inner{ padding: 0 2rem; }


	.time-box dl.t01 dd{ width: calc(100% - 1.5rem); padding-left: 2rem; }
	.time-box dl.t02 dd{ width: calc(100% - 1.5rem); padding-left: 2rem; }
	.time-box dl.t03 dd{ width: calc(100% - 1.5rem); padding-left: 2rem; }



	section.news .button a{
		background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--yellow01) no-repeat 3rem 50% / 1.0rem auto;
	}





	.fukidashi h3{ font-size: 2.1rem; width: 100%; }
	.fukidashi h3::after{ width: 1.4rem; height: .8rem; background: url(./assets/images/common/icon-fukidashi.svg) no-repeat 0 0 / 1.4rem auto;
		bottom: -.8rem; }


	section.guide .inner::before {
		content: "";
		position: absolute;
		width: 17.75rem;
		height: 11.05rem;
		background: url(./assets/images/home/guide-bg01.svg) no-repeat 0 0 / auto 11.05rem;
		top: -9rem;
        left: -3.8rem;
	}
	section.guide .inner::after {
		content: "";
		position: absolute;
		width: 17.75rem;
		height: 11.05rem;
		background: url(./assets/images/home/guide-bg02.svg) no-repeat 100% 0 / auto 11.05rem;
		top: -9rem;
		right: -3.8rem;
	}


	section.guide{ padding: 10.5rem 0 6rem; }
	section.guide .msg{ text-align: center; padding: 4rem 0 0; }
	section.guide .button{ margin-bottom: 6rem; margin-top: 1.5rem; }
	section.guide .button a::before{ width: 7.5rem; background: url(./assets/images/home/icon-map.svg) var(--global--color--green02) no-repeat 50% 50% / 3.2rem auto; }


	section.guide .title h2{ font-size: 4.9rem; }

	section.guide .fukidashi{ margin-bottom: 2rem; }
	section.guide .button a{ width: 100%; height: 8.25rem; }

	/* information */
	section.information{ padding: 6rem 0 7.6rem 0; }
	section.information .inner{ padding: 0 2rem; }
	section.information .information-box{ margin-top: 4rem; }
	section.information .information-box ul li{ width: 100%; margin-right: 0 !important; margin-bottom: 2rem; }
	section.information .information-box ul li a{ height: 11.4rem; padding-left: 5rem; width: calc(100% - 5rem); }
	section.information .information-box ul li a::before{
		content: "";
		position: absolute;
		background: url('./assets/images/common/icon-arrow01.svg') no-repeat 0 0;
		width: 1.0rem;
		height: 1.25rem;
		left: 2.0rem;
		top: calc(50% - .625rem);
	}
	section.information .information-box ul li.b01 a::after{
		background: url('./assets/images/common/icon-school.svg') no-repeat 0 0;
		width: 5.9rem;
		height: 5.5rem;
		right: 3.5rem;
		top: calc(50% - 2.75rem);
	}
	section.information .information-box ul li.b02 a::after{
		background: url('./assets/images/common/icon-access.svg') no-repeat 0 0;
		width: 7.1rem;
		height: 6.4rem;
		right: 3.4rem;
		top: calc(50% - 3.2rem);
	}
	section.information .information-box ul li.b03 a::after{
		background: url('./assets/images/common/icon-faq.svg') no-repeat 0 0;
		width: 8.6rem;
		height: 5.6rem;
		right: 3.0rem;
		top: calc(50% - 2.8rem);
	}

	

	section.information .title h2{ font-size: 4.9rem; }


	/* footer */
	footer{ padding: 4rem 0 3rem 0; }
	footer::before{ height: 1.6rem; top: -1.6rem; background: url(./assets/images/common/bg-mark01.svg) repeat-x 0 0 / auto 1.6rem; }
	footer .footer-inner{ flex-direction: column-reverse; padding: 0 2.8rem; }
	footer .footer-inner .footer-menu{ justify-content: space-between; }
	footer .footer-menu ul{ width: 48%; }
	footer .footer-menu ul:first-child{ margin-right: 0; }

	footer .footer-information{ margin-top: 5rem; text-align: center; }
	footer .footer-information .logo{ max-width: 16.8rem; margin: 0 auto 2.5rem; }
	footer .footer-information .name{ margin-bottom: 1rem; }


	section.event{ padding: 5rem 0 14.4rem; }

	section.about::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 8.4rem;
		top: -8.4rem;
		background: url(./assets/images/home/about-bg.svg) repeat-x 50% 50% / auto 8.4rem;
	}

	section.event .button a{ width: 100%; }

	section.about .youtube,
	.button{ margin-top: 3rem; }
	.button a{ text-align: center; width: 100%; font-size: 1.5rem; height: 6rem; }


section.about .youtube p{ line-height: 1.4; }

	section.news{ padding: 5rem 0 6rem 0; }

	section.news .title h2{ font-size: 5.3rem; }


	section.news .inner::before{
		content: "";
		background: url('./assets/images/home/news-bg.svg') no-repeat 0 0 / 17.75rem auto;
		width: 17.75rem;
		height: 11.05rem;
		position: absolute;
        right: -5rem;
        top: -1.4rem;
	}



	section.event .title h2{ font-size: 4.8rem; }
	section.event .event-box{ margin-top: 4rem; }



	section.about .title-fukidashi h3{ font-size: 3rem; }

	.bg-tree{
		content: "";
		position: absolute;
		width: 22.15rem;
		height: 21.0rem;
		background: url(./assets/images/home/about-bg02.svg) repeat-x 50% 50%;
        top: -11.5rem;
        right: -85px;
	}
	
	section.about{ padding: 5.5rem 0 18.2rem 0; }
	section.about .about-box .mark{ width: 24.85rem; }

	section.about .about-box h4,
	section.about .about-box h4 *{ font-size: 2.8rem; margin: 2.5rem 0 6rem 0; }
	section.about .about-box .ph{ margin-bottom: 2rem; }
	
	section.about .about-box .txt{ max-width: inherit; padding: 0 2.5rem; width: calc(100% - 5rem); }


	.news-box dl dt span.date{ background-color: transparent; color: var(--global--color--yellow01); margin-left: 1rem; padding: 0; }

	.news-box dl{ padding: 1rem 0; }

	.news-box dl dd{ margin-top: .7rem; }
	.news .button{ padding: 0 0; margin-top: 3.5rem; }

	.news-box{ padding: 0 1.7rem; }
	.news-box dl{ flex-direction: column; }
	.news-box dl dt,
	.news-box dl dd{ width: 100%; }
	


	section.main{
		margin-top: calc(var(--header--height--sp) - .1rem);
		position: relative;
	}

	section.main .catch{
		top: 0; align-items: center; bottom: auto;
	}


		
	section.today::before{
		content: "";
		height: 1.6rem;
		background: url('./assets/images/common/bg-mark01.svg') repeat-x 0 0 / auto 1.6rem;
		width: 100%;
		display: block;
		position: absolute;
		top: -1.6rem;
	}

	.time-box{
		flex-direction: column;
	}
	.time-box .date .y{ display: inline-block; }

	.time-box dl{ width: 100%; justify-content: space-between; margin-bottom: .5rem; min-height: 5.2rem; }
	.time-box dl dt{ width: 12rem; margin: 0 !important; padding: 0;
        display: flex
;
        justify-content: flex-end;}
	.time-box dl dt span{ width: 12rem; }
	.time-box dl dd{ width: 12rem; margin: 0; text-align: left !important; }
	.time-box dl.t03 dd.weather{ margin-right: 0; display: flex; align-items: center;  }
	.time-box dl.t03 dd.weather span.mm{ margin-left: 1.5rem; }
	.time-box dl.t03 dd.weather span.mm span{ line-height: 1.4; }
	.timess{ margin-top: 3rem; margin-bottom: 1.5rem; }
	.timess span{ font-size: 1.6rem; }

	section.today{  }
	section.today .button a{ width: 100%; height: 8rem; }
	section.today .button a span{ font-size: 1.7rem; }
	section.today .button a::before{ width: 7.5rem;
		background: url(./assets/images/home/icon-calendar.svg) var(--global--color--skyblue) no-repeat 50% 50% / 3.3rem auto;
		top: 0; }
	section.today .button{ margin-bottom: 0; }

	.dantai, .dantai *{ font-size: 1.4rem; }

	.price-box03 .button a{ height: 8rem; }

	section.today .button a span {
		background: url(./assets/images/common/icon-arrow01.svg) no-repeat 20% 50% / 1.0rem auto;
	}

	.price-box03 .fukidashi h3{ height: 4.2rem; padding: 0; }
	.price-box03 h4{ padding-top: 4rem; padding-bottom: 0; }
	.price-box03 .msg{ text-align: left; }
		
	section.attraction::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 8.2rem;
		top: -8.2rem;
		background: url(./assets/images/home/attraction-bg.svg) repeat-x 50% 50% / auto 8.2rem;
	}
	.page-education-box02 h2{ 
		font-size: 2.6rem;
	 }

	section.attraction .bg-tree01{
		content: "";
		position: absolute;
		width: 18.2rem;
		height: 21.6rem;
		background: url(./assets/images/home/attention-bg01.svg) no-repeat 50% 50% / 18.2rem auto;
		top: -23.3rem;
        right: -8.0rem;
	}
	section.attraction .bg-tree02{
		content: "";
		position: absolute;
		width: 22.55rem;
		height: 23.4rem;
		background: url(./assets/images/home/attention-bg02.svg) no-repeat 50% 50% / 22.55rem auto;
		top: -21.3rem;
		left: -55px;
	}

	section.attraction .title-fukidashi h3{
		font-size: 2rem;
		height: 3rem;
		width: 17rem;
	}
	section.attraction{ padding: 6rem 0; }
	section.attraction h4{ font-size: 2.6rem; margin-top: 4rem; margin-bottom: 3rem; }


	section.attraction .title-fukidashi h3::after{
		width: 1.4rem;
		height: .8rem;
		bottom: -.8rem;
		right: 5rem;

	}
	section.attraction .buttons a span{
		background: url(./assets/images/common/icon-arrow01.svg) no-repeat 20% 50% / 1.0rem auto;
	}

	section.attraction .msg{ padding: 0 1.75rem; }
	section.attraction .buttons{ margin: 4rem 0; flex-direction: column; }
	section.attraction .buttons a{ width: 100%; height: 8.25rem; }
	section.attraction .buttons a:not(:last-child){ margin-bottom: 2rem; }

	section.attraction .buttons a span{ line-height: 1.4; }

	section.attraction .buttons a::before{ width: 7.5rem; }
	
	section.attraction .buttons a.buttons01::before{
		background: url('./assets/images/home/icon-experience.svg') var(--global--color--yellow01) no-repeat 50% 50% / 3.5rem auto;
	}
	section.attraction .buttons a.buttons02::before{
		background: url('./assets/images/home/icon-attention.svg') var(--global--color--yellow01) no-repeat 58% 50% / 3.5rem auto;
	}


	.attaraction-box .inner::before{
		content: "";
		width: 27.0rem;
		height: 20.3rem;
		background: url('./assets/images/home/attention-bg03.svg') no-repeat 50% 50% / 27rem auto;
		position: absolute;
        top: -3rem;
        right: -6rem;
		z-index: -1;
	}
	
	.attaraction-box .inner::after{
		content: "";
		width: 18.75rem;
		height: 14.25rem;
		background: url('./assets/images/home/attention-bg04.svg') no-repeat 50% 50% / 18.75rem auto;
		position: absolute;
        bottom: -10rem;
        left: inherit;
        right: 2rem;
		z-index: -1;
	}

	.attaraction-box::before {
		background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0% / 15rem auto;
	}

	.attraction .button-box{ padding-top: 8rem; }


	.attaraction-inbox-sp p{ max-width: 38.5rem; max-width: 70vw; position: relative; }
	.attaraction-inbox-sp p img{ width: 100%; }

	.attaraction-inbox-sp .ai02{ margin-left: -5rem; }
	.attaraction-inbox-sp .ai01{ 
        margin-top: -32vw;
        left: 30vw;
    }
	.attaraction-inbox-sp .ai04{ 
        margin-top: -32vw;
        left: 30vw;
    }

	.attaraction-inbox-sp .ai03{ margin-left: -5rem; margin-top: -32vw; }
	.attaraction-inbox-sp .ai05{ margin-left: -5rem; margin-top: -32vw; }



	.news-under-detail-detail .contents-article .contents-article-catch img{ overflow: hidden; border-radius: 1.25rem; }



	section.information .information-box ul li{ height: auto; }



	/*  */
	.page-under{ padding-top: var(--header--height--sp); }

	.page-title-02{ height: 13rem; }
	.page-title-02 .inner{ position: relative; z-index: 1; }

	.page-title-02::after {
		width: 17.0rem;
		height: 11.5rem;
		background: url(./assets/images/common/page-header-bg02.svg) no-repeat 0 0 / 17.0rem auto;
		right: -4.5rem;
		top: 1rem;
	}
	.page-title-02::before{
		width: 10.2rem;
		height: 8.0rem;
		background: url(./assets/images/common/page-header-bg01.svg) no-repeat 0 0 / 10.2rem auto;
		left: -2rem;
		top: 3rem;
	}
	.page-title-02 h2{
		align-items: flex-start;
	}

	.page-title-02 h2 span{ font-size: 1.5rem; padding-left: .5rem; }


	/**/
	.page-title-01{ padding-bottom: 1rem; }
	.page-title-01 h2{ height: 17rem; padding-top: 0; align-items: flex-start; font-size: 2.5rem; line-height: 1.4; }
	
	.page-about-title h2,
	.page-about-title h2 span{ font-size: 3.75rem; line-height: 1.4; }

	.page-title-02 h2{ font-size: 2.6rem; }

	.page-about .page-about-title{ padding: 5rem 0 14.5rem 0; }
	.page-about .page-about-title p.tit01{ font-size: 2.1rem; margin-bottom: 2rem; }

	.page-about .bg-tree{ top: -13rem; }

	.page-about .about-box{ padding: 6rem 0 15rem 0; }
	.about-box .tit02{ font-size: 2.1rem; }
	.about-box h3{ font-size: 2.8rem; margin-bottom: 4rem; }

	.about-box .inbox{ margin-bottom: 4rem; }

	.about-box .inbox .ph{ padding: 1rem 1rem 2rem; }
	.about-box .inbox .ph p{ overflow: hidden; border-radius: 2rem; }
	.about-box .inbox .inbox-inner::before {
		height: 1.4rem;
		background: url(./assets/images/common/triangle-yellow.svg) repeat-x 50% 50%;
	}
	.about-box .inbox .inbox-inner{ display: block; }
	.about-box .inbox .inbox-inner .inbox-title{ width: 100%; margin-bottom: 2rem; }
	.about-box .inbox .inbox-inner .inbox-title p{ margin-bottom: 0; }

	.about-box .inbox .inbox-inner .msg{ width: 100%; padding-left: 0; }

    .page-about{ position: relative; }
    .page-about::after {
        content: "";
        position: absolute;
        width: 8.7rem;
        height: 9.2rem;
        background: url(./assets/images/about/about_ph05.svg) no-repeat 50% 50%;
		bottom: 2rem;
        left: 2rem;
        z-index: 1;
    }



	.contents-under::after{ width: 17.1rem; background: url(./assets/images/common/page-header-bg02.svg) no-repeat 0 0 / 17.1rem auto; right: -2.5rem; top: 1rem; }

	.contents-under::before{
		width: 8.85rem;
		height: 9.3rem;
		background: url('./assets/images/common/page-header-bg01.svg') no-repeat 0 0 / 8.85rem auto;
		left: -1rem;
	}





	.page-about .about-box::before {
		content: "";
		position: absolute;
		width: 100%;
		height: 8.2rem;
		top: -8.2rem;
		background: url(./assets/images/home/about-bg.svg) repeat-x 50% 50%;
	}

	.about-box .



	.pager{ margin-top: 2rem; margin-bottom: 0; }
	.pager a{ margin-right: 1rem; }


	/* news */
	.news-under-list{ padding: 4.5rem 0 7.5rem; position: relative; z-index: 1; }
	.news-category{ margin-bottom: 3.5rem; }

	.news-under-list-list a{ width: 100%; padding: 1rem; margin-bottom: 2rem; }
	.news-under-list-list a:nth-child(odd){ margin-right: 0; }
	.news-under-list-list a .img{ width: 16rem; height: 16rem; }
	.news-under-list-list a dl{ padding-left: 2rem; width: calc(100% - 16rem); }
	.news-under-list-list a dl dt{ margin-bottom: 1.5rem; }
	
	.page-news .contents-under::before{ bottom: auto; top: 2.5rem; }


	.news-under-detail{ padding: 4.5rem 0 12rem; }
	.news-under-detail .inner{ position: relative; z-index: 1; }
	.news-under-detail-detail article{ padding: 2rem 1.5rem 3rem; }
	.news-under-detail-detail .contents-article{ margin-top: 3rem; }

	.pager-detail{ margin-top: 4.5rem; }


	.page-news{ position: relative; }
	.page-news::after{
		content: "";
		position: absolute;
		width: 8.7rem;
		height: 9.2rem;
		background: url(./assets/images/news/news_ph01.svg) no-repeat 50% 50%;
		bottom: -1rem;
		right: 2rem;
		z-index: 1;
	}
	

	.access-box02-inbox-02-03{ display: block; }
	.access-box02-inbox-02-03 .access-box02-inbox-04-l, .access-box02-inbox-02-03 .access-box02-inbox-04-r{  width: 100%; }

	

	.access-box02-inbox-02-03 .access-box02-inbox-04-r{ margin-top: 4rem; }

	.access-box02{ padding-bottom: 7.5rem; }

	/*--------------- faq ---------------*/
	.faq-category{ margin-bottom: 4.0rem; }
	.faq-category ul{ display: flex; flex-wrap: wrap; justify-content: center; }
	.faq-category ul li{ margin-bottom: 1rem; }
	.faq-category ul li span{ padding: 0 1rem 1rem; }
	.faq-category ul li span.is-active::after{ bottom: .3rem; }

	.faq-inbox{ margin-bottom: 2rem; padding: 2rem 1.5rem; }
	.faq-inbox .a{ font-size: 1.5rem; }
	.faq-inbox .q span{ margin-right: .8rem; }





	/*--------------- privacy-box ---------------*/
	.page-privacy .page-title-02::before{ top: auto; bottom: -2rem; }
	
	.page-privacy .privacy-box{ padding-bottom: 7.5rem; }
	.page-privacy .privacy-box .inner{ margin-left: 2rem; margin-right: 2rem; padding: 1.5rem 1.5rem }





	.page-access .page-title-02 h2{ align-items: center; }
	.page-access .access-box01{ margin-top: 0; }

	.page-access .access-box01 .access-box01-inbox{ width: 100%; margin-right: 0; margin-bottom: 4rem; max-width: inherit !important; }
	.page-access .access-box01 .access-box01-inbox:nth-child(odd){ margin-right: 0; }
	.page-access .access-box01 .access-box01-inbox .access-box01-inboxes{ min-height: auto; }

	.access-box02 .bg-tree{ top: -5.5rem; }

	.access-box02 .page-title-03{ height: 18rem !important; }
	.access-box02 .page-title-03 h2{ padding-top: 2rem; }
	.page-access .page-title-03 .inner::before{ 
		height: 12.9rem; bottom: 3rem;
		left: 3rem; right: auto; }


		.access-box02-inboxes-01{
			flex-direction: column; margin-bottom: 3rem;
		}
		.access-box02-inboxes-01 .ph{ width: 100%; }


	.contact-under{ padding: 4rem 0 8rem 0; }
	.contact-under .button a{ height: 6rem; }





	.page-education-box01{ padding: 5rem 0; }
	.page-education-box01 h2{ font-size: 2.8rem; }
	.page-education-box01 p{ margin-top: 3rem; }
	.page-education-box02{ padding-top: 19rem; }
	.page-education-box02 .bg-tree { top: -6.5rem; }

	.page-education-box02 p{ text-align: left; }
	.page-education-box02 ul{ display: block; margin: 3.5rem 0; }
	.page-education-box02 ul li{ width: 100%; }


	.button a{ background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--skyblue02) no-repeat 2rem 50% / 1.0rem auto; }

	.page-education-box02 .inner::before{     top: -12rem;
		left: 15vw; }




	.page-education-box03 .innerss{ margin: 0 2rem; }
	.page-education-box03 ul{ display: block; }
	.page-education-box03 ul li{ width: 100%; }

	.page-education-box03 p{ text-align: left; }
	.page-education-box04 .button{ margin: 0 2rem; }

	.page-education-box04 p.tit{ text-align: left; }

	.triangle-02 {
		content: "";
		position: absolute;
		width: 17.1rem;
		height: 11.5rem;
		background: url(./assets/images/common/page-header-bg02.svg) no-repeat 0 0 / 17.1rem auto;
		right: -4.5rem;
		top: 1rem;
	}

	.page-education-box03 .triangle-02{ top: -7rem; }
	.page-education-box03 .innerss::before {
		content: "";
		position: absolute;
		width: 9.9rem;
		height: 12.3rem;
		background: url(./assets/images/education/education_icon02.svg) no-repeat 50% 50%;
		top: -12rem;
		left: 0;
		z-index: 0;
	}


	.bg-tree06 {
		content: "";
		position: absolute;
		width: 13.0rem;
		height: 14.2rem;
		background: url(./assets/images/common/tree06.svg) no-repeat 50% 50%;
		top: -4.8rem;
		right: -3rem;
	}


	.page-flow .flow-box01{ padding: 5rem 0 8rem; }
	.flow-box01 .flow-box01-inbox .flow-box01-inboxes .fukidashi h3{ width: 23rem; height: 3.0rem; line-height: 3rem; }

	.flow-box01 .flow-box01-inbox .flow-box01-inboxes:nth-child(1),
	.flow-box01 .flow-box01-inbox .flow-box01-inboxes:nth-child(2),
	.flow-box01 .flow-box01-inbox .flow-box01-inboxes:nth-child(3){ margin-bottom: 4rem; }

	.flow-box01-inboxes-ines{ min-height: auto; }



	.flow-box03{ padding: 6rem 0 7.5rem; }
	.flow-box03 h3{ font-size: 2.6rem; margin-bottom: 3rem; }

	.flow-box03 p{ text-align: left; }
	.flow-box03 p span{ margin-top: 1.5rem; }

	.page-education-box04-inbox{ margin-top: 2.5rem; padding: 2rem 2rem; }

	.flow-box03 .button{ margin-top: 4rem; }
	.flow-box03 .button a{ height: 6rem; background: url(./assets/images/common/icon-arrow01.svg) var(--gloabl--color--beige04) no-repeat 3rem 50% / 1.0rem auto; }


	.flow-box02{ background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0 / 13rem auto; padding: 10.5rem 0 6rem 0; }
	.flow-box02 h3{ margin-bottom: 3rem; }
	.flow-box02-inboxes-h .step{ width: 10rem; }
	.flow-box02-inboxes-h h4{ width: calc(100% - 10rem); line-height: 1.4; font-size: 2.1rem; }

	.flow-box02 .flow-box02-inboxes p span{ margin-top: 1rem; }
	
	.flow-box02 .flow-box02-inbox .flow-box02-inboxes:not(:last-child){ margin-bottom: 4rem !important; }

	.flow-box02 .inner::before {
		content: "";
		position: absolute;
		width: 5.4rem;
		height: 6.8rem;
		background: url(./assets/images/flow/flow_ph04.svg) repeat-x 50% 50%;
		top: 1rem;
		right: 1.8rem;
	}
	.flow-box02 .inner::before{ top: -3rem; }
	.flow-box02 h3{ font-size: 2.6rem; }
	.flow-box02 h3 span{ font-size: 1.3rem; line-height: 1.6; }




	.bg-tree04 {
		content: "";
		position: absolute;
		width: 24.3rem;
		height: 28.9rem;
		background: url(./assets/images/common/tree04.svg) repeat-x 50% 50%;
		top: -29.3rem;
		left: -5.5rem;
	}
	.flow-box02 .bg-tree04{ top: -17.3rem; left: -6.8rem; }



	.bg-tree02{
		content: "";
		position: absolute;
		width: 22.5rem;
		height: 23.4rem;
		background: url(./assets/images/home/attention-bg02.svg) no-repeat 50% 50%;
		top: -27.3rem;
		left: -6rem;
	}




	.page-attraction .attraction-box01 .inner{ padding: 4.5rem 3.5rem 30rem; }
	.page-attraction .attraction-box01 h2{ font-size: 2.8rem; line-height: 1.3; margin-bottom: 3.5rem; }
	.page-attraction .attraction-box01 h3{ font-size: 2.8rem; line-height: 1.2; color: var(--global--color--black); border-bottom: none; padding-bottom: 0; }
	.page-attraction .attraction-box01 p{ margin-top: 2.5rem; }


	.page-attraction .attraction-box01 .inner::before{
		content: "";
		position: absolute;
		width: 20.7rem;
		height: 14.2rem;
		background: url(./assets/images/attraction/attraction_ph01.svg) no-repeat 50% 50%;
		bottom: 12.5rem;
		right: 3.5rem;
	}

	.attraction-box02 .bg-tree02{ top: -16rem; }
	.attraction-box02 {
		background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0 / 13rem auto;
		padding: 6rem 0;
	}

	.attraction-box02-inbox{ width: 100%; padding: 6rem 0 2rem; }
	.attraction-box02-inbox:nth-child(odd){ margin-right: 0; }
	.attraction-box02-inbox:not(:last-child){ margin-bottom: 4rem; }
	.attraction-box02-inbox-in-u{  padding: 3.7rem 1.5rem 0rem; }
	.attraction-box02-inbox-in-u ul li{ line-height: 1.5; }


	.attraction-box04{ padding: 7.5rem 0 6rem; }
	.attraction-box04 h3{ font-size: 2.8rem; line-height: 1.3; margin-bottom: 3.5rem; }
	.attraction-box04 .inner::before{ left: 3rem; top: -4rem; }
	
	.attraction-box04-inbox-wrapper{ display: block; }
	.attraction-box04-inbox{ width: 100%; }
	.attraction-box04-inbox .attraction-box04-inbox-in .tit{ min-height: auto; }

	.attraction-box04-inbox .attraction-box04-inbox-in .ph img{ width: 100%; }
	.attraction-box04-inbox:nth-child(1){ margin-bottom: 4rem; }

	.attraction-box04-inbox-in-u{ padding: 3.7rem 1.5rem 2rem; }


	.attraction-box05{ padding: 6rem 0 10rem 0; }
	.attraction-box05-inboxes{ display: block; }
	.attraction-box05-inbox-l, .attraction-box05-inbox-r{ width: 100%; }

	.attraction-box05-inbox-r{ margin-top: 4rem; }

	.attraction-box05-inbox-l h5, .attraction-box05-inbox-r h5{ margin-bottom: 1rem; }
	.attraction-box05-inbox-l .text, .attraction-box05-inbox-r .text{ min-height: auto; }




	.flow-box02 .flow-box02-inbox .flow-box02-inboxes,
	.flow-box01 .flow-box01-inbox .flow-box01-inboxes{ width: 100%; }



	.price-box01{ padding: 5rem 0 6rem 0; }
	.price-box01-inner .price-box00-inbox{ width: 100%; }

	.price-box01-inner{ margin-bottom: 4rem; }
	.price-box00-inbox.price-box00-inbox-02{ margin-bottom: 4rem; }
	.price-box00-inbox.price-box00-inbox-03{ margin-top: 4rem; }

	.price-box01-02{ display: block; }
	.price-box01-inbox{ width: 100%; }
	.price-box01-inbox-01{ margin-bottom: 4rem; }

	.price-box01 .remarks-text{ margin-top: 2rem; padding-left: 2rem; }



	.price-box02 .inner{ display: block; }
	.price-box02 .price-box02-inbox{ width: 100%; }
	.price-box02 .price-box02-inbox .price-box02-inbox-h{ height: 13rem; font-size: 2.2rem; line-height: 1.5; }
	.price-box02 .price-box02-inbox .price-box02-inbox-h span{ font-size: 2.2rem; }

	.price-box02 {
		background: url(./assets/images/home/attraction-bg02.svg) repeat 50% 0 / 13rem auto;
		padding: 6rem 0 10rem 0;
	}

	.price-box02-inbox:first-child{
		margin-bottom: 4rem;
	}

	.price-box03{ padding: 14rem 0 6rem 0; }
	.price-box03 h3.tit{ font-size: 2.6rem; }

	.price-box03 .bg-tree05{ width: 22.2rem; height: 20.5rem; 
        left: -9rem;
        top: -8rem; }


		
.price-box03 .inner::before {
    content: "";
    position: absolute;
    width: 9.5rem;
    height: 10.8rem;
    background: url(./assets/images/price/price_ph04.svg) repeat-x 50% 50%;
	top: 2rem;
	right: 3rem;
    z-index: 0;
}


.price-box04 h3{ font-size: 2.7rem; margin-bottom: 2.5rem; }

	.price-box04{ padding: 5.5rem 0 8rem 0; }
	.price-box04 .inner::before{ display: none; }
	.price-box04 .triangle-02{ top: -6.7rem; }

	.price-box04 .msg{ text-align: left; }

	.price-box04-inbox{ padding: 2rem; display: block; }
	.price-box04-inbox dl{ width: 100%; }
	.price-box04-inbox dl dd{ margin: 1.5rem 0 2rem; font-size: 1.7rem; }
	.price-box04 .points{ padding: 0 2rem; line-height: 1.4; }


	.contact-box{ padding: 5.5rem 0 3.5rem ; }
	.contact-boxes{ margin-top: 1.5rem; padding: 2rem; }

	.contact-form dl{ display: block; margin-bottom: 2.5rem; }
	.contact-form dl dt{ width: 100%; }
	.contact-form dl dd{ width: 100%; margin-top: .5rem; }


	section.event .button a{
		background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--pink) no-repeat 3rem 50% / 1.0rem auto; line-height: 1.4;
	}
	.attraction .button a {
		background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--yellow01) no-repeat 3rem 50% / 1.0rem auto;
	}

	section.guide .button a span {
		text-align: center;
		background: url(./assets/images/common/icon-arrow01.svg) no-repeat 22% 50% / 1.0rem auto;
		padding-left: 10rem;
	}

	.page-contact .button{ display: block; width: 100%; }
	.page-contact .button input{ width: 100%; height: 6rem; 
		background: url(./assets/images/common/icon-arrow01.svg) var(--global--color--green02) no-repeat 3rem 50% / 1rem auto; }


	.page-education-box03 h2,
	.page-education-box04 h2{ font-size: 2.6rem; }


	.price-box02 .price-box02-inbox .price-box02-inbox-b dl dd,
	.price-box00-inbox .price{ font-size: 1.9rem; }
	.price02 p,
	.price-box00-inbox .price .mini{ font-size: 1.75rem; }


	.price-box03 .button a::before{ width: 7.5rem; background: url(./assets/images/home/icon-calendar.svg) var(--global--color--green02) no-repeat 50% 50% / 3.2rem auto; }
	.price-box03 .button a span{     background: url(./assets/images/common/icon-arrow01.svg) no-repeat 10% 50% / 1.0rem auto; padding-left: 7rem; }



	.attraction-box03 .slider-attraction .slick-slide{ margin: 0; }

	.attraction-box03 .slider-attraction .slick-slide{ padding: 1rem; }
	.slick-prev{  left: 1rem !important; width: 3rem !important; height: 3rem !important; }
	.slick-next{ right: 1rem !important; width: 3rem !important; height: 3rem !important; }
}