@charset "utf-8";
/*==================================================

Global Default
==================================================*/
@import url(https://db.onlinewebfonts.com/c/8ac3a2a414b04c47ec7b7cf3a8f2ee0e?family=DIN+2014+Extra+Bold);


html{font-size:16px;}
body {
  font-family:"Noto Sans Japanese", YuGothic, 'Yu Gothic Medium', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  line-height: 1.5em;
  font-size: 16px;
  font-size: calc(12px + (16 - 12) * ((100vw - 320px) / (1920 - 320)));
  color: #605E5E;
  position: relative;

}
h1, h2, h3, h4, h5, h6 {}
main, section {
  position: relative;
}
a {
 transition: .3s;
 color: #85B230;
}
a:hover {
  opacity: .8;
}
i{font-style:inherit;}
small {
    font-size: 80%;
}
img {
  height: auto;
}
i {
}
.center {
  text-align: center;
}
.caution {
  color: #D50000;
}
[class*="viewport"] {
  width: 100%;
  max-width: 1366px;
  padding: 0 2%;
  margin: 0 auto;
  box-sizing: border-box;
  position: relative;
}
.viewport-l {
  max-width: 1200px;
}
.viewport-m {
  max-width: 1024px;
}
.viewport-s {
  max-width: 768px;
}
.section-spacing {
  padding-top: 11vmin;
  padding-bottom: 11vmin;
}
.flex{display: flex;}
.btn{background: #E99D06;border:2px solid #fff;border-radius:50px;box-shadow: 0 3px 6px rgba(0, 0, 0, .16);display: flex;color:#fff;font-weight: bold;text-shadow: 0 1px 6px rgba(0, 0, 0, .27);align-items: center;padding: 15px 4rem;font-size: 1.5rem;}
.btn:after{content:'';background:url(../img/ico-arw.png) no-repeat;width:28px;height:28px;display: inline-block;background-size: contain;margin-left: 10px;}
.green{background:#3EB134;padding: 15px 3rem;}
.green:after{background:url(../img/ico-doc-w.png) no-repeat;background-size: contain;}
#tel-sp img{
    width: 28px;
    height: 28px;
    }
#tel-sp{
    background: #7A582E;
    border: 2px solid #fff;
    border-radius: 40px;
    box-shadow: 0 3px 6px rgba(0, 0, 0, .16);
    display: block;
    box-sizing: border-box;
    padding: 7px 7px;
    }
.std-h3{
  padding: 0.5em;
  background: #F5FAE9;
  border-left: solid 5px #88BC24;/*左線（実線 太さ 色）*/
  font-size: 1.1rem;
  margin: 30px 3% 20px;
  }
  .pc{display:block;}
.pc.flex{display:flex;}
/*==================================================

Customize Global Standard Style
==================================================*/
[class*="standard-h2"] {}
[class*="standard-btn"] {}
/*==================================================

Main Header
==================================================*/

#main-header {
  box-sizing: border-box;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 999;
  transition: 1s;
  padding: 20px 0;
  transition: .5s;
}
#main-header.hd-fixed{background: rgba(255, 255, 255, .7);padding: 10px 0;}
#menu {
  display: none;
}
#main-header h1 {
  max-width:80px;
  float: left;
}
#main-header.hd-fixed h1{max-width:60px;}
#main-header ul {
  display: flex;
  float: right;
  flex-direction: row-reverse;
}
#main-header ul li {
  /* line-height: 56.5px; */
  margin: 0 30px 0 10px;
  font-size: 18px;
  display: none;
}
#main-header ul li.nav-tel,#main-header ul li.nav-doc{display: flex;margin: 10px auto;}
#main-header ul li.nav-tel{margin-right:20px;}
#main-header ul li a:hover {
  background-position: left center;
  opacity: .8;
}
li.nav-tel a{
    color: #6D4F2A;
    text-align: center;
    font-weight: 500;
    font-size: 17px;
    text-shadow: 0 0 3px #fff;
}
li.nav-tel a:hover{opacity: 1 !important;}
li.nav-tel a span{
    display: flex;
    font-size: 30px;
    margin-top: 5px;
    align-items: center;
}
li.nav-tel a img{
    width: 27px;
    margin-right: 5px;
}
/*==================================================
Index contents
==================================================*/
#mv{
    background: url(../img/bg_mv.webp)no-repeat center center;
    background-size: cover;
    letter-spacing: 1px;
    color:#553F24;
    font-weight: 900;
    padding-top:150px;
    text-shadow: 1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
    padding-bottom: 30px;
    position: relative;
    }
    [id*="fv"] {position: absolute;box-shadow: 1px 3px 6px rgba(0, 0, 0, .16);border-radius: 5px;}
    #fv1{left:0;top:20%;}
    #fv2{left:0;bottom:0;}
    #fv3{right:0;top: -5%;}
    #fv4{right:0;bottom: 11%;}

.mv-txt1{
    font-size: 2rem;
    display: flex;
    border-bottom: #553F24 2px solid;
    line-height: 2.5rem;
    width: max-content;
    letter-spacing: 2px;
    font-weight: 800;
    margin-bottom: 10px;
}
.txtdot i{position:relative;}
.txtdot i:before{content:'';background:#FBC500;width: .5rem;height: .5rem;position: absolute;border-radius: 50px;top: -20%;left: 40%;}
.mv-txt2{
    font-size: 2.6rem;
    line-height: 4.5rem;
    letter-spacing: 5px;
}
.mv-txt2 strong{font-size:120%;}
.mv-txt2 span{color:#88BC24;font-size: 5rem;line-height: 6rem;}
#mv div div{display:flex;align-items: center;justify-content: space-between;}
#mv div div img{max-width: 470px;}
.mv-txt3{font-size:1.1rem;line-height:1.8rem;margin: 20px 0;font-weight: bold;white-space: nowrap;}
#mv div div .btn{padding: 15px 1.5rem;font-size: 1.3rem;}
#mv div div .btn.green{padding: 15px 3rem;}
.mid-nav ul{margin: 40px auto;justify-content: space-between;}
.mid-nav ul li{}
.mid-nav ul li a{
  display: flex;
  background:url(../img/line-dot.png)repeat-x bottom center;
  font-size: 21px;
  font-weight: bold;
  letter-spacing: 3px;
  align-items: center;
  padding: 5px 10px 10px;
  justify-content: center;
  }
.mid-nav ul li a:after{
                      content: '';
                      display: inline-block;
                      vertical-align: middle;
                      color: #85B230;
                      line-height: 1;
                      width: 11px;
                      height: 11px;
                      border: 0.1em solid currentColor;
                      border-left: 0;
                      border-bottom: 0;
                      box-sizing: border-box;
                      transform: translateY(-25%) rotate(135deg);
                      margin-left: 7px;
                      }
#support{text-align:center;color: #605E5E;font-weight: 500;margin: 80px auto;}
#support>p{
    font-size: 1.8rem;
}
#support>p br{display:none;}
#support div{background:#F5FAE9;border:2px solid #85B230;border-radius:15px;margin: 20px auto;padding: 30px 2% 40px;}
#support div li{margin: 1.5%;}
#support div ul{justify-content:center;}
#support div img{
    background: #fff;
    padding: 20px;
    width: 80px;
    border-radius: 10px;
}
#support div li p{
    font-size: 1rem;
    margin: 5px 0;
    height: 3rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
