html {
  font-size: 62.5%;
  margin: 0;
  padding: 0;
}

body {
  font-family: "Helvetica Neue", Helvetica, Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", "Yu Gothic", Meiryo, sans-serif;
  color: #000;
  margin: 0;
  padding: 0;
  font-size: 1.4rem;
  -webkit-font-feature-settings: 'palt';
          font-feature-settings: 'palt';
}

@media screen and (min-width: 751px) {
  .pc {display: block;}
  .sp {display: none;}
}
@media screen and (max-width: 750px) {
  .sp {display: block;}
  .pc {display: none;}
}

.shadow {
  filter: drop-shadow(0px 50px 30px rgba(0, 0, 0, .2));
}

@media screen and (max-width: 750px) {
  .shadow {
    filter: none;
  }
}

.wrapper {
  background: #fff;
  max-width: 750px;
  margin: 0 auto;
}

h1 {
  margin: 0;
  padding: 0;
}

p {
  margin: 0;
  padding: 0;
}

img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
  display: block;
  margin: 0;
  padding: 0;
}

.btnBlock {
  position: relative;
}

.btnBlock__btn1 {
  position: absolute;
  bottom: 3%;
  left: 5%;
  width: 90%;
}

.btnBlock__btn2 {
  position: absolute;
  bottom: 4%;
  left: 5%;
  width: 90%;
}

.annotationBlock {
  font-size: 1.2rem;
  line-height: 1.5;
  text-align: justify;
}

.annotationBlock__txt1 {
  padding: 0 5% 7%;
  margin: 0;
  background-position: left bottom, left top;
  background-size: 100% auto, 100% auto;
  background-repeat: no-repeat, repeat-y;
}

.annotationBlock__txt2 {
  padding: 0 5% 7%;
  margin: 0;
  background-position: left bottom, left top;
  background-size: 100% auto, 100% auto;
  background-repeat: no-repeat, repeat-y;
}

.annotationBlock a {
  color: #000;
}

.check {
  position: relative;
}

.check__inputWeight {
  position: absolute;
  top: 42%;
  left: 36%;
  width: 25%;
  height: 6%;
  padding: 1%;
  font-size: 2rem;
  text-align: right;
  border-radius: 6px;
  border: 2px solid #282728;
  background-color: #ffffff;
  line-height: 1
}

.check__inputHeight {
  position: absolute;
  top: 55.5%;
  left: 36%;
  width: 25%;
  height: 6%;
  padding: 1%;
  font-size: 2rem;
  text-align: right;
  border-radius: 6px;
  border: 2px solid #282728;
  background-color: #ffffff;
  line-height: 1
}

.check__result {
  position: absolute;
  top: 86.5%;
  left: 50.5%;
  width: 25%;
  height: 6%;
  padding: 1%;
  font-size: 2rem;
  text-align: right;
  border-radius: 6px;
  border: 2px solid #ff5e5e;
  background-color: #ffffff;
  line-height: 1
}

.check__result span {
  font-size: 1.2rem;
}

.check__btn {
  position: absolute;
  top: 70%;
  left: 20%;
  width: 60%;
}

.footer {
  margin-top: 3rem;
  padding: 0 3%;
}

.footer__block {
  margin-bottom: 0;
}

.footer__block div {
  display: none;
}

.footer h4 {
  font-size: 1.6rem;
  font-weight: bold;
  color: #006c20;
  border-bottom: 1px #ccc solid;
  padding: 0 0 1rem;
  margin:0;
  cursor: pointer;
}

.footer h4 > a {
  color: #006c20;
}

.footer h5 {
  color: #006c20;
  font-size: 1.4rem;
  font-weight: bold;
  margin: 0 0 1.5rem;
}

.footer dl {
  font-size: 1.3rem;
  margin: 0;
}

.footer dt {
  color: #006c20;
  font-weight: bold;
}

.footer dd {
  margin: 0 0 1.5rem;
}

.footer p {
  font-size: 1.3rem;
  margin: 0 0 3px;
  line-height: 1.25;
}

.footer p a {
  text-decoration: none;
  color: #006c20;
}

.footer .textUrl {
  word-break: break-all;
}

.footer .copyright {
  font-size: 1.1rem;
  margin-top: 3rem;
  text-align: center;
}

