/* 
Theme Name: akaruku-guideline
Theme URI: https://guidelinekit.akaruku.co.jp
Author: MESA
Author URI: https://mesas-design.com
Version: 1.0.0 */

input,textarea {
  -webkit-appearance: none;
}

html{
  scroll-behavior: smooth;
}

body{
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  scroll-behavior: smooth;
}
h1, h2, h3, p, ul, li, dt, dl, dd{
  margin: 0;
  padding: 0;
}
h2{
  font-size: 36px;
  letter-spacing: 0.04em;
  line-height: 1.44;
  text-align: center;
  margin-bottom: 40px;
}
h3{
  font-size: 18px;
  line-height: 1.44;
  font-weight:600;
}
img{
  width: auto;
  max-width:100%;
  height: auto;
}
p{
  font-size: 15px;
  line-height: 1.53;
  font-weight:500;
}
.wrapper{
  width:96%;
  max-width: 1200px;
  margin: 0 auto;
}
.wrapper_inner{
  max-width: 1200px;
  margin: 0 auto;
}
.pc_only{
  display: block;
}
.sp_only{
  display: none;
}
.iphone5_only{
  display: none;
}
.clr{
  color: #FD5858;
}
.scroll-prevent{
  overflow: hidden;
}
#anc_point,
#anc_sample,
#anc_support,
#anc_flow,
#anc_qa,
#anc_contact{
  padding-top: 80px;
  margin-top: -80px;
}

br.sp{
  display:none;
}

@media(max-width:768px){
  br.sp{
    display:block;
  }
}


@media (min-width: 768px) {
  a[href*="tel:"] {
    pointer-events: none;
    cursor: default;
    text-decoration: none;
  }
}

@media screen and (max-width: 767px){
  h2{
    font-size: 24px;
    line-height: 1.458;
    margin-bottom: 24px;
  }
  h3{
    font-size: 20px;
    line-height: 1.45;
  }
  p{
    font-size: 15px;
    line-height: 2;
  }
  .wrapper{
    width: 100%;
  }
  /* .wrapper_inner{
    width: 100%;
  } */
  .pc_only{
    display: none;
  }
  .sp_only{
    display: block;
  }
  #anc_point,
  #anc_sample,
  #anc_support,
  #anc_flow,
  #anc_qa,
  #anc_contact{
    margin-top: -60px;
    padding-top: 60px;
  }
}
@media screen and (max-width: 374px){
  h2{
    font-size: 24px;
  }
  h3{
    font-size: 18px;
  }
  .iphone5_only{
    display: block;
  }
}

#header{
  width: 100%;
  top: 0;
  position: sticky;
  z-index: 99;
  background: #fff;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.header_inner{
  height: 80px;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
}
.header_logo{
  height: 36px;
}
.header_logo img{
  width: auto;
  height: 100%;
}
.header_nav{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  margin: 0 21px 0 auto;
}
.header_nav > li{
  padding: 0 10px;
}
.header_nav > li a{
  font-size: 15px;
  letter-spacing: 0.04em;
  color: #292929;
}
.header_cta a{
  font-size: 15px;
  font-weight: 500;
  color: #292929;
  padding: 13px 28px;
  border-radius: 100px;
  background: #FFDF46;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}


.sp_nav{
  position: fixed;
  z-index: 10;
  width: 86%;
  height: calc(100vh - 60px);
  top: 80px;
  right: -86%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.sp_nav_inner{
  width: 100%;
  height: 100%;
  padding-top: 44px;
  background: #fff;
  position: relative;
  z-index: 10;
}
.sp_nav .sp_nav_bg{
  position: fixed;
  top: 0;
  right: 0;
  width: 100vw;
  height: 100%;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
  background: rgba(0,0,0,0.69);
}
.sp_nav ul{
  font-size: 15px;
  position: relative;
  z-index: 2;
  margin-bottom: 22px;
}
.sp_nav ul > li{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
}
.sp_nav ul > li::before{
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 6px;
  background: #FFDF46;
  margin: 0 12px;
}
.sp_nav ul > li a{
  color: #292929;
  padding: 12px 0;
  display: block;
}
.sp_nav ul > li.cta{
  margin-top: 25px;
}
.sp_nav ul > li.cta::before{
  display: none;
}
.sp_nav ul > li.cta a{
  width: 100%;
  text-align: center;
  background: #fff;
  border-radius: 30px;
  padding: 16px 0;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.sp_header_cta a{
  font-size: 15px;
  font-weight: bold;
  text-align: center;
  color: #292929;
  display: block;
  padding: 16px 0;
  border-radius: 40px;
  background: #FFDF46;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

#toggle{
  display: none;
}
#toggle-box {
  position: relative;
  width: 30px;
  height: 16px;
  cursor: pointer;
}
#toggle-box > span {
  width: 100%;
  height: 2px;
  display: block;
  background: #090909;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
#toggle-box > span:nth-child(1) {
  top: 0;
}
#toggle-box > span:nth-child(2) {
  top: 50%;
  transform: translate(-50%, -50%);
}
#toggle-box > span:nth-child(3) {
  bottom: 0;
}
.is-open #toggle-box > span:nth-child(1) {
  -webkit-transform: translate(-50%, 7px) rotate(-45deg);
  transform: translate(-50%, 7px) rotate(-45deg);
}
.is-open #toggle-box > span:nth-child(2) {
  opacity: 0;
}
.is-open #toggle-box > span:nth-child(3) {
  -webkit-transform: translate(-50%, -7px) rotate(45deg);
  transform: translate(-50%, -7px) rotate(45deg);
}
/* @media screen and (max-width: 1320px){
  .header_inner{
    width: calc(100% - 80px);
  }
  .header_cta a{
    font-size: 18px;
    padding: 12px 20px;
  }
} */
 @media(max-width:1200px){
  .header_logo{
    height:24px;
  }
  .header_nav > li{
    padding:0;
  }
  .header_nav > li a{
    font-size:14px;
    padding:0 6px;
  }
  .header_cta a{
    font-size:14px;
  }
 }
 @media(max-width:1042px){
  .header_inner{
    width:calc(100% - 32px);
  }
 }
@media screen and (max-width: 1023px){
  .header_inner{
    width: calc(100% - 40px);
  }
  .header_nav{
    display: none;
  }
  .header_cta{
    display: none;
  }
  .sp_nav{
    visibility: visible;
    opacity: 1;
  }
  .is-open .sp_nav{
    right: 0;
  }
  .is-open .sp_nav .sp_nav_bg{
    visibility: visible;
    opacity: 1;
  }
  #toggle{
    display: block;
    margin-left: auto;
  }
  .header_logo{
    height:36px;
  }
}
@media screen and (max-width: 767px){
  .header_inner{
    width: calc(100% - 28px);
    height: 60px;
  }
  .header_logo{
    height: 36px;
  }
  .sp_nav{
    top: 60px;
    right: -100%;
  }
  .is-open .sp_nav{
    width: 50%;
  }
  .sp_nav_inner{
    padding:64px 12px;
  }
}