#support div>p{    letter-spacing: 2px;}
#support div>p span{
    border-bottom: #A2C562 1px solid;
    display: inline-block;
    font-size: 1rem;
    font-weight: bold;
    letter-spacing: 2px;
    padding-bottom: 5px;
  margin:20px auto 10px;
}
#support div>p small{font-size: 95%;}
#support>p:before,#support>p:after{
  content:'';
  width: 2.5rem;
  height:2px;
  display: inline-block;
  background:#85B230;
  position: relative;
  top: -6px;
  }
#support>p:before{transform:rotate(45deg);}
#support>p:after{transform:rotate(-45deg);}
#want div>p small br{display:none;}
#want div>p small{font-weight:500;}
  #want div>p span small{font-weight:700;}
#want{position:relative;background: #EBF0F6;text-align: center;color: #605E5E;padding: 80px 2%;}
#want div>p{
    font-size: 2rem;
    font-weight: 700;
    line-height: 1.5;
}
#want div>p span{color: #85B230;font-size: 2.5rem;}
#want ul{
    margin: 40px auto;
}
#want ul li{
    margin: 0 1.5%;
}
#want ul li p{
    font-weight: 500;
    margin-top: 20px;
    font-size: 1rem;
    height: 90px;
    display: flex;
    justify-content: center;
    align-items: center;




}
#want:after{
  content:'';
  display: inline-block;
  vertical-align: middle;
  color: #ebf0f7;
  line-height: 1;
  width: 0;
  height: 0;
  border-style: solid;
  border-color: transparent;
  border-width: 4.3em 7em;
  border-top-color: currentColor;
  border-bottom: 0;
  position:absolute;
  bottom: -4em;
  z-index: 1;
  left: 50%;
  transform: translateX(-50%);
  }

  #strength{background: url(../img/bg-strength.webp) no-repeat center center;background-size: cover;padding: 100px 2% 50px;}
  #strength h2{
    color: #fff;
    text-shadow: 0 1px 6px rgba(0,0,0,.81);
    text-align: center;
    font-size: 2rem;
    line-height: 1.3;
    letter-spacing: 2px;
    font-weight: 700;
}
  #strength h2 span{
    background: url(../img/line-arw.png) bottom no-repeat;
    display: inline-block;
    background-size: 110%;
    font-size: 1.6rem;
    line-height: 5rem;
}
  #strength h2 strong{
    font-size: 3rem;
    border-bottom: 2px solid #B7EB59;
}
#strength h2 strong i{font-size:3.5rem;}
  #strength ul{
    margin: 40px auto 70px;
    max-width: 800px;
}
  #strength ul li{
    color: #fff;
    text-shadow: 0 1px 6px rgba(0,0,0,.81);
    font-weight: 900;
    display: flex;
    line-height: 1.5;
    align-items: center;
}
  #strength ul span{
    font-size: 3rem;
    margin-right: 1.5rem;
    font-family: "DIN 2014 Extra Bold";
}
  #strength ul p{
    font-weight: 600;
    font-size: 1.5rem;
    letter-spacing: 1px;
}
  #strength ul p i{
    border-bottom: 2px solid #B7EB59;
}#strength p.center{position:absolute;left: 50%;transform: translateX(-50%);bottom: -50px;z-index: 2;}
#strength p.center img{max-width: 200px;}

  .strength-box{
    background: #fff;
    margin: 10px auto 30px;
}
  .strength-box h3{
    font-size: 1.7rem;
    background: #F5FAE9;
    display: flex;
    color: #76A41F;
}
  #strength ul p br{display:none;}
  .strength-box h3:before{
    content:'01';
    background: #85B230;
    color: #fff;
    padding: 37px 18px 0;
    font-size: 3rem;
    display: block;
    font-family: "DIN 2014 Extra Bold";
}
#strength .strength-box:nth-child(4) h3:before{
  content:'02';
}
#strength .strength-box:nth-child(5) h3:before{
  content:'03';
}
  .strength-box h3 span{
    padding: 34px 25px 25px;
}
  .strength-box h3 i,.strength-box h3 b{
    color: #E9A606;
    font-size: 2.3rem;
}
.strength-box .txtdot i:before{background:#E9A606;top: -5%;}

  .strength-box h3 small{font-size:60%;}
.strength-box .flex {
    padding: 40px 50px;
}
  .strength-box .flex div{
    width: 46%;
    margin-right: 5%;
}
  .strength-box .flex div h4{
    font-size: 1.4rem;
    line-height: 1.5;
}
  .strength-box .flex div p{
    margin: 20px 0;
    letter-spacing: 1px;
    line-height: 1.7;
}
  .strength-box .flex figure{
    width: 49%;
}
.strength-box .flex img{border-radius:10px}
  .strength-box .flex figure small{
    text-align: right;
    display: block;
    margin-top: 15px;
    font-size: 90%;
}

  #points{
    background: url(../img/bg-dot2.jpg);
    text-align:center;
    padding: 80px 2%;
}
#points h3{background:#85B230;color:#fff;font-size: 1.8rem;padding: 10px 20px;letter-spacing: 2px;margin: 20px 0;line-height: 1.3;}
  #points .point-box {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(3, 1fr);
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    color:#76A41F;
    border:#85B230 .6px solid;
    }
    #points .point-box div{border: #85B230 0.5px solid;background: #fff;display: flex;align-items: center;justify-content: center;padding: 18px;font-size: 1.2rem;font-weight: 500;line-height: 1.3;}
    #points .div1 { grid-area: 1 / 1 / 2 / 2; }
    #points .div2 { grid-area: 1 / 2 / 2 / 3; }
    #points .div3 { grid-area: 1 / 3 / 2 / 4; }
    #points .div4 { grid-area: 1 / 4 / 2 / 5; }
    #points .div5 { grid-area: 2 / 1 / 3 / 2; }
    #points .div6 { grid-area: 2 / 2 / 3 / 3; }
    #points .div7 { grid-area: 2 / 3 / 3 / 4; }
    #points .div8 { grid-area: 2 / 4 / 3 / 5; }
    #points .div9 { grid-area: 3 / 1 / 4 / 3; }
    #points .div10 { grid-area: 3 / 3 / 4 / 5; }

    #why{
    text-align: center;
    padding: 60px 2%;
}
    #why h2{letter-spacing: 2px;font-size: 2rem;}

    #why h2 span{
    background: #85B230;
    color: #fff;
    display: inline-block;
    font-size: 1.5rem;
    padding: 15px 20px;
    margin-bottom: 30px;
}
    #why h2 i br{display:none;}
    #why h2 i{
    color: #85B230;
    font-size: 2.5rem;
}
    #why ul{
    margin: 40px 0;
}
    #why ul li{
    background: #F0F4F9;
    margin: 1%;
    padding: 30px 20px;
    width: 30%;
}
    #why ul li h3{
    background: #fff;
    padding: 10px;
    margin-bottom: 15px;
    font-size: 1.1rem;
    letter-spacing: 1px;
}
  
    #why ul li p{text-align: left;line-height: 1.8;margin-top: 15px;}

    .cta{background: url(../img/bg-cta.jpg) no-repeat center center;padding: 70px 2%;background-size: cover;}
    .cta h3{
    color: #553F24;
    font-size: 2.6rem;
    letter-spacing: 1px;
    align-items: center;
    display: flex;
    justify-content: center;
    margin-bottom: 30px;
    font-weight: bold;
}
.cta .btn{
    justify-content: center;
    max-width: 280px;
    margin: 10px auto;
    padding: 15px 0;
}

