@charset "UTF-8";

.mar-b-32{
  margin-bottom: min( 100vw / 750 * 32 , 32px);
}

header {
  border-bottom: min( 100vw / 750 * 12 , 12px) solid #fac44c;
  background: var(--bac-main);
}
header div.container {
  max-width: min( 100vw - ( 100vw / 750 * 40) , 1587px);
}
header div.container div.header__logo {
  padding-top: min( 100vw / 750 * 28 , 28px);
  padding-bottom: min( 100vw / 750 * 28 , 28px);
}

@media screen and (max-width:834px){
  header div.container div.header__logo {
    margin: auto;
  }
}

header div.container div.header__logo img {
  object-fit: contain;
}
header div.container div.header__cta {
  padding-top: min( 100vw / 750 * 28 , 28px);
  padding-bottom: min( 100vw / 750 * 28 , 28px);
  height:100%;
}
header div.container div.header__cta a {
  display:block;
  margin: 0 0 0 auto;
  height:100%;
}
header div.container div.header__cta a img {
  width:auto;
  height:100%;
}
main {
}

.f-box,.f-box-none,.f-box-culum{display: flex;}
.f-box li,.f-box-none li,.f-box-culum{padding:2%;}

@media screen and (min-width: 600px) {
  .sp_only {
    display: none !important;
  }
}
@media screen and (max-width: 600px) {
  .pc_only {
    display: none !important;
  }
  .f-box{flex-direction: column;}
  }
  
/*============================
#fv
============================*/
main section#fv.fv {
    width: 100%;
    max-width: 1200px;
    margin: 0 auto;
}
main section#fv.fv h1 {
}
main section#fv.fv h1 figure {
}
main section#fv.fv h1 figure img.pc {
}
main section#fv.fv h1 figure img.sp {
}

/*============================
#cta
============================*/
main section#cta.cta {
  background:linear-gradient(rgba(0,116,64,0.86), rgba(0,116,64,0.86)), url(../img/cta_back.jpg) center center/cover no-repeat;
  padding: min( 100vw / 750 * 40 , 40px);
}
main section#cta.cta div.container {
  background:#fff;
  border-radius: min( 100vw / 750 * 16 , 16px);  
  padding: min( 100vw / 750 * 40 , 40px);
  text-align:center;
}
main section#cta.cta div.container h2 {
  font-size: min(100vw / 375 * 20 , 20px * 2 - 8px );
  letter-spacing:0.1em;
  font-weight:bold;
  color:var(--tex-sub); 
  margin-bottom: min( 100vw / 750 * 36 , 36px);
  background:none;
  padding:0;
}
main section#cta.cta div.container h2 big{
  font-size: min(100vw / 375 * 27 , 27px * 2 - 8px );
  color: #E30000;
  
}
main section#cta.cta div.container p.cta__body {
  font-size: min(100vw / 375 * 18 , 18px * 2 - 8px );  
  line-height: calc(1em / 18 * 30);
  font-weight: bold;
  color:var(--tex-sub); 
  margin-bottom: min( 100vw / 750 * 16 , 16px);
}
main section#cta.cta div.container p.cta__body span.dot {
  position: relative;  
  color: #E30000;
}
main section#cta.cta div.container p.cta__body span.dot:before{
  content:"";
  width: calc(1em / 18 * 3);
  height: calc(1em / 18 * 3);
  border-radius:100vw;
  background-color: var(--bac-main);
  position:absolute;
  left:50%;
  top:0px;
  transform:translate(-50%, 0%);
  
}
main section#cta.cta div.container a.cta__btn {
  display:block;
  border-radius:100vw;
  background-color: var(--bac-accent);
  font-size: min(100vw / 375 * 17 , 17px * 2 - 8px );
  font-weight:bold;
  color:#fff;  
  padding: min( 100vw / 750 * 24 , 24px);
  max-width:20em;
  margin: auto;
  position:relative;
}
main section#cta.cta div.container a.cta__btn:after{
  content:"";
  width: min( 100vw / 750 * 16 , 16px);
  height: min( 100vw / 750 * 16 , 16px);
  border-top: min( 100vw / 750 * 4 , 4px) solid #fff;
  border-right: min( 100vw / 750 * 4 , 4px) solid #fff;
  position:absolute;
  right: min( 100vw / 750 * 40 , 40px);
  top:50%;
  transform:translateY(-50%) rotate(45deg);
}
.pekopeko {
  animation: pekopeko 2s infinite;
  box-shadow: 0px 5px 0px #b45700;
}
@keyframes pekopeko {
  0% {
      box-shadow:0px 5px 0px #b45700;
      transform:translateY(0px);
  }
  10% {
      box-shadow:0px 0 0px #b45700;
      transform:translateY(5px);
  }
  20% {
      box-shadow: 0px 5px 0px #b45700;
      transform:translateY(0px);
  }
  30% {
      box-shadow: 0px 0 0px #b45700;
      transform:translateY(5px);
  }
  40% {
      box-shadow: 0px 5px 0px #b45700;
      transform:translateY(0px);
  }
}
/*============================
#headline
============================*/
h2 {
  background-color: #FFE078;
  text-align:center;
  font-size: min(100vw / 375 * 28 , 28px * 2 - 8px );
  line-height: calc(1em / 28 * 33.6);
  padding: min( 100vw / 750 * 20 , 20px) min( 100vw / 750 * 40 , 40px);
  margin-bottom: min( 100vw / 750 * 48 , 48px);
  font-weight:bold;
}