@media screen and (min-width: 751px) {
  .annotationBlock {
    font-size: 1.4rem;
  }
  .check {
    position: relative;
  }
  .check__inputWeight {
    position: absolute;
    height: 55px;
    padding: 4px 8px;
    font-size: 4rem;
  }
  .check__inputHeight {
    position: absolute;
    height: 55px;
    padding: 4px 8px;
    font-size: 4rem;
  }
  .check__result {
    position: absolute;
    height: 55px;
    padding: 4px 8px;
    font-size: 4rem;
    line-height: 55px;
  }
  .check__result span {
    font-size: 1.8rem;
  }
}

/* フローティング */
.float-block {
	display: none;
	max-width: 750px;
	position: fixed;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 998;
	margin: auto;
}
.float-block.is-hidden {
  transition: .4s ease-out;
  visibility: hidden;
  opacity: 0;
}
.float-block.is-hidden a {
  pointer-events: none;
}

.float-inner {
  width: 100%;
	max-width: 750px;
	margin: 0 auto;
}

.float-close {
  display: block;
  position: relative;
  z-index: 999;
  top: min(calc(30 / 750 * 100vw), 30px);
  right: min(calc(6 / 750 * 100vw), 6px);
  width: min(calc(34 / 750 * 100vw), 34px);
  height:  min(calc(34 / 750 * 100vw), 34px);
  margin: 0 0 0 auto;
  border: min(.266666666666667vw, 2px) solid #3b3b3b;
  border-radius: 50%;
  background: #fff;
  cursor: pointer
}
.float-close::before, .float-close::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: min(calc(3 / 750 * 100vw), 3px);
  height:  min(calc(25 / 750 * 100vw), 25px);
  background: #3b3b3b;
}
.float-close::before {
  transform: translate(-50%,-50%) rotate(45deg);
}
.float-close::after {
  transform: translate(-50%,-50%) rotate(-45deg);
}

.tabs { 
  width: 100%;
  margin: 0 auto;
  position: relative;
}