.cta .btn:after{
    width: 35px;
    height: 35px;
    margin-left: .5rem;
}
    .cta h3 img{
    width: 170px;
    position: relative;
    top: -28px;
    right: -18px;
}
.cta p{color:#553F24;font-weight: 500;font-size: 1rem;text-align: center;line-height: 1.8;margin-bottom: 20px;clear: both;}
.cta>div{background: rgba(255, 255, 255, .7);position: relative;padding: 30px 20px;display: flex;}

.cta .cta-l{
    border-right: #acacac 1px solid;
}

.cta h3 small{
    font-size: 1.5rem;
}
.cta h3 i{position:relative;}
.cta h3 i:before{
    content: '';
    background: #FBC500;
    width: 0.3rem;
    height: 0.3rem;
    position: absolute;
    border-radius: 50px;
    top: -10%;
    left: 40%;
    }
.cta>div>div{position:relative;width: 50%;padding: 50px 0 20px;}
.cta .cta-l:after{background: url(../img/img-doc.png) no-repeat;content:'';width: 197px;height: 149px;display: block;position: absolute;left: -100px;bottom: -20px;background-size: contain;}

.cta .cta-r:after{background: url(../img/img-cta2.png) no-repeat;content:'';width: 220px;height: 203px;display: block;position: absolute;right: -90px;bottom: -70px;background-size: contain;}
.cta .txt-free{position:absolute;right: -30px;top: -45px;}
    .popup_wrap input {
      display: none;
    }
    .popup_overlay {
      display: flex;
      justify-content: center;
      overflow: auto;
      position: fixed;
      top: 0;
      left: 0;
      z-index: 9999;
      width: 100%;
      height: 100%;
      background: rgba(0,0,0,.5);
      opacity: 0;
      transition: 0.5s;
      transform: scale(0);
    }
    .popup_trigger {
      position: absolute;
      width: 100%;
      height: 100%;
    }
    .popup_content {
      padding: 20px 0;
      /*position: relative;
      align-self: center;
      width: 90%;
      max-width: 800px;
      box-sizing: border-box;
      background: #fff;
      transition: 0.5s;
      border-radius: 12px;
      box-shadow: 0 0 5px rgba(94, 94, 94, 0.7);
      overflow: auto;
      height: 90vh;
      overscroll-behavior-y: contain;*/
    }
   
.popup_content h4{
    color: #85B230;
    font-size: 2rem;
    text-align: center;
    margin: 30px auto;
}
.work-detail{
    margin: 20px auto;
    width: 80%;
}
.work-detail th{
    padding: 4% 2% 0;
    width: 18%;
    font-size: 1.1rem;
    vertical-align: baseline;
}
.work-detail tr{
    border-top: 1px solid #85B230;
}
.work-detail tr:last-child{border-bottom: 1px solid #85B230;}
.work-detail td{
    padding: 2%;
}
.work-detail td p{
    margin: 10px 5px;
    position: relative;
    padding-left: 10px;
}
.work-detail td p:before{content:'';background: #85B230;width: 8px;height: 8px;border-radius: 20px;display: block;margin-right: 5px;position: absolute;left: -5px;top: 8px;}
.popup_content .result{background:#F5FAE9;width: 60%;margin: 20px auto;padding: 20px;max-width: 500px;}
.popup_content .result h5{
    color: #85B230;
    font-size: 1.5rem;

    text-align: center;
}
.popup_content .result dl{
    display: flex;
    flex-wrap: wrap;
    width: 85%;
    margin: 20px auto 0;
    max-width: 400px;
}
.popup_content .result dt{
    font-size: 1.3rem;
    font-weight: 500;
    width: 29%;
    border-right: #605E5E 2px solid;
    padding: 2%;
    margin-bottom: 4%;
}
.popup_content .result dd{width: 60%;color: #E9A606;font-weight: bold;font-size: 1.3rem;padding: 2% 0 2% 5%;}
.popup_content .result dd span{
    font-weight: bold;
    font-size: 2rem;
    letter-spacing: 1px;
    font-family: "DIN 2014 Extra Bold";
}
.popup_content .package{
    width: 80%;
    max-width: 500px;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
}
.popup_content .package p{
    font-size: 1.2rem;
    font-weight: 500;
    margin: 0 20px;
}
.popup_content .package span{
    color: #7B6A56;
    font-size: 2rem;
    font-weight: 700;
    display: block;
    margin-top: 12px;
}
.popup_content .package img{
    width: 140px;
}

    .close_btn {
      position: sticky;
      top: 0;
      left: 93%;
      font-size: 50px;
      cursor: pointer;
      color: #aaa;
      z-index: 9;
      line-height: 50px;
    }
    .popup_wrap input:checked ~ .popup_overlay {
      opacity: 1;
      transform: scale(1);
      transition: opacity 0.5s;
    }
    .open_btn {
        cursor: pointer;
        transition: .3s ease;
        position:relative;
        width: 30%;
        margin: 1%;
        max-width: 430px;
    }
    .open_btn:hover{
       opacity:.8;
    }
.open_btn span i,.voice-open span i{display:block;font-size:1.5rem;font-weight: 400;position: relative;top: 2px;}
.open_btn span,.voice-open span{
    position: absolute;
    color: #fff;
    right: 7px;
    bottom: 1px;
    display: block;
    z-index: 2;
    text-align: center;
    font-weight: 500;
}

.open_btn a:after, .voice-open a:after{content:'';width: 90px;height: 90px;position:absolute;right: 0;bottom:0;background-image: url(../img/img-more.png);background-size: cover;background-repeat: no-repeat;/* border-style: solid;border-width: 0 0 80px 80px;border-color: transparent transparent #85b230 transparent;*/}

.swiper{margin: 20px 0;}
.popup_content .swiper-slide img{border-radius:20px;/* box-shadow: 0 3px 6px rgba(0,0,0,.16); */width: 100%;height: auto;object-fit: cover;}

#works{
    padding: 80px 2%;
}
.std-h2{
    text-align: center;
    font-size: 2rem;
    letter-spacing: 2px;
    margin-bottom: 30px;
}
@media only screen and (max-width: 480px) {
  .privacypolicy-content .std-h2 {
    margin-top: 30px;
  }
}
.work-wrap{justify-content:center;flex-wrap: wrap;}
.std-h2:after{background:#85B230;content:'';width:3rem;height:3px;display:block;margin: 25px auto 0;}

#reason .viewport-l{
    background: #F5FAE9;
    padding: 60px 5%;
}
#reason div.flex{align-items: center;justify-content: center;}
#reason div.flex div{
    width: 64%;
    margin-right: 5%;
}
#reason div.flex img{
    width: 28%;
}
#reason div.flex div h2{
    font-size: 1.3rem;
    line-height: 1.5;
    letter-spacing: 1px;
}
#reason div.flex div h2 span{
    font-size: 2.1rem;
}
#reason div.flex div h2 i{
    color: #85B230;
    font-size: 2.3rem;
}
#reason div.flex div p{
    margin: 20px auto;
    font-size: 1rem;
    line-height: 1.5;
}
#reason div.flex div p span{
    color: #E9A606;
    font-weight: bold;
}