/*============================
#lead
============================*/
main section#lead.lead {
}
main section#lead.lead div.container {
  max-width: min( 100vw / 750 * 1240 , 1240px);
}
main section#lead.lead div.container div.lead__badges {
  display: grid;
  grid-template-columns: 1fr;
  gap: min( 100vw / 750 * 24 , 24px);
  max-width: min( 100vw - ( 100vw / 750 * 40) , 800px );
  margin:auto;
}
main section#lead.lead div.container div.lead__badges figure {
}
main section#lead.lead div.container div.lead__badges figure img {
  margin: auto;
}
main section#lead.lead h3{
  margin: min( 100vw / 750 * 48 , 48px) auto;
  text-align:center;
  font-weight:bold;
  font-size: min(100vw / 375 * 20 , 20px * 2 - 16px );
  line-height: 1.5;
}

@media screen and (max-width:834px){
  main section#lead.lead h3{
    font-size: min(100vw / 375 * ( 24 + 16 ) / 2 , 24px);    
  }
}



main section#lead.lead div.container div.lead__body {
}
main section#lead.lead div.container div.lead__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
}


main section#lead.lead div.container div.lead__grid figure {
  height:100%;
}
@media screen and (max-width:834px){
  main section#lead.lead div.container div.lead__grid figure {
      height: min( 100vw / 750 * 320 , 320px);
  }
}

main section#lead.lead div.container div.lead__grid figure img {
  height:100%;
}
main section#lead.lead div.container div.lead__grid div.lead__body {
  padding: min( 100vw / 750 * 80 , 80px);
}
main section#lead.lead div.container div.lead__grid div.lead__body strong {
}

@media screen and (max-width:834px){
  main section#lead.lead div.container div.lead__grid {
    grid-template-columns: 1fr;
  }    
  main section#lead.lead div.container div.lead__grid figure {
    order:1;
  }
  main section#lead.lead div.container div.lead__grid div.lead__body {
    order:2;
    padding: min( 100vw / 750 * 40 , 40px);
  }
  main section#lead.lead div.container div.lead__grid figure img {
    height:100%;
    width:100%;
  }
}