@media(max-width:480px){
  .is-open .sp_nav{
    width:86%;
  }
}

.sameBg{
  background:top / contain no-repeat url(img/mv_bg.png);
  width:100%;
}

#mv{
  background: none;
}
.mv_inner{
  /* height: calc(100vh - 80px);
  min-height: 688px;
  max-height: 800px; */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  padding:32px 0 34px;
}
.mv_left{
  width: 50%;
  color: #292929;
  font-weight: bold;
  position: relative;
}
.mv_catch{
  font-size: 44px;
  font-weight: 700;
  line-height:1.45;
  margin:20px 0;
  /* margin-bottom: 26px; */
}
.mv_catch > span{
  font-size:38px;
}
/* .mv_label{
  font-size: 19px;
  color: #fff;
  padding: 8px 20px;
  border-radius: 5px;
  background: #FD5858;
  margin-bottom: 24px;
  display: table;
  position: relative;
}
.mv_label::after{
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 27px 5px 0 5px;
  border-color: #FD5858 transparent transparent transparent;
  top: calc(100% - 1px);
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
} */
.mv_ttl{
  font-size: 54px;
  line-height: 1.46;
}
.mv_img{
  margin-top:24px;
  width: 100%;
  text-align:left;
  /* top: -25px;
  right: 0; */
  /* position: absolute; */
}
.mv_img > img{
  width:89.67%;
  height:auto;
}
.mv_form{
  width: 50%;
}
.mv_form > div{
  width:calc(100% - 32px);
  padding:26px 60px;
  border-radius:6px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin: 0 0 0 auto;
  background:#fff;
}
.mv_cta_btn{
  display: none;
}
.titleBubble{
  font-size:18px;
  line-height:1.44;
  letter-spacing:0.24em;
  padding:5px 55px;
  background:#BADC46;
  border-radius:6px;
  position:relative;
  display: inline-block;
}
.titleBubble:after{
  position:absolute;
  content:"";
  background:center / contain no-repeat url(img/bubble_arrow.svg);
  bottom:-10px;
  left:0;
  right:0;
  margin:0 auto;
  width:9px;
  height:11px;
}
/* @media screen and (max-width: 1320px){
  .mv_left{
    width: calc(100% - 516px);
  }
  .mv_catch br{
    display: block;
  }
  .mv_ttl{
    margin-bottom: 30px;
  }
  .mv_img{
    width: calc((382 / 744) * 100%);
  }
} */
/* @media screen and (max-width: 1099px){
  .mv_img{
    width: calc((340 / 744) * 100%);
    top: calc((70 / 744) * 100%);
  }
} */
@media screen and (max-width: 1023px){
  #mv{
    padding: 38px 0 36px;
  }
  .mv_inner{
    /* height: auto;
    min-height: auto;
    flex-flow: column; */
    flex-direction: column;
    width:100%;
    max-width:700px;
    padding: 32px 14px 34px;
  }
  .mv_left{
    width: 100%;
    /* display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: center; */
    margin-bottom: 40px;
  }
  /* .mv_catch{
    font-size: 22px;
    line-height: 1.45;
  } */
  .mv_ttl{
    font-size: 34px;
    margin-bottom: 24px;
  }
  .mv_img{
    width: 100%;
    max-width:320px;
    margin: 24px auto 0;
    /* position: static; */
  }
  .mv_txt{
    text-align:center;
  }
  /* .mv_form{
    display: none;
  } */
  .mv_cta_btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 500px;
  }
  .mv_cta_btn a{
    font-size: 16px;
    font-weight: bold;
    color: #292929;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: center;
    background: #FFDF46;
    width: 100%;
    height: 48px;
    border-radius: 30px;
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.16);
  }
}
@media screen and (max-width: 767px){
  #mv{
    padding: 38px 0 36px;
  }
  .mv_inner{
    height: auto;
    min-height: auto;
    flex-flow: column;
    padding: 16px 14px 36px;
  }
  .mv_left{
    flex-flow: column;
    width: 100%;
    margin-bottom: 22px;
  }
  .titleBubble{
    font-size:15px;
    letter-spacing: 0.15em;
  }
  .mv_catch{
    font-size: 8.27vw;
    line-height: 11.7vw;
    text-align: center;
    margin:14px auto;
  }
  .mv_catch > span{
    font-size:7.2vw;
  }

  .mv_catch+p{
    line-height:1.73;
    text-align:left;
  }
  
  .mv_label{
    font-size: 16px;
    padding: 8px 13px;
    margin: 0 auto 10px;
  }
  .mv_label::after{
    border-width: 15px 3px 0 3px;
  }
  .mv_ttl{
    font-size: 34px;
    text-align: center;
    margin-bottom: 24px;
  }
  .mv_img{
    width: 100%;
    max-width:100%;
    margin: 4px auto 0;
    position: static;
  }
  .mv_img > img{
    width:100%;
  }
  /* .mv_form{
    display: none;
  } */
  .mv_cta_btn{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .mv_cta_btn a{
    font-size: 15px;
    /* font-weight: bold;
    color: #fff;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    justify-content: center;
    background: linear-gradient(-90deg, #F3981D 0%, #FD5858 100%);
    width: 100%;
    height: 48px;
    border-radius: 30px;
    box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.16); */
  }
}

@media(max-width:480px){
  .sameBg {
    background: top / contain no-repeat url(img/mv_bg_sp.png);
  }
}


.problem_inner.wrapper{
  /* padding:68px 0 58px; */
  padding:68px 0 0;
}

.probrem h2{
  /* margin-bottom:10px; */
}

.probremImg{
  text-align:center;
  margin-bottom:16px;
}

.probremImg img{
  width:100%;
  max-width:492px;
  height:auto;
}

.problem_list{
  display:flex;
  justify-content: space-between;
}

.problem_list > li{
  /* width:24.17%; */
  width:32.17%;
  display: flex;
  flex-direction: column;
}

.problem_list > li h3{
  width:100%;
  text-align:center;
  color:#465512;
  /* padding:15px 14px; */
  background:#F5F5E6;
  border-radius:6px;
  /* box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); */
  position:relative;
  margin-bottom:23px;
  flex:1;
  display:flex;
  justify-content: center;
  align-items:center;
  min-height:109px;
  max-height:109px;
}