#reason .point3{
    justify-content: center;
    margin: 30px auto;
}
#reason .point3 li{
    background: #fff;
    width: 33%;
    margin: 1%;
    border-radius: 10px;
    padding: 2%;
}
#reason .point3 .num{
    color: #B6975C;
    font-size: 3rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 1px solid #B6975C;
    width: max-content;
    margin: 0 auto;
    padding: 0 5px 16px 5px;
    line-height: inherit;
    font-family: "DIN 2014 Extra Bold";
    letter-spacing: 1px;
    font-weight: normal;
}
#reason .point3 .num span{font-size: .9rem;display:block;margin-bottom: 14px;font-weight: 500;letter-spacing: 0;font-family: 'Noto Sans Japanese';}
#reason .point3 .num span:after,#reason .point3 .num span:before{
    content: '';
    width: .6rem;
    height: 1px;
    display: inline-block;
    background: #B6975C;
    position: relative;
    top: -4px;
    }
#reason .point3 .num span:before{
    transform: rotate(60deg);
    left: -1px;
}
#reason .point3 .num span:after{
    transform: rotate(-60deg);
    right: -1px;
}
#reason .point3 h3{
    text-align: center;
    font-size: 1.1rem;
    line-height: 1.5;
    margin: 20px auto 10px;
}
#reason .point3 p{
    line-height: 1.7;
}

