@charset "utf-8";
/* CSS Document */

/*******************

LP style

********************/
html , body {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}

/* content
--------------------------------------------------*/
#lpbox , #lpfooter {
  font-size: 14px;
  font-size: 3.7333vw;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Mayryo','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
  color:#303030;
  line-height:1.5em;
}
@media screen and (min-width:750px){
  #lpbox , #lpfooter {
    font-size: 28px;
    max-width: 750px;
    margin: 0 auto;
  }
}
#lpbox a , #lpfooter a{
  color: inherit;
  text-decoration: none;
  font-size: inherit;
  font-weight: inherit;
}
#lpbox a:hover, #lpfooter a:hover{
  text-decoration: underline;
}
#lpbox span, #lpfooter span {
  font-size: inherit;
  font-weight: inherit;
}
#lpbox img ,
#lpfooter img {
  width: 100%;
  height: auto;
  display: block;
  margin-left: auto;
  margin-right: auto;
  vertical-align: bottom;
}
#lpbox img.img-t ,
#lpfooter img.img-t {
  vertical-align: top;
}
/* cart css reset */

#lpbox header ,
#lpbox h1 ,
#lpbox h2 ,
#lpbox h3 ,
#lpbox p ,
#lpbox dl ,
#lpbox dt ,
#lpbox dd ,
#lpbox div ,
#lpbox section ,
#lpbox span {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter footer ,
#lpfooter div,
#lpfooter p {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
}
#lpfooter ul,
#lpfooter li {
  border: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  background: none;
  box-sizing: border-box;
  padding: 0;
  margin: 0 auto;
  list-style: none;
}
/*---------------------------*/
#lpbox .cta__box {
  margin: 0 auto;
  position: relative;
  width: 100%;
}
#lpbox .cta__btn {
  box-sizing: border-box;
  padding: 0 calc((750 - 668) / 750 * 100% * 0.5);
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
#lpbox .cta__btn--l {
  padding: 0 calc((750 - 728) / 750 * 100% * 0.5);
}

#lpbox .cta__btn--l.first {
	top: 19% !important;
}

@media screen and (max-width:750px){
	#lpbox .cta__btn--l.first {
		top: 18% !important;
	}
}

#lpbox .cta__btn a {
  display: block;
  opacity: 1;
  transition: all .5s ease;
}
#lpbox .cta__btn a:hover {
  opacity: 0.7;
}
#lpbox .cta__attbox {
  position: relative;
}
#lpbox .cta__attbox a {
  text-decoration: underline;
  text-underline-offset: 0.3em;
	color: #000;
}

#lpbox .cta__attbox__in {
  position: absolute;
  bottom: 3%;
  color: #000;
  display: block;
  font-size: clamp(19px,calc(22 / 750 * 100vw),18px);
  padding: 0 5%;
}

#lpbox .cta__attbox__in a{
  word-break: keep-all;
}

@media screen and (max-width: 768px) {
  #lpbox .cta__attbox__in {
     bottom: 2.8%;
    font-size: clamp(8px,calc(19 / 750 * 100vw),22px);
  }
}

#lpbox .check__list {
  background: url(../img/webp/check_bg.webp) repeat top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  position: relative;
  display: block;
  box-sizing: border-box;
  padding: calc( 20 / 750 * 100% * 0.5) calc((750 - 610 ) / 750 * 100% * 0.5);
}
#lpbox .check__item {
  display: block;
  cursor: pointer;
  display: block;
  box-sizing: border-box;
  padding: calc( 20 / 610 * 100% * 0.5) 0;
}
#lpbox .check__item input {
  display: none;
}
#lpbox .check__item input + span {
  position: relative;
  display: block;
}
#lpbox .check__item input + span:before {
  content: "";
  display: block;
  position: absolute;
  top: 0.1em;
  left: 0.3em;
  width: 1.1em;
  height: 1.1em;
  background: url(../img/webp/chk_ic.webp) no-repeat 50% 50%;
  -webkit-background-size: contain;
  background-size: contain;
  opacity: 0;
  transform: translate3d(0,-.3em,0);
  transition: all .5s ease;
}
#lpbox .check__item input:checked + span:before {
  content: "";
  opacity: 1;
  transform: translate3d(0,0,0);
}
#lpbox .check__result {
  position: relative;
  z-index: 3;
  margin: -3.6em auto 0;
}
#lpbox .check__resultbtn {
  display: block;
  position: relative;
  z-index: 3;
  width: calc(660 / 750 * 100%);
  cursor: pointer;
}
#lpbox .check__resultbox {
  display: block;
  position: relative;
  padding: calc(50 / 750 * 100%) calc(20 / 750 * 100%);
}