.problem_list > li h3:after{
  position:absolute;
  content:"";
  width:40px;
  height:30px;
  background:center / contain no-repeat url(img/probram_arrow.svg);
  left:0;
  right:0;
  bottom:-22px;
  margin:0 auto;
}

/* .problem_list > li:nth-of-type(2) h3{
  font-size:16px;
} */

.problem_list > li p{
  font-size:14px;
  padding:12px;
  border-radius:6px;
  border:3px solid #F5F5E6;
  background:#fff;
  flex:1;
  /* line-height:1.5; */
}

@media(max-width:1024px){
  .problem_list{
    flex-wrap:wrap;
  }
  .problem_list > li{
    /* width:49%; */
    /* margin-bottom:16px; */
  }
}

@media(max-width:667px){
  .problem_list > li{
    width:100%;
    margin-bottom:20px;
  }
}

@media(max-width:767px){
  .probrem h2{
    margin-bottom:20px;
  }
  .probremImg{
    margin-bottom:20px;
  }
  .problem_inner.wrapper{
    padding: 44px 14px 12px;
  }
  .problem_list > li h3{
    font-size:16px;
    min-height:auto;
    max-height:none;
    padding:16px 10px;
    line-height:1.5;
  }
  .problem_list > li p{
    font-size:15px;
    line-height:1.6;
  }
}


.feature{
  /* background:top / contain no-repeat url(img/feature_bg.png); */
}
.feature_inner.wrapper_inner{
  /* padding:68px 0 36px; */
  padding:68px 0;
}

.featureContainer{
  width:100%;
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  margin-bottom:68px;
}

/* .featureContainer:nth-of-type(3){
  margin-bottom:0;
} */

.featureBox1{
  width:53.33%;
}

.featureBox1 h3{
  font-size:36px;
}

.featureBox1 span{
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:20px;
  display:inline-block;
  background:#FFDD36;
  color:#292929;
  padding:4px 15px;
  margin-bottom:16px;
  border-radius:6px;
  line-height:1.25;
}

.featureBox2{
  width:calc(46.67% - 30px);
  text-align:right;
  margin-right:30px;
}

.featureBox2 img{
  max-width:454px;
}

.featureBox3{
  width:100%;
}