.concept{
    background: #fff;
    padding: 5% 2%;
    border-radius: 10px;
    margin: 0 1%;
}
.concept h2{
    text-align: center;
    font-size: 1.8rem;
    font-weight: 500;
    line-height: 1.5;
}
.concept h2 span{
    font-size: 2rem;
    font-weight: 900;
    border-bottom: 2px solid #85B230;
}
.concept h2 span b{font-size: 3rem;}
.concept h2 i{
    color: #85B230;
    font-size: 2.3rem;
}
.concept>p{
    margin: 30px;
    text-align: center;
}
.concept ul{}
.concept ul li{
    width: 20%;
    margin: 1%;
}
.concept dl{
    text-align: center;
}
.concept dt{/* letter-spacing: 1px;margin: 5px auto 20px; */}
.logo-name{letter-spacing: 1px;margin: 5px auto 20px;text-align: center;}
.concept dd{
    background: #A2C562;
    color: #fff;
    border-radius: 10px;
    padding: 8px 0;
    margin: 10px 0;
    font-weight: bold;
    font-size: .9rem;
}
#voice{padding:120px 2% 80px;}
.voice-wrap{flex-wrap:wrap;justify-content: center;}
.voice-open{background:#F0F4F9;display:block;width: 48%;position: relative;margin: 1%;}
.voice-open a{color: #605E5E;}
.voice-open:hover{ /* opacity: .8; */
}
.voice-open .flex{
    padding: 4%;
}
.voice-open figure img{max-width: 130px;}
.voice-open figure{
    width: 37%;
    margin-right: 2%;
    text-align: center;
}
.voice-open figcaption{
    text-align: center;
    margin-top: 10px;
    font-size: 1rem;
}
  .voice-open figcaption small{white-space:nowrap;}
.voice-open p{
    background: #fff;
    width: 57%;
    padding: 3%;
    line-height: 2;
    font-size: 1rem;
    font-weight: bold;
}
.voice-content,.privacypolicy-content {
  position: relative;
  align-self: center;
  width: 100%;
  height: auto;
  overflow-x: hidden;
  /* max-width: 900px; */
  box-sizing: border-box;
  background: #F0F4F9;
  line-height: 1.4em;
  transition: 0.5s;
  /* border-radius: 20px; */
  /* box-shadow: 0 0 5px rgba(94, 94, 94, 0.7); */
  padding: 50px 25px;
  /* overflow-y: scroll; */
}

.voice-content div.flex{
    align-items: center;
    padding: 0 3%;
}
.voice-content div.flex img{
    max-width: 230px;
}
.voice-content .voice-profile{
    margin-left: 5%;
}
.voice-content div.flex h3{
    font-size: 1.2rem;
    /* margin-bottom: 15px; */
}
.voice-content div.flex p{
    background: #fff;
    padding: 3%;
    margin: 15px 0 20px;
    font-size: 1rem;
    line-height: 1.5;
}
.apart-list-wrap{
  margin-left: 2rem;
  padding-left: 1rem;
  border-left: 2px solid #E3EAF3;
}
.voice-profile h4{
  padding-top:1.2rem;
}
.apart-list{
  display: flex;
  gap: 5%;
}
.apart-list>div{
  padding-top: 15px;
}
.apart-list::after{
  display: none;
}
.voice-content li{
    margin: 7% auto;
    padding: 0 3%;
}
.voice-content li h4{
    background: #E3EAF3;
    position: relative;
    padding: 3%;
    font-size: 1rem;
    line-height: 1.5;
}
.voice-content li h4 span{
    color: #A2C562;
    font-size: 2.7rem;
    position: absolute;
    top: -35px;
    left: 10px;
    font-family: "DIN 2014 Extra Bold";
}
.voice-content li p{
    margin: 2%;
    line-height: 2;
}
.voice-content li p span{
    border-bottom: 2px solid #A2C562;
    font-weight: bolder;
}
#faq{background:#F5FAE9;padding: 80px 2%;}
.qna{margin: 50px auto;}
.qna .accordion {
  width: 100%;
}

.accordion-hidden {
  display: none !important;
}

.accordion-open {
  display: block;
  padding: 10px 80px 20px 10px;
  cursor: pointer;
  margin: 10px 0;
  position: relative;
  font-size: 1.1rem;
  border-bottom: 1px solid #A2C562;
  font-weight: 500;
}


.accordion-open::before,
.accordion-open::after {
  content: '';
  width: 20px;
  height: 3px;
  background: #85B230;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
}

.accordion-open::after {
  transform: translateY(-50%) rotate(90deg);
  transition: .5s;
}

.accordion-hidden:checked+.accordion-open:after {
  transform: translateY(-50%) rotate(0);
}

.accordion-inner {
  display: none;
  height: 0;
  overflow: visible;
  padding: 10px 61px 20px 3.5em;
  opacity: 0;
  transition: .3s;
  cursor: pointer;
  line-height: 2;
}
.accordion-inner a{
    padding: 10px 10px 0;
    display: block;
    text-decoration: underline;
}

.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
}

.accordion_qa .Q,
.accordion_qa .A {
  position: relative;
}
.accordion_qa .A {left: -8px;}
.accordion_qa .Q::before,
.accordion_qa .A::before {
  display: block;
  position: absolute;
  top: 50%;
  left: -3.3em;
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
_::-webkit-full-page-media, _:future, :root A {
  left:-8px;
}
.accordion_qa .Q::before {
  content: '';
background: url(../img/Q.png);
background-size: contain;
}

.accordion_qa .A::before {
  content: '';
  background: url(../img/A.png);
  background-size: contain;
  top: 14px;
}

.accordion-open {
  padding-left: 3em;
}

.accordion-hidden:checked+.accordion-open+.accordion-inner {
  height: auto;
  opacity: 1;
  /* padding: 10px 61px 20px 3em; */
  border-bottom: 1px solid #A2C562;
  display: block;
}
.accordion-hidden:checked+.accordion-open{border-bottom:none;padding-bottom: 10px;}

.privacypolicy-content p{
    margin-bottom: 20px;
    line-height: 1.8;
    padding: 0 3%;
}
.privacypolicy-content span{
    margin: 5px 0 5px 1em;
    position: relative;
    padding-left: 10px;
  display:block;
}
.privacypolicy-content span:before{content:'';background: #85B230;width: 8px;height: 8px;border-radius: 20px;display: block;margin-right: 5px;position: absolute;left: -5px;top: 9px;}

#contact{background: url(../img/bg-dot.jpg);padding: 100px 2%;}
#contact .viewport-m{background: #fff;padding: 50px;}
#contact table{
}
#contact th,#contact td{
    padding: 15px 3%;
}
#contact th{
    font-size: 1.2rem;
    text-align: left;
    padding-left: 5rem;
    width: 30%;
    line-height: 1.5;
    /* vertical-align: baseline; */
}
#contact th.required{position: relative;}
#contact th.required:before{content:'必須';color:#E9A606;font-size:70%;background: #fff;border:#E9A606 1px solid;border-radius: 8px;padding: 3px 10px;position: absolute;left: 1rem;top: 35px;transform: translateY(-50%);}
#contact tr{background: url(../img/line-dot.png)repeat-x bottom center;}
#contact td{
    font-size: 1.1rem;
}
#contact th.required.tdh:before{top:30px;}
#contact th.tdh{vertical-align:baseline;}
#contact td input,#contact td select,#contact td textarea{width: 100%;border:#B8B8B8 1px solid;border-radius: 8px;padding: 1%;}
#contact td.name{display: flex;}
#contact td.name input{width: 48%;}
#contact td.name input+input{margin-left:2%}
#contact td select.pref{width: 102%;margin-bottom: 1%;}
#contact td.add input{
    margin: 0 0 1% 0;
}
#contact td.years-old select{width: 30%;}
#contact .privacy-open{
    display: inline-block;
    border-bottom: 1px solid #605E5E;
    color: #605E5E;
}
#contact .privacy-open:hover{opacity:.8;}
#contact label.center{
    display: block;
    font-size: 1.2rem;
    font-weight: 500;
    margin: 4% auto;
}
#contact label.center input[type=checkbox] {
  transform: scale(1.5);
  margin: 0 6px 2px 0;
}
#contact .btn:after{position:absolute;right: 40px;transform: rotate(270deg);}
#contact .btn{position:relative;padding:0;max-width: 230px;margin: 0 auto;}
#contact input[type=submit]{border:none;background:transparent;color:#fff;font-weight:bold;display: block;padding: 15px 6rem 15px 3em;/* max-width: 200px; */margin: 0 auto;text-shadow: 0 1px 6px rgba(0,0,0,.27);}

