﻿html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}
*,*::before,*::after{box-sizing:border-box}
a,area,button,[role="button"],input:not([type="range"]),label,select,summary,textarea{-ms-touch-action:manipulation;touch-action:manipulation}
html{font-size:3.86vw}
@media screen and (min-width: 1080px){html{font-size:22px}
}
body{font-family:"Zen Kaku Gothic New",sans-serif;font-weight:500;font-style:normal}
body a{color:inherit;text-decoration:none}
body img{width:100%;height:auto;vertical-align:bottom}
body em{font-style:normal}
body li{list-style:none}
body h1,body h2,body h3,body h4,body h5,body h6{font-weight:inherit}
.wrap{background:#fff;width:100%;color:#452C00}
body img{width:100%;height:auto}
body a{transition:all .2s ease-in-out;cursor:pointer}
@media screen and (min-width: 1080px){body a:hover{opacity:.7}
}
.wrap{position:relative;overflow:hidden}
.wrap__inner{background-color:#ffe;width:100%;margin:0 auto;color:white;position:relative}
@media screen and (min-width: 1080px){.wrap{background-color:#F4F4D6}
.wrap__inner{max-width:560px;position:relative;z-index:100}
}
.visual__inner{width:90%;margin:0 auto;position:relative;z-index:1}
.visual__inner01{padding:1rem 0 0}
.visual__catch01{padding:.2rem 0;border:2px solid #452C00;display:flex;align-items:center;justify-content:center}
.visual__catch01 .icon{width:1.5rem}
.visual__catch01 .text{margin:0 0 0 .5rem;line-height:1.8em;font-size:1.13rem;font-weight:700}
.visual__catch02{padding:.8rem 18%}
.visual__heading{padding:.5rem 0 0;line-height:1.2;font-size:2rem;font-weight:700;text-align:center;position:relative}
.visual__heading .large{font-size:1.44em}
.visual__heading .catch{filter:drop-shadow(0 2px 4px rgba(69,44,0,0.5));width:41%;position:absolute;top:-2rem;left:0;z-index:10}
.visual__image{aspect-ratio:207 / 280;position:relative;overflow:hidden}
.visual__image-item{aspect-ratio:207 / 280;position:absolute;top:0;left:0;opacity:0;animation:bgAnime 12s infinite}
.visual__image-item01{animation-delay:10s;opacity:1}
.visual__image-item02{animation-delay:2s}
.visual__image-item03{animation-delay:6s}
.visual__appeal{padding:1rem 0}
@keyframes bgAnime{0%{opacity:0}
10%{opacity:1}
40%{opacity:1}
50%{opacity:0}
100%{opacity:0}
}
.contents{background:#ffe;color:#452C00;position: relative;}
.contents .video,.contents .map{width:100%;max-width:560px;height:0;margin:0 auto;padding-top:56.25%;position:relative;overflow:hidden}
.contents .video iframe,.contents .map iframe{width:100% !important;height:100% !important;position:absolute;top:0;left:0}
.cv{background: transparent url("../images/cv_bg.png") center 4.5em no-repeat;background-size:cover ;border-radius:0;}
.cv__inner{width:90%;margin:0 auto;position:relative;z-index:1;padding:0 0 2rem}
/*
.cv__catch{background-image:url("../images/cv_catch.svg");background-position:top;background-repeat:no-repeat;background-size:contain;width:80%;margin:0 auto;padding:.3rem 0 2rem;color:white;display:flex;align-items:center;justify-content:center}
.cv__catch .icon{width:1.5rem}
.cv__catch .text{margin:0 0 0 .5rem;line-height:1.8em;font-size:1.13rem;font-weight:700}
.cv__heading{line-height:1.2;font-size:1.13rem;text-align:center}
.cv__heading .emphasis{background-image:url("../images/cv_line.svg");background-position:bottom;background-repeat:no-repeat;background-size:contain;padding:0 .2em .2em;font-size:3.06em;font-weight:700;display:inline-block}
*/
.cv__image{padding:1rem 0;}
.cv__button{position: relative;}
.cv__button-catch{padding:0 0 .3rem;line-height:1.8em;font-size:.94rem;text-align:center}
.cv__button-catch .large{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;font-size:1.2em}
.cv__button a{filter:drop-shadow(0 2px 4px rgba(69,44,0,0.5));background-color:#00B24C;padding:.8rem 0;border-radius:10em;color:white;display:flex;align-items:center;justify-content:center;animation: animationbtn 2s infinite;box-shadow: 0 7px 0 #086719;position: relative;}
.cv__button a .icon{width:3rem}
.cv__button a .text{margin:0 0 0 .8rem;line-height:1.8em;font-size:1.63rem;font-weight:700}
.about,.step,.reason,.voice,.faq,.message{padding:3rem 0}
.about__inner,.step__inner,.reason__inner,.voice__inner,.faq__inner,.message__inner{width:90%;margin:0 auto;position:relative;z-index:1}
.about__heading,.step__heading,.reason__heading,.voice__heading,.faq__heading,.message__heading{padding:0 0 1rem;text-align:center}
.about__heading .icon,.step__heading .icon,.reason__heading .icon,.voice__heading .icon,.faq__heading .icon,.message__heading .icon{width:3rem;margin:0 auto}
.about__heading .sub,.step__heading .sub,.reason__heading .sub,.voice__heading .sub,.faq__heading .sub,.message__heading .sub{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;padding:.2rem 0 .5rem;color:#00B24C;font-size:1.3rem}
.about__heading .main,.step__heading .main,.reason__heading .main,.voice__heading .main,.faq__heading .main,.message__heading .main{line-height:1.4;font-size:1.25rem;font-weight:700}
.about__heading .main .large,.step__heading .main .large,.reason__heading .main .large,.voice__heading .main .large,.faq__heading .main .large,.message__heading .main .large{font-size:1.4em}
.about__text,.step__text,.reason__text,.voice__text,.faq__text,.message__text{line-height:1.8em;font-size:.94rem}
.present{background-color:#faf59b;}
.present__inner{width:90%;margin:0 auto;position:relative;z-index:1;padding:.5rem 0 1.5rem}
.present__heading{line-height:1.4;font-size:1.8rem;text-align:center}
.present__heading .emphasis{color:#00B24C;font-size:1.5em;font-weight:700;position:relative}
.present__heading .emphasis-item{position:relative}
.present__heading .emphasis-item::after{content:'･';margin:0 auto;position:absolute;right:0;bottom:50%;left:0}
.present__heading .emphasis .small{font-size:.7em}
.present__box{padding:2.5rem 0 0;display:grid;grid-template-columns:repeat(3, 1fr);grid-gap:.5rem}
.present__box-item{background-color:white;padding:2rem .5rem .5rem;border-radius:.5rem;text-align:center;display:flex;flex-flow:column;align-items:center;justify-content:space-between;position:relative}
.present__box-item .number{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;background:#452C00;width:3rem;height:3rem;margin:auto;border-radius:10em;color:white;font-size:1.25rem;display:flex;align-items:center;justify-content:center;position:absolute;top:-1.5rem;right:0;left:0}
.present__box-item .text{padding:0 0 .6rem;line-height:1.4;font-weight:700}
.present__box-item .text .marker{background:linear-gradient(transparent 60%, #FFFF8C 60%)}
.present__box-item02 .text{padding:.5rem 0 .8rem}
.present__box-item03 .image{margin:0 0 -.3rem}
.present__button{position: relative;}
.present__button-catch{padding:1rem 0 .3rem;line-height:1.8em;font-size:.94rem;text-align:center}
.present__button-catch .large{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;font-size:1.2em}
.present__button a{filter:drop-shadow(0 2px 4px rgba(69,44,0,0.5));background-color:#00B24C;padding:.8rem 0;border-radius:10em;color:white;display:flex;align-items:center;justify-content:center;animation: animationbtn 2s infinite;box-shadow: 0 7px 0 #086719;position: relative;}
.present__button a .icon{width:3rem}
.present__button a .text{margin:0 0 0 .8rem;line-height:1.8em;font-size:1.2rem;font-weight:700}
.present__button a .text span.line{font-size:2rem;}
.present__button a .text span.soudan{font-size:1.5rem;}
.problem__inner{width:90%;margin:0 auto;position:relative;z-index:1;padding:2rem 0}
.problem__heading{padding:0 0 1.5rem;line-height:1.6;font-size:1.44rem;text-align:center}
.problem__heading .emphasis{color:#00B24C;font-size:1.27em;font-weight:700;position:relative}
.problem__heading .emphasis-item{position:relative}
.problem__heading .emphasis-item::after{content:'･';margin:0 auto;position:absolute;right:0;top:50%;left:0}
.problem__box{padding:2rem 0 0;display:flex;align-items:flex-start;justify-content:space-between}
.problem__box .text{padding:0 0 .8rem;line-height:1.8em;font-size:.88rem;text-align:left}
.problem__box .text .emphasis{color:#00B24C;font-weight:700}
.problem__box .text:last-child{padding:0}
.problem__box .image{width:4.69rem;margin:0 auto}
.problem__box .catch{padding:.2rem 0 0;line-height:1.4;color:#A38772;font-size:.7rem;text-align:center}
.problem__box-item01{width:calc(.7rem * 8)}
.problem__box-item02{filter:drop-shadow(-4px 4px 0 #452C00);background-color:white;width:calc(100% - (.7rem * 8) - .5rem);padding:1rem;border-radius:1rem;position:relative}
.problem__box-item02::before{content:'';background-color:white;width:1rem;height:calc(tan(60deg) * 1rem / 2);margin:auto;clip-path:polygon(100% 0, 100% 100%, 0 100%);display:block;position:absolute;top:1.8rem;right:99%}
.problem__box02{flex-flow:row-reverse}
.problem__box02 .problem__box-item02{filter:drop-shadow(4px 4px 0 #452C00)}
.problem__box02 .problem__box-item02::before{transform:scaleX(-100%);right:auto;left:99%}
.who{background-color:#00B24C;color:white}
.who__inner{width:90%;margin:0 auto;position:relative;z-index:1;padding:2rem 0}
.who__heading{background-image:url("../images/icon_loupe.svg");background-position:top left;background-repeat:no-repeat;background-size:4rem auto;line-height:1.8;font-size:1.25rem;font-weight:700;text-align:center}
.who__heading .large{font-size:1.4em}
.who__heading .emphasis{background-color:#FFFF8C;padding:0 .2em;border:4px solid #452C00;color:#452C00}
.who__heading-sub{background-image:linear-gradient(to top, #fff 4px, transparent 4px);background-position:top left;background-repeat:repeat-y;background-size:100% 50%;width:fit-content;min-width:15rem;margin:.2rem auto 1rem;line-height:1.8em;font-size:1.44rem;font-weight:700;text-align:center}
.who__text{line-height:1.8em;font-size:.94rem}
.who__image{padding:2rem 0 0}
.who__image img{width:auto;height:11rem}
.who__image01{padding:2rem 0 0 24%}
.who__image02{margin-left:-3.5%}
.who__list{padding:2rem 0 0;position:relative}
.who__list .head{background-color:#452C00;width:70%;margin:0 auto;padding:.2rem 0;border-radius:10em;line-height:1.8em;color:white;font-weight:700;text-align:center;position:absolute;top:1rem;right:0;left:0}
.who__list .body{background-color:white;border-radius:1rem;padding:2rem 1rem 1rem;color:#452C00}
.who__list .body .list{width:fit-content;margin:0 auto;display:grid;grid-template-columns:1fr;grid-gap:.2em}
.who__list .body .list-item{padding:0 0 0 1.3em;line-height:1.8em;text-indent:-1.3em}
.who__list .body .list-item::before{content:'';background-image:url("../images/icon_check.svg");background-position:center;background-repeat:no-repeat;background-size:contain;width:1.2em;height:1.2em;margin:0 .3em -.2em 0;display:inline-block}
.who__list .body .list-item .marker{background:linear-gradient(transparent 60%, #FFFF8C 60%)}
.about{background-color:white}
.about__text{padding:0 2em 1rem}
.about__catch{font-size:1.25rem;text-align:center}
.about__catch .emphasis{background:linear-gradient(transparent 60%, #FFFF8C 60%);color:#FF774A;font-size:1.7em;font-weight:700;position:relative}
.about__catch .emphasis::after{content:'';background-image:url("../images/icon_accent.svg");background-position:center bottom;background-repeat:no-repeat;background-size:contain;width:1em;height:1em;display:block;position:absolute;right:-.4em;bottom:80%}
.step__text{padding:0 0 2rem;text-align:center}
.step__box{filter:drop-shadow(0 2px 4px rgba(69,44,0,0.5));background-color:white;margin:0 auto 2rem;padding:1rem;border-radius:1rem;display:flex;justify-content:space-between;position:relative}
.step__box::after{content:'';background-color:#00B24C;width:1.3rem;height:calc(tan(60deg) * 1.3rem / 2);margin:auto;clip-path:polygon(0 0, 100% 0, 50% 100%);display:block;position:absolute;top:calc(100% + .5rem);right:0;left:0}
.step__box-item .image{width:3.8rem;padding:.2rem 0}
.step__box-item .number{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;color:#00B24C}
.step__box-item .heading{background:linear-gradient(transparent 60%, #FFFF8C 60%);padding:0 0 .2rem;width:fit-content;font-size:1.44rem;font-weight:700}
.step__box-item .list{padding:.5rem 0 0;line-height:1.6;font-size:.94rem}
.step__box-item .list-item{padding:0 0 .2rem 1em;text-indent:-1em}
.step__box-item .list-item::before{content:'・'}
.step__box-item .list-item:last-child{padding:0 0 0 1em}
.step__box-item01{text-align:center}
.step__box-item02{width:calc(100% - 5rem)}
.step__box05{background-color:#00B24C;margin:0 auto;color:white}
.step__box05::after{display:none}
.step__box05 .number{color:inherit}
.step__box05 .heading{background:linear-gradient(transparent 60%, #FF774A 60%)}
.reason{background-color:white}
.reason__heading .main{line-height:1.6}
.reason__text{text-align:center}
.reason__text .emphasis{background:linear-gradient(transparent 60%, #FFFF8C 60%);color:#FF774A;font-size:1.2em;font-weight:700}
.reason__image{padding:0 calc(.94rem * 2)}
.reason__list{padding:0 calc(.94rem * 2) 2rem}
.reason__list-item{padding:1rem 0 0}
.reason__list-item .head{background-color:#606060;padding:.2rem 0;border-radius:.5rem .5rem 0 0;line-height:1.8em;color:white;font-size:1.06rem;font-weight:700;text-align:center}
.reason__list-item .body{background-color:#E5E5E5;padding:1rem 0;border-radius:0 0 .5rem .5rem;font-size:.94rem;display:flex;align-items:center;justify-content:space-between}
.reason__list-item .body .image{width:4.6rem;padding:0 .2rem 0 .8rem}
.reason__list-item .body .list{width:calc(100% - 5rem);padding:0 .5rem 0 0}
.reason__list-item .body .list-item{padding:0 0 .3rem 1em;line-height:1.5;color:#606060;text-indent:-1em}
.reason__list-item .body .list-item::before{content:'●';margin-right:.3em;font-size:.7em}
.reason__list-item .body .list-item:last-child{padding:0 0 0 1em}
.reason__list-item01{padding:2rem 0 0}
.reason__list-item02 .head{background-color:#00B24C;position:relative}
.reason__list-item02 .head .icon{width:4rem;position:absolute;top:-.6rem;left:.5rem;display:block}
.reason__list-item02 .body{background-color:#EEF8D5}
.reason__list-item02 .body .list-item{color:#452C00}
.reason__list-item02 .body .list-item::before{color:#00B24C}
.voice{background-color:#00B24C;color:white}
.voice__heading .sub{color:inherit}
.voice__slide{position:relative}
.voice__slide .swiper-container{padding:0 0 1rem}
.voice__slide .swiper-slide{height:auto;padding:0 2rem}
.voice__slide-item{background-color:#EEF8D5;width:100%;height:100%;margin:0 auto;padding:1.4rem;border-radius:1rem;color:#452C00}
.voice__slide-item .number{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;background-color:#452C00;color:white;display:inline-block}
.voice__slide-item .box{padding:0 1rem;display:flex;align-items:center;justify-content:space-between}
.voice__slide-item .catch{line-height:1.6;color:#00B24C;font-weight:700}
.voice__slide-item .catch01{padding:.5rem 0 0;font-size:1.25rem}
.voice__slide-item .catch02{font-size:.81rem}
.voice__slide-item .text{padding:1rem 0 0;line-height:1.8em}
.voice__slide-item .text .emphasis{background:linear-gradient(transparent 60%, #FFFF8C 60%);font-weight:700}
.voice__slide-item .image{width:5.81rem}
.faq__list-item{padding:0 0 1rem}
.faq__list-item:last-child{padding:0}
.faq__list-item .head{background:#452C00;padding:.5em .5em .5em 5rem;color:white;line-height:1.4;font-size:1.06rem;font-weight:700;border-radius:.5rem .5rem 0 0;position:relative}
.faq__list-item .head .icon{width:5rem;position:absolute;bottom:0;left:0}
.faq__list-item .body{background:white;padding:.8em 1em;line-height:1.6;font-size:.94rem;border-radius:0 0 .5rem .5rem}
.faq__list-item .body .emphasis{color:#00B24C;font-weight:700}
.message__heading .icon{padding:0 0 .5rem}
.message__text{padding:0 2em 1rem}
.message__text:last-child{padding:0 2em}
.ftBtn{background: #faf59b;position: fixed;bottom:0;left:0;width: 100%;z-index: 3;display: none;}
.ftBtn__inner{width:90%;margin:0 auto;position:relative;z-index:1;padding:1rem 0 1.5rem;}
.ftBtn__button{position: relative;}
@media screen and  (min-width:768px) and ( max-width:1080px){
    .ftBtn__button{
        width: 750px;margin: 0 auto;
    }
}
@media screen and (min-width: 1080px){
    .ftBtn__button{
        width: 500px;margin: 0 auto;
    }
}
.ftBtn__button-catch{padding:0 0 .3rem;line-height:1.8em;font-size:.94rem;text-align:center}
.ftBtn__button-catch .large{font-family:"Jost",sans-serif;font-weight:500;font-style:normal;font-size:1.2em}
.ftBtn__button a{filter:drop-shadow(0 2px 4px rgba(69,44,0,0.5));background-color:#00B24C;padding:.8rem 0;border-radius:10em;color:white;display:flex;align-items:center;justify-content:center;animation: animationbtn 2s infinite;box-shadow: 0 7px 0 #086719;position: relative;}
.ftBtn__button a .icon{width:3rem}
.ftBtn__button a .text{margin:0 0 0 .8rem;line-height:1.8em;font-size:1.2rem;font-weight:700}
.ftBtn__button a .text span.line{font-size:2rem;}
.ftBtn__button a .text span.soudan{font-size:1.5rem;}
.shiny{position: relative;overflow: hidden;}
.shiny::after{
    content: '';
    position: absolute;
    top: -100px;
    left: -100px;
    width: 50px;
    height: 50px;
    background-image: linear-gradient(100deg, rgba(255, 255, 255, 0) 10%, white 100%, rgba(255, 255, 255, 0) 0%);
    animation-name: shiny;
    animation-duration: 4s;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    pointer-events: none;
    z-index: 10;
}
/* アニメーションの定義 */

@keyframes animationbtn {
  0% {
    box-shadow: 0 7px 0 #086719;
    top: 0px; }
  10% {
    box-shadow: 0 0 0 #086719;
    top: 6px; }
  20% {
    box-shadow: 0 7px 0 #086719;
    top: 0px; }
  30% {
    box-shadow: 0 0 0 #086719;
    top: 6px; }
  40% {
    box-shadow: 0 7px 0 #086719;
    top: 0px; }
}
@keyframes shiny {
  0% {
    transform: scale(0) rotate(25deg);
    opacity: 0; }
  50% {
    transform: scale(1) rotate(25deg);
    opacity: 1; }
  100% {
    transform: scale(50) rotate(25deg);
    opacity: 0; }
}
.footer .copyright{background:#452C00;padding:1rem 0;color:white;position:relative;z-index:2}
.footer .copyright__text{width:90%;margin:0 auto;position:relative;z-index:1;line-height:1.8em;font-size:.77rem;text-align:center}