.featureBox3 ul{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.featureBox3 ul li{
  width:32.5%;
  display: flex;
  flex-direction: column;
}

.featureBox3 ul li h4{
  font-size:18px;
  line-height:1.444;
  padding:10px 15px;
  background:#FFDD36;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  text-align:center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  min-height:72px;
  display:flex;
  justify-content: center;
  align-items:center;
}

.featureBox3 ul li p{
  background:#fff;
  padding:14px 16px; 
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  flex:1;
}

/* .featureContainer:nth-of-type(2) .featureBox1{
  order:2;
  width:69.42%;
  padding-left:38px;
}

.featureContainer:nth-of-type(2) .featureBox1 span{
  background:#BADC46;
}

.featureContainer:nth-of-type(2) .featureBox3 ul li h4{
  background:#BADC46;
}

.featureContainer:nth-of-type(2) .featureBox2{
  order:1;
  width:30.58%;
  margin-right:0;
}

.featureContainer:nth-of-type(2) .featureBox2 img{
  width:100%;
}

.featureContainer:nth-of-type(2) .featureBox3{
  order:3;
}

.featureContainer:nth-of-type(3) .featureBox1{
  width:51.17%;
}
.featureContainer:nth-of-type(3) .featureBox2{
  width:calc(48.83% - 45px);
  margin-right:45px;
}

.featureContainer:nth-of-type(3) .featureBox2 img{
  width:100%;
} */

@media(max-width:1260px){
  .feature_inner.wrapper_inner{
    width:96%;
  }
}

@media(max-width:1150px){
  .featureBox1 h3{
    font-size:28px;
  }
}

@media(max-width:900px){
  .featureBox1 h3{
    font-size:26px;
  }
  .featureBox3 ul li h4{
    font-size:16px;
  }
}

@media(max-width:1000px){
  .featureBox2{
    width:40%;
    margin:0;
  }
  .featureBox2 img{
    max-width:100%;
  }
}

@media(max-width:800px){
  .featureBox1 h3{
    font-size:21px;
  }
}

@media(max-width:767px){
  .feature{
    background:none;
  }
  .feature_inner.wrapper_inner{
    /* padding:44px 14px 0; */
  }
  .featureContainer{
    margin-bottom:32px;
  }
  .featureBox1{
    width:100%;
  }
  .featureBox2{
    width:100%;
  }
  .featureBox1 span{
    font-size:15px;
    line-height:1.26;
    padding:4px 7px;
    margin-bottom:11px;
  }
  .featureBox1 h3{
    font-size:19px;
    line-height:1.421;
    margin-bottom:16px;
  }
  .featureBox3 ul li{
    width:100%;
    margin-bottom:16px;
  }
  .featureBox3 ul li h4{
    padding:16px;
    min-height:auto;
  }
  .featureBox3 ul li p{
    padding:12px;
    line-height:1.5;
  }
  /* .featureContainer:nth-of-type(2) .featureBox1{
    order:1;
    width:100%;
    padding-left:0;
  }
  .featureContainer:nth-of-type(2) .featureBox2{
    order:2;
    width:100%;
    padding-left:0;
  }
  .featureContainer:nth-of-type(3) .featureBox1 {
    width: 100%;
  }
  .featureContainer:nth-of-type(3) .featureBox2{
    width:100%;
    margin-right:0;
  } */
}

.voice{
  background:#BADC46;
  /* margin-top:130px; */
  position:relative;
}

/* .voice:before{
  position:absolute;
  content:"";
  width:100%;
  height:114.31%;
  background:center / cover no-repeat url(img/voice_bg.png);
  bottom:0;
  left:0;
} */

.voice.notenough:before{
  display:none;
}

.voice:after{
  position:absolute;
  content:"";
  width:100%;
  height:8.78vw;
  /* background:center / cover no-repeat url(img/voice_wave.png); */
  left:0;
  top:-8.78vw;
  z-index:-1;
}

.voice_inner.wrapper_inner{
  /* padding:33px 0 40px; */
  position:relative;
}

.totalAndLogo{
  background:#fff;
  border-radius:100px;
  width:100%;
  padding:12px 64px;
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap:wrap;
  margin-bottom:24px;
}

.total{
  width:calc(40.93% - 14px);
}

.total img{
  width:100%;
  height:auto;
}

.totalAndLogo .logo{
  width:59.07%;
  display:flex;
  justify-content: space-between;
  align-items: center;
  flex-wrap:wrap;
}
.totalAndLogo .logo img{
  width:20%;
}

.voiceContainer{
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}

.voiceContainer li{
  width: 24.17%;
  display: flex;
  flex-direction: column;
}

.voiceContainer li .cName{
  font-size: 18px;
  color:#fff;
  line-height: 1.444;
  padding: 4px 15px;
  background: #465512;
  border-top-right-radius: 6px;
  border-top-left-radius: 6px;
  text-align: center;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  display: flex;
  justify-content: center;
  align-items: center;
}

.voiceContainer li p:not([class]){
  background: #fff;
  padding: 16px 10px;
  border-bottom-right-radius: 6px;
  border-bottom-left-radius: 6px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  flex: 1;
}

/* @media(max-width:1260px){
  .voice_inner.wrapper_inner{
    padding:33px 14px 40px;
  }
} */

@media(max-width:1024px){
  .voice:before{
    height:100%;
  }
}

@media(max-width:900px){
  .voiceContainer li{
    width:49%;
    margin-bottom:16px;
  }
}

@media(max-width:767px){
  .voice_inner.wrapper_inner{
    padding:32px 14px 16px;
  }
  /* .voice{
    margin-top:70px;
  } */
  .totalAndLogo{
    padding:16px 10px;
    border-radius:16px;
    margin-bottom:16px;
  }
  .total{
    width:100%;
    margin-bottom:10px;
  }
  .totalAndLogo .logo{
    width:100%;
  }
  .totalAndLogo .logo img{
    width:50%;
  }
  .voiceContainer li{
    width:100%;
  }
  .voiceContainer li p:not([class]){
    line-height:1.63;
    padding:12px;
  }
}

.case{
  position:relative;
  background:#FFF7D2;
}
.case:before{
  position:absolute;
  content:"";
  width:100%;
  height:8.78vw;
  background:center / cover no-repeat url(img/voice_wave.png);
  left:0;
  top:0;
  transform: rotate(180deg);
}
.case_inner.wrapper_inner{
  padding:120px 0 68px;
}

.case h2{
  margin-bottom:20px;
}

.case h2 + p{
  text-align:center;
  margin-bottom:16px;
}

.caseContainer{
  display:flex;
  justify-content: space-between;
  flex-wrap:wrap;
  width:100%;
}

.caseBox{
  display:flex;
  flex-direction: column;
  width:32.5%;
  background:#fff;
  border-radius:6px;
  padding:22px 16px 32px;
}

.caseBox .profile{
  display: flex;
  align-items: center;
  margin-bottom:16px;
}

.profile1{
  width:63px;
  margin-right:9px;
}

.profile2{
  width:calc(100% - 72px);
}

.profile2 > span{
  font-size:14px;
  color:#465512;
  line-height:1.428;
  font-weight:600;
}

.profile2 > span > span{
  display:inline-block;
  margin-right:7px;
  background:#FFDD36;
  color:#292929;
  padding:3px 10px;
  border-radius:4px;
}
.profile2 > h3{
  color:#465512;
  font-size:17px;
}
.caseBox .profile + p{
  margin-bottom:21px;
  font-size:14px;
}

.caseBox h4{
  background:#BADC46;
  font-size:14px;
  padding:3px 10px;
  border-radius:6px;
  margin-bottom:10px;
  border-radius:4px;
  text-align:center;
  line-height:1.428;
}

.caseBox h4:nth-of-type(2){
  background:#FFDD36;
}

.caseBox h4:nth-of-type(2) + p{
  font-size:14px;
}

.caseBox ul{
  margin:0 0 20px;
  padding:12px 16px 12px 32px;
  list-style:none;
  background:#F3F3F3;
  border-radius:6px;
  flex:1;
}

.caseBox ul li{
  font-size:14px;
  margin-bottom:11px;
  position:relative;
  line-height:1.714;
}

.caseBox ul li:before{
  position:absolute;
  content:"";
  background:#E9C100;
  border-radius: 100%;
  width:6px;
  height:6px;
  top:8px;
  left:-16px;
}

@media(max-width:1260px){
  .case_inner.wrapper_inner {
    padding: 120px 14px 68px;
  }
}
@media(max-width:767px){
  .case_inner.wrapper_inner{
    padding:62px 14px 16px;
  }
  .case h2 + p{
    text-align:left;
    line-height:1.6;
    margin-bottom:22px;
  }
  .caseBox{
    width:100%;
    padding:22px 12px;
    margin-bottom:24px;
  }
  .caseBox .profile + p,.caseBox h4:nth-of-type(2) + p{
    line-height:1.714;
  }
  .caseBox ul{
    padding:12px 12px 0 32px;
  }
}




.cta_catch{
  color:#465512;
  font-weight:600;
}





.cta{
  color: #fff;
  padding: 32px 0;
  background:url(img/cta_bg.png),linear-gradient(300deg, #FFDD36 0%, #FFE87B 100%);
  background-position:center;
  background-size:cover;
  background-repeat:no-repeat;
}
.cta_inner{
  text-align: center;
}
.cta_catch{
  font-size: 32px;
  letter-spacing: 0.04em;
  margin-bottom: 16px;
}
.cta_btn{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  justify-content: center;
}
.cta_btn a{
  font-size: 18px;
  font-weight: 600;
  color: #292929;
  display:flex;
  align-items: center;
  justify-content: center;
  background: #F5F5E6;
  width: 448px;
  height: 56px;
  border-radius: 30px;
  box-shadow: 0px 6px 7px rgba(0, 0, 0, 0.16);
  position:relative;
}

/* .cta_btn a:before{
  position:absolute;
  content:"";
  background:center / contain no-repeat url(img/cta1.png);
  width:134px;
  height:154px;
  left:-174px;
  bottom:-32px;
}

.cta_btn a:after{
  position:absolute;
  content:"";
  background:center / contain no-repeat url(img/cta2.png);
  width:110px;
  height:169px;
  right:-148px;
  bottom:-32px;
} */
@media screen and (max-width: 767px){
  .cta{
    padding: 20px 14px;
  }
  .cta_inner{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
    flex-flow: column;
  }
  .cta_catch{
    font-size: 22px;
    line-height: 1.45;
    white-space: nowrap;
    margin-bottom:12px;
  }
  .cta_btn{
    width: 100%;
  }
  .cta_btn a{
    font-size: 15px;
    width: 100%;
    height: auto;
    padding:14px;
    color:#465512;
  }
  .cta_btn a:before{
    left:0;
    width:67px;
    height:77px;
    top:-80px;
    bottom:unset;
  }
  .cta_btn a:after{
    top:-85.4px;
    right:0;
    width:53.7px;
    height:82.4px;
    bottom:unset;
  }
}

.plan{
  padding:78px 0 58px;
  /* background:center / cover no-repeat url(img/plan_bg.png); */
}

.plan_inner.wrapper_inner{

}

.plan table.sp{
  display:none;
}

.tableContainer.sp{
  display:none;
}

.tableContainer.pc{
  width:100%;
  overflow-x: scroll;
}

.plan table{
  width: 100%;
  min-width:960px;
  border-collapse: collapse;
}

.plan table tr{
  width:100%;
}

.plan table tr > *{
  width:19.42%;
}

.plan table tr > *.short{
  width:3%;
  border:none !important;
}

.plan table tr > *{
  font-size:15px;
  text-align:center;
  padding:17px 10px;
  vertical-align: middle;
  line-height:1.4;
}

.plan table .tType > *:not(.novis){
  font-size:18px;
  font-weight:600;
  border-bottom:6px solid #BADC46;
  padding:0 10px 10px;
}

.plan table .tIllust > *{
  padding:18px;
  text-align:center;
}

.plan table .tIllust > * img{
  width:auto;
  max-width:82px;
  height:auto;
}

.plan table .tPlan > *{
  font-size:18px;
  font-weight:600;
}

.plan table.pc{
  margin-bottom:32px;
}

.plan_inner.wrapper_inner > p{
  text-align:center;
}

.tablebg1{
  background:#465512;
  color:#fff;
}

.tablebg2{
  background:#BADC46;
}

.tablebg3{
  background:#F5F5E6;
}

.tablebg4{
  background:#FCFCEE;
}

.tablebg5{
  background:#F3F3F3;
}

@media(max-width:1260px){
  .plan {
    padding: 78px 14px 58px;
  }
}

@media(max-width:1024px){
  .plan table .tPlan > *{
    font-size:15px;
  }
  .plan table tr > *{
    font-size:14px;
  }
}

@media(max-width:767px){
  .tableContainer.pc{
    display:none;
  }
  .plan{
    background:none;
    padding: 44px 14px 34px;
  }
  .plan table.sp{
    display:table;
  }
  .plan table.sp{
    min-width:auto;
    width:100%;
    margin-bottom:12px;
  }
  .plan table.sp tr th{
    width:27%;
  }
  .plan table.sp tr td{
    width:73%;
    text-align: left;
  }
  .plan table.sp tr:nth-of-type(1) td{
    padding:18px 12px;
    text-align:center;
    border-top:6px solid #BADC46;
  }
  .plan table.sp tr:nth-of-type(1) img{
    max-width:82px;
    height:auto;
    width:auto;
  }
  .plan table tr > *{
    padding:12px;
  }
  .plan table.sp tr:nth-of-type(2) td{
    font-size:16px;
    text-align:center;
  }
  .plan table.sp:nth-of-type(4) tr:nth-of-type(1) td{
    border-top: 6px solid #FFDD36;
  }
  .plan table.sp:nth-of-type(4) .tablebg3{
    background:#FFF7D2;
  }
  .plan table.sp:nth-of-type(4) .tablebg1{
    background: #9E8611;
  }
  .plan table.sp:nth-of-type(4) .tablebg2 {
    background: #FFE87B;
  }
  .plan_inner.wrapper_inner > p{
    font-size:15px;
    line-height:1.6;
    text-align:left;
  }
}


.flow{
  padding: 68px 0 68px;
  background:url(img/flow_bg.png),#F5F5E6;
  background-position:top;
  background-size:cover;
  background-repeat:no-repeat;
}
.flow_list > li{
  height: 118px;
  border-radius: 8px;
  /* border: 3px solid #EFF7F9; */
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  margin-bottom: 32px;
}
.flow_list > li:last-of-type{
  margin-bottom: 0;
}
.flow_ttl{
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.04em;
  color: #fff;
  width: 192px;
  height: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  position: relative;
}
.flow_ttl::before{
  content: "";
  width: 30px;
  height:30px;
  border-radius: 3px;
  display: inline-block;
  transform: rotate(45deg) skew( 3.5deg, 3.5deg) translateX(-55%);
  position: absolute;
  top: 92%;
  left: 46%;
  background:#BADC46;
}
.flow_list > li:last-of-type .flow_ttl::before{
  display: none;
}
.flow_ttl::after{
  content: "";
  height: 112px;
  width: calc(100% + 3px);
  border-top-left-radius: 8px;
  border-bottom-left-radius: 8px;
  position: absolute;
  left: -3px;
  top: 0;
  background:#BADC46;
}
.flow_ttl .label{
  position: relative;
  z-index: 2;
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size:20px;;
}
.flow_ttl .num{
  font-size: 28px;
  font-weight: 900;
  display: inline-block;
  margin-left: 4px;
}
.flow_detail{
  width: 100%;
  height: 100%;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  justify-content: center;
  flex-flow: column;
  padding: 0 32px;
  background:#fff;
}
.flow_detail h3{
  font-size:22px;
  color:#465512;
  margin-bottom: 6px;
}
.flow_list > li .flow_ttl .label{
  color:#292929;
}

.flow_list > li:nth-of-type(6) .flow_ttl .label{
  color:#fff;
}
/* .flow_list > li:nth-of-type(2) .flow_ttl::before,
.flow_list > li:nth-of-type(2) .flow_ttl::after{
  background: #ED7821;
} */
.flow_list > li:nth-of-type(3) .flow_ttl::before,
.flow_list > li:nth-of-type(3) .flow_ttl::after{
  background: #9FC424;
}
.flow_list > li:nth-of-type(4) .flow_ttl::before,
.flow_list > li:nth-of-type(4) .flow_ttl::after{
  background: #9FC424;
}
.flow_list > li:nth-of-type(5) .flow_ttl::before,
.flow_list > li:nth-of-type(5) .flow_ttl::after{
  background: #FFDD36;
}
.flow_list > li:nth-of-type(6) .flow_ttl::after{
  background: #465512;
}
@media screen and (max-width: 1320px){
  .flow_detail p{
    line-height: 1.5;
  }
}
@media screen and (max-width: 1023px){
  .flow_ttl{
    width: 150px;
  }
}
@media screen and (max-width: 767px){
  .flow {
    /* padding: 44px 14px 32px; */
    background-image:none;
  }
  .flow_list > li{
    flex-flow: column;
    height: auto;
    border: 0;
    padding-bottom: 16px;
    position: relative;
    margin-bottom:16px;
  }
  .flow_list > li::after{
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    bottom: 0;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  }
  .flow_list > li:last-of-type{
    padding-bottom: 0;
  }
  .flow_list > li:last-of-type::after{
    display: none;
  }
  .flow_ttl{
    font-size: 16px;
    width: 100%;
    height: 35px;
    margin-bottom: 8px;
  }
  .flow_ttl::before{
    display: none;
  }
  .flow_ttl::after{
    height: 100%;
    width: 100%;
    top: 0;
    left: 0;
    border-radius: 4px;
  }
  .flow_ttl .num{
    font-size: 22px;
  }
  .flow_detail{
    padding: 0;
    background:none;
  }
  .flow_detail h3{
    font-size:20px;
    text-align: center;
    margin-bottom: 10px;
  }
  .flow_detail p{
    line-height: 1.6;
  }
  .flow_list > li::after{
    border-color: #BADC46 transparent transparent transparent;
  }
  .flow_list > li:nth-of-type(3)::after,.flow_list > li:nth-of-type(4)::after{
    border-color: #9FC424 transparent transparent transparent;
  }
  .flow_list > li:nth-of-type(5)::after{
    border-color: #465512 transparent transparent transparent;
  }
  .flow_ttl .label{
    font-size:16px;
  }
}



.qa{
  padding: 58px 0 74px;
  background: #fff;
}
.qa_list > li{
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
  margin-bottom: 24px;
}
.qa_list > li:last-of-type{
  margin-bottom: 0;
}
.qa_list dl{
  background: #fff;
  border-radius: 8px;
  overflow: hidden;
}
.qa_list dt{
  font-size: 18px;
  color: #292929;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  background: #F5F5E6;
  padding: 15px 90px 15px 32px;
  position: relative;
  cursor: pointer;
}
.qa_list dt span{
  width: 25px;
  height: 21px;
  background-image: url(img/icon_tri.svg);
  background-size: cover;
  position: absolute;
  right: 34px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transition: all .35s ease-in-out;
  transition: all .35s ease-in-out;
}
.qa_list dt.active span{
  transform: rotate(180deg) translateY(50%);
  -webkit-transform: rotate(180deg) translateY(50%);
  -ms-transform: rotate(180deg) translateY(50%);
}
.qa_list dd{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  padding: 15px 32px;
}
/* .qa_list dd p{
  font-size: 16px;
} */
.qa_list dt::before,
.qa_list dd::before{
  font-size: 26px;
  font-weight: bold;
  text-align: center;
  line-height: 48px;
  width: 50px;
  height: 50px;
  border-radius: 50px;
  display: block;
  margin-right: 16px;
  flex-shrink: 0;
  font-family: "din-2014", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.qa_list dt::before{
  content: "Q";
  color: #465512;
  background: #fff;
}
.qa_list dd::before{
  content: "A";
  color: #fff;
  background: #BADC46;
}
@media(max-width:1260px){
  .qa {
    padding: 58px 14px 74px;
  }
}
@media screen and (max-width: 1023px){
  .qa_list dt{
    line-height: 1.5;
  }
  .qa_list dd p{
    line-height: 1.5;
  }
}
@media screen and (max-width: 767px){
  .qa{
    padding: 44px 14px 34px;
  }
  .qa_list dt{
    font-size: 16px;
    line-height: 1.5;
    padding: 12px 40px 12px 12px;
  }
  .qa_list dt span{
    width: 16px;
    height: 13px;
    right: 13px;
  }
  .qa_list dd{
    padding: 12px;
  }
  .qa_list dd p{
    font-size: 15px;
    line-height: 1.875;
  }
  .qa_list dt::before,
  .qa_list dd::before{
    margin-right: 12px;
  }
  .qa_list dd::before{
    top:0;
  }
  .qa_list dd {
    display: flex;
    align-items: flex-start;
}

}



.contact{
  background: linear-gradient(300deg, #FFDD36 0%, #FFE87B 100%);
  padding: 58px 0 82px;
}
.contact h2{
  color: #292929;
}
.contact h3{
  color: #292929;
  text-align: center;
  margin-bottom: 20px;
}
.contact h3 span{
  color:#465512;
}
.contact_box{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  justify-content: space-between;
}
.contact_left{
  width: calc((100% - 32px) / 2);
  background: #fff;
  padding: 36px 34px 78px;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
.contact_img{
  width:100%;
  text-align: center;
  position:relative;
}
.contact_img img{
  width:90%;
  height:auto;
}
/* .contact_img:before{
  position:absolute;
  content:"";
  background:center / contain no-repeat url(img/cta1.png);
  width:134px;
  height:154px;
  left:0;
  bottom:-32px;
}
.contact_img:after{
  position:absolute;
  content:"";
  background:center / contain no-repeat url(img/cta2.png);
  width:110px;
  height:169px;
  right:0;
  bottom:-32px;
} */
.contact_form{
  width: calc((100% - 32px) / 2);
  background: #fff;
  padding: 26px 60px;
  border-radius: 8px;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}
@media screen and (max-width: 1023px){
  .contact_left{
    width: calc(100% - 452px);
    padding: 26px 12px 24px;
  }
  .contact_form{
    width: 436px;
    padding: 26px 16px;
  }
}
@media screen and (max-width: 767px){
  .contact{
    padding: 50px 14px 32px;
  }
  .contact h3{
    margin-bottom: 22px;
    font-size:16px;
  }
  .contact_box{
    flex-flow: column;
  }
  .contact_left{
    width: 100%;
    padding: 22px 12px;
    margin-bottom: 16px;
  }
  .contact_form{
    width: 100%;
    padding: 22px 12px 16px;
  }
  .contact_img:before{
    width:79px;
    height:91px;
    bottom:0;
  }
  .contact_img:after{
    width:65px;
    height:100px;
    bottom:0;
  }
  .contact_img img{
    width:100%;
  }
}



.company{
  padding: 68px 0 48px;
}
.company_inner{
  width: 980px;
  margin: 0 auto;
}
.company_detail > div{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
}
.company_detail dt{
  font-size: 16px;
  line-height: 1.5;
  text-align: center;
  width: 220px;
  margin-right: 32px;
  flex-shrink: 0;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  align-items: center;
  justify-content: center;
  border-top: 1px solid #9FC424;
}
.company_detail dd{
  font-size: 16px;
  line-height: 1.5;
  width: 100%;
  padding: 12px 0 14px 32px;
  border-top: 1px solid #CFCFCF;
}
.company_detail > div:last-of-type dt{
  border-bottom: 1px solid #9FC424;
}
.company_detail > div:last-of-type dd{
  border-bottom: 1px solid #CFCFCF;
}
.company_detail ol{
  list-style: decimal;
  margin-left: 20px;
}
.company_detail a{
  color: #465512;
  text-decoration: underline;
}
@media screen and (max-width: 1320px){
  .company_inner{
    width: calc(100% - 80px);
  }
}
@media screen and (max-width: 1023px){
  .company_detail dt{
    width: 160px;
  }
}
@media screen and (max-width: 767px){
  .company {
    padding: 30px 0 90px;
  }
  .company_inner{
    width: calc(100% - 28px);
  }
  .company_detail dt{
    font-size: 15px;
    line-height: 1.4;
    width: 84px;
    margin-right: 5px;
  }
  .company_detail dd{
    font-size: 15px;
    line-height: 1.4;
    padding: 7px 10px 10px;
  }
}


/* プライバシーポリシー */
body.privacy #mv{
  padding: 0;
}
body.privacy .mv_inner{
  height: 140px;
  min-height: auto;
  justify-content: center;
}
body.privacy #mv h1{
  font-size: 36px;
  text-align: center;
}
body.privacy #privacy{
  padding: 48px 0 100px;
}
body.privacy #privacy h2{
  font-size: 22px;
  line-height: 1.45;
  font-weight: 500;
  text-align: left;
  display: table;
  color: #262626;
  border-bottom: 2px solid #1E4EB7;
  padding-bottom: 8px;
  padding-right: 10px;
  margin-top: 40px;
  margin-bottom: 16px;
}
body.privacy #privacy p{
  font-size: 16px;
  line-height: 1.5;
  color: #292929;
}
@media screen and (max-width: 767px){
  body.privacy #mv h1{
    font-size: 24px;
  }
  body.privacy #privacy h2{
    font-size: 18px;
  }
  body.privacy #privacy p{
    font-size: 15px;
  }
  body.privacy .wrapper{
    padding:0 14px;
  }
}