#company{
    padding: 80px 2%;
}
#company>div{
    align-items: inherit;
}
#company table{
    width: 48%;
    margin: 1% 2%;
    border-top: 1px solid #A2C562;
}
#company table tr{
    border-bottom: 1px solid #A2C562;
}
#company table th,#company table td{
    line-height: 2;
    vertical-align: middle;
    padding: 3% 2%;
    letter-spacing: .5px;
}
#company table th{
    font-size: 1.1rem;
    font-weight: 500;
    width: 30%;
    text-align: left;
    vertical-align: middle;
}
#copyright{
    background: #605E5E;
    text-align: center;
    color: #fff;
    padding: 20px;
}
#copyright a{
    color: #fff;
}
.concept h2 br{display:none;}
.pagetop{position: fixed;right:5px;bottom:10px;}
.pagetop img{width: 50px;}
.sp{display:none;}
.strength-box h3 br{display: none;}

.fancybox__content{padding: 0;}

/*html.scroll-fix{overflow-y: hidden;}*/

@media only screen and (max-width: 1550px) {
  [id*="fv"] {
    transform: scale(0.8);
    transform-origin: 0;
}
  #fv4{bottom:20%;}
  #fv3, #fv4{transform-origin: 100% 0;}
}
@media only screen and (max-width: 1400px) {
  [id*="fv"] {
    transform: scale(0.6);
}
  #fv3{transform: scale(0.8);}
  .cta>div div:after{transform: scale(0.7);}
  .cta{overflow:hidden;}
  .cta .cta-r:after{
    right: -80px;
}
  .cta .cta-l:after{
    left: -80px;
}
}
@media only screen and (max-width: 1200px) {
  [id*="fv"] {
    transform: scale(0.6);
}
  #fv1,#fv2{display:none;}
}


@media only screen and (max-width: 1060px) {
  .concept dd{font-size:.8rem;}}
@media only screen and (max-width: 1024px) {
  #pagetop{min-width: 1024px;}
.cta .txt-free{right:0;width: 200px;}
  
}


@media only screen and (max-width: 480px) {
  html{font-size:14px;}
  .sp{display:block;}
  .pc{display: none;}
 [id*="fv"] {
  display:none !important;
}
#mv div div{justify-content: center;flex-wrap: wrap;}
  #mv div div .btn{width:100%;max-width: 230px;justify-content: center;}
  #pagetop{min-width: inherit;}
  #mv div div .btn+.btn{margin-top:15px;padding: 15px 3rem;}
  /*----------------- Global default -----------------*/
  /*----------------- Main header -----------------*/
  .flex{flex-wrap:wrap;}
  
  #main-header {
    display: flex;
    background: #fff !important;
    padding: 5px 10px !important;
    align-items: center;
}
    #main-header .viewport-l h1{z-index:999;position:relative;max-width: 55px;}
  #main-header .viewport-l{width: calc(100% - 50px);padding: 0 3% 0 0;display: flex;justify-content: space-between;align-items: center;}
   #main-header .viewport-l div{display:flex;align-items: center;}
  #main-header .viewport-l:after{display:none;}
  #main-header .btn.sp{box-sizing: border-box;padding: 5px 15px 5px 20px;display: flex;font-size: 1rem;margin-left: 10px;}
  #main-header .btn.sp:after{margin-left:3px;}
  
  /*----------------- Global navigation -----------------*/
  #menu {
    height: 50px;
    width: 50px;
    float: right;
    cursor: pointer;
    position: relative;
    z-index: 10;
    display: block;
  }
  #menu span {
    height: 4px;
    width: 40px;
    background: #88BC24;
    display: block;
    margin: 0 auto;
    position: relative;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #menu span:before, #menu span:after {
    content: '';
    height: 4px;
    width: 40px;
    background: #88BC24;
    display: block;
    position: absolute;
    -webkit-transition: all .5s;
    transition: all .5s;
  }
  #menu span:before {
    top: -12px;
  }
  #menu span:after {
    top: 12px;
  }


  #obfuscator {
    position: fixed;
    top: 0;
    left: 0;
    height: 91vh;
    width: 100%;
    z-index: 9;
    /* visibility: hidden; */
    -webkit-transition-property: background-color;
    transition-property: background-color;
    -webkit-transition-duration: .2s;
    transition-duration: .2s;
    /* -webkit-transition-timing-function: cubic-bezier(.4, 0, .2, 1); */
    /* transition-timing-function: cubic-bezier(.5, 0, .2, 1); */
    cursor: pointer;
    background: #F5FAE9;
    transform: translateY(-100%);
    box-shadow: 0 3px 10px rgba(0,0,0,.5);
    display: none;
  }
  #global-navi {
    min-width: initial;
    width: max-content;
    max-height: 100%;
    position: fixed;
    top: 0;
    left: 50%;
    /* box-shadow: 0 2px 2px 0 rgba(0, 0, 0, .14), 0 3px 1px -2px rgba(0, 0, 0, .2), 0 1px 5px 0 rgba(0, 0, 0, .12); */
    box-sizing: border-box;
    /* background: #F5FAE9; */
    /* transform: translateY(-100%); */
    transition: all .3s cubic-bezier(.4, 0, .2, 1);
    overflow: hidden;
    overflow-y: auto;
    z-index: 10;
    margin: 0;
    opacity: 0;
    display: none;
    transform: translateX(-50%);
  }
  body.menu-visible #menu span {
    background: transparent;
  }
  body.menu-visible #menu span:before {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
    top: 0;
  }
  body.menu-visible #menu span:after {
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    top: 0;
  }
  body.menu-visible #obfuscator {
    /* visibility: visible; */
    transform: translateY(0);
    display: block;
  }
  body.menu-visible #global-navi {
    /* -webkit-transform: translateY(0); */
    /* transform: translateY(0); */
    opacity: 1;
    display: block;
  }

  #main-header ul {
    display: block;
    text-align: center;
    margin: 100px 0 30px;
    float: none;
  }
  #main-header ul li .btn{width:100%;justify-content:center;}
  #main-header ul li{display: flex;align-items: center;justify-content: center;margin: 20px auto;}