/*============================
#reason1
============================*/
main section#reason1.reason1.reason {
}
main section.reason h3 {
  background-size: auto auto;
  background-color:#FFB370;
  background-image: repeating-linear-gradient(45deg, transparent, transparent 20px, rgba(254, 164, 79, 1) 20px, rgba(254, 164, 79, 1) 30px );
  margin-top: min( 100vw / 750 * 80 , 80px);
  font-size: min(100vw / 375 * 23 , 23px * 2 - 8px );
  line-height: calc(1em / 23 * 30.8);
  letter-spacing: 0.05em;
  font-weight:bold; 
  filter: drop-shadow(0px 2px 6px rgba(0, 0, 0, 0.16));
  margin-bottom: min( 100vw / 750 * 64 , 64px);
}
main section.reason h3 .container{
  position:relative;
  padding: 24px 40px 24px 146px;

  padding-left: calc(100vw / 750 * 148);
  padding-top: calc(100vw / 750 * 24);
  padding-bottom: calc(100vw / 750 * 24);
  padding-right: calc(100vw / 750 * 40);

}
main section.reason h3 div.reason__number {
  background:url(../img/reason_number.svg) center center/100% 100% no-repeat;
  width: calc(100vw / 750 * 146);
  height: calc(100vw / 750 * 148);
  display:block;
  transform: translate( calc( 100vw / 750 * -16), calc( 100vw / 750 * -16) );
  position:absolute;
  left:0px;
  top:0px;
}
main section.reason h3 div.reason__number span.number__ttl {
  font-size: calc(100vw / 750 * 38);
  text-align:center;
  width:100%;
  font-weight:bold;
  color:#FFFF00;
  line-height:1;
  padding-top: calc(100vw / 750 * 16);
}
main section.reason h3 div.reason__number span.number__num {
  font-family: 'Roboto Condensed', sans-serif;
  font-weight:bold;
  color:#FFFF00;  
  text-align:center;
  width:100%;
  line-height:1;
  font-size: calc(100vw / 750 * 64);
}

@media not screen and (max-width:750px){
  main section.reason h3 .container{
    padding: 24px 40px 24px 146px;
  }
  main section.reason h3 div.reason__number {
    width: 146px;
    height: 148px;
    transform: translate( -16px, -16px );
  }
  main section.reason h3 div.reason__number span.number__ttl {
    font-size: 38px;
    padding-top: 16px;
  }
  main section.reason h3 div.reason__number span.number__num {
    font-size: 64px;
  }    
}


main section.reason div.container {
  max-width: min( 100vw - ( 100vw / 750 * 40) , 1240px );
}
main section.reason div.container h4 {
  text-align:center;
  font-size: min(100vw / 375 * 19 , 19px * 2 - 8px );
  line-height: calc(1em / 19 * 28);
  font-weight:bold;
  margin-top: min( 100vw / 750 * 80 , 80px);
}
main section.reason div.container h4:after{
  content:"";
  width: min( 100vw / 750 * 154 , 154px);
  height: min( 100vw / 750 * 8 , 8px);
  background-color: var(--bac-accent);
  display:block;
  margin: min( 100vw / 750 * 32 , 32px) auto min( 100vw / 750 * 48 , 48px) auto;
}
main section.reason div.container div.reason__grid {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: min( 100vw / 750 * 80 , 80px);
}

@media screen and (max-width:834px){
  main section.reason div.container div.reason__grid {
    grid-template-columns: 1fr;    
  }
}

main section.reason div.container div.reason__grid figure {
  height:100%;
}
main section.reason div.container div.reason__grid figure img {
  box-shadow: min( 100vw / 750 * 12 , 12px) min( 100vw / 750 * 12 , 12px) 0px #ffe078;
  height:100%;
  max-height: min( 100vw / 750 * 320 , 320px);
  width:100%;
}
main section.reason div.container .reason__body {
  max-width: min( 100vw / 750 * 800 , 800px);
  margin: auto;
}
main section#reason1.reason1.reason div.container div.reason__grid p.reason__body strong {
}