#footer{
  padding: 20px 0;
  background: #292929;
}
.footer_inner{
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;
  justify-content: center;
  align-items: center;
}
.footer_copy p{
  color: #fff;
  font-size: 14px;
  font-weight: 400;
}
@media screen and (max-width: 1320px){
  .footer_inner{
    align-items: center;
  }
  .footer_nav{
    flex-flow: column;
    align-items: flex-start;
  }
  .footer_nav > li{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    align-items: center;
  }
  .footer_nav > li::before{
    content: "";
    width: 4px;
    height: 4px;
    border-radius: 4px;
    background: #090909;
    margin: 0 7px;
  }
  .footer_nav > li a{
    padding: 10px 0;
    display: block;
  }
}
@media screen and (max-width: 767px){
  #footer{
    padding: 14px 0;
  }
  .footer_copy p{
    font-size: 13px;
  }
}
@media screen and (max-width: 374px){
  .footer_copy p{
    font-size: 11px;
  }
}

/* 送信完了ページ */
#send{
	background:#fff;
	min-height:84.2vh;
	display:flex;
	justify-content:center;
	align-items:center;
}

#send .wrapper{
	display:flex;
	justify-content:center;
	align-items:center;
}

#send .wrapper_inner{
	background:#fff;
	padding:32px 60px;
	border-radius:6px;
	box-shadow:0 3px 10px rgba(0,0,0,.16);
}