#main-header ul li.nav-cta{margin-top:10px;}
  #main-header ul li:not(.nav-cta, .nav-doc, .nav-tel) a{
    display: block;
    display: flex;
    background: url(../img/line-dot.png)repeat-x bottom center;
    font-size: 21px;
    font-weight: bold;
    letter-spacing: 3px;
    align-items: center;
    padding: 5px 10px 10px;
    justify-content: center;
  }

  #main-header ul li:not(.nav-cta, .nav-doc, .nav-tel) a:after{
                      content: '';
                      display: inline-block;
                      vertical-align: middle;
                      color: #85B230;
                      line-height: 1;
                      width: 11px;
                      height: 11px;
                      border: 0.1em solid currentColor;
                      border-left: 0;
                      border-bottom: 0;
                      box-sizing: border-box;
                      transform: translateY(-25%) rotate(135deg);
                      margin-left: 7px;}
    #points .point-box {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(4, 1fr);
    }
 
    #points .div1 { grid-area: 1 / 1 / 2 / 2; }
    #points .div2 { grid-area: 1 / 2 / 2 / 3; }
    #points .div3 { grid-area: 1 / 3 / 2 / 4; }
    #points .div4 { grid-area: 2 / 1 / 3 / 2; }
    #points .div5 { grid-area: 2 / 2 / 3 / 3; }
    #points .div6 { grid-area: 2 / 3 / 3 / 4; }
    #points .div7 { grid-area: 3 / 1 / 4 / 2; }
    #points .div8 { grid-area: 3 / 2 / 4 / 3; }
    #points .div9 { grid-area: 3 / 3 / 4 / 4; }
    #points .div10 { grid-area: 4 / 1 / 5 / 4; }
  .mvtxt-sp{
    padding: 10px 4%;
}
  #points .point-box div{font-size:1rem;padding: 10px 5px;}
.mvtxt-sp small{
    text-align: right;
    display: block;
    font-size: 1rem;
    margin: 10px;
}
.mvtxt-sp p{padding-bottom: 20px;white-space: normal;}
.fv-sp{
    margin: 5px auto 20px;
}
.mv-txt2{letter-spacing: 0;font-size: 1.92rem;line-height: 3.5rem;white-space: nowrap;overflow: hidden;margin: 2% 2%;}
  .mv-txt1{
    letter-spacing: 1px;
    font-size: 1.5rem;
    margin: 0 0 0 1%;
}
  .mv-txt2 strong{margin: 0 2px;}
  .mv-txt2 span{
    font-size: 3.5rem;
    line-height: 5rem;
}
  .btn{padding: 15px 2rem;}
  #mv .viewport-m{padding:0;}
  #mv{padding-top: 110px;overflow: hidden;}
  #support>p br{display:block;}
#support>p{line-height:1.5;padding:0 1.5rem;position: relative;font-size: 1.7rem;}
#support>p:before, #support>p:after{position:absolute;bottom: 1.5rem;top: inherit;}
  #support>p:before{
    left: 0;
}#support>p:after{
    right: 0;
}
  #support div img{width: 50px;padding: 10px;}
  #support div li{width: 23%;margin: 3px;}
  #support div li:nth-child(5),#support div li:nth-child(6){display:none;}
  #support div>p br{display:none;}
  #support div>p span{display:block;font-size: 1.1rem;letter-spacing: 1px;margin: 21px auto 10px;}
  #support div>p small{font-size:1rem;line-height: 1.8;letter-spacing: 1px;}

  #support div li p {
    height: 4rem;
}
#want{padding: 40px 2% 20px;}
#support{
    margin: 40px auto;
}

#want ul li{display:flex;align-items:center;margin: 2% 1.5%;}
  #want ul li img{width:40%;}
  #want ul li p{width: 52%;text-align: left;margin-left: 8%;font-size: 1.2rem;margin-top: 0;line-height: 1.5;}
  #want ul li:nth-child(even) p{margin-left: 0;width:60%;}
  #want ul li:nth-child(even){flex-direction: row-reverse;}
  #strength ul span{font-size: 2.3rem;margin-right: 1rem;}
  #strength ul p{font-size: 1.3rem;white-space: nowrap;}
  #strength ul p br{display:block;}
  #strength ul li{margin-bottom:1.5rem;}
  .strength-box h3:before{
    padding: 4% 10px 1%;
    font-size: 3rem;
}
  .strength-box h3{
    line-height: 1.8;
    font-size: 1.3rem;
}
  .strength-box h3 span{
    padding: 3% 0 0 4%;
}
  #strength ul{margin: 40px auto 50px;}
  .strength-box h3 i, .strength-box h3 b{font-size: 1.8rem;}
  .strength-box h3 br{display: block;}
  .strength-box .txtdot i:before{width:5px;height:5px}
  .strength-box .flex{flex-wrap:wrap;padding: 5%;}
  .strength-box .flex div{width:100%;margin-right: 0;}
    .strength-box .flex figure{width:100%;}
  .strength-box .flex div p{font-size: 1.1rem;}
  #points h3{font-size: 1.2rem;padding: 10px;margin: 10px 0;}
  .strength-box .flex figure small{font-size:100%;}
.strength-box .flex div h4{text-align:center;margin-bottom: 15px;font-size: 1.3rem;}
#points{padding:80px 2% 50px; }
  #why h2{line-height:1.4;font-size: 1.8rem;}
  #why h2 span{line-height:1.3;padding: 8px;font-size: 1.2rem;margin-bottom: 10px;}
 #why h2 i br{display:block;}
  #why ul{
    margin: 20px 0;
}
#why ul li{width:100%;}
  #why ul li p{font-size:1.1rem;}
  #why ul li h3{font-size:1.3rem}
  .cta .btn{padding: 10px .5rem;}
  .cta h3{
    width: 61%;
    display: block;
    float: right;
    line-height: 1.5;
    font-size: 1.8rem;
    position: relative;
    top: -10px;
    right: -30px;
    margin-bottom: 15px;
}
  .cta h3 img{
    display: block;
    width: 130px;
    top: -5px;
    left: 20%;
}
  .cta>div{
    padding: 0 20px 15px;
    flex-wrap: wrap;
}
  .cta>div>div{width:100%;}
  .cta .cta-l{border-right:none;padding: 60px 0 20px;}
  .cta h3 small {
    font-size: 1.1rem;letter-spacing:0;
}
  .cta .cta-l:after{
    width: 150px;
    height: 118px;
    bottom: inherit;
    top: 30px;
    left: -10px;
}
  .cta>div div:after {
    transform: scale(1);
}
    .cta .cta-r:after{
    width: 150px;
    height: 150px;
    bottom: inherit;
    top: -16px;
    left: -23px;
    background: url(../img/img-cta1.png) no-repeat;
    background-size: contain;
}
.open_btn{width:100%;display: block;margin: 0;}
  #reason div.flex img{width:80%;margin:20px auto;}
  #reason div.flex div{width:100%;margin-right: 0;}
  #reason div.flex div h2{text-align:center;}
  #reason .point3 li{display:flex;flex-wrap:wrap;width: 100%;align-items: center;}
  #reason .point3 .num{width: 26%;padding: 0 10px 5px 5px;border-right: 1px solid #B6975C;border-bottom: none;font-size: 2.8rem;position: relative;}
  #reason .point3 h3{width: 62%;text-align: left;margin: 5% 0 5% 5%;}
  #reason .point3 p{width:100%;font-size: 1rem;padding: 0 2% 2%;}
  #reason .point3{margin-top:15px;}
  #reason .point3 .num span{margin-bottom:11px}
  .concept h2 br{display:block;}