/*============================
#reason2
============================*/
main section#reason2.reason2.reason {
}
main section#reason2.reason2.reason h3 {
}
main section#reason2.reason2.reason h3 div.reason__number {
}
main section#reason2.reason2.reason h3 div.reason__number span.number__ttl {
}
main section#reason2.reason2.reason h3 div.reason__number span.number__num {
}
main section#reason2.reason2.reason div.container {
}
main section#reason2.reason2.reason div.container h4 {
}
main section#reason2.reason2.reason div.container div.reason__body {
}
main section#reason2.reason2.reason div.container div.reason__body strong {
}

/*============================
#reason3
============================*/
main section#reason3.reason3.reason {
}
main section#reason3.reason3.reason h3 {
}
main section#reason3.reason3.reason h3 div.reason__number {
}
main section#reason3.reason3.reason h3 div.reason__number span.number__ttl {
}
main section#reason3.reason3.reason h3 div.reason__number span.number__num {
}
main section#reason3.reason3.reason div.container {
}
main section#reason3.reason3.reason div.container h4 {
}
main section#reason3.reason3.reason div.container div.reason__body {
}
main section#reason3.reason3.reason div.container div.reason__body strong {
}

/*============================
#reason4
============================*/
main section#reason4.reason4.reason {
}
main section#reason4.reason4.reason h3 {
}
main section#reason4.reason4.reason h3 div.reason__number {
}
main section#reason4.reason4.reason h3 div.reason__number span.number__ttl {
}
main section#reason4.reason4.reason h3 div.reason__number span.number__num {
}
main section#reason4.reason4.reason div.container {
}
main section#reason4.reason4.reason div.container h4 {
}
main section#reason4.reason4.reason div.container div.reason__grid {
}
main section#reason4.reason4.reason div.container div.reason__grid figure {
}
main section#reason4.reason4.reason div.container div.reason__grid figure img {
}
main section#reason4.reason4.reason div.container div.reason__grid p.reason__body {
}
main section#reason4.reason4.reason div.container div.reason__grid p.reason__body strong {
}

/*============================
#reason5
============================*/
main section#reason5.reason5.reason {
}
main section#reason5.reason5.reason h3 {
}
main section#reason5.reason5.reason h3 div.reason__number {
}
main section#reason5.reason5.reason h3 div.reason__number span.number__ttl {
}
main section#reason5.reason5.reason h3 div.reason__number span.number__num {
}
main section#reason5.reason5.reason div.container {
}
main section#reason5.reason5.reason div.container h4 {
}
main section#reason5.reason5.reason div.container div.reason__grid {
}
main section#reason5.reason5.reason div.container div.reason__grid figure {
}
main section#reason5.reason5.reason div.container div.reason__grid figure img {
}
main section#reason5.reason5.reason div.container div.reason__grid p.reason__body {
}
main section#reason5.reason5.reason div.container div.reason__grid p.reason__body strong {
}
main section#reason5.reason5.reason div.container h5 {
  font-weight: bold;
  text-align:center;
  color: var(--bac-accent);
  max-width: min( 100vw / 750 * 200 , 200px);
  border-bottom: min( 100vw / 750 * 4 , 4px) solid; 
  padding-bottom: min( 100vw / 750 * 8 , 8px);
  margin: auto;
  margin-top: min( 100vw / 750 * 48 , 48px);
  margin-bottom: min( 100vw / 750 * 32 , 32px);
}
main section#reason5.reason5.reason div.container .reason__body figure {
  margin: auto;
  max-width: 400px;
  margin: auto;
}
main section#reason5.reason5.reason div.container figure img {
  margin:auto;
}

