@charset "utf-8";
/* CSS Document */

.intro_wrap																	{ position:relative; width:100%; height:100%; min-height:100svh; background:#eef7ff url(/resource/www/images/intro/img_bg.png) no-repeat top center / cover; padding:2.5em 0 }

/* 상단 */
.intro_wrap	.header															{ background:none; display:flex; justify-content:center;}
.intro_wrap	.header h1>a													{ width:209px; height:65px; background-image:url(/resource/www/images/intro/img_logo.png); }

/* 공통 */
[data-main="intro_group"] .more												{ display:flex; position:relative; width:2.5em; height:2.5em; border-radius:100%; border:1px solid var(--color-white); transition:var(--trans-ani);}
[data-main="intro_group"] .more::before										{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:url(/resource/www/images/main/icon_readmore.svg) no-repeat 50% 50% / auto 9px; filter:invert(1);}
[data-main="intro_group"] .text_more										{ display:flex; width:fit-content; align-items:center; font-size:.98rem; font-weight:600; opacity:.84; padding:0 .25rem 0 1.25em; border-radius:2rem; height:2.5rem; 
																				border:1px solid var(--color-white); gap:3.13rem; line-height:1 }
[data-main="intro_group"] .text_more>.icon									{ display:flex;  width:2.5em; height:2.5em; background:url(/resource/www/images/main/icon_readmore.svg) no-repeat 50% 50% / auto 9px; filter:invert(1); }																 							
/* 내용 */
[data-main="intro_group"]													{ display:flex; flex-wrap:wrap; margin-top:3.5rem; justify-content:space-between; gap:3em 3.75em }
[data-main="intro_group"] .group01											{ display:flex;  flex-wrap:wrap; width:49.375%; max-width:790px; gap:1.88em; }
[data-main="intro_group"] .group01 .site_main								{ position:relative; width:100%; height:310px; }
[data-main="intro_group"] .group01 .site_main>a								{ position:relative; display:flex; flex-flow:column; width:100%; height:100%; padding:3.75em 3.13em; border-radius:1.25em 5em 1.25em 1.25em; transition:var(--trans-ani);
																				color:var(--color-white); gap:1.5em; background:#1c75c5 }
[data-main="intro_group"] .group01 .site_main>a>strong						{ font-size:2.25em; font-weight:bold; line-height:1; font-family:var(--font-tenada); }
[data-main="intro_group"] .group01 .site_main>a:hover,
[data-main="intro_group"] .group01 .site_main>a:focus						{ box-shadow:3px 3px 5px rgba(0,0,0,.15); margin:-10px 0 0 -10px; }
[data-main="intro_group"] .group01 .site_main>a:hover>.text_more,
[data-main="intro_group"] .group01 .site_main>a:focus>.text_more			{ animation:iconShow 0.7s ease-in-out 1 forwards; opacity:1 }
[data-main="intro_group"] .group01 .site_main_bg							{ position:absolute; right:0; bottom:0; pointer-events:none; width:100%; height:100%; border-radius:1.25em 5em 1.25em 1.25em; overflow:hidden }	
[data-main="intro_group"] .group01 .site_main_bg .cloud1					{ position:absolute; right:-5px; top:1.44em; width:69px; height:40px; background:url(/resource/www/images/main/img_cloud.png) no-repeat 50% 50% / contain;  z-index:2 }
[data-main="intro_group"] .group01 .site_main_bg .cloud2					{ position:absolute; right:24%; top:3.75em; width:82px; height:47px; background:url(/resource/www/images/main/img_cloud.png) no-repeat 50% 50% / contain;  z-index:2 }
[data-main="intro_group"] .group01 .children								{ position:absolute; left:29%; bottom:-.3em; width:55px; height:135px; background:url(/resource/www/images/main/img_tour05.svg) no-repeat 50% 50% / contain; z-index:3 }
[data-main="intro_group"] .group01 .people									{ position:absolute; left:calc(50% - 33px); bottom:-5em; width:106px; height:212px; background:url(/resource/www/images/main/img_tour04.svg) no-repeat 50% 50% / contain; z-index:2 }
[data-main="intro_group"] .group01 .site_main_bg .flower					{ position:absolute; right:0; bottom:0; width:632px; height:85px; background:url(/resource/www/images/intro/img_flower.svg) no-repeat 50% 50% / auto; z-index:1 }
[data-main="intro_group"] .group01 .site_main_bg .ruins						{ position:absolute; right:1.5em; bottom:-.25rem; width:292px; height:184px; background:url(/resource/www/images/intro/img_tower01.svg) no-repeat 50% 50% / contain; z-index:0 }
[data-main="intro_group"] .group01 .site_main_bg .pinwheel1					{ position:absolute; left:21%; bottom:-1.25em; width:34px; height:73px; background:url(/resource/www/images/main/bg_pinwheel02.svg) no-repeat 50% 50% / contain;  }
[data-main="intro_group"] .group01 .site_main_bg .pinwheel1::before			{ position:absolute; left:0; width:34px; height:34px; background:url(/resource/www/images/main/img_pinwheel02.svg) no-repeat 50% 50% / contain; content:''; }
[data-main="intro_group"] .group01 .site_main_bg .pinwheel2					{ position:absolute; left:38%; bottom:0; width:39px; height:82px; background:url(/resource/www/images/main/bg_pinwheel03.svg) no-repeat 50% 50% / contain;  }
[data-main="intro_group"] .group01 .site_main_bg .pinwheel2::before			{ position:absolute; left:0; width:39px; height:39px; background:url(/resource/www/images/main/img_pinwheel03.svg) no-repeat 50% 50% / contain; content:'';  }

[data-main="intro_group"] .group01 .site_main_bg .flower					{ animation:flowerShow 3s linear infinite; }
[data-main="intro_group"] .group01 .site_main_bg .pinwheel1::before			{ animation:degShow 6s linear infinite;}
[data-main="intro_group"] .group01 .site_main_bg .pinwheel2::before			{ animation:degShow 9s linear infinite;}
[data-main="intro_group"] .group01 .children								{ animation:updown 4s linear infinite; }							
[data-main="intro_group"] .group01 .people									{ animation:updown 4s linear infinite; }
[data-main="intro_group"] .group01 .site_main_bg .cloud1					{ animation:cloud 7s ease-in-out infinite forwards;}
[data-main="intro_group"] .group01 .site_main_bg .cloud2					{ animation:cloud 7s ease-in-out infinite forwards;}


		
[data-main="intro_group"] .group01 .site_sub								{ display:flex; flex-wrap:wrap; width:100%; gap:1.88em; position:relative; z-index:3 }
[data-main="intro_group"] .group01 .site_sub>li								{ width:calc((100% - 1.88em) / 2); height:250px; }
[data-main="intro_group"] .group01 .site_sub>li>a							{ display:flex; flex-flow:column; width:100%; height:100%; padding:3.13em 2.5em; justify-content:space-between; color:var(--color-white); transition:var(--trans-ani); }
[data-main="intro_group"] .group01 .site_sub>li.tour>a						{ background:#1cbfbc url(/resource/www/images/intro/img_marong.png) no-repeat calc(100% - 2.5em) calc(100% - 2em) / auto 120px; border-radius:1.25em 1.25em 1.25em 5em;  }
[data-main="intro_group"] .group01 .site_sub>li>a:hover,
[data-main="intro_group"] .group01 .site_sub>li>a:focus						{ box-shadow:3px 3px 5px rgba(0,0,0,.15); margin:-10px 0 0 -10px; }
[data-main="intro_group"] .group01 .site_sub>li.reserve>a					{ background:#5993ee url(/resource/www/images/intro/icon_reserve.svg) no-repeat calc(100% - 2.5em) calc(100% - 2em) / auto 100px; border-radius:1.25em;  }
[data-main="intro_group"] .group01 .site_sub>li>a>dl						{ display:flex; flex-flow:column; gap:.3rem; }
[data-main="intro_group"] .group01 .site_sub>li>a>dl>dt						{ font-size:1.88em; font-weight:bold; line-height:1; font-family:var(--font-tenada); }
[data-main="intro_group"] .group01 .site_sub>li>a>dl>dd						{ opacity:.84; line-height:1.28 }
[data-main="intro_group"] .group01 .site_sub>li>a:hover>.more,
[data-main="intro_group"] .group01 .site_sub>li>a:focus>.more				{ animation:iconShow 0.7s ease-in-out 1 forwards; }


[data-main="intro_group"] .group02									{ display:flex; flex-wrap:wrap; flex:0 1 calc(100% - 49.375% - 3.75em);  align-items:stretch; gap:1.88em; }
[data-main="intro_group"] .group02 .title_wrap						{ display:flex; width:100%; flex-wrap:wrap; justify-content:space-between; align-items:baseline; height:64px; }
[data-main="intro_group"] .group02 .title_wrap h2					{ font-size:2.25em; font-family:var(--font-tenada); }
[data-main="intro_group"] .group02 .title_wrap .brand				{ position:relative; width:356px; height:64px; }
[data-main="intro_group"] .group02 .title_wrap .brand::before		{ position:absolute; width:100%; height:100%; content:''; left:0; top:0; background:url(/resource/www/images/intro/img_brand.svg) no-repeat 50% 50% / contain; }
[data-main="intro_group"] .group02 .site_field						{ display:flex; width:100%; flex-wrap:wrap; gap:1.25rem; height:calc(100% - 64px - 1.88em); }
[data-main="intro_group"] .group02 .site_field>li					{ width:calc((100% - 1.25rem) / 2); }
[data-main="intro_group"] .group02 .site_field>li>a					{ display:flex; flex-flow:column; position:relative; width:100%; height:100%; border-radius:10px; background:var(--color-white); padding:2.5em 1.88em; transition:var(--trans-ani); 
																		justify-content:space-between; background-position:calc(100% - 2.5em) calc(100% + 5px); background-repeat:no-repeat; }
[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a	{ background-image:url(/resource/www/images/intro/icon_job.svg); background-size:auto 116px; }
[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a	{ background-image:url(/resource/www/images/intro/icon_youthforest.svg); background-size:auto 116px; }
[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a	{ background-image:url(/resource/www/images/intro/icon_gohyang.svg); background-size:auto 117px; }
[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a	{ background-image:url(/resource/www/images/intro/icon_smallbusiness.svg); background-size:auto 111px; }
[data-main="intro_group"] .group02 .site_field>li>a>dl				{ display:flex; flex-flow:column; gap:.5rem; }
[data-main="intro_group"] .group02 .site_field>li>a>dl>dt			{ font-size:1.56em; font-weight:bold; line-height:1 }
[data-main="intro_group"] .group02 .site_field>li>a>dl>dd			{ font-size:1.06em; opacity:.7; line-height:1.28 }
[data-main="intro_group"] .group02 .site_field>li>a>.more			{ opacity:0; }
[data-main="intro_group"] .group02 .site_field>li>a:hover,
[data-main="intro_group"] .group02 .site_field>li>a:focus			{ background-color:#1c75c5; color:var(--color-white); }
[data-main="intro_group"] .group02 .site_field>li>a:hover>.more,
[data-main="intro_group"] .group02 .site_field>li>a:focus>.more		{ opacity:1; animation:iconShow 0.7s ease-in-out 1 forwards; }

/* 하단 */
.intro_wrap .footer											{ padding-bottom:0; display:flex; flex-flow:column; justify-content:center; align-items:center; padding-top:1.5rem; border-top:1px solid rgba(0,91,172, .08); margin-top:2.5rem }
.intro_wrap .footer .list									{ display:flex; gap:0 35px; flex-wrap:wrap; font-size:.94rem; justify-content:center; text-align:center }
.intro_wrap .footer .list>li								{ display:flex; gap:0 5px; flex-wrap:wrap; justify-content:center; align-items:center; line-height:1.28;}
.intro_wrap .footer .list>li strong							{ font-weight:bold; }
.intro_wrap .footer .list>li span							{  }
.intro_wrap .footer .copy									{ position:relative; margin-top:1rem; letter-spacing:.025em; color:#919191; font-size:.88rem; text-align:center; line-height:1.28 }

@media all and (max-width:1668px){
	[data-main="intro_group"] .group01 .site_main>a					{ padding:3.5em 3em }
	[data-main="intro_group"] .group01 .site_main>a>strong			{ font-size:2.2em; }
	[data-main="intro_group"] .group01 .site_sub>li>a				{ padding:3em 2.5em; }
	[data-main="intro_group"] .group01 .site_sub>li>a>dl>dt			{ font-size:1.8em; }
	[data-main="intro_group"] .group02 .title_wrap h2				{ font-size:2.2em; }
	[data-main="intro_group"] .group02 .title_wrap .brand			{ width:336px;  }
	[data-main="intro_group"] .group02 .title_wrap,
	[data-main="intro_group"] .group02 .title_wrap .brand			{ height:60px; }
	[data-main="intro_group"] .group02 .site_field					{ height:calc(100% - 60px - 1.88em); }
	[data-main="intro_group"] .group02 .site_field>li>a				{ padding:2.25em 1.88em; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dt		{ font-size:1.5em; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dd		{ font-size:1.03em; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a{ background-size:auto 106px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a{ background-size:auto 106px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a{ background-size:auto 107px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a{ background-size:auto 101px; }
	[data-main="intro_group"] .group01 .site_main_bg .flower		{ width:580px; height:78px;  }
}
@media all and (max-width:1568px){
	[data-main="intro_group"]										{ gap:3em }
	[data-main="intro_group"] .group01 .site_main>a					{ padding:3em 2.5em }
	[data-main="intro_group"] .group01 .site_main>a>strong			{ font-size:2.1em; }
	[data-main="intro_group"] .group01 .site_sub>li>a				{ padding:2.5em 2.25em; background-position:calc(100% - 2em) calc(100% - 2em)}
	[data-main="intro_group"] .group01 .site_sub>li>a>dl>dt			{ font-size:1.7em; }
	[data-main="intro_group"] .group01 .site_sub>li.tour>a			{ background-size:auto 110px; background-position:calc(100% - 2em) calc(100% - 2em) }
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a		{ background-size:auto 90px; background-position:calc(100% - 2em) calc(100% - 2em) }
	[data-main="intro_group"] .group02								{ flex:0 1 calc(100% - 49.375% - 3em) }
	[data-main="intro_group"] .group02 .title_wrap h2				{ font-size:2.1em; }
	[data-main="intro_group"] .group02 .title_wrap .brand			{ width:306px;  }
	[data-main="intro_group"] .group02 .title_wrap,
	[data-main="intro_group"] .group02 .title_wrap .brand			{ height:55px; }
	[data-main="intro_group"] .group02 .site_field					{ height:calc(100% - 55px - 1.88em); }
	[data-main="intro_group"] .group02 .site_field>li>a				{ padding:2em 1.85em; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dt		{ font-size:1.45em; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dd		{ font-size:1em; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a{ background-size:auto 96px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a{ background-size:auto 96px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a{ background-size:auto 97px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a{ background-size:auto 91px; }
	.intro_wrap .footer												{ margin-top:3.25rem; padding-top:2rem; }
	
	[data-main="intro_group"] .group01 .site_main_bg .cloud1		{ width:59px; height:34px; }
	[data-main="intro_group"] .group01 .site_main_bg .cloud2		{ width:69px; height:40px; }
	[data-main="intro_group"] .group01 .people						{ width:96px; height:192px; left:calc(50% - 25px); bottom:-4.5em }
	[data-main="intro_group"] .group01 .site_main_bg .ruins			{ width:276px; height:174px; }
	[data-main="intro_group"] .group01 .site_main_bg .flower		{ width:535px; height:72px;  }
}
@media all and (max-width:1468px){
	[data-main="intro_group"] .group01 .site_main_bg .ruins			{ width:244px; height:154px; right:1em }
	[data-main="intro_group"] .group01 .site_main_bg .flower		{ width:506px; height:68px;  }
}
@media all and (max-width:1268px){
	[data-main="intro_group"]										{ margin-top:3rem; }
	[data-main="intro_group"] .group01								{ width:100%; max-width:inherit; }
	[data-main="intro_group"] .group01 .site_main					{ height:290px; }
	[data-main="intro_group"] .group01 .site_main>a>strong			{ font-size:2em; }
	[data-main="intro_group"] .group01 .site_sub>li					{ height:240px; }
	[data-main="intro_group"] .group01 .site_sub>li>a>dl>dd br		{ display:none; }
	[data-main="intro_group"] .group02								{ width:100%; flex:100%; gap:1.5em }
	[data-main="intro_group"] .group02 .title_wrap h2				{ font-size:2em; }
	[data-main="intro_group"] .group02 .title_wrap, 
	[data-main="intro_group"] .group02 .title_wrap .brand			{ height:50px; }
	[data-main="intro_group"] .group02 .title_wrap .brand			{ width:279px; }
	[data-main="intro_group"] .group02 .site_field					{ height:inherit; }
	[data-main="intro_group"] .group02 .site_field>li				{ min-height:12em; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a{ background-size:auto 86px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a{ background-size:auto 86px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a{ background-size:auto 87px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a{ background-size:auto 81px; }

	[data-main="intro_group"] .group01 .site_main_bg .flower		{ width:855px; height:115px; bottom:-1em  }
}
@media all and (max-width:1024px){
	[data-main="intro_group"] .group01 .site_main					{ height:280px; }
	[data-main="intro_group"] .text_more							{ font-size:.9rem; }
	[data-main="intro_group"] .group01 .site_main>a>strong			{ font-size:2.2rem; }
	[data-main="intro_group"] .group01 .site_sub>li>a>dl>dt			{ font-size:1.6rem; }
	[data-main="intro_group"] .group01 .site_sub>li>a>dl>dd			{ font-size:.98rem; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dt		{ font-size:1.367rem; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dd		{ font-size:.98rem; }
	
	[data-main="intro_group"] .group01 .site_sub>li.tour>a			{ background-size:auto 100px; }
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a		{ background-size:auto 80px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a{ background-size:auto 76px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a{ background-size:auto 76px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a{ background-size:auto 77px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a{ background-size:auto 71px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel1		{ left:calc(50% - 17%); }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel2		{ left:calc(50% - 5%); }
	[data-main="intro_group"] .group01 .children					{ left:calc(50% - 11%); }
	[data-main="intro_group"] .group01 .people						{ left:calc(50% + 3%); }
	[data-main="intro_group"] .group01 .site_main_bg .ruins			{ width:260px; height:164px; right:2em }
	[data-main="intro_group"] .group01 .site_main_bg .flower		{ width:632px; height:85px; bottom:0 }
	.intro_wrap .footer .copy										{ font-size:.85rem; }
}
@media all and (max-width:968px){
	.intro_wrap .header h1>a										{ width:193px; height:60px; }
	[data-main="intro_group"] .group01 .site_main					{ height:260px; }
	[data-main="intro_group"] .group01 .site_sub>li					{ height:220px; }
	[data-main="intro_group"] .group01 .site_sub>li.tour>a			{ background-size:auto 90px; }
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a		{ background-size:auto 70px; }
	[data-main="intro_group"] .group01 .site_main_bg .flower		{ width:535px; height:72px; bottom:0 }
	[data-main="intro_group"] .group01 .site_main_bg .ruins			{ width:244px; height:154px; right:1em }
}
@media all and (max-width:868px){
	.intro_wrap .header h1>a										{ width:177px; height:55px; }
	[data-main="intro_group"] .group01,
	[data-main="intro_group"] .group01 .site_sub					{ gap:1.25rem; }
	[data-main="intro_group"] .group01 .site_sub>li					{ width:calc((100% - 1.25rem) / 2); }
	[data-main="intro_group"] .group01 .site_main					{ height:250px; }
	[data-main="intro_group"] .group01 .site_sub>li					{ height:210px; }
	[data-main="intro_group"] .group01 .site_sub>li.tour>a			{ background-size:auto 80px; }
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a		{ background-size:auto 60px; }
	[data-main="intro_group"] .group01 .site_main>a:hover, 
	[data-main="intro_group"] .group01 .site_main>a:focus,
	[data-main="intro_group"] .group01 .site_sub>li>a:hover,
	[data-main="intro_group"] .group01 .site_sub>li>a:focus				{ margin:-5px 0 0 -5px; }
	
	[data-main="intro_group"] .group01 .site_main_bg .cloud1			{ width:53px; height:30px; }
	[data-main="intro_group"] .group01 .site_main_bg .cloud2			{ width:59px; height:34px; }
	[data-main="intro_group"] .group01 .people							{ width:86px; height:172px; }
	[data-main="intro_group"] .group01 .children						{ width:47px; height:115px; }
	[data-main="intro_group"] .group01 .site_main_bg .flower			{ width:506px; height:68px; bottom:0 }
	[data-main="intro_group"] .group01 .site_main_bg .ruins				{ width:229px; height:144px; right:1em }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel1			{ width:32px; height:68px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel1::before	{ width:32px; height:32px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel2			{ width:32px; height:67px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel2::before	{ width:32px; height:32px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a	{ background-size:auto 66px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a	{ background-size:auto 66px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a	{ background-size:auto 67px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a	{ background-size:auto 61px; }
}
@media all and (max-width:768px){
	[data-main="intro_group"] .group01 .site_main>a						{ padding:2.8em 2em; gap:1.25em; }
	[data-main="intro_group"] .group01 .site_main>a>strong				{ font-size:2rem; }
	[data-main="intro_group"] .text_more								{ height:2.3rem; gap:1.5em }
	[data-main="intro_group"] .text_more>.icon							{ width:2.3rem; height:2.3rem; background-size:auto 7px; background-position:50% calc(50% - 1px) }
	[data-main="intro_group"] .more										{ width:2rem; height:2rem; }
	[data-main="intro_group"] .more::before								{ background-size:auto 7px; }
	[data-main="intro_group"] .group01 .site_main>a,
	[data-main="intro_group"] .group01 .site_main_bg					{ border-radius:1em 3em 1em 1em; }
	[data-main="intro_group"] .group01 .site_sub>li.tour>a				{ border-radius:1em 1em 1em 3em;}
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a			{ border-radius:1em; }
	[data-main="intro_group"] .group01 .site_sub>li>a					{ padding:2.5em 2em; }
	[data-main="intro_group"] .group02 .site_field						{ gap:.75rem; }
	[data-main="intro_group"] .group02 .site_field>li					{ width:calc((100% - .75rem) / 2); }
	[data-main="intro_group"] .group02 .site_field>li>a					{ padding:1.88em 1.5em; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dt			{ font-size:1.267rem; }
	[data-main="intro_group"] .group02 .site_field>li>a>dl>dd			{ font-size:.95rem; }
	[data-main="intro_group"] .group02 .title_wrap .brand				{ width:250px; }
	[data-main="intro_group"] .group02 .title_wrap, 
	[data-main="intro_group"] .group02 .title_wrap .brand				{ height:45px; }
	[data-main="intro_group"] .group01 .site_main_bg .flower			{ width:461px; height:62px;  }
	[data-main="intro_group"] .group01 .site_main_bg .ruins				{ width:213px; height:134px; }
	[data-main="intro_group"] .group01 .site_main_bg .cloud2			{ right:18%; top:3em}
	.intro_wrap .footer .list											{ gap:8px 20px; }
}
@media all and (max-width:668px){
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel1			{ left:2em; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel2			{ left:10em; }
	[data-main="intro_group"] .group01 .children						{ left:6em; width:41px; height:100px;}
	[data-main="intro_group"] .group01 .people							{ left:38%; }
}
@media all and (max-width:568px){
	.intro_wrap															{ padding-top:2.25em; padding-bottom:2em }
	.intro_wrap .header h1>a											{ width:161px; height:50px; }
	[data-main="intro_group"]											{ margin-top:2rem; }
	[data-main="intro_group"] .group01 .site_main						{ height:230px; }
	[data-main="intro_group"] .group01 .site_main>a						{ gap:1em; }
	[data-main="intro_group"] .group01 .site_main>a>strong				{ font-size:1.9rem; }
	[data-main="intro_group"] .group01 .site_main_bg .flower			{ width:372px; height:50px;  }
	[data-main="intro_group"] .group01 .site_main_bg .ruins				{ width:166px; height:104px; }
	[data-main="intro_group"] .group01 .children						{ width:40px; height:97px; }
	[data-main="intro_group"] .group01 .people							{ width:66px; height:132px; bottom:-3.5em }
	[data-main="intro_group"] .group01 .site_main_bg .cloud1			{ width:36px; height:20px; right:-1em; }
	[data-main="intro_group"] .group01 .site_main_bg .cloud2			{ width:42px; height:24px; right:3em }
	[data-main="intro_group"] .group01 .site_sub>li						{ width:100%; height:180px }
	[data-main="intro_group"] .group01 .site_sub>li>a					{ padding:2em 1.88em; }
	[data-main="intro_group"] .group01 .site_sub>li.tour>a				{ border-radius:1em; background-size:auto 70px; background-position:calc(100% - 1.8em) calc(100% - 1.8em);}
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a			{ border-radius:1em 1em 1em 3em; background-size:auto 50px; background-position:calc(100% - 1.8em) calc(100% - 1.8em);}
	[data-main="intro_group"] .group02 .title_wrap .brand				{ width:223px; }
	[data-main="intro_group"] .group02 .title_wrap, 
	[data-main="intro_group"] .group02 .title_wrap .brand				{ height:40px; }
	
	
	[data-main="intro_group"] .group02 .site_field>li					{ width:100%; min-height:inherit }
	[data-main="intro_group"] .group02 .site_field>li>a					{ gap:1.5em; }
}
@media all and (max-width:468px){
	.intro_wrap .header h1>a											{ width:145px; height:45px; }
	[data-main="intro_group"] .group01 .site_main>a						{ padding:2.5em 1.88em; }
	[data-main="intro_group"] .group01 .site_sub>li						{ height:170px; }
	[data-main="intro_group"] .group01 .site_sub>li>a					{ padding:1.88em 1.5em; }
	[data-main="intro_group"] .group01 .site_sub>li.tour>a				{ background-size:auto 65px; background-position:calc(100% - 1.5em) calc(100% - 1.5em);}
	[data-main="intro_group"] .group01 .site_sub>li.reserve>a			{ background-size:auto 45px; background-position:calc(100% - 1.5em) calc(100% - 1.5em);}
	[data-main="intro_group"] .group01 .site_main_bg .cloud2			{ top:5em; }
	[data-main="intro_group"] .group01 .site_main_bg .flower			{ width:297px; height:40px;  }
	[data-main="intro_group"] .group02 .title_wrap h2					{ font-size:1.9em; }
	[data-main="intro_group"] .group02 .title_wrap .brand				{ width:170px; }
	[data-main="intro_group"] .group02 .title_wrap, 
	[data-main="intro_group"] .group02 .title_wrap .brand				{ height:30px; }
	[data-main="intro_group"] .group02 .site_field>li>a					{ padding:1.5em; background-position:calc(100% - 1.5em) calc(100% + 5px) }
	[data-main="intro_group"] .more										{ width:1.8rem; height:1.8rem; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(1)>a	{ background-size:auto 61px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(2)>a	{ background-size:auto 61px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(3)>a	{ background-size:auto 62px; }
	[data-main="intro_group"] .group02 .site_field>li:nth-child(4)>a	{ background-size:auto 56px; }
	.intro_wrap .footer .copy											{ font-size:.82rem; }
}
@media all and (max-width:368px){
	.intro_wrap .header h1>a											{ width:129px; height:40px; }
	[data-main="intro_group"] .group01 .site_main>a>strong				{ font-size:1.7rem; }
	[data-main="intro_group"] .text_more								{ font-size:.88rem; height:2.2rem; }
	[data-main="intro_group"] .text_more>.icon							{ width:2.2rem; height:2.2rem; }
	[data-main="intro_group"] .group01 .site_main_bg .cloud1			{ right:-3em; }
	[data-main="intro_group"] .group01 .site_main_bg .cloud2			{ top:6em; right:0; }
	[data-main="intro_group"] .group01 .site_main_bg .ruins				{ width:133px; height:84px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel1			{ left:.5em; width:20px; height:54px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel1::before	{ width:20px; }
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel2			{ left:6em; width:25px; height:56px;}
	[data-main="intro_group"] .group01 .site_main_bg .pinwheel2::before	{ width:25px; }
	[data-main="intro_group"] .group01 .children						{ left:2.5em; }
	[data-main="intro_group"] .group01 .people							{ left:35%; }
	
}



@keyframes cloud{
    0% {
	opacity:1; 
	transform:translateX(-30px);
	}
    50% {
	opacity:1; 
	transform:translateX(0px);
	}
    100% {
	opacity:1; 
	transform:translateX(-30px);
	}
}
@keyframes degShow{
    0% {
	transform: rotate(0deg);
	-ms-transform: rotate(0deg); 
	-webkit-transform: rotate(0deg); 
	-o-transform: rotate(0deg); 
	-moz-transform: rotate(0deg);
	}
    100% {
	transform:rotate(360deg);
	-ms-transform: rotate(360deg); 
	-webkit-transform: rotate(360deg); 
	-o-transform: rotate(360deg); 
	-moz-transform: rotate(360deg);
	}
}
@keyframes flowerShow{
	0% {
	opacity:1; 
	transform:translate(-5px,0) skewX(2deg);
	}
	50% {
	opacity:.8; 
	transform:translate(0,0) skewX(0deg);
	}
	100% {
	opacity:1; 
	transform:translate(-5px,0) skewX(2deg);
	}
}