#send h1{
	font-size:2.6rem;
	text-align:center;
	position:relative;
	margin-bottom:32px;
  line-height:1.5;
}

#send h1:after{
	position:absolute;
	content:"";
	width:140px;
	height:3px;
	background:#1E4EB7;
	margin:auto;
	bottom:-20px;
	left:0;
	right:0;
}

#send p{
	text-align:center;
}

#send .devider{
	display:block;
	width:70%;
	height:1px;
	background:#CFCFCF;
	margin:24px auto;
}

.mailMagazineContainer{
	background:#f3f3f3;
	border-radius:6px;
	box-shadow:0 3px 10px rgba(0,0,0,.16);
	padding:16px;
	text-align:center;
}
.mailMagazineContainer p{
	color:#1E4EB7;
	font-size:2.2rem;
	font-weight:600;
	line-height:1.6;
	margin-bottom:16px;
}

.mailMagazineContainer img{
	display:block;
	width:70%;
	max-width:480px;
	margin:0 auto 18px;
}

.submitLink{
	font-size:1.8rem;
	color:#fff;
	background:#3CB8DF;
	box-shadow:0 3px 10px rgba(0,0,0,.16);
	border-radius:6px;
	padding:16px 80px;
	text-align:center;
	display:inline-block;
	margin:0 auto;
}