#lpbox .check__resultbox--01,
#lpbox .check__resultbox--02 {
  display: none;
  position: relative;
}
#lpbox .check__resultbox--01.check__resultbox--active,
#lpbox .check__resultbox--02.check__resultbox--active {
  display: block;
}

#lpbox .slider__area {
  position: relative;
  display: block;
  margin: 0 auto;
}
#lpbox .slider__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}
#lpbox .slider__item {
  display: block;
  box-sizing: border-box;
  widows: 100%;
  padding: 0 calc(20 / 750 * 100%);
}
#lpbox .slider__box .owl-prev {
  position: absolute;
  top: 50%;
  left: 0;
  background: url(../img/webp/nav_l.webp) no-repeat top left;
  -webkit-background-size: contain;
  background-size: contain;
  width: 1.2em;
  height: 2.4em;
  overflow: hidden;
  text-indent: -999px;
}
#lpbox .slider__box .owl-next {
  position: absolute;
  top: 50%;
  right: 0;
  background: url(../img/webp/nav_r.webp) no-repeat top right;
  -webkit-background-size: contain;
  background-size: contain;
  width: 1.2em;
  height: 2.4em;
  overflow: hidden;
  text-indent: -999px;
}

#lpbox .qa {
  background-color: #0d279c;
  box-sizing: border-box;
  padding-bottom: calc(80 / 750 * 100%);
}
#lpbox .qa__item {
  padding-bottom: calc(20 / 750 * 100%);
}
#lpbox .qa--q {
  position: relative;
  cursor: pointer;
}

#lpbox .qa--q:before {
  content: "";
  width: 1.2em;
  height: 2px;
  background: #0d279c;
  position: absolute;
  top: 50%;
  right: 8%;
  transition: all .5s ease;
  transform: rotate(0deg);
}

#lpbox .qa--q:after {
  content: "";
  width: 1.2em;
  height: 2px;
  background: #0d279c;
  position: absolute;
  top: 50%;
  right: 8%;
  transition: all .5s ease;
  transform: rotate(90deg);
}
#lpbox .qa--q.qa--open:before {
  content: "";
  transform: rotate(90deg);
  opacity: 0;
}

#lpbox .qa--q.qa--open:after {
  content: "";
  transform: rotate(180deg);
}

#lpbox .cta__onecoin {
  margin: calc(80 / 750 * 100%) auto;
}

#lpbox .cta__onecoinatt {
  display: block;
  box-sizing: border-box;
  padding: calc(40 / 750 * 100%);
  font-size: clamp(11px,calc(22 / 750 * 100vw),22px);
  line-height: calc(36 / 22 * 1em);
  letter-spacing: -0.02em;
  font-feature-settings: 'palt' 1;
  color: #0d279c;
}
#lpbox .font--b {
  font-weight: bold;
}
#lpbox .cta__onecoinatt  a {
  text-decoration: underline;
  text-underline-offset: 0.3em;
}

#lpbox .product__box {
  box-sizing: border-box;
  display: block;
  padding: calc(10 / 750 * 100%) calc(30 / 750 * 100%);
  color: #006124;
}
#lpbox .product--01 {
  background:#fcf4ec url(../img/webp/product_01_02.webp) no-repeat top left ;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
#lpbox .product--02 {
  background:#3b82ac url(../img/webp/product_02_02.webp) no-repeat top left ;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #fff;
}

#lpbox .product__text {
  text-align: center;
  font-size: clamp(13px,calc(26 / 750 * 100vw),26px);
  margin-bottom: 1em;
}



#lpbox .product__dl {
  display: block;
  margin: 0 auto;
}
#lpbox .product__dl dt {
  font-size: clamp(13px,calc(26 / 750 * 100vw),26px);
  text-align: center;
  background: #006124;
  color: #fff;
  box-sizing: border-box;
  padding: .6em .5em .4em;
}
#lpbox .product--02 .product__dl dt {
  background-color: #092086;
}
#lpbox .product__dl dd {
  text-align: center;
  box-sizing: border-box;
  font-size: clamp(12px,calc(24 / 750 * 100vw),22px);
  padding: 1em .5em 2em;
}
#lpbox .product__dl dd p {
  text-align: left;
  
}
#lpbox .product__dl dd p + p {
  margin-top: 1em;
}