/*============================
#reason6
============================*/
main section#reason6.reason6.reason {
}
main section#reason6.reason6.reason h3 {
}
main section#reason6.reason6.reason h3 div.reason__number {
}
main section#reason6.reason6.reason h3 div.reason__number span.number__ttl {
}
main section#reason6.reason6.reason h3 div.reason__number span.number__num {
}
main section#reason6.reason6.reason div.container {
}
main section#reason6.reason6.reason div.container h4 {
}
main section#reason6.reason6.reason div.container div.reason__grid {
  grid-template-columns: auto 1fr;
}
@media screen and (max-width:834px){
  main section#reason6.reason6.reason div.container div.reason__grid {
    grid-template-columns: 1fr;
  }    
}

main section#reason6.reason6.reason div.container div.reason__grid figure {
  max-width:  400px;
  margin: auto;
}
main section#reason6.reason6.reason div.container figure img {
  box-shadow: none;
  height:auto;
  max-height:none;
  margin: auto;
}
main section#reason6.reason6.reason div.container div.reason__grid p.reason__body {
}
main section#reason6.reason6.reason div.container div.reason__grid p.reason__body strong {
}

/*============================
#reason7
============================*/
main section#reason7.reason7.reason {
}
main section#reason7.reason7.reason h3 {
}
main section#reason7.reason7.reason h3 div.reason__number {
}
main section#reason7.reason7.reason h3 div.reason__number span.number__ttl {
}
main section#reason7.reason7.reason h3 div.reason__number span.number__num {
}
main section#reason7.reason7.reason div.container {
}
main section#reason7.reason7.reason div.container h4 {
}
main section#reason7.reason7.reason div.container div.reason__grid {
}
main section#reason7.reason7.reason div.container div.reason__grid figure {
}
main section#reason7.reason7.reason div.container div.reason__grid figure img {
}
main section#reason7.reason7.reason div.container div.reason__grid p.reason__body {
}
main section#reason7.reason7.reason div.container p.reason__body {
}
main section#reason7.reason7.reason div.container p.reason__body strong {
}
main ul.check {
  display: grid;
  gap: min( 100vw / 750 * 16 , 16px);
  grid-template-columns: 1fr 1fr;
  margin-top: min( 100vw / 750 * 40 , 40px);
  font-size: min(100vw / 375 * 12 , 14px);
  
}
main ul.check li{
  background: url(../img/icon_check.svg) left min( 100vw / 750 * 16 , 16px) top 50%/ min( 100vw / 750 * 28 , 28px) auto no-repeat;
  background-color: var(--bac-accent);
  color: #fff;
  text-align: center;
  font-weight:bold;
  padding: min( 100vw / 750 * 16 , 16px);

  
}


main section#reason7.reason7.reason div.container p {
}

/*============================
#reason8
============================*/
main section#reason8.reason8.reason {
}
main section#reason8.reason8.reason h3 {
}
main section#reason8.reason8.reason h3 div.reason__number {
}
main section#reason8.reason8.reason h3 div.reason__number span.number__ttl {
}
main section#reason8.reason8.reason h3 div.reason__number span.number__num {
}
main section#reason8.reason8.reason div.container {
}
main section#reason8.reason8.reason div.container h4 {
}
main section#reason8.reason8.reason div.container div.reason__grid {
}
main section#reason8.reason8.reason div.container div.reason__grid figure {
}
main section#reason8.reason8.reason div.container div.reason__grid figure img {
}
main section#reason8.reason8.reason div.container div.reason__grid p.reason__body {
}
main section#reason8.reason8.reason div.container div.reason__grid p.reason__body strong {
}
main section#reason8.reason8.reason div.container div.reason__grid ul {
  list-style: inside;
}
main section#reason8.reason8.reason div.container div.reason__grid ul li {
}
main section#reason8.reason8.reason div.container div.reason__grid p {
}