@media(max-width:768px){
	#send{
		min-height:auto;
		padding:64px 16px;
	}
}

@media(max-width:480px){
	#send{
		padding:32px 14px;
	}
	#send .wrapper_inner{
		padding:24px 12px;
	}
	#send h1{
		font-size:2.2rem;
		line-height: 1.6;
	}
	.mailMagazineContainer p{
		font-size:1.8rem;
	}
	.mailMagazineContainer img{
		width:92%;
	}
	.submitLink{
		padding:16px 24px;
		font-size:1.6rem;
	}
}

/* div.wpcf7{
	width:94%;
	margin:20px auto;
	padding:10px !important;
} */
.form_left{
	font-size:1.6em;
	color:white;
	/*background-color:#FF7088;*/
	padding:10px;
	margin-bottom:4px;
	margin-top:4px;
	text-align:center;
}

.form_right input,.form_right textarea{
	width:100%;
	min-height:36px;
	/*border:1.6px solid #FF7088;*/
}

textarea {
	resize: none;
	 font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.wpcf7-form-control.wpcf7-submit{
	background:none;
	border:none;
/* 	font-size:1.6em; */
	padding:17px;
	margin-left:16px;
	color:white;
}

.button{
	width:194px;
	margin:0 auto;
	/*background-color:#FF7088;*/
	border-radius:60px;
	text-align:center;
	margin-top:30px;
	margin-bottom:40px;
}

.g01{
	padding:2px 6px;
	color:#fff;
	background:#E54440;
	margin-right:6px;
	border-radius:4px;
}

.g02{
	padding:2px 6px;
	color:#fff;
	background:#868686;
	margin-right:6px;
	border-radius:4px;
}

.cf_upper > p{
  font-size:14px;
}

input, textarea{
	width:100%;
	border:1px solid #3f3f3f;
	padding:0;
	 font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}
.cf_bottom span input{
	width: 100%;
	border: 1px solid #D4D4D4;
  height: 30px;
	font-size: 14px;
	background:#EEEEEE;
	
}
.cf_bottom span textarea {
    width: 100%;
    border: 1px solid #f3f3f3;
    height: 200px;
	font-size: 14px;
}
.cf_bottom {
    margin: 10px auto 0;
}

.sender {
    width: 100%;
    text-align: center;
    height: 54px;
    margin: 16px auto;
/* 	background:#E88228;
	border-bottom:4px solid #FF9436; */
	border-radius:4px;
	
}

.wpcf7-form input[type="submit"]{
	background:#FFDF46;
  color:#292929;
	opacity:1;
	transition:all .3s ease;
	font-size:18px;
  font-weight:700;
	border-radius:100px;
	width:100%;
  box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16);
}

