@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;900&display=swap);@import url(https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@400;500&display=swap);body{width:100%;font-family:YakuHanMP,"Noto Sans JP",sans-serif;color:#222;font-weight:400;font-size:3.8vw;font-feature-settings:"palt";line-height:1.8em;letter-spacing:.08em;-moz-text-size-adjust:100%;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width:768px){body{font-size:16px}}.serif{font-family:"Noto Serif JP",serif}.smp-block{display:block}@media screen and (min-width:768px){.smp-block{display:none}}.smp-block02{display:block}@media screen and (min-width:1000px){.smp-block02{display:none}}.pc-block{display:none}@media screen and (min-width:768px){.pc-block{display:block}.inline-block{display:inline-block}}img{width:100%;max-width:100%;height:auto;display:block}img{vertical-align:bottom}a{text-decoration:none;color:#222;transition:all .2s}a:hover{opacity:.6}a:link,a:visited,a:hover,a:active{text-decoration:none}main{overflow:hidden}header{position:absolute;width:50%;top:3vw;left:5vw;z-index:2}@media screen and (min-width:768px){header{width:15.6%;top:2vw;left:4vw}}footer{background:#e2e2e2;padding:15% 0 10%}@media screen and (min-width:768px){footer{padding:50px 0 60px}}footer a.logo-img{display:block;width:79%;margin:auto}@media screen and (min-width:768px){footer a.logo-img{width:432px}}footer div.link-box{padding:8% 0}@media screen and (min-width:768px){footer div.link-box{display:flex;flex-wrap:wrap;justify-content:center;gap:20px;padding:30px 0 45px}}footer div.link-box a{display:block;text-align:center;margin-bottom:.4em}@media screen and (min-width:768px){footer div.link-box a{margin:0;font-size:14px}}footer p{text-align:center;font-size:.9em;letter-spacing:0}@media screen and (min-width:768px){footer p{font-size:12px}}div.hero-area{background:#b7a784;position:relative}@media screen and (min-width:768px){div.hero-area{display:flex;flex-wrap:wrap;justify-content:space-between}}div.hero-area h1{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:3;pointer-events:none;-webkit-clip-path:polygon(100% 50%,0 50%,0 50%,100% 50%);clip-path:polygon(100% 50%,0 50%,0 50%,100% 50%);animation:clippath03 .6s .8s cubic-bezier(.75,.01,.11,.99) forwards}@keyframes clippath03 {
  0% {
    -webkit-clip-path: polygon(100% 50%, 0 50%, 0 50%, 100% 50%);
            clip-path: polygon(100% 50%, 0 50%, 0 50%, 100% 50%);
  }
  100% {
    -webkit-clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
            clip-path: polygon(100% 0, 0 0, 0 100%, 100% 100%);
  }
}@media screen and (min-width:768px){div.hero-area h1{-webkit-clip-path:polygon(100% 0,0 0,0 100%,100% 100%);clip-path:polygon(100% 0,0 0,0 100%,100% 100%);width:21.6%;animation:none}}div.hero-area p{width:26.6%;position:absolute;top:9%;right:6%;z-index:2;pointer-events:none}@media screen and (min-width:768px){div.hero-area p{width:10.2%;top:8%;right:12%}}div.hero-area div.color-box{position:relative;height:20vw}@media screen and (min-width:768px){div.hero-area div.color-box{width:9.4%;height:auto}}div.hero-area div.color-box.box01 span:nth-of-type(1) {background:#5f8059;top:0;right:0}div.hero-area div.color-box.box01 span:nth-of-type(2) {background:#789eb1;bottom:0;left:0}div.hero-area div.color-box.box02 span:nth-of-type(1) {background:#789eb1;top:0;left:0}div.hero-area div.color-box.box02 span:nth-of-type(2) {background:#5f8059;bottom:0;right:0}div.hero-area div.color-box span{display:block;position:absolute;width:36.5%;height:100%}@media screen and (min-width:768px){div.hero-area div.color-box span{width:100%;height:36.5%}}div.hero-area div.hero-img-wrap{position:relative}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap{width:81.2%}}div.hero-area div.hero-img-wrap div.hero-img{position:relative;transition:all .3s}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap div.hero-img{transition:all cubic-bezier(.75,.01,.11,.99) .8s}}div.hero-area div.hero-img-wrap div.hero-img.img01{-webkit-clip-path:polygon(0 0,0 0,0 100%,0% 100%);clip-path:polygon(0 0,0 0,0 100%,0% 100%);animation:clippath01 1s .1s cubic-bezier(.75,.01,.11,.99) forwards}@keyframes clippath01 {
  0% {
    -webkit-clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
            clip-path: polygon(0 0, 0 0, 0 100%, 0% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap div.hero-img.img01{animation:none;-webkit-clip-path:polygon(0 0,50% 0,50% 100%,0% 100%);clip-path:polygon(0 0,50% 0,50% 100%,0% 100%)}div.hero-area div.hero-img-wrap div.hero-img.img01.active{-webkit-clip-path:polygon(0 0,92% 0,92% 100%,0 100%);clip-path:polygon(0 0,92% 0,92% 100%,0 100%)}div.hero-area div.hero-img-wrap div.hero-img.img01.active img{transform:translate(0%,0)}div.hero-area div.hero-img-wrap div.hero-img.img01.none{-webkit-clip-path:polygon(0 0,8% 0,8% 100%,0 100%);clip-path:polygon(0 0,8% 0,8% 100%,0 100%)}div.hero-area div.hero-img-wrap div.hero-img.img01 img{transform:translate(-5%,0)}}div.hero-area div.hero-img-wrap div.hero-img.img01 span.d-logo{top:0;left:0}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap div.hero-img.img01 span.d-logo{top:auto;bottom:0}}div.hero-area div.hero-img-wrap div.hero-img.img02{-webkit-clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%);animation:clippath02 1s .1s cubic-bezier(.75,.01,.11,.99) forwards}@keyframes clippath02 {
  0% {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
            clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
  }
  100% {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
            clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
  }
}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap div.hero-img.img02{animation:none;-webkit-clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);clip-path:polygon(50% 0,100% 0,100% 100%,50% 100%);position:absolute;top:0;left:0}div.hero-area div.hero-img-wrap div.hero-img.img02.active{-webkit-clip-path:polygon(8% 0,100% 0,100% 100%,8% 100%);clip-path:polygon(8% 0,100% 0,100% 100%,8% 100%)}div.hero-area div.hero-img-wrap div.hero-img.img02.active img{transform:translate(0%,0)}div.hero-area div.hero-img-wrap div.hero-img.img02.none{-webkit-clip-path:polygon(92% 0,100% 0,100% 100%,92% 100%);clip-path:polygon(92% 0,100% 0,100% 100%,92% 100%)}div.hero-area div.hero-img-wrap div.hero-img.img02 img{transform:translate(5%,0)}}div.hero-area div.hero-img-wrap div.hero-img.img02 span.d-logo{bottom:0;left:0}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap div.hero-img.img02 span.d-logo{left:auto;right:0}}div.hero-area div.hero-img-wrap div.hero-img img{transition:all cubic-bezier(.75,.01,.11,.99) .8s;width:110%;position:relative}div.hero-area div.hero-img-wrap div.hero-img span.d-logo{display:block;width:18.4%;position:absolute}@media screen and (min-width:768px){div.hero-area div.hero-img-wrap div.hero-img span.d-logo{width:8.4%}}p.top-txt01{text-align:center;font-size:1.3em;line-height:2em;padding:3em 0}@media screen and (min-width:768px){p.top-txt01{font-size:16px;padding:4em 0}}@media screen and (min-width:1000px){p.top-txt01{font-size:20px}}nav.d1-nav{margin:0 auto 20%}@media screen and (min-width:768px){nav.d1-nav{display:flex;flex-wrap:wrap;justify-content:center;width:700px;margin:0 auto 120px}}@media screen and (min-width:1000px){nav.d1-nav{width:913px}}nav.d1-nav a{margin:5% auto 0}@media screen and (min-width:768px){nav.d1-nav a{margin:25px auto 0}}a.cm-btn{display:block;position:relative;background:#111;text-align:center;color:#fff;padding:.6em 0;margin-bottom:1em;width:88%}@media screen and (min-width:768px){a.cm-btn{width:320px;padding:1em 0;font-size:14px}}@media screen and (min-width:1000px){a.cm-btn{width:430px;font-size:16px}}a.cm-btn.btn01{background:#789eb1}a.cm-btn.btn02{background:#5f8059}a.cm-btn span{display:block}a.cm-btn span.arrow{position:absolute;top:50%;transform:translate(0,-50%);width:.8em;right:.8em}@media screen and (min-width:768px){section.sec-concept div.sec-concept-inner{width:90%;margin:auto;max-width:1100px}}section.sec-concept div.concept-box{position:relative;padding:0 0 20%;margin:0 0 20%}@media screen and (min-width:768px){section.sec-concept div.concept-box{padding:0 0 120px;margin:0 0 120px}}section.sec-concept div.concept-box:nth-of-type(2)::after {content:none}section.sec-concept div.concept-box::after{content:"";display:block;width:88%;height:1px;margin:auto;left:0;right:0;bottom:0;background:#111;position:absolute}@media screen and (min-width:768px){section.sec-concept div.concept-box::after{width:80%}}section.sec-concept div.concept-img01{position:relative}section.sec-concept div.concept-img01 span{display:inline-block;background:#789eb1;color:#fff;padding:.4em 1em;position:absolute;top:0;right:0}@media screen and (min-width:768px){section.sec-concept div.concept-img01 span{font-size:16px}}section.sec-concept div.concept-img01 span.d2{background:#5f8059}section.sec-concept .concept-logo{width:20%;margin:10% auto}@media screen and (min-width:768px){section.sec-concept .concept-logo{width:115px;margin:60px auto}}@media screen and (min-width:1000px){section.sec-concept .concept-logo{width:135px}}section.sec-concept h3{text-align:center;font-size:1.32em;font-weight:400}@media screen and (min-width:768px){section.sec-concept h3{font-size:26px}}@media screen and (min-width:1000px){section.sec-concept h3{font-size:28px}}section.sec-concept p{text-align:center;margin:2em 0;letter-spacing:0;line-height:2em}@media screen and (min-width:768px){section.sec-concept p{font-size:16px;margin:3em 0 4em}}section.sec-concept div.concept-img-wrap{display:flex;flex-wrap:wrap;justify-content:space-between}section.sec-concept div.concept-img-wrap div.concept-img02{width:32.8%}section.sec-concept a{margin:15% auto 0}@media screen and (min-width:768px){section.sec-concept a{margin:100px auto 0}}