/*============================
#reason9
============================*/
main section#reason9.reason9.reason {
}
main section#reason9.reason9.reason h3 {
}
main section#reason9.reason9.reason h3 div.reason__number {
}
main section#reason9.reason9.reason h3 div.reason__number span.number__ttl {
}
main section#reason9.reason9.reason h3 div.reason__number span.number__num {
}
main section#reason9.reason9.reason div.container {
}
main section#reason9.reason9.reason div.container h4 {
}
main section#reason9.reason9.reason div.container div.reason__grid {
}
main section#reason9.reason9.reason div.container div.reason__grid figure {
}
main section#reason9.reason9.reason div.container div.reason__grid figure img {
}
main section#reason9.reason9.reason div.container div.reason__grid p.reason__body {
}
main section#reason9.reason9.reason div.container div.reason__grid p.reason__body strong {
}

/*============================
#reason10
============================*/
main section#reason10.reason10.reason {
}
main section#reason10.reason10.reason h3 {
}
main section#reason10.reason10.reason h3 div.reason__number {
}
main section#reason10.reason10.reason h3 div.reason__number span.number__ttl {
}
main section#reason10.reason10.reason h3 div.reason__number span.number__num {
}
main section#reason10.reason10.reason div.container {
}
main section#reason10.reason10.reason div.container h4 {
}
main section#reason10.reason10.reason div.container div.reason__grid {
}
main section#reason10.reason10.reason div.container div.reason__grid figure {

}
main section#reason10.reason10.reason div.container div.reason__grid figure img {

}
main section#reason10.reason10.reason div.container div.reason__grid p.reason__body {
}
main section#reason10.reason10.reason div.container div.reason__grid p.reason__body strong {
}

/*============================
#message
============================*/
main section#message.message {
  margin-top: min( 100vw / 750 * 48 , 48px);
}
main section#message.message div.container {
  background-color: #FFF8E2;
  padding: min( 100vw / 750 * 40 , 40px);
  border: min( 100vw / 750 * 8 , 8px) solid var(--bac-accent);
}
main section#message.message div.container .message__balloons {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: min( 100vw / 750 * 16 , 16px);
  margin-bottom: min( 100vw / 750 * 56 , 56px);
  max-width: min( 100vw / 750 * 800 , 800px);
  margin-right:auto;
  margin-left: auto;
}
@media screen and (max-width:834px){
  main section#message.message div.container .message__balloons {
    grid-template-columns: 1fr;
  } 
}
main section#message.message div.container p.message__balloon {
  background-color: var(--bac-accent);
  color: #ffffff;
  text-align:center;
  padding: min( 100vw / 750 * 16 , 16px);
  border-radius: min( 100vw / 750 * 16 , 16px);
  font-size: min(100vw / 375 * 19 , 19px * 2 - 17px );
  line-height: calc(1em / 19 * 21.8);
  font-weight:bold;
  display: grid;
  align-items: center;
  position:relative;    
}
@media screen and (max-width:834px){
  main section#message.message div.container p.message__balloon {
    margin-bottom: min( 100vw / 750 * 24 , 24px);
    margin-left: min( 100vw / 750 * 80 , 80px);
    margin-right:0;
  }    
  main section#message.message div.container p.message__balloon:nth-of-type(2n+1) {
    margin-right: min( 100vw / 750 * 80 , 80px);
    margin-left:0;
  }
}

main section#message.message div.container p.message__balloon:after{
  content:"";
  position:absolute;
  bottom:0px;
  left:50%;
  transform:translate(-50%, 100%);
  border-top: min( 100vw / 750 * 20 , 20px) solid var(--bac-accent);
  border-right: min( 100vw / 750 * 24 , 24px) solid transparent;
  border-left: min( 100vw / 750 * 24 , 24px) solid transparent;
}


main section#message.message div.container p.message__body {
  max-width: min( 100vw / 750 * 800 , 800px);
  margin: auto;
}
main section#message.message div.container p.message__body strong {
}

