@charset "utf-8";

.header{
  padding-top: 18px;
}
.header img{
  width: 360px;
}
@media only screen and (max-width:767px){
  .header img{
    width: 250px;
  }
}

body#index.pattern-a #ranking .rankig-container .row .col-body ul li .kome{
  font-size: 1rem;
  vertical-align: top;
  margin-left: .3em;
}

body#index.pattern-a #feature .feature-tab .tab-body .tab-ttl .text span{
  font-size: 24px;
  font-size: 2.4rem;
}
.c-accordion .accordion-body .box p > small{
  font-size: 11px;
  font-size: 1.1rem;
  margin-left: 1px;
  margin-right: 2px;
  vertical-align: top;
}
.c-accordion .accordion-body .box .note,
.c-accordion .accordion-body .box .note > span{
  color: #5f5f5f;
  font-size: 12px;
  font-size: 1.2rem;
  line-height: 1.4;
}
.c-accordion .accordion-body .box-row-stripe{
  background-image: linear-gradient(-45deg,#fcf9f0 25%,rgba(255,255,255,0) 25%,rgba(255,255,255,0) 50%,#fcf9f0 50%,#fcf9f0 75%,rgba(255,255,255,0) 75%,rgba(255,255,255,0));
  background-size: 5px 5px;
  border-radius: 8px;
  margin-top: 16px;
  padding: 16px;
}
.box-row-stripe.blue{
  background-color: #e5e8ea;
}
.box-row-stripe.red{
  background-color: #f4dbe0;
}
.c-accordion .accordion-body .box-row-stripe p{
  font-size: 18px;
  font-size: 1.8rem;
  line-height: 1.5;
}
.c-accordion .accordion-body .box-row-stripe .underline{
  background: linear-gradient(transparent 60%,#f6e441 0);
}
body#index.pattern-a #flow .inner .flow1{
  padding: 30px 0;
  text-align: center;
}
@media only screen and (max-width:767px){
  body#index.pattern-a #flow .inner .flow1{
    padding: 20px 10px;
  }
  body#index.pattern-a #feature .feature-tab .tab-body .tab-ttl .text span{
    font-size: 20px;
    font-size: 2rem;
  }
}
.note-mark{
  display: flex;
}
.note-mark-text{
  flex: 1;
}

body#index.pattern-a #plans .plans-row .col-head{
  flex-direction: column;
  height: 80px;
}
body#index.pattern-a #plans .plans-row .col-head .plan-sub{
  color: #FFF;
  margin-top: 7px;
  font-size: 12px;
}
body#index.pattern-a #feature .feature-tab .tab-head .tab-btn{
  flex-direction: column;
  height: 80px;
}
body#index.pattern-a #feature .feature-tab .tab-head .tab-btn .plan-sub{
  color: #FFF;
  margin-top: 7px;
  font-size: 12px;
}
body#index.pattern-a #feature .feature-tab .tab-body-basic .tab-ttl .text span{
  font-size: 30px;
  font-size: 3rem;
  margin-top: 15px;
  text-align: center;
}
body#index.pattern-a #feature .feature-tab .tab-body .tab-ttl + .c-atc{
  font-size: 10px;
  font-size: 1rem;
}
body#index.pattern-a #feature .feature-tab .tab-body .tab-subttl{
  margin-top: 40px;
}
#footer .no1{
  background-color: #FFF;
}
@media only screen and (max-width:767px){
  body#index.pattern-a #feature .feature-tab .tab-body-basic .tab-ttl .text span{
    font-size: 24px;
    font-size: 2.4rem;
  }
}