#lpbox .product__acdbtn {
  display: block;
  margin: 0% auto 8%;
  position: relative;
  cursor: pointer;
}

#lpbox .product__acdbtn:before {
  content: "";
  width: 1.2em;
  height: 2px;
  background: #0d279c;
  position: absolute;
  top: 50%;
  right: 8%;
  transition: all .5s ease;
  transform: rotate(0deg);
}

#lpbox .product__acdbtn:after {
  content: "";
  width: 1.2em;
  height: 2px;
  background: #0d279c;
  position: absolute;
  top: 50%;
  right: 8%;
  transition: all .5s ease;
  transform: rotate(90deg);
}
#lpbox .product--open:before {
  content: "";
  transform: rotate(90deg);
  opacity: 0;
}

#lpbox .product--open:after {
  content: "";
  transform: rotate(180deg);
}


/*-------------------------------------------
footer
-----------------------------------------------*/
#lpfooter {
  display: block;
  margin: 0 auto;
}


/*-------------------------------------------
 footer
-----------------------------------------------*/
#lpfooter {
  display: block;
  margin: 0 auto;
}
#lpfooter .footer-info {
  box-sizing: border-box;
  margin: 0 auto;
  padding: 8% 2.6% 4%;
  width: 100%;
}
#lpfooter .footer-info dt {
  background-color: #092086;
  position: relative;
  color: #fff;
  padding: 0;
  margin: 0 auto;
}
#lpfooter .footer-info dt .footer-ic{
  display: block;
  z-index: 1;
}
#lpfooter .footer-info dt span {
  box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  font-size: 1.06em;
  font-weight: bold;
  line-height: 1em;
  padding: .2em .2em .2em 11.5%;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  width: 100%;
  z-index: 2;
}
#lpfooter .footer-info dd {
  box-sizing: border-box;
  color: #092086;
  font-size: .9em;
  padding: 1em 1em 2em;
  margin: 0 auto;
  width: 100%;  
  border: 1px solid;
  white-space: inherit;
  word-break: break-all;
}
#lpfooter .footer-info-btn {
  position: relative;
  margin: 2% -2% 0;
  text-align: center;
  display: block;
}
#lpfooter .footer-info-btn span {
  display: block;
  font-weight: bold;
  font-size: .9em;
  line-height: 1.5em;
  margin: .3em auto 0;
}
#lpfooter .text-red {
  color: #f96214;
}
#lpfooter .footer-info-stitle {
  display: block;
  background-color: #a0a;
  margin: 1.5em auto 0;
  text-align: center;
}
#lpfooter .footer-info-stitle span {
  font-weight: bold;
  font-size: 1.1em;
  display: block;
  min-width: 4em;
  background: #daffff;
  padding: .3em;
}
#lpfooter .footer-info-stitle span.internet {
  margin-bottom: .5em;
  min-width: 8em;
  background-color: #c7fbc2;
}
#lpfooter  a.text-uline {
  text-decoration: underline;
  letter-spacing: -0.02em;
}
#lpfooter .footer-link {
  text-align: center;
  margin-top: 1em;
  margin-bottom: 2em;
}
#lpfooter .footer-link li{
  font-size: 1em;
  margin-bottom: 1em;
}
#lpfooter .footer-link-obi {
  text-align: left;
  border-top: 1px solid #d9d9d9;
}
#lpfooter .footer-link-obi li {
  margin-bottom: 0;
}
#lpfooter .footer-link-obi li a{
  display: block;
  box-sizing: border-box;
  width: 100%;
  padding: 1.1em .9em;
  position: relative;
  line-height: 1em;
  border-bottom: 1px solid #d9d9d9;
}
#lpfooter .footer-link-obi li a:after {
  content: "＞";
  font-weight: bold;
  color: #183a57;
  position: absolute;
  top: 50%;
  right: .5rem;
  margin-top: -.5em;
  -webkit-transform: scaleX(.7);
  -ms-transform: scaleX(.7);
  -o-transform: scaleX(.7);
  transform: scaleX(.7);
}
#copy {
  text-align: center;
  font-size: .75em;
  color: #fff;
  background-color: #aaa;
  box-sizing: border-box;
  padding: .5em;
}

#lpfooter #logo {
  width: 28%;
  display: block;
  margin: 3em auto 2em;
}
#lpfooter #copy {
  text-align: center;
  font-size: .75em;
  color: #505050;
  box-sizing: border-box;
  padding: .5em;
}