/*============================
#money-back
============================*/
main section#money-back.money-back {
  background:#B07C1F;
  margin-top: min( 100vw / 750 * 40 , 40px);
  padding-top: min( 100vw / 750 * 40 , 40px);
  padding-bottom: min( 100vw / 750 * 40 , 40px);
}
main section#money-back.money-back div.container {
  background:#fff;
  position:relative;
  padding: min( 100vw / 750 * 56 , 56px) min( 100vw / 750 * 32 , 32px);
}
main section#money-back.money-back div.container:before{
  content:"";
  position:absolute;
  left:0px;
  top:0px;
  border-top:min( 100vw / 750 * 34 , 34px) solid #B07C1F;
  border-left:min( 100vw / 750 * 34 , 34px) solid #B07C1F;
  border-right:min( 100vw / 750 * 34 , 34px) solid transparent;
  border-bottom:min( 100vw / 750 * 34 , 34px) solid transparent;
  z-index: 1;  
  display: block;
}
main section#money-back.money-back div.container:after{
  content:"";
  position:absolute;
  left:auto;
  right:0px;
  top:auto;
  bottom: 0px;
  border-bottom:min( 100vw / 750 * 34 , 34px) solid #B07C1F;
  border-right:min( 100vw / 750 * 34 , 34px) solid #B07C1F;
  border-left:min( 100vw / 750 * 34 , 34px) solid transparent;
  border-top:min( 100vw / 750 * 34 , 34px) solid transparent;
  z-index: 1;  
  display: block;
}
main section#money-back.money-back div.container h2 {
  background:transparent;
  color: #B07C1F;
  font-size: min(100vw / 375 * 24 , 24px * 2 - 8px );
  
}
main section#money-back.money-back div.container .money-back__body {
  max-width: min( 100vw / 750 * 800 , 800px);
  margin:auto;
}
main section#money-back.money-back div.container .money-back__body strong {
}
main section#money-back.money-back div.container .money-back__body a {
  color:#0011FF;
  text-decoration: underline;
}

/*============================
#closing
============================*/
main section#closing.closing {
  background:#FFE078;
  padding-bottom: min( 100vw / 750 * 48 , 48px);
}
main section#closing.closing figure {
  height: min( 100vw / 750 * 418 , 418px);
}
main section#closing.closing figure img {
  height:100%;
  width:100%;
}
main section#closing.closing div.container {
  background-color: #fff;
  padding: min( 100vw / 750 * 80 , 80px);
  border-radius: min( 100vw / 750 * 16 , 16px);
  margin-top: max( 100vw / 750 * -92 , -92px);
  z-index:1;
  position:relative;
  margin-bottom: min( 100vw / 750 * 34 , 34px);
}
main section#closing.closing div.container p.closing__body {
}
main section#closing.closing div.container ul.check {
}
@media screen and (max-width:834px){
  main section#closing.closing div.container ul.check {
    grid-template-columns: 1fr;
  }    
}
main section#closing.closing div.container ul.check li {
  background-color:#444444;
  text-align:left;
  padding: min( 100vw / 750 * 16 , 16px) min( 100vw / 750 * 16 , 16px) min( 100vw / 750 * 16 , 16px) min( 100vw / 750 * 54 , 54px);
}
main section#closing.closing div.closing__cta {
}
main section#closing.closing div.closing__cta h3 {
  text-align:center;
  font-size: min(100vw / 375 * 18 , 18px * 2 - 8px );
  margin-bottom: min( 100vw / 750 * 26 , 26px);
  font-weight:bold;
}
main section#closing.closing div.closing__cta a {
  max-width: min( 100vw / 750 * 800 , 800px);
  display:block;
  margin:auto;
  margin-bottom: min( 100vw / 750 * 24 , 24px);
  max-width: min( 100vw - ( 100vw / 750 * 40) , 1080px );
}
main section#closing.closing div.closing__cta a figure {
  height: auto;

}
main section#closing.closing div.closing__cta a figure img {
  object-fit: contain;
}
main section#closing.closing div.closing__cta p {
  text-align:center;
  font-weight:bold;
  font-size: min(100vw / 375 * 16 , 16px * 2 - 8px );
  line-height: calc(1em / 16 * 24);
  
}

