@charset "UTF-8";
/* -------- -------- --------
          estimation
-------- -------- -------- */
.estm-pg{
  position:relative;
  width:96%;
  max-width:1440px;
  margin:0 auto;
  text-align:center;
  text-align:-webkit-center;
  border-bottom:1px solid var(--whiteColor);
  border-radius:4px;
  background-color:rgba(24,32,40,1);
  display:block;
}
.estm-pg .btn-wrap{
  border-bottom:1px solid var(--whiteColor);
  height:8vh;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;

  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;

  -webkit-box-pack:justify;
  -ms-flex-pack:justify;
  justify-content:space-between;
}
.estm-pg .btn-wrap h2{
  color:var(--whiteColor);
  font-size:calc(14px + 8*var(--calcWidth));
  font-weight:900;
  margin:0 auto;
}
.estm-pg .btn-wrap button{
  color:var(--whiteColor);
  font-size:1rem;
  width:calc(80px + 30*var(--calcWidth));
  height:calc(40px + 30*var(--calcWidth));
  margin:0 .5vw;
  -webkit-transition:all 256ms 0s ease;
          transition:all 256ms 0s ease;
}
.estm-pg .btn-wrap button:active{
  color:rgba(13,255,127,1);
}
.estm-pg form.est-nice-gaisan{
  position:relative;
  border-bottom:2px solid var(--whiteColor);
  height:calc(272px + 1440*var(--calcWidth));
  max-height:400px;
}
.estm-pg .pg-exp{
  position:absolute;
  top:32%;
  right:0;
  left:0;
  width:88%;
  height:8vh;
  margin:auto;
  color:var(--whiteColor);
  font-size:calc(12px + 6*var(--calcWidth));
  font-weight:400;
}
.pg-exp span{
  font-size:calc(10.5px + 3.5*var(--calcWidth));
  font-weight:400;
}
.btn-circle{
  font-size:1rem;
  position:absolute;
  right:0;
  bottom:8%;
  left:0;
  margin:auto;
  width:calc(80px + 60*var(--calcWidth));
  height:calc(80px + 60*var(--calcWidth));
  border-radius:50%;
  border:2px solid var(--whiteColor);
  background-color:var(--mainColor);
  -webkit-transition:.24s;
          transition:.24s;
}
.btn-circle:hover{
  -webkit-transform:rotate(180deg);
  transform:rotate(180deg);
}
.btn-circle:active{
 -webkit-transform:rotate(360deg);
  transform:rotate(360deg);
}
.estm-pg form.est-total-amount{
  color:var(--whiteColor);
  position:relative;
  height:12vh;

  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;

  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;

  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.estm-pg form.est-total-amount span{
 color:rgba(86,86,86,1);
 font-size:16px;
 font-weight:700;
 width:32%;
 min-width:106px;
 height:100%;
 max-height:48px;
 background-color:#fff;

 display:-webkit-box;
 display:-ms-flexbox;
 display:flex;

 -ms-flex-wrap:nowrap;
 flex-wrap:nowrap;

 -webkit-flex-flow:column;
  -ms-flex-flow:column;
  flex-flow:column;

 -webkit-box-align:center;
 -ms-flex-align:center;
 align-items:center;

 -webkit-box-pack:center;
 -ms-flex-pack:center;
 justify-content:center;
}
.estm-pg form.est-total-amount span.ex-tax{
 font-size:10.5px;
 width:100%;
 height:16px;
 margin:0 auto;
 padding:2px;
}
.estm-pg form.est-total-amount input{
 font-size:24px;
 width:48%;
 min-width:128px;
 height:100%;
 max-height:48px;
 margin:8px;
 padding:2px 8px;
 border:none;
 text-align:right;
}
p.est-notice{
  font-size:.8rem;
  width:96%;
  max-width:1440px;
  text-align:right;
  margin:0 auto 16vw auto;
}
.estm-pg label{
  font-size:calc(12px + 6*var(--calcWidth));
  font-weight:700;
  color:var(--mainColor);
}
.estm-question{
  margin:4% auto 2% auto;
}

.estm-pg ul{
  width:96%;
  height:calc(192px + 1440*var(--calcWidth));
  max-height:320px;
  list-style:none;
  margin:auto;
  padding:0;

  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -ms-flex-wrap:wrap;
  flex-wrap:wrap;

  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;

  -webkit-box-pack:center;
  -ms-flex-pack:center;
  justify-content:center;
}
.estm-pg ul li{
  border:1px solid rgba(86,86,86,1);
  border-radius:8px;
  font-size:12px;
  color:#AAAAAA;
  display:block;
  position:relative;
  width:48%;
  height:calc(44px + 44*var(--calcWidth));
  margin:calc(16px + 16*var(--calcWidth)) auto calc(8px + 8*var(--calcWidth)) auto;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;
}
.estm-pg ul li input[type=radio]{
  width:8px;
  margin:0;
  visibility:hidden;
}
.estm-pg ul li label{
  font-weight:700;
  font-size:calc(10px + 6*(100vw - 320px)/1220);
  color:var(--whiteColor);
  position:relative;
  width:100%;
  height:100%;
  display:block;
  overflow:hidden;
  z-index:9;
  cursor:pointer;
  -webkit-transition:all .25s linear;
         transition:all .25s linear;
  display:-webkit-box;
  display:-ms-flexbox;
  display:flex;

  -ms-flex-wrap:nowrap;
  flex-wrap:nowrap;

  -webkit-box-align:center;
  -ms-flex-align:center;
  align-items:center;

  -webkit-box-pack:start;
  -ms-flex-pack:start;
  justify-content:flex-start;
}
.estm-pg ul.pg-exp-down li{
 width:auto;
}
.estm-pg ul.pg-exp-down li label{
  height:auto;
  font-size:12px;
  line-height:2.4em;
}
.estm-pg ul li:active label{
  color:rgba(13,255,127,1);
}
.estm-pg ul li .check{
  display:block;
  position:relative;
  border:3.2px solid #AAAAAA;
  border-radius:50%;
  height:24px;
  width:24px;
  margin:0 8px 0 0;
  z-index:5;
  -webkit-transition:border .25s linear;
          transition:border .25s linear;
}
.estm-pg ul li:active .check{
  border:5.6px solid rgba(13,255,127,1);
}
.estm-pg ul li .check::before{
  display:block;
  position:absolute;
  content:'';
  border-radius:50%;
  height:12px;
  width:12px;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin:auto;
  -webkit-transition:background .25s linear;
          transition:background .25s linear;
}
.estm-pg input[type=radio]:checked ~ label .check{
  border:5.6px solid rgba(13,255,127,1);
}
.estm-pg input[type=radio]:checked ~ label .check::before{
  background:rgba(13,255,127,1);
}
.estm-pg input[type=radio]:checked ~ label{
  color:rgba(13,255,127,1);
}
.estm-display-none{
 display:none!important;
}
.disabled-color{
  color:rgba(24,32,40,1)!important;
}
@media screen and (min-width:600px){
  /* -------- -------- --------
         estimation - 600
  -------- -------- -------- */
  .estm-pg{
    width:calc(560px + 280*var(--calcTabletWidth));
  }
  .estm-question{
    margin:calc(24px + 16*var(--calcTabletWidth)) auto calc(32px + 8*var(--calcTabletWidth)) auto;
  }
  .estm-pg ul{
    height:calc(256px + 64*var(--calcTabletWidth));
  }
  .estm-pg ul li{
    height:calc(56px + 16*var(--calcTabletWidth));
  }
  .estm-pg .pg-exp{
    font-size:calc(16px + 4*var(--calcTabletWidth));
  }
  .estm-pg .btn-wrap{
    height:calc(56px + 16*var(--calcTabletWidth));
  }
  .estm-pg .btn-wrap h2{
    font-size:calc(18px + 6*var(--calcTabletWidth));
  }
  .estm-pg form.est-nice-gaisan{
    height:calc(460px + 128*var(--calcTabletWidth));
    max-height:none;
  }
  .estm-pg .btn-wrap button{
    font-size:1.2rem;
    height:calc(36px + 1*var(--calcTabletWidth));
  }
  .estm-pg label,
  .estm-pg label span{
    font-size:calc(16px + 4*var(--calcTabletWidth));
  }
  .btn-circle{
    font-size:calc(16px + 4*var(--calcTabletWidth));
    width:calc(100px + 32*var(--calcTabletWidth));
    height:calc(100px + 32*var(--calcTabletWidth));
  }
  .estm-pg form.est-total-amount{
    height:calc(72px + 24*var(--calcTabletWidth));
  }
  .estm-pg form.est-total-amount span{
    font-size:calc(16px + 10*var(--calcTabletWidth));
    height:calc(64px + 16*var(--calcTabletWidth));
    max-height:none;
  }
  .estm-pg form.est-total-amount input{
    font-size:calc(30px + 15*var(--calcTabletWidth));
    height:calc(64px + 16*var(--calcTabletWidth));
    max-height:none;
  }
  .estm-pg form.est-total-amount span.ex-tax{
    font-size:calc(12.5px + 5*var(--calcTabletWidth));
  }
  p.est-notice{
    width:calc(560px + 152*var(--calcTabletWidth));
  }
}
@media screen and (min-width:1025px){
  /* -------- -------- --------
        estimation - 1025
  -------- -------- -------- */
  .estm-pg{
    width:64%;
    max-width:1440px;
  }
  .estm-question{
    margin:calc(30px + 30*var(--calcPCWidth)) auto calc(36px + 36*var(--calcPCWidth)) auto;
  }
  p.est-notice{
    width:64%;
  }
  .estm-pg .pg-exp{
    font-size:calc(12.5px + 16*var(--calcPCWidth));
  }
  .estm-pg form.est-nice-gaisan{
    min-height:516px;
    height:64vh;
  }
  .estm-pg .btn-wrap h2{
    font-size:calc(20px + 20*var(--calcPCWidth));
  }
  .estm-pg label,
  .estm-pg label span{
    font-size:calc(12.5px + 16*var(--calcPCWidth));
  }
  .btn-circle{
    font-size:calc(16px + 16*var(--calcPCWidth));
    width:calc(128px + 64*var(--calcPCWidth));
    height:calc(128px + 64*var(--calcPCWidth));
  }
  .estm-pg .btn-wrap button{
    font-size:1rem;
  }
  .estm-pg form.est-total-amount span{
    font-size:calc(24px + 6*var(--calcPCWidth));
  }
  .estm-pg form.est-total-amount span.ex-tax{
    font-size:calc(12.5px + 7.5*var(--calcPCWidth));
  }
  .estm-pg form.est-total-amount input{
    font-size:calc(32px + 32*var(--calcPCWidth));
  }
}