.slidebtn1 { 
  display: flex;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.slidebtn2 { 
  display: flex;
  position: absolute;
  bottom: .5%;
  left: 0;
  right: 0;
}

.slide01-btn01,
.slide01-btn02 { 
  cursor: pointer;
  width: calc(92% / 2);
  display: block;
  transition: all 0.2s ease;
  height: 14vw;
}
.slide01-btn01 a,
.slide01-btn02 a{
  display: block;
  width: 100%;
  height: 100%;
}
.tab_content {
  display: none;
  clear: both;
  overflow: hidden;
}

.tab_content.slide01_01 {
  display: block;
}
.tab_content .slideArea {
  padding:0 3%;
}

@media screen and (max-width: 649px) {
.tabs .slick-dots li {
  width: auto;
  }
.tabs .slick-dots li button{
  width: 5vw;
  }
.tabs .slick-dots li button:before {
  font-size: 14vw;
  top: -10px;
  }
}
@media screen and (min-width: 650px) {
.slide01-btn01,
.slide01-btn02 {
  height: 110px;
  }
}
.info_inner,
.note_inner {
    width: 94%;
    margin: 0 auto;
    padding: 40px 0 0;
}
  
.info_inner .info_box {
  width: 92%;
  margin: 0 auto
}

.info_inner dl dt {
    font-weight: bold;
    color: #00a3e1;
}
.info_inner dl dd {margin: 0 0 10px;}

.info_ttl_a,
.info_ttl_b {
    font-size: 1.8rem;
    font-weight: bold;
    color: #fff;
    background: #006c20;
    padding: 1% 2%;
    margin-bottom: 2%;
}

.info_ttl_c {
    font-size: 1.8rem;
    font-weight: bold;
    color: #006c20;
    margin-bottom: 1%;
}

.info_ttl_d {
  font-weight: bold;
    font-size: 1.4rem;
    color: #006c20;
  margin-bottom: 5px;
}

._mb_10 {margin-bottom: 10px;}
._mb_20 {margin-bottom: 20px;}
._mb_30 {margin-bottom: 30px;}
._mb_40 {margin-bottom: 40px;}

@media screen and (max-width: 750px) {
  .info_ttl_a,
  .info_ttl_b,
  .info_ttl_c {
    font-size: 1.4rem;
  }
  
  .info_ttl_d {
  }
}

.info_inner .info_box {
  width: 92%;
  margin: 0 auto;
}

.info_inner .info_box p {
  line-height: 1.5;
}

@media screen and (max-width: 750px) {
  .info_inner .info_box {
    width: 92%;
    margin: 0 auto
  }
}
/* ========================================
Fotter
======================================== */
.footer {
  margin-top: 2em;
  padding: 0 3%;
}

.footer h4 {
  font-size: 1.1em;
  font-weight: bold;
  border-bottom: 1px #c5c5c5 solid;
  padding: 1em;
}

.footer .footer__block:first-child > h4 {
  border-top: 1px #c5c5c5 solid;
}

.footer .text-url {
  word-break: break-all;
}

.footer .copyright {
  font-size: .8em;
  margin-top: 2em;
  text-align: center;
}

.footer__block {

}

.footer__block div {
  display: none;
}

.footer__block span {
  color: #f00;
}
.pnk {
  color: #f88a97;
}
.sec02_note {
  padding: 2% 5%;
}
.sec01_note {
  position: relative;
}
.sec01_note .list-note {
  padding: 0 5% 2% 5%;
  position: absolute;
  top: 0;
}

.footer h4 {
  position: relative;
}

.footer h4 a {
  text-decoration: none;
  display: block;
}

.footer h4.expandable::after {
    content: "";
    display: block;
    position: absolute;
    right: 15px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -6px;
    border-top: 3px solid #CCC;
    border-right: 3px solid #CCC;
    -moz-transform: rotate(-225deg);
    -webkit-transform: rotate(-225deg);
    transform: rotate(-225deg);
    -moz-transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}

.footer h4.expandable.open::after {
    -moz-transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
}

.footer h4.arrow::after {
  content: "";
  display: block;
  position: absolute;
  right: 17px;
  top: 50%;
  width: 6px;
  height: 6px;
  margin-top: -6px;
  border-top: 3px solid #CCC;
  border-right: 3px solid #CCC;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -moz-transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.footer h4.expandable + div {
  padding: 1em;
}

._mb_10 {margin-bottom: 10px;}
._mb_20 {margin-bottom: 20px;}
._mb_30 {margin-bottom: 30px;}
._mb_40 {margin-bottom: 40px;}


.cart_text_box_wrap {
  position: relative;
}


.cart_text_box {
  position: absolute;
  width: 750px;
  margin: 0 auto;
  top: 0;
  right: 0;
  left: 0; 
}

@media screen and (max-width: 750px) {
  .cart_text_box {
   width: 100%;
  }
  
}

.cart_text_box .list-note {
  line-height: 1.5;
}

.cart_text_box .list-note  {
  padding: 4% 6%;
}

.cart_text_box .list-note >ul {
  padding: 0;
  margin: 0;
}

.cart_text_box .list-note >ul>li {
  display: flex;
  text-align: left;
  font-size: 1.35rem;
  font-weight: 400;
  color: #333;
}

@media screen and (max-width: 750px) {
  .cart_text_box .list-note >ul>li {
   font-size: 1rem;
  }
  
}

.cart_text_box .list-note >ul>li:first-child {
  margin-top: 0;
}

.cart_text_box .list-note >ul>li>.mark {
  margin: 0 .4% 0 0;
  white-space: nowrap;
}

.cart_text_box .list-note >ul>li a {
  text-decoration: none;
  color: #333;
}

.text_box_wrap {
  position: relative;
}


.text_box {
  position: absolute;
  width: 750px;
  margin: 0 auto;
  top: 0;
  right: 0;
  left: 0; 
}

@media screen and (max-width: 750px) {
  .text_box {
   width: 100%;
  }
  
}

.text_box .list-note {
  line-height: 1.5;
}

.text_box .list-note  {
  padding: 2% 10% 4% 19%;
  line-height: 1.6;
}

.text_box .list-note >ul {
  padding: 0;
  margin: 0;
}

.text_box .list-note >ul>li {
  display: flex;
  text-align: left;
  font-size: 1.5rem;
  font-weight: 400;
  color: #333;
}

@media screen and (max-width: 750px) {
  .text_box .list-note >ul>li {
   font-size: 1rem;
  }
  
}

.text_box .list-note >ul>li:first-child {
  margin-top: 0;
}

.text_box .list-note >ul>li>.mark {
  margin: 0 .4% 0 0;
  white-space: nowrap;
}

.text_box .list-note >ul>li a {
  text-decoration: underline;
  color: #007dd9;
}