.wpcf7-form input[type="submit"]:hover{
	background:#48C7EF;
	opacity:.8;
  cursor: pointer;
}



.wpcf7-form-control.wpcf7-submit{
	margin-left:0;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing,span.wpcf7-not-valid-tip{
	font-size:15px;
}

@media(min-width:768px){
	.form_container{
		display:flex;
		justify-content:flex-start;
		align-items:flex-start;
		margin:20px 0;
	}
	.form_left{
		display:block;
		width:25%;
	}
	.form_right{
		width:74%;
		margin-left:1%;
		display:block;
	}
	.form_left,.form_right{
		height:40px;
		line-height:1.4;
	}
	.form_right input, .form_right textarea{
		min-height:40px;
	}
	.form_left{
		margin:0;
	}
	.form_container#cf7area .form_right{
		height:initial;
	}
	.form_container#cf7area .form_right textarea{
		min-height:initial;
	}
}

/* @media(min-width:1024px){
	div.wpcf7{
		width:800px;
		margin:40px auto;
	}
} */

.entry-content p{
	font-weight:900;
}

@media(min-width:1024px){
	.menu-box>li:last-child{
		display:none !important;
	}
}

.fb_cont{
	text-align:center;
}

.cf_bottom>span>span>span>label{
	display:flex;
	justify-content:flex-start;
	align-items:center;
}

.cf_bottom>span>span>span>label>input{
	width:12%;
}

.cf_bottom>span>span>span{
	width:30%;
}
@media(max-width:767px){
  .cf_bottom {
    margin: 8px auto 0;
}
  .wpcf7-form input[type="submit"]{
    font-size:16px;
    padding:12px;
  }
  .cf_box.flex.acc{
    margin:18px 0 8px;
  }
}
@media(max-width:480px){
	.cf_bottom>span>span>span{
		width:100%;
	}
	.cf_bottom>span>span>span>label>input{
		width:10%;
	}
}

.cf_bottom.flex{
	display:flex;
}

.flexChild01{
	width:50%;
	display:flex;
	align-items:center;
	justify-content:flex-start;
	font-size:14px;

}

.flexChild01:nth-of-type(1){
	margin-right:10px;
}

.flexChild01 .wpcf7-form-control-wrap{
	width:100%;
	margin-left:10px;
}

.cf_box{
  margin-top:16px;
}

form > .cf_box:nth-last-of-type(1){
  margin-top:0;
}

.cf_box.flex{
	display:flex;
	align-items:center;
	justify-content:flex-start;
}

.cf_box.flex .cf_flex{
	width:50%;
	margin:0;
}
.cf_box.flex.nflex{
  width:100%;
}

/* .cf_box.flex.nflex .cf_flex select{
  width:99%;
} */

.cf_box.flex.nflex .cf_flex{
  width:100%;
}
.cf_box.flex .cf_flex:nth-of-type(2){
	margin-left:10px;
}

select{
  /* appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none; */
  background:none;
  background-color:#EEEEEE;
  max-width:100%;
  box-sizing: border-box;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size:14px;

}

.cf_box.flex .cf_flex select{
	width:100%;
	height:32px;
	border-radius:0;
	border: 1px solid #D4D4D4;
	height: 32px;
	font-size: 13px;
	background:#EEEEEE;
	 font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
}

.cf_box.flex.acc{
	width:100%;
	margin:18px 0 8px;
}

.cf_box.flex.acc *{
	width:100%;
}

.cf_box.flex.acc .wpcf7-form-control-wrap label{
	display:flex;
	justify-content:flex-start;
	align-items:center;
	font-size:14px;
	margin:0;
}

.cf_box.flex.acc .wpcf7-list-item{
	margin:0;
}

.cf_box.flex.acc .wpcf7-form-control-wrap label input{
	width:16px;
	margin-bottom:-1px;
	background:#EEEEEE;
	border:1px solid #D4D4D4;
}

.cf_box.flex.acc .wpcf7-form-control-wrap label a{
	color:#465512;
	text-decoration:underline;
}

.caution{
	font-size:12px;
	text-align:center;
	line-height:1.4;
}

.mv_form h2{
	font-size:20px;
	margin-bottom:16px;
}

div.wpcf7-validation-errors, div.wpcf7-acceptance-missing, span.wpcf7-not-valid-tip{
	width:100% !important;
	font-size:1.4rem;
	margin-top:6px;
}

.wpcf7 form.invalid .wpcf7-response-output, .wpcf7 form.unaccepted .wpcf7-response-output, .wpcf7 form.payment-required .wpcf7-response-output{
	font-size:1.4rem;
}

.cf_box.flex.acc input[type="checkbox" i]{
	display:none;
}

.cf_box.flex.acc .wpcf7-form-control-wrap label input[type=checkbox] + span{
	padding-left:20px;
	position:relative;
}
.cf_box.flex.acc .wpcf7-form-control-wrap label input[type=checkbox] + span:before{
	position: absolute;
	content: "";
	background: center / contain no-repeat url(https://e-learning.akaruku.co.jp/wp-content/themes/akaruku-e-learning/img/check_no.png);
	width: 17px;
	height: 17px;
	top: 0px;
	left: -1px;
}

.cf_box.flex.acc .wpcf7-form-control-wrap label input[type=checkbox]:checked + span:before{
	background: center / contain no-repeat url(https://e-learning.akaruku.co.jp/wp-content/themes/akaruku-e-learning/img/check_yes.png);
}


.e-learning_list > li{
  width: calc((100% - 32px) / 4);
  padding: 12px;
}
.e-learning_detail > li{
  padding: 5px 0px 5px 24px;
  line-height: 1.6;
}
.e-learning_detail > li::before{
  top:18px;
}
.e-learning_ttl .label{
  text-align:center;
}
@media(max-width:768px){
  .e-learning_list{
    justify-content: flex-start;
  }
  .e-learning_list > li{
    width: calc((100% - 32px) / 3);
    margin: 10px .7%;
  }
}
@media(max-width:480px){
  .e-learning_img{
    margin-bottom:10px;
  }
  .e-learning_list > li {
    width: 100%;
    margin: 16px 0;
  }
}