@charset "utf-8";

/*===================================================================
  CSS Import
===================================================================*/
@import url(./ress.css);
@import url('https://fonts.googleapis.com/css2?family=Kaisei+Opti&family=Noto+Sans+JP:wght@100..900&display=swap');

/*===================================================================
  Font
===================================================================*/
*{ font-family:'Noto Sans JP','UD Reimin Medium','UD Shin Go NT Medium',sans-serif; font-optical-sizing:auto; font-weight:400; font-style:normal; }
.fKaisei{ font-family:'Kaisei Opti',serif; font-weight:400; font-style:normal; }




/*===================================================================
  Common
===================================================================*/
html{ overflow-y:scroll; scroll-behavior:smooth; }
body{ color:#333333; background-color:ffffff; }
a{ color:f9f7f2; text-decoration:underline; }
a:hover{ cursor:pointer; opacity:0.7; transition:.4s; }
div{ position:relative; }
img{ display:block; width:100%; height:auto; }
p{ line-height:220%; }

/*===================================================================
  SP
===================================================================*/
@media( max-width:799px )
{
	.sp{ display:block; }
	.pc{ display:none !important; }
	/* Common */
	html{ width:100%; height:100vh; }
	body{ width:100%; height:100vh; }
	.comWrapper{ width:100%; background-image:url(../img/pageTopBg.svg); background-position:top; background-size:contain; }
	.comBodyWrapper0{ width:100%; margin-top:3rem; background-color:#f9f7f2; }
	.comBodyWrapper{ width:100%; margin-top:6rem; background-color:#f9f7f2; }
	.pageTitle{ width:90vw; margin:auto; padding-top:1rem; text-align:center; }
	.pageTitle > p{ font-size:2rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); }
	.pageTitleStr{ width:90vw; margin:auto; padding-top:2rem; text-align:center; }





	/* nagare */
	.nagareIndexTopImg{ width:98vw; margin:0 auto; padding-top:1rem; }
	.nagareIndexBody{ width:90vw; margin:0 auto; margin-top:1rem; }
	.nagareIndexBody > div{ opacity:0; width:100%; margin-top:4rem; padding-top:1rem; }
	.nagareIndexBody > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareIndexBody > div.inviewActive:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.6s; }
	.nagareIndexBody > div.inviewActive:nth-of-type(3){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 1.2s; }
	.nagareIndexBody2{ width:90vw; margin:0 auto; }
	.nagareIndexBody2 > div{ opacity:0; width:100%; }
	.nagareIndexBody2 > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareIndexStepEnd{ width:80%; margin:0 auto; }
	.nagareIndexStep{ width:25vw; position:absolute; top:0; left:0; right:0; margin:auto; z-index:+1; }
	.nagareIndexMain{ margin-top:15vw; padding:1rem; padding-top:2rem; display:flex; align-items:center; flex-direction:column; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:1rem; box-shadow: 10px 10px 0px 0px rgba(225,48,66,0.9); }
	.nagareIndexMain > p.title{ display:inline-block; font-size:2rem; padding:0 0.6rem; position:relative; z-index:5; line-height: 150%; }
	.nagareIndexMain > p.title:before{ content:''; position:absolute; bottom:0; left:0; margin:auto; display:inline-block; width:100%; height:1rem; z-index:-1; background-color:#ffe17d; }
	.nagareIndexMain > p.contents{ margin-top:1rem; }
	.nagareIndexMain > div{ margin-top:2rem; width: 80%; }
	
	
	.nagareIndexBtn{ display:block; width:12rem; height:3rem; margin:0 auto; margin-top:5rem; line-height:3rem; padding-left:1rem; position:relative; color:#ffffff; text-decoration:none; background-color:#148c6e; border-radius:1.5rem; }
	.nagareIndexBtn:after{ content:''; position:absolute; top:0; bottom:0; right:1rem; margin:auto; height:1rem; width:1rem; transform:rotate(315deg); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.nagareStepTitle{ width:98vw; margin:0 auto; margin-top:1rem; display:flex; align-items:center; justify-content:center; }
	.nagareStepTitle > div:nth-of-type(1){ width:3.5rem; }
	.nagareStepTitle > div:nth-of-type(2){ padding-left:0.5rem; }
	.nagareStepTitle > div:nth-of-type(2) > p{ display:inline-block; font-size:1.8rem; padding:0rem; position:relative; z-index:5; line-height: 180%; letter-spacing: -0.03em; }
	.nagareStepTitle > div:nth-of-type(2) > p:before{ content:''; position:absolute; bottom:0; left:0; margin:auto; display:inline-block; width:100%; height:1rem; z-index:-1; background-color:#ffe17d; }
	.nagareStepBtn1{ display:inline-block; height:3rem; margin:0 auto; margin-top:1rem; line-height:3rem; padding-left:1rem; padding-right:3rem; position:relative; color:#ffffff; text-decoration:none; background-color:#148c6e; border-radius:1.5rem; }
	.nagareStepBtn1:after{ content:''; position:absolute; top:0; bottom:0; right:1rem; margin:auto; height:1rem; width:1rem; transform:rotate(315deg); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.nagareStep1headImg{ margin:0 auto; margin-top:4rem; }
	.nagareStep1headImg  > div{ opacity:0; width:70vw; margin:0 0.5rem; }
	.nagareStep1headImg  > div:nth-of-type(1){ margin-top:-2rem; }
	.nagareStep1headImg  > div:nth-of-type(2){ margin-top:1rem; margin-left:auto; }
	.nagareStep1headImg  > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareStep1headImg  > div.inviewActive:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.6s; }
	.nagareStep1box01 > p{ width:90vw; margin:auto; margin-top:2rem; text-align:center; font-size:1.5rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); line-height: 150%; }
	.nagareStep1box02{ width:90vw; margin:0 auto; margin-top:2rem; }
	.nagareStep1box02 > div:nth-of-type(1){ }
	.nagareStep1box02 > div:nth-of-type(2){ margin-top:2rem; }
	.nagareStep1box03{ opacity:0; width:90vw; margin:0 auto; margin-top:8rem; }
	.nagareStep1box03.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareStep1box03t{ width:100%; background-color:#e63246; border-radius:1rem 1rem 0 0; }
	.nagareStep1box03t > div:nth-of-type(1){ width:5rem; position:absolute; top:-5.5rem; left:0; right:0; margin:auto; }
	.nagareStep1box03t > div:nth-of-type(2){ padding:0.6rem 1rem; }
	.nagareStep1box03t > div:nth-of-type(2) > p{ margin-top:0.6rem; line-height:130%; font-size:1.5rem; font-weight:500;  color:#ffffff; }
	.nagareStep1box03tA{ width:100%; background-color:#e63246; border-radius:1rem 1rem 0 0; }
	.nagareStep1box03tA > div:nth-of-type(1){ width:5rem; position:absolute; top:-5.5rem; left:0; right:0; margin:auto; }
	.nagareStep1box03tA > div:nth-of-type(2){ padding:0.6rem 1rem; }
	.nagareStep1box03tA > div:nth-of-type(2) > p{ margin-top:0.6rem; line-height:130%; font-size:1.5rem; font-weight:500;  color:#ffffff; }
	.nagareStep1box03b{ width:100%; padding:0.6rem 1rem; background-color:#ffffff; border-radius:0 0 1rem 1rem; }
	.nagareStep1box03b > div:nth-of-type(1){}
	.nagareStep1box03b > div:nth-of-type(2){ margin-top:2rem; }
	.nagareStep1box03b > div:nth-of-type(2) > p{ font-size:0.8rem; line-height: 180%; }
	.nagareStep1box04{ width:90vw; height:70vw; margin:auto; margin-top:2rem; }
	.nagareStep1box04 > div:nth-of-type(1){ width:35vw; position:absolute; top:0; left:0; }
	.nagareStep1box04 > div:nth-of-type(2){ width:90vw; position:absolute; top:40vw; left:0; right:0; margin:auto; }
	.nagareStep1box04 > div:nth-of-type(3){ width:35vw; position:absolute; top:0; right:0; }
	.nagareStepBtn2{ height:4rem; color:#333333; margin:0 auto; padding:0 1rem; display:flex; align-items:center; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:2rem; box-shadow: 6px 6px 0px 0px rgba(225,48,66,0.9); }
	.nagareStepBtn2:after{ content:''; position:absolute; top:0; bottom:0; right:1rem; margin:auto; height:1.2rem; width:1.2rem; transform:rotate(315deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.nagareStepBtn2 > div:nth-of-type(1){ width:2.5rem; }
	.nagareStepBtn2 > div:nth-of-type(2){ padding-left:0.6rem; }
	.nagareStepBtn2 > div:nth-of-type(2) > p{ display:inline-block; font-size:1.4rem; padding:0rem; position:relative; z-index:5; line-height: 150%; }
	.nagareStepBtn2 > div:nth-of-type(2) > p:before{ content:''; position:absolute; bottom:0; left:0; margin:auto; display:inline-block; width:100%; height:0.6rem; z-index:-1; background-color:#ffe17d; }
	.nagareStepBottomLink{  width:80vw; margin:0 auto; }
	.nagareStepBottomLink > a{ display:block; width:80vw; height:3rem; line-height:3rem; position:relative; color:#333333; text-decoration:none; background-color:#ffffff; border-radius:0.21rem; }
	.nagareStepBottomLink > a.L{ padding-left:3rem; }
	.nagareStepBottomLink > a.L:after{ content:''; position:absolute; top:0; bottom:0; left:1rem; margin:auto; height:1.2rem; width:1.2rem; transform:rotate(180deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.nagareStepBottomLink > a.R{ text-align:right; padding-right:3rem; }
	.nagareStepBottomLink > a.R:after{ content:''; position:absolute; top:0; bottom:0; right:1rem; margin:auto; height:1.2rem; width:1.2rem; transform:rotate(0deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.nagarestep3box01{ width:90vw; margin:0 auto; margin-top:2rem; display:flex; flex-wrap:wrap; justify-content:center; }
	.nagarestep3box01 > div:nth-of-type(1){ opacity:0; width:40vw; }
	.nagarestep3box01 > div:nth-of-type(2){ opacity:0; width:100%; margin-top:1rem; }
	.nagarestep3box01  > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep3box01  > div.inviewActive:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.6s; }
	.nagarestep3box01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.6rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); line-height: 150%; }
	.nagarestep3box01 > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:1rem; }
	.nagarestep3box02{ width:90vw; margin:0 auto; display:flex; flex-direction:column-reverse; justify-content:center; }
	.nagarestep3box02 > div:nth-of-type(1){ width:100%; margin-top:1rem; }
	.nagarestep3box02 > div:nth-of-type(2){ width:100%; }
	.nagarestep3box03{ opacity:0; width:90vw; margin:0 auto; margin-top:5rem; padding:1rem 1.6rem; display:flex; align-items:center; flex-direction:column; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:1rem; box-shadow: 10px 10px 0px 0px rgba(225,48,66,0.9); }
	.nagarestep3box03.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep3box03 > div:nth-of-type(1){ width:100%; margin:0 auto; }
	.nagarestep3box03 > div:nth-of-type(1) > div{ width:30vw; margin:auto; }
	.nagarestep3box03 > div:nth-of-type(1) > p{ margin-top:1rem; font-size:1.6rem; color:#e63246; line-height: 150%; }
	.nagarestep3box03 > div:nth-of-type(2){ width:100%; margin:0 auto; margin-top:1rem; }
	.nagarestep3box03 > div:nth-of-type(2) > div:nth-of-type(1){}
	.nagarestep3box03 > div:nth-of-type(2) > div:nth-of-type(2){ margin-top:1rem; }
	.nagarestep3box03 > div:nth-of-type(2) > div:nth-of-type(2) > img:nth-of-type(2){ width:70%; margin-top: 0.3rem; }
	.nagarestep4box01{ opacity:0; }
	.nagarestep4box01.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep4box01 > p{ width:90vw; margin:auto; margin-top:2rem; text-align:center; font-size:1.4rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); line-height: 150%; }
	.nagarestep4box02{ opacity:0; width:90vw; margin:0 auto; margin-top:2rem; }
	.nagarestep4box02.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep4box03{ opacity:0; width:90vw; margin:0 auto; margin-top:2rem; }
	.nagarestep4box03.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }

	/* HOME */
	.fixedFullscreenArea{ width:100%; position:relative; }
	.fixedFullscreenArea .contents{ height:100dvh; }
	.fixedFullscreenArea .contents.active{ z-index:2; }
	.fixedFullscreenArea .contents .inner{ width:100%; height:50vh; }
	.fixedFullscreenArea .contents .background{ width:100%; height:100vh; position:absolute; top:0; left:0; z-index:1; }
	.fixedFullscreenArea .contents .background img{ width:100%; height:100vh; opacity:0; object-fit:cover; }
	.fixedFullscreenArea .contents.active .background img{ opacity:1; transition:all 0.4s ease 0s; }
	.fixedFullscreenArea .contents .foreground{ width:100%; height:100vh; position:relative; display:flex; justify-content:center; align-items:center; z-index:2; overflow:hidden; }
	.fixedFullscreenArea .contents.active .foreground div{ opacity:1; }
	.homeSlideArrowArea{ width:7rem; height:7rem; position:absolute; bottom:-3.5rem; left:0; right:0; margin:auto; display:flex; justify-content:center; align-items:center; background-color:#f3f7d8; overflow:hidden; border-radius:5rem; box-shadow:0px 0px 1rem 1rem rgba(243,247,216,1); }
	.homeSlideArrow{ position:relative; width:7rem; height:7rem; text-decoration:none; }
	.homeSlideArrowText{ position:absolute; width:100%; height:100%; animation: rotate 20s linear infinite; }
	.homeSlideArrowText span{ color:#333333; position:absolute; left:50%; font-size:0.5rem; font-family:serif; transform-origin:0 3.5rem; }
	.homeSlideArrowDown{ position:absolute; top:2.3rem; left:50%; width:1.8rem; height:1.3rem; transform:translate(-50%,-50%); animation:homeSlideArrowTextAni 3s infinite; }
	.homeSlideArrowDown::before{ content:''; position:absolute; top:0; left:50%; height:100%; width:1px; background-color:#333333; transform:translateX(-50%); }
	.homeSlideArrowDown::after{ content:''; position:absolute; bottom:3px; left:50%; width:0.8rem; height:0.8rem; border-bottom:2px solid #333333; border-left:2px solid #333333; transform:translateX(-50%) rotate(-45deg); }
	@keyframes rotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
	@keyframes homeSlideArrowTextAni{ 0%{transform:translate(-50%,-50%) translateY(-10px); opacity:0;} 30%{opacity:1;} 100%{transform:translate(-50%, -50%) translateY(10px); opacity:0;} }
	.homeSlideArrowMask{ width:100%; height:50vh; background-color:#ffffff; }
	.homeSlide01{ display:flex; flex-direction:column; align-items:center; }
	.homeSlide01 > div:nth-of-type(1){ width:80vw; }
	.homeSlide01 > div:nth-of-type(2){ width:60vw; }
	.homeSlide01 > div:nth-of-type(3){ width:60vw; }
	.homeSlide01 > div{ opacity:0; }
	.fixedFullscreenArea .contents.active .homeSlide01 > div:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.2s; }
	.fixedFullscreenArea .contents.active .homeSlide01 > div:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.6s; }
	.fixedFullscreenArea .contents.active .homeSlide01 > div:nth-of-type(3){ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 1.2s; }
	.homeIntroBox{ width:100%; margin-top:0; background-color:#f9f7f2; z-index:999; }
	.homeIntroBox > div{ width:90vw; margin:0 auto; padding-top: 4rem; padding-bottom: 2rem; }
	.homeIntroBox > div > div{ }
	.homeIntroBox > div > div:nth-of-type(1) > div:nth-of-type(2){ width: 70%; margin: 0 auto; margin-top: 1rem; }
	.homeIntroBox > div > div:nth-of-type(2){ margin-top: 3rem; display:flex; flex-direction: column; }
	.homeIntroBox > div > div:nth-of-type(2) > .order1{ order: 1; }
	.homeIntroBox > div > div:nth-of-type(2) > .order2{ order: 2; width: 70%; margin: 0 auto; margin-top: 1rem; }
	.homeIntroBox > div > div > div p{ font-weight: bold; }
	.homeIntroBox > div > div{ opacity:0; }
	.homeIntroBox > div > div.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.homeBottomSec01{ text-align:center; margin-top:3rem; }
	.homeBottomSec01Title{ display:inline-block; padding:0 1rem; }
	.homeBottomSec01Title > p{ font-size:1.6rem; line-height:130%; }
	.homeBottomSec01Title > p > span{ display:block; font-size:1rem; }
	.homeBottomSec01Title > p:after{ content:''; position:absolute; bottom:0; left:0; height:1rem; width:100%; z-index:-1; background-color:#ffe17d; }
	.homeBottomSec01body{ margin-top:1rem; }
	.homeBottomSec01Title{ opacity:0; }
	.homeBottomSec01body{ opacity:0; }
	.homeBottomSec01Title.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.homeBottomSec01body.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.6s; }
	.homeBottomLinkBtn{ width:100%; margin-top:1rem; }
	.slick-slide{ padding:0.5rem; }
	.slick-prev{ width:2rem; height:2rem; display:block; margin:auto; position:absolute; top:0; bottom:0; left:2vw; background-color:#e63246; border-radius:1rem; z-index:999; }
	.slick-next{ width:2rem; height:2rem; display:block; margin:auto; position:absolute; top:0; bottom:0; right:2vw; background-color:#e63246; border-radius:1rem; z-index:999; }
	.slick-prev:hover{ cursor:pointer; opacity:0.8; transition:.2s; }
	.slick-next:hover{ cursor:pointer; opacity:0.8; transition:.2s; }
	.slick-prev:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:1rem; width:1rem; transform:rotate(180deg); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.slick-next:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:1rem; width:1rem; transform:rotate(0); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.homeBottomSeparator{ width:100%; margin-top:4rem; }
	.homeBottomArea{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#f9f7f2; }
	.homeBottomArea > p{ width:90vw; margin-top:2rem; text-align:center; font-size:1.6rem; }
	.homeBottomArea > div{ width:30vw; margin:1vw; }
	.homeBottomArea > div > p{ margin-top:0.4rem; text-align:center; font-size:0.9; }
	.questionBody{ width:100%; padding-top:4rem;  background-color:#f9f7f2;  }
	.questionBody > div{ opacity:0; width:90vw; margin:0 auto; }
	.questionBody > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.questionBox{ padding:2rem 1rem; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:1rem; box-shadow: 10px 10px 0px 0px rgba(225,48,66,0.9); }
	.questionBox > div:nth-of-type(1){ }
	.questionBox > div:nth-of-type(2){ margin-top: 2rem; }
	.questionBox > div > .title{ display:inline-block; font-size:1.5rem; position:relative; z-index:5; line-height: 150%; }
	.questionBox > div > .title:after{ content:''; position:absolute; bottom:0; left:0; height:1rem; width:100%; z-index:-1; background-color:#ffe17d; }	
	.questionBox > div > .contents{ line-height: 150%; padding-top: 1rem; }
	.questionBox > div > .contents > span:nth-of-type(1){ display:inline-block; font-size: 1.5rem; font-weight: bold; line-height: 130%; color: #e63246; padding-top: 0.5rem; }
	.questionBox > div > .contents > span:nth-of-type(2){ display:inline-block; font-size: 0.8rem; padding-top: 0.5rem; }

	/* headerMenu */
	.homeHeader{ width:100%; height:4.2rem; position:fixed; top:0; left:0; z-index:9998; background-color:rgba(255,255,255,0.1); }
	.header{ width:100%; height:4rem; position:relative; top:0; left:0; z-index:9998; background-color:rgba(255,255,255,0.1); }
	.headerLogo{ width:50vw; text-decoration:none; display:block; position:absolute; top:2vw; left:2vw; }
	.headerLogo > p{ color:#333333; line-height:100%; }
	.headerLogo > p:nth-of-type(1){ font-size:0.6rem; }
	.headerLogo > p:nth-of-type(2){ font-size:0.8rem; margin-top:0.5rem; text-shadow:3px 3px 1px rgba(255,225,125,0.9); }
	.headerLogo > p:nth-of-type(3){ font-size:1.6rem; margin-top:0.2rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); }
	.headerMenuBtnOn{ width:3rem; height:1rem; display:block; position:fixed; top:1rem; right:1rem; }
	.headerMenuBtnOff{ width:3rem; height:1rem; display:block; position:absolute; top:1rem; right:1rem; }
	.headerMenu{ display:none; width:100%; height:100dvh; position:fixed; top:0; left:0; z-index:9999; background-color:#f9f7f2; }
	.headerMenuArea{ width:96vw; margin:0 auto; margin-top:3rem; }
	.headerMenuArea > div:nth-of-type(1){ width:100%; display:flex; flex-direction:column; align-items:center; }
	.headerMenuArea > div:nth-of-type(1) > div:nth-of-type(1){ width:40vw; }
	.headerMenuArea > div:nth-of-type(1) > div:nth-of-type(2){ width:25vw; margin-top:1rem; }
	.headerMenuArea > div:nth-of-type(2){ width:100%; padding-left:10vw; margin-top: 2rem; }
	.headerMenuArea > div:nth-of-type(3){ width:100%; padding-left:10vw; padding-top:1rem; }
	.headerMenuBtnHome{ display:block; width:8rem; height:1.4rem; margin-top:1rem; line-height:1.3rem; padding-left:1rem; position:relative; color:#148c6e; text-decoration:none; border:1px #148c6e solid; border-radius:0.7rem; }
	.headerMenuBtnHome:after{ content:''; position:absolute; top:0; bottom:0; right:0.4rem; margin:auto; height:1rem; width:1rem; transform:rotate(0deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.headerLink{ display:block; margin-top:1.2rem; line-height:100%; padding-left:1.3rem; position:relative; color:#333333; text-decoration:none; }
	.headerLink > span.Line{ background: linear-gradient(transparent 40%, #ffe17d 60%); }
	.headerLink > span:nth-of-type(2){ display:block; margin-top:0.5rem; line-height:100%; font-size:0.6rem; }
	.headerLinkIndent{ margin-left:1rem; padding-left:1rem; font-size:0.8rem; margin-top:1rem; }
	.headerLinkIndentA{ margin-left:1rem; padding-left:1rem; font-size:0.8rem; margin-top:1.5rem; }
	.headerLinkIndent > span, .headerLinkIndentA > span{ display:block; margin-top:0.5rem; line-height:100%; font-size:0.6rem; }
	.headerLinkIndent:before, .headerLinkIndentA:before{ content:''; position:absolute; top:0.2rem; left:0; height:0.5rem; width:0.5rem; transform:rotate(0deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.headerLink:before{ content:''; position:absolute; top:0; left:0; height:1rem; width:1rem; transform:rotate(315deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.headerLinkIndent{ margin-left:1rem; }
	.headerMenuBottomImg{ width:100%; height:8rem; opacity:0.3; margin-top:1rem; background-image:url(../img/headerMenuBottomImg.svg); background-position:bottom; background-repeat:repeat-x; }

	/* footer */
	.footerSpacer{ width:100%; height:6rem; background-color:#f9f7f2; background-image:url(../img/footerBg.svg); background-size:6rem auto; background-position:bottom; background-repeat:repeat-x; }
	.footer{ width:100%; min-height:8rem; background-color:#148c6e; margin-top:-1px; }
	.btnPgTop{ width:20vw; position:absolute; top:-4rem; right:1rem; }
	.footerItem{ width:96vw; margin:0 auto; padding-top:2rem; }
	.footerItem > a{ display:inline-block; width:60vw; padding:0.8rem 1rem; background-color:#ffffff; background-color:#ffffff; border-radius:0.7rem; }
	.footerTitle{}
	.footerTitle > a { text-decoration: none;  }
	.footerTitle > a > div:nth-of-type(1){ display:flex; flex-wrap:nowrap; }
	.footerTitle > a > div:nth-of-type(1)  > img:nth-of-type(1){ width:4rem; }
	.footerTitle > a > div:nth-of-type(1)  > img:nth-of-type(2){ width:10rem; padding-left:1rem; }
	.footerTitle > a > div:nth-of-type(1) > a:nth-of-type(2){ display:block; width:15rem; padding-left:0.6rem; border: #333333 solid 1px ; }
	.footerTitle > a > div:nth-of-type(2) > p:nth-of-type(1){ line-height:120%; color:#ffffff; font-size:1.1rem; padding-top:0.2rem; font-weight:bold; }
	.footerTitle > a > div:nth-of-type(2) > p:nth-of-type(2){ color:#ffffff; font-size:0.5rem; font-weight:bold; }
	.footerLink{ width:96vw; margin:0 auto; padding-top:2rem; padding-bottom:2rem; }
	.footerLink > a{ display: flex; justify-content: center; align-items: center; height: 3rem; width:50%; margin-bottom:0.5rem; background-color:#ffffff; border-radius: 0.5rem; }
	.footerLink > a > img{ max-height: 80%; max-width: 90%; }
	.footerLink > a > img.Small{ height: 50%; max-width: 90%; }
	.footerCopyright{ width:96vw; margin:auto; }
	.footerCopyright > p{ line-height:150%; font-size:0.6rem; padding:1rem 0; }
}
/*===================================================================
  PC  display:none; 
===================================================================*/
@media( min-width:800px )
{
	.sp{ display:none !important; }
	.pc{ display:block; }
	/* COMMON */
	html{ width:100%; font-size:24px; }
	body{ width:100%; }
	.comWrapper{ width:100%; background-image:url(../img/pageTopBg.svg); background-position:top; background-size:contain; }
	.comBodyWrapper0{ width:100%; margin-top:3rem; background-color:#f9f7f2; }
	.comBodyWrapper{ width:100%; margin-top:7rem; background-color:#f9f7f2; }
	.pageTitle{ padding-top:0.5rem; text-align:center; }
	.pageTitle > p{ font-size:2rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); }
	.pageTitleStr{ padding-top:1rem; text-align:center; }





	/* nagare */
	.nagareIndexTopImg{ width:1250px; margin:0 auto; padding-top:1rem; }
	.nagareIndexBody{ width:1200px; margin:0 auto; margin-top:3rem; display:flex; justify-content:space-between; }
	.nagareIndexBody > div{ opacity:0; width:47%; }
	.nagareIndexBody > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareIndexBody > div.inviewActive:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.6s; }
	.nagareIndexBody2{ width:1200px; margin:0 auto; display:flex; justify-content:space-between; }
	.nagareIndexBody2 > div{ opacity:0; width:100%; }
	.nagareIndexBody2 > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareIndexStepEnd{ width:30%; position:absolute; top:0; right:0; }
	.nagareIndexStep{ width:5rem; position:absolute; top:0; left:0; right:0; margin:auto; z-index:+1; }
	.nagareIndexMain{ margin-top:4rem; padding:1rem; padding-top:2rem; display:flex; align-items:center; flex-direction:column; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:1rem; box-shadow: 10px 10px 0px 0px rgba(225,48,66,0.9); }
	.nagareIndexMain > p.title{ display:inline-block; font-size:1.4rem; padding:0 0.6rem; position:relative; z-index:5; line-height: 150%; }
	.nagareIndexMain > p.title:before{ content:''; position:absolute; bottom:0; left:0; margin:auto; display:inline-block; width:100%; height:1rem; z-index:-1; background-color:#ffe17d; }
	.nagareIndexMain > p.contents{ margin-top:1rem; line-height: 160%; }
	.nagareIndexMain > div{ margin-top:2rem; width:60%; }
	
	.nagareIndexBtn{ display:block; width:14rem; height:3rem; margin:0 auto; margin-top:5rem; line-height:3rem; padding-left:1rem; position:relative; color:#ffffff; text-decoration:none; background-color:#148c6e; border-radius:1.5rem; }
	.nagareIndexBtn:after{ content:''; position:absolute; top:0; bottom:0; right:1rem; margin:auto; height:1rem; width:1rem; transform:rotate(315deg); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.nagareStepTitle{ margin:0 auto; margin-top:1rem; display:flex; align-items:center; justify-content:center;}
	.nagareStepTitle > div:nth-of-type(1){ width:4rem; }
	.nagareStepTitle > div:nth-of-type(2){ padding-left:1rem; }
	.nagareStepTitle > div:nth-of-type(2) > p{ display:inline-block; font-size:2rem; padding:0 0.6rem; position:relative; z-index:5; line-height: 150%; }
	.nagareStepTitle > div:nth-of-type(2) > p:before{ content:''; position:absolute; bottom:0; left:0; margin:auto; display:inline-block; width:100%; height:1rem; z-index:-1; background-color:#ffe17d; }
	.nagareStepBtn1{ display:inline-block; height:3rem; margin:0 auto; margin-top:1rem; line-height:3rem; padding-left:1rem; padding-right:3rem; position:relative; color:#ffffff; text-decoration:none; background-color:#148c6e; border-radius:1.5rem; }
	.nagareStepBtn1:after{ content:''; position:absolute; top:0; bottom:0; right:1rem; margin:auto; height:1rem; width:1rem; transform:rotate(315deg); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.nagareStep1headImg{ margin:0 auto; margin-top:5rem; display:flex; align-items:center; justify-content:center;}
	.nagareStep1headImg  > div{ opacity:0; width:320px; margin:0 0.5rem; }
	.nagareStep1headImg  > div:nth-of-type(1){ margin-top:-4rem; }
	.nagareStep1headImg  > div:nth-of-type(2){ margin-top:-2rem; }
	.nagareStep1headImg  > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareStep1headImg  > div.inviewActive:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.6s; }
	.nagareStep1box01 > p{ margin-top:2rem; text-align:center; font-size:1.6rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); line-height: 180%; }
	.nagareStep1box02{ width:1200px; margin:0 auto; margin-top:2rem; display:flex; justify-content:space-between; }
	.nagareStep1box02 > div:nth-of-type(1){ flex:1; padding-right:2rem; }
	.nagareStep1box02 > div:nth-of-type(2){ width:35%; }
	.nagareStep1box03{ opacity:0; width:1200px; margin:0 auto; margin-top:4rem; }
	.nagareStep1box03.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagareStep1box03t{ width:100%; height:4rem; background-color:#e63246; border-radius:1rem 1rem 0 0; }
	.nagareStep1box03t > div:nth-of-type(1){ width:3.6rem; position:absolute; bottom:0; left:2rem; }
	.nagareStep1box03t > div:nth-of-type(2){ padding-left:7rem; }
	.nagareStep1box03t > div:nth-of-type(2) > p{ height:4rem; line-height:4rem; font-size:1.4rem; color:#ffffff; }
	.nagareStep1box03t > div:nth-of-type(2) > p.multiLine{ padding-top:0.3rem; line-height:150%; font-size:1.4rem; color:#ffffff; }
	.nagareStep1box03tA{ width:100%; height:5rem; background-color:#e63246; border-radius:1rem 1rem 0 0; }
	.nagareStep1box03tA > div:nth-of-type(1){ width:3.6rem; position:absolute; bottom:1rem; left:2rem; }
	.nagareStep1box03tA > div:nth-of-type(2){ padding-left:7rem; }
	.nagareStep1box03tA > div:nth-of-type(2) > p{ height:5rem; line-height:5rem; font-size:1.4rem; color:#ffffff; }
	.nagareStep1box03tA > div:nth-of-type(2) > p.multiLine{ padding-top:0.3rem; line-height:150%; font-size:1.4rem; color:#ffffff; }
	.nagareStep1box03b{ width:100%; padding:1rem 1.6rem; display:flex; justify-content:space-between; background-color:#ffffff; border-radius:0 0 1rem 1rem; }
	.nagareStep1box03b > div:nth-of-type(1){ flex:1; padding-right:2rem; }
	.nagareStep1box03b > div:nth-of-type(2){ width:35%; }
	.nagareStep1box03b > div:nth-of-type(2) > div{ margin-top:0.5rem; }
	.nagareStep1box03b > div:nth-of-type(2) > img.t70{ width:70%; }
	.nagareStep1box03b > div:nth-of-type(2) > p{ font-size:0.8rem; line-height: 180%; }
	.nagareStep1box04{ margin:0 auto; margin-top:4rem; display:flex; align-items:center; justify-content:center;}
	.nagareStep1box04 > div:nth-of-type(1){ width:8rem; }
	.nagareStep1box04 > div:nth-of-type(2){ width:28rem; padding:0 2rem; }
	.nagareStep1box04 > div:nth-of-type(3){ width:8rem; }
	.nagareStepBtn2{ height:4rem; color:#333333; margin:0 auto; padding:0 1rem; display:flex; align-items:center; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:2rem; box-shadow: 6px 6px 0px 0px rgba(225,48,66,0.9); }
	.nagareStepBtn2:after{ content:''; position:absolute; top:0; bottom:0; right:4rem; margin:auto; height:1.2rem; width:1.2rem; transform:rotate(315deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.nagareStepBtn2 > div:nth-of-type(1){ width:3rem; }
	.nagareStepBtn2 > div:nth-of-type(2){ padding-left:0.6rem; }
	.nagareStepBtn2 > div:nth-of-type(2) > p{ display:inline-block; font-size:1.4rem; padding:0 0.6rem; position:relative; z-index:5; line-height:150%;}
	.nagareStepBtn2 > div:nth-of-type(2) > p:before{ content:''; position:absolute; bottom:0; left:0; margin:auto; display:inline-block; width:100%; height:0.6rem; z-index:-1; background-color:#ffe17d; }
	.nagareStepBottomLink{ margin:0 auto; display:flex; align-items:center; justify-content:center; }
	.nagareStepBottomLink > a{ display:block; width:16rem; height:3rem; margin:0 1rem; line-height:3rem; position:relative; color:#333333; text-decoration:none; background-color:#ffffff; font-size: 0.8rem; }
	.nagareStepBottomLink > a.L{ padding-left:3rem; }
	.nagareStepBottomLink > a.L:after{ content:''; position:absolute; top:0; bottom:0; left:1rem; margin:auto; height:1.2rem; width:1.2rem; transform:rotate(180deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.nagarestep3box01{ width:1200px; margin:0 auto; margin-top:4rem; display:flex; justify-content:space-between; }
	.nagarestep3box01 > div:nth-of-type(1){ opacity:0; width:240px; }
	.nagarestep3box01 > div:nth-of-type(2){ opacity:0; flex:1; padding-left:2rem; }
	.nagarestep3box01  > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep3box01  > div.inviewActive:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.6s; }
	.nagarestep3box01 > div:nth-of-type(2) > p:nth-of-type(1){ font-size:1.6rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); line-height: 150%; }
	.nagarestep3box01 > div:nth-of-type(2) > p:nth-of-type(2){ margin-top:1rem; }
	.nagarestep3box02{ width:1200px; margin:0 auto; margin-top:1rem; display:flex; justify-content:space-between; }
	.nagarestep3box02 > div:nth-of-type(1){ width:40%; }
	.nagarestep3box02 > div:nth-of-type(2){ flex:1; padding-left:2rem; }
	.nagarestep3box03{ opacity:0; width:1200px; margin:0 auto; margin-top:5rem; padding:1rem 1.6rem; padding-top:1rem; display:flex; align-items:center; flex-direction:column; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:1rem; box-shadow: 10px 10px 0px 0px rgba(225,48,66,0.9); }
	.nagarestep3box03.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep3box03 > div:nth-of-type(1){ width:100%; margin:0 auto; display:flex; align-items:center; }
	.nagarestep3box03 > div:nth-of-type(1) > div{ width:10%; }
	.nagarestep3box03 > div:nth-of-type(1) > p{ flex:1; padding-left:1rem; font-size:1.4rem; color:#e63246; }
	.nagarestep3box03 > div:nth-of-type(2){ width:100%; margin:0 auto; margin-top:1rem; display:flex; }
	.nagarestep3box03 > div:nth-of-type(2) > div:nth-of-type(1){ flex:1; padding-right:1rem; }
	.nagarestep3box03 > div:nth-of-type(2) > div:nth-of-type(2){ width:35%; }
	.nagarestep3box03 > div:nth-of-type(2) > div:nth-of-type(2) > img:nth-of-type(2){ width:70%; margin-top: 0.3rem; }
	.nagarestep4box01{ opacity:0; }
	.nagarestep4box01.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep4box01 > p{ margin-top:4rem; text-align:center; font-size:1.6rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); line-height: 150%; }
	.nagarestep4box02{ opacity:0; width:1200px; margin:0 auto; margin-top:2rem; }
	.nagarestep4box02.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.nagarestep4box03{ opacity:0; width:600px; margin:0 auto; margin-top:2rem; }
	.nagarestep4box03.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }


	/* HOME */
	.fixedFullscreenArea{ width:100%; position:relative; }
	.fixedFullscreenArea .contents{ height:100vh; position:sticky; top:0; z-index:1; }
	.fixedFullscreenArea .contents.active{ z-index:2; }
	.fixedFullscreenArea .contents .inner{ position:sticky; top:0; width:100%; height:100%; }
	.fixedFullscreenArea .contents .background{ width:100%; height:100%; position:absolute; top:0; left:0; z-index:1; }
	.fixedFullscreenArea .contents .background img{ width:100%; height:100%; opacity:0; object-fit:cover; }
	.fixedFullscreenArea .contents.active .background img{ opacity:1; transition:all 0.4s ease 0s; }
	.fixedFullscreenArea .contents .foreground{ width:100%; height:100%; position:relative; display:flex; justify-content:center; align-items:center; z-index:2; overflow:hidden; }
	.fixedFullscreenArea .contents.active .foreground div{ opacity:1; }
	.homeSlideArrowArea{ width:7rem; height:7rem; position:absolute; bottom:-3.5rem; left:0; right:0; margin:auto; display:flex; justify-content:center; align-items:center; background-color:#f3f7d8; overflow:hidden; border-radius:5rem; box-shadow:0px 0px 1rem 1rem rgba(243,247,216,1); }
	.homeSlideArrow{ position:relative; width:7rem; height:7rem; text-decoration:none; }
	.homeSlideArrowText{ position:absolute; width:100%; height:100%; animation: rotate 30s linear infinite; }
	.homeSlideArrowText span{ color:#333333; position:absolute; left:50%; font-size:0.5rem; font-family:serif; transform-origin:0 3.5rem; }
	.homeSlideArrowDown{ position:absolute; top:2.2rem; left:50%; width:0.8rem; height:1.2rem; transform:translate(-50%,-50%); animation:homeSlideArrowTextAni 3s infinite; }
	.homeSlideArrowDown::before{ content:''; position:absolute; top:0; left:50%; height:100%; width:1px; background-color:#333333; transform:translateX(-50%); }
	.homeSlideArrowDown::after{ content:''; position:absolute; bottom:3px; left:50%; width:0.8rem; height:0.8rem; border-bottom:2px solid #333333; border-left:2px solid #333333; transform:translateX(-50%) rotate(-45deg); }
	@keyframes rotate{ 0%{transform:rotate(0deg);} 100%{transform:rotate(360deg);} }
	@keyframes homeSlideArrowTextAni{ 0%{transform:translate(-50%,-50%) translateY(-10px); opacity:0;} 30%{opacity:1;} 100%{transform:translate(-50%, -50%) translateY(10px); opacity:0;} }
	.homeSlideArrowMask{ width:100%; height:8rem; background-color:#ffffff; }
	.homeSlide01{ display:flex; flex-direction:column; align-items:center; }
	.homeSlide01 > div:nth-of-type(1){ width:400px; }
	.homeSlide01 > div:nth-of-type(2){ width:235px; }
	.homeSlide01 > div:nth-of-type(3){ width:235px; }
	.homeSlide01 > div{ opacity:0; }
	.fixedFullscreenArea .contents.active .homeSlide01 > div:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.2s; }
	.fixedFullscreenArea .contents.active .homeSlide01 > div:nth-of-type(2){ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.6s; }
	.fixedFullscreenArea .contents.active .homeSlide01 > div:nth-of-type(3){ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 1.2s; }
	.homeIntroBox{ width:100%; background-color:#f9f7f2; }
	.homeIntroBox > div{ width:960px; margin:0 auto; padding-top: 4rem; padding-bottom: 2rem; }
	.homeIntroBox > div > div{ display:flex; flex-wrap:nowrap; }
	.homeIntroBox > div > div:nth-of-type(2){ margin-top: 3rem; }
	.homeIntroBox > div > div > div:nth-of-type(1){ width:50%; font-weight: bold; }
	.homeIntroBox > div > div > div:nth-of-type(2){ width:50%; padding-left: 2rem; }
	.homeIntroBox > div > div > div p{ font-weight: bold; }
	.homeIntroBox > div > div{ opacity:0; }
	.homeIntroBox > div > div.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.homeBottomSec01{ text-align:center; margin-top: 4rem; }
	.homeBottomSec01Title{ display:inline-block; padding:0 1rem; }
	.homeBottomSec01Title > p{ font-size:1.6rem; line-height:130%; }
	.homeBottomSec01Title > p > span{ font-size:1rem; }
	.homeBottomSec01Title:after{ content:''; position:absolute; bottom:0; left:0; height:1rem; width:100%; z-index:-1; background-color:#ffe17d; }
	.homeBottomSec01body{ margin-top:2rem; }
	.homeBottomSec01Title{ opacity:0; }
	.homeBottomSec01body{ opacity:0; }
	.homeBottomSec01Title.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.2s; }
	.homeBottomSec01body.inviewActive{ opacity:1; transform:translate(0,-1.4rem); transition:all 2s ease 0.6s; }
	.homeBottomLinkBtn{ width:100%; margin-top:0rem; }
	.slick-slide{ padding:1.1rem; transform:scale(1); transition:.3s; }
	.slick-slide:hover{ transform:scale(1.1); transition:.3s; }
	.slick-prev{ width:3rem; height:3rem; display:block; margin:auto; position:absolute; top:0; bottom:0; left:12vw; background-color:#e63246; border-radius:1.5rem; z-index:999; }
	.slick-next{ width:3rem; height:3rem; display:block; margin:auto; position:absolute; top:0; bottom:0; right:12vw; background-color:#e63246; border-radius:1.5rem; z-index:999; }
	.slick-prev:hover{ cursor:pointer; opacity:0.8; transition:.2s; }
	.slick-next:hover{ cursor:pointer; opacity:0.8; transition:.2s; }
	.slick-prev:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:2rem; width:2rem; transform:rotate(180deg); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.slick-next:before{ content:''; position:absolute; top:0; bottom:0; left:0; right:0; margin:auto; height:2rem; width:2rem; transform:rotate(0); background-image:url(../img/arrowWhite.svg); background-size:contain; }
	.homeBottomSeparator{ width:100%; margin-top:4rem; }
	.homeBottomArea{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#f9f7f2; }
	.homeBottomArea > p{ width:100%; text-align:center; font-size:1.6rem; }
	.homeBottomArea > div{ width:150px; margin:1rem; }
	.homeBottomArea > div > p{ margin-top:0.4rem; text-align:center; font-size:0.9; }
	.questionBody{ width:100%; display:flex; flex-wrap:wrap; justify-content:center; background-color:#f9f7f2;  }
	.questionBody > div{ opacity:0; width:900px; }
	.questionBody > div.inviewActive:nth-of-type(1){ opacity:1; transform:translate(0,-1.4rem); transition:all 1s ease 0.2s; }
	.questionBox{ margin-top:4rem; padding:2rem; display:flex; border:1px #b4b4b4 solid; background-color:#ffffff; border-radius:2rem; box-shadow: 10px 10px 0px 0px rgba(225,48,66,0.9); }
	.questionBox > div:nth-of-type(1){ width:60%; }
	.questionBox > div:nth-of-type(2){ width:40%; position: relative; }
	.questionBox > div:nth-of-type(2) > img{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; padding-left:1rem; }
	.questionBox > div > .title{ display:inline-block; font-size:1.5rem; position:relative; z-index:5; line-height: 150%; }
	.questionBox > div > .title:after{ content:''; position:absolute; bottom:0; left:0; height:1rem; width:100%; z-index:-1; background-color:#ffe17d; }	
	.questionBox > div > .contents{ line-height: 150%; padding-top: 1rem; }
	.questionBox > div > .contents > span:nth-of-type(1){ display:inline-block; font-size: 1.2rem; font-weight: bold; color: #e63246; padding-top: 0.5rem; }
	.questionBox > div > .contents > span:nth-of-type(2){ display:inline-block; font-size: 0.5rem; }


	/* headerMenu */
	.homeHeader{ width:100%; height:4rem; position:fixed; top:0; left:0; z-index:9998; background-color:rgba(255,255,255,0.1); }
	.header{ width:100%; height:4rem; position:relative; top:0; left:0; z-index:9998; background-color:rgba(255,255,255,0.1); }
	.headerLogo{ width:18rem; height:2rem; display:block; position:absolute; top:1rem; left:1rem; }
	.headerLogo > p{ color:#333333; display:inline-block; line-height:100%; position:absolute; top:0; left:0; }
	.headerLogo > p:nth-of-type(1){ font-size:0.6rem; top:0.2rem; }
	.headerLogo > p:nth-of-type(2){ font-size:0.8rem; top:1rem; text-shadow:3px 3px 1px rgba(255,225,125,0.9); }
	.headerLogo > p:nth-of-type(3){ font-size:1.8rem; left:8.5rem; font-weight:500; text-shadow:3px 3px 1px rgba(255,225,125,0.9); }
	.headerLogo > p:nth-of-type(3) :nth-child(1){ font-size:3rem; }
	.headerMenuBtnOn{ width:3rem; height:1rem; display:block; position:fixed; top:1rem; right:2rem; }
	.headerMenuBtnOn:hover{ cursor:pointer; opacity:0.8; transition:.2s; }
	.headerMenuBtnOff{ width:3rem; height:1rem; display:block; position:absolute; top:1rem; right:2rem; }
	.headerMenuBtnOff:hover{ cursor:pointer; opacity:0.8; transition:.2s; }
	.headerMenu{ display:none; width:100%; height:100vh; position:fixed; top:0; left:0; z-index:9999; background-color:#f9f7f2; }
	.headerMenuArea{ width:1100px; margin:0 auto; margin-top:5rem; display:flex; }
	.headerMenuArea > div:nth-of-type(1){ width:18%; display:flex; flex-direction:column; align-items:center; }
	.headerMenuArea > div:nth-of-type(1) > div:nth-of-type(1){ width:220px; }
	.headerMenuArea > div:nth-of-type(1) > div:nth-of-type(2){ width:150px; margin-top:0.4rem; }
	.headerMenuArea > div:nth-of-type(2){ width:35%; margin-left:10%; }
	.headerMenuArea > div:nth-of-type(3){ width:35%; }
	.headerMenuBtnHome{ display:block; width:8rem; height:2rem; margin-top:1rem; line-height:1.8rem; font-size:0.8rem; padding-left:1rem; position:relative; color:#148c6e; text-decoration:none; border:1px #148c6e solid; border-radius:1rem; }
	.headerMenuBtnHome:after{ content:''; position:absolute; top:0; bottom:0; right:0.4rem; margin:auto; height:1rem; width:1rem; transform:rotate(0deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.headerLink{ display:block; margin-top:1.5rem; line-height:100%; padding-left:1.3rem; position:relative; color:#333333; text-decoration:none; }
	.headerLink > span.Line{ background: linear-gradient(transparent 40%, #ffe17d 60%); }
	.headerLink > span:nth-of-type(2){ display:block; margin-top:0.5rem; line-height:100%; font-size:0.6rem; }
	.headerLink:before{ content:''; position:absolute; top:0; left:0; height:1rem; width:1rem; transform:rotate(315deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.headerLinkIndent{ margin-left:1rem; padding-left:1rem; font-size:0.8rem; margin-top:1rem; }
	.headerLinkIndentA{ margin-left:1rem; padding-left:1rem; font-size:0.8rem; margin-top:1.5rem; }
	.headerLinkIndent > span, .headerLinkIndentA > span{ display:block; margin-top:0.5rem; line-height:100%; font-size:0.6rem; }
	.headerLinkIndent:before, .headerLinkIndentA:before{ content:''; position:absolute; top:0.2rem; left:0; height:0.5rem; width:0.5rem; transform:rotate(0deg); background-image:url(../img/arrowRed.svg); background-size:contain; }
	.headerMenuBottomImg{ width:100%; height:8rem; opacity:0.3; margin-top:5rem; background-image:url(../img/headerMenuBottomImg.svg); background-position:bottom; background-repeat:repeat-x; }

	/* footer */
	.footerSpacer{ width:100%; height:8rem; background-color:#f9f7f2; background-image:url(../img/footerBg.svg); background-size:10rem auto; background-position:bottom; background-repeat:repeat-x; }
	.footer{ width:100%; min-height:8rem; margin-top:-0.1rem;  background-color:#148c6e; }
	.btnPgTop{ width:155px; position:absolute; top:-6rem; right:2rem; }
	.btnPgTop{ cursor:pointer; opacity:0.8; transition:.2s; }
	.footerItem{ padding-top:2rem; margin-left:4rem; }
	.footerTitle{}
	.footerTitle > a { text-decoration: none;  }
	.footerTitle > a > div:nth-of-type(1){ display:flex; flex-wrap:nowrap; }
	.footerTitle > a > div:nth-of-type(1)  > img:nth-of-type(1){ width:4rem; }
	.footerTitle > a > div:nth-of-type(1)  > img:nth-of-type(2){ width:10rem; padding-left:1rem; }
	.footerTitle > a > div:nth-of-type(1) > a:nth-of-type(2){ display:block; width:15rem; padding-left:0.6rem; border: #333333 solid 1px ; }
	.footerTitle > a > div:nth-of-type(2) > p:nth-of-type(1){ line-height:120%; color:#ffffff; font-size:1.1rem; padding-top:0.2rem; font-weight:bold; }
	.footerTitle > a > div:nth-of-type(2) > p:nth-of-type(2){ color:#ffffff; font-size:0.5rem; font-weight:bold; }
	.footerLink{ padding-top:2rem; padding-bottom:3rem; margin-left:4rem; display:flex; flex-wrap:nowrap; }
	.footerLink > a{ display: flex; justify-content: center; align-items: center; height: 2rem; width:10rem; margin-right:0.5rem; background-color:#ffffff; border-radius: 0.5rem; }
	.footerLink > a > img{ max-height: 80%; max-width: 90%; }
	.footerLink > a > img.Small{ height: 60%; max-width: 90%; }
	.footerCopyright{ width:1200px; margin:auto; }
	.footerCopyright > p{ line-height:100%; font-size:0.5rem; padding:1rem 0; }
}