/*============================
#covid
============================*/
main section#covid.covid {
  font-size: min(100vw / 375 * 16 , 16px * 2 - 8px );
  line-height: calc(1em / 16 * 28.8);
  text-align:center;
  color:#FF5599;
  font-weight:bold;
  margin-top: min( 100vw / 750 * 40 , 40px);
  margin-bottom: min( 100vw / 750 * 40 , 40px);
  
}
main section#covid.covid div.container {
  border:min( 100vw / 750 * 6 , 6px) solid ;
  border-radius: min( 100vw / 750 * 16 , 16px);
  padding: min( 100vw / 750 * 40 , 40px);
}
main section#covid.covid div.container figure {
  margin-bottom: min( 100vw / 750 * 24 , 24px);
}
main section#covid.covid div.container figure img {
  margin: auto;
  width: min( 100vw / 750 * 100 , 100px);
}
main section#covid.covid div.container p.covid__body {
}

/*============================
#online
============================*/
main section#online.online {
  margin-bottom: min( 100vw / 750 * 48 , 48px);
}
main section#online.online div.container {
}
main section#online.online div.container a {
}
main section#online.online div.container a figure.pc {
}
main section#online.online div.container a figure.pc img {
  margin: auto;
}
main section#online.online div.container a figure.sp {
}
main section#online.online div.container a figure.sp img {
}
main div {
}

/*============================
#notes
============================*/
main section#notes.notes {
  font-size: min(100vw / 375 * 12 , 12px * 2 - 8px );
  line-height: calc(1em / 12 * 18);
  
}
main section#notes.notes div.container {
}
main section#notes.notes div.container p.notes__body {
}
footer {
  text-align: center;
  background-color: var(--bac-main);
  padding: min( 100vw / 750 * 40 , 40px);
  margin-top: min( 100vw / 750 * 48 , 48px);
}
footer figure.footer__logo {
  max-width: min( 100vw / 750 * 300 , 300px);
  margin: auto;;
}
footer figure.footer__logo img {
}
footer div.footer__copy {
  color: #fff;
  margin-top: min( 100vw / 750 * 24 , 24px);
  
}

/*============================
#floating
============================*/
section#floating.floating {
  position: sticky;
  width:100%;
  bottom:0px;
  left:0px;
  backdrop-filter: blur(12px);
  background:rgba(255,255,255,0.5);
  z-index:1000;
  height: min( 100vw / 750 * 122 , 122px);
  padding-top: min( 100vw / 750 * 24 , 24px);
  padding-bottom: min( 100vw / 750 * 24 , 24px);
}
section#floating.floating div.container {
  display: grid;
  gap: min( 100vw / 750 * 24 , 24px);
  align-items: center;
  grid-template-columns: 1fr 1fr;
}
section#floating.floating div.container figure.floating__tel {
}
section#floating.floating div.container figure.floating__tel img {
}
section#floating.floating div.container a.floating__button {
  height:100%;
}
section#floating.floating div.container a.floating__button figure {
  height:100%;
}
section#floating.floating div.container a.floating__button figure img {
  height:100%;
  width:auto;
  margin: 0 0 0 auto;
  object-fit: contain;
}

/*---------------------------------------------------------
無料受験相談で雰囲気を感じ取ってください！
---------------------------------------------------------*/
.conference-area{
    width: 90%;
    margin: 0 auto;
    padding: 5vh 0;
}
.conference-box{
width: 48%;
}
.conference-ttl{
border-top: 3px solid #007DBB;
    border-bottom: 3px solid #007DBB;
    padding: 2vh 0;
    font-size: clamp(18px, 3vw, 30px);
    text-align: center;
    font-weight: 700;
    color: #007DBB;
}

@media screen and (max-width: 640px) {
/* 640pxまでの幅の場合に適応される */
.conference-area {
    width: 90%;
    margin: 0 auto;
}

.conference-box {
    width: 100%;
}
}
.footer-bottom-fixed{
    display: none !important;
}