.concept>p{font-size:1.1rem;margin: 5% 2% 8%;line-height: 1.8;text-align: left;}
  .concept ul li {
    width: 100%;
    text-align:center;
    margin-bottom: 5%;
    display: flex;
    align-items: center;
    }
  .concept ul li img{max-width:180px;width: 100%;}
  .concept dl{display:flex;flex-wrap:wrap;flex-direction: column;justify-content: center;flex-basis: 100%;padding: 0 2% 0 1em;}
  .concept dl dt{width:100%;margin-bottom: 4%;}
  .concept dl dd{width:100%;margin:1% 0;font-size: .9rem;}
  .concept dl dd:last-child{width:100%;}
  .concept dd{padding: 8px 0.25em;}
  .logo-name{margin: 5px auto;}

  .open_btn:after, .voice-open:after{
    border-width: 0 0 60px 60px;
}
  .open_btn span, .voice-open span{
    right: 4px;
}
  .open_btn span{bottom: 10%;}
  .voice-open figure img{width:130px;}
  .voice-open{width:100%;margin-bottom: 5%;}
  .voice-open p{width:100%;margin: 10px auto 20px;}
  .voice-open figure{width:100%;display:flex;align-items:center;justify-content: space-evenly;}
#contact .std-h2{font-size:1.8rem;margin-top: 20px;line-height: 1.5;}
  #contact{padding:30px 2%}
  #contact .viewport-m{padding:40px 3%;}
  #contact tbody, #contact tr, #contact th, #contact td{
    display: block;
    width: 100%;
    box-sizing: border-box;
    }
  #contact th.required:before{position:inherit;left: 0;top: 0;transform: inherit;margin-right: .5rem;}
  #contact th{
    padding: 17px 2% 10px;
}#contact th.required.tdh:before{top:0;}
#contact td.years-old select{width: 60%;}
  #contact td{
    padding: 5px 2% 15px;
}
  #contact label.center{margin:10% auto;}
  #company table{width:100%;}
    #company table+table{border-top:none;}
  #contact td input, #contact td select, #contact td textarea{font-size:1.1rem}
  .voice-content, .privacypolicy-content{padding:50px 0;}
  .voice-content div.flex{justify-content:center;margin-bottom: 50px;}
  .voice-content div.flex img{max-width:150px;margin: 0 auto 20px;}
  .voice-content .voice-profile, .apart-list-wrap{margin-left:0;}
  .voice-content div.flex h3{text-align:center;font-size: 1.1rem;}
  .voice-content li{margin-bottom: 47px;}
  .voice-content li h4{line-height: 1.8;}
  .voice-content li p{font-size:1rem;line-height: 1.8;}
.popup_content .swiper-slide img{height: 150px;}
  .popup_content h4{line-height:1.5;margin: 10px auto 20px;}
  .work-detail{
    width: 90%;
}
  .popup_content .result{width:80%;padding: 5% 2%;}
  .work-detail th{width:20%;}
  .popup_content .result dl{width:100%;align-items: center;}
  .popup_content .result dl dt{font-size:1.2rem;width: 32%;margin-bottom: 2%;}
  .popup_content .result dd{
    width: 58%;
    line-height: 1.3;
    margin-bottom: 2%;
    font-size: 1.1rem;
}
  .popup_content .result dd span{
  font-size: 1.5rem;}
.popup_content .package img{width: 40%;}
  .popup_content .package p{width: 60%;margin: 0;}
  .splide__pagination{bottom: -30px;}
  .splide__arrows{bottom: -100px;position:relative;}
  .splide__pagination__page.is-active{
    background: #63ad15;
}.splide__arrow{background:#fff;}
 .splide:not(.is-overflow) .splide__pagination{display:flex;}
  .open_btn:after{
    bottom: 9%;
}
  .pc.flex{display:none;}
  #want div>p{font-size:1.8rem}
  .privacypolicy-content{padding: 0;}
  #want div>p small br{display:block;}
  #voice{padding: 50px 2%;}
  #faq,#company{padding:50px 2% 20px}
#company .accordion-open{border-bottom:none;padding: 10px 0;top: 3px;width: 100%;}

  #company .accordion-inner{
    display: none;
    text-align: left;
}
  #company .cm1 .accordion-open{font-size:inherit;font-weight:inherit;padding-right:3rem;box-sizing:border-box;text-align: left;}
 #company .accordion-hidden:checked+.accordion-open+.accordion-inner{
    border-bottom: none;
    padding: 0 3rem 1rem 0;
    display: block;
    margin-top: -30px;
    /* top: -30px; */
}
  #company .cm1 .accordion-hidden:checked+.accordion-open+.accordion-inner{
    margin-top: -15px;
}
  #company .accordion-hidden:checked+.accordion-open{}
#company table th, #company table td{padding:2% 2%;}
#faq .accordion-inner{
    padding: 10px 61px 20px 4em;
    line-height: 1.5;
}
  #company table th{
    font-size: 1rem;
    width: 34%;
    padding: 2% 1%;
}
  #company table td{text-align:right;}
  .accordion_qa .A{
    left: -13px;
}
  
.pagetop{display:none;}
  #want div>p span{display:block;}
  .cta {
    background: url(../img/bg-cta-sp.jpg) center center;
    background-size:cover;
}
.privacypolicy-content span:before{
  top:8px;
}
}

@media only screen and (max-width: 360px){
#strength ul p {
    white-space: wrap;
}
}

#contact ul.erroeMessage {
  margin: 0 2% 10px 2%;
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 8px;
  background-color: #ffffe0;
}
#contact ul.erroeMessage li {
  color: #f00;
}
#contact .error {
  background-color: #ffffe0;
}
#thanks-header {
  text-align: center;
  padding: 20px 0 10px 0;
}
#thanks-header img {
  width: 60px;
} 
#thanks {
  padding: 30px 12%;
}
#thanks p:not(:last-child) {
  margin-bottom: 30px;
}
@media only screen and (max-width: 480px){  
  #thanks {
    padding: 30px 4%;
  }
}