@charset "UTF-8";
html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  font-size: 62.5%;
}

body {
  width: 100%;
}

#main-container img,
#main-container video {
  width: 100%;
}

.fade {
  -webkit-transition-duration: 1s;
          transition-duration: 1s;
  opacity: 0;
  -webkit-transform: translateY(5rem);
          transform: translateY(5rem);
}

.fade.onView {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}

@media screen and (max-device-width: 767px) {
  #breadcrumb .cateList {
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

/* ===============================
              button
=============================== */

/* ===================
       for all
=================== */
.main-container {
  width: 100%;
  margin: 2rem auto 0;
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic", "メイリオ", sans-serif;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
  font-size: 1.5rem;
  line-height: 2;
  text-align: center;
  color: #666666;
  letter-spacing: 0.25em;
  overflow: hidden;
  background-size: 100%;
}

#mainLP_Contents {
  /* background-image: url(../img/page_pc.jpg); */
	background-repeat: no-repeat;
	background-size: 140rem; 
	background-position-x: center; 
	background-position-y: 1.4rem;
  overflow: hidden;
}

/* #wrapper {
  width: 140rem;
  margin: 0 auto;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
} */

.main-container h3 {
  font-family: dnp-shuei-mincho-pr6,sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  color: #1a1a1a;
}

.main-container .flex {
  display: flex;
}

/*  main visual  */
.lp-mv__ttl {
  width: 140rem;
  margin: 0 auto 11.2rem;
}
.lp-mv__profile {
  margin: 0 auto 14.8rem;
  text-align: center;
}
.lp-mv__profile .img {
  width: 18rem;
  margin: auto;
}
.lp-mv__profile .txt {
  margin-bottom: 1.6rem;
}
.lp-mv__profile .txt h3 {
  font-size: 1.6rem;
  letter-spacing: 0.05em;
  color: #F6A554;
  padding-bottom: 0.7rem;
}

.lp-mv__profile .txt p {
  font-size: 1.3rem;
  letter-spacing: 0.025em;
}
/*  main visual  */

/*  color style  */
.question01{
  margin-bottom: 3rem;
  position: relative;
  display: inline-block;
}
.question01 p{
  font-family: dnp-shuei-mincho-pr6,sans-serif;
  font-size: 2.4rem;
  letter-spacing: 0.05em;
  margin-left: 2rem;
  color: #1a1a1a;
  font-weight: 500;
}
.question01::before{
  content: "";
  position: absolute;
  width: 10.6rem;
  height: 5.9rem;
  background-image: url("../img/pc_you.svg");
  background-repeat: no-repeat;
  background-size: initial;
  left: -2rem;
  top: -6.2rem;
}

.btn_all{
  width: 76rem;
  justify-content: space-between;
  margin: 0 auto 10.7rem;
}
.btn_all .btn{
  width: 24.1rem;
}
.btn_all a{
  display: inline-block;
}
.btn_all .btn a:nth-child(1){
  margin-bottom: 1.9rem;
}

.lp-about__ttl {
  text-align: center;
  position: relative;
  display: inline-block;
}
.lp-about__ttl::before{
  content: "";
  position: absolute;
  width: 43.8rem;
  height: 4rem;
  background-image: url(../img/title_line01.png);
  background-repeat: no-repeat;
  background-size: 100%;
  right: -4rem;
  top: 2.4rem;
}

.lp-about__txt {
  font-size: 1.3rem;
  letter-spacing: 0.025em;
  margin: 5rem 0 5.4rem;
}
.lp-about__txt span {
  display: inline-block;
  margin: 1.5rem auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}
.worries_txt{
  width: 24rem;
  margin: 0 auto 2.4rem;
}
.worries_img{
  width: 42rem;
  margin: 0 auto 2.2rem;
}
.lp-about__txt02{
  margin-bottom: 5.3rem;
  font-size: 1.3rem;
  letter-spacing: 0.025em;
}
.type6-ttl{
  width: 23.2rem;
  margin: 0 auto 2.3rem;
}
.arrow{
  width: 2rem;
  margin: 0 auto 2.7rem;
}

.type6_all{
  margin-bottom: 14.4rem;
}
.type6{
  justify-content: center;
}
.straight, .wave{
  width: 30rem;
}
.wave{
  margin-left: 6rem;
  margin-right: 6rem;
}
.natural{
  width: 30.2rem;
}
.straight-txt{
  width: 16.6rem;
  margin:  0 auto 0.7rem;
}
.wave-txt{
  width: 13.2rem;
  margin:  0.3rem auto 0.5rem;
}
.natural-txt{
  width: 16.2rem;
  margin:  0 auto 0.7rem;
}
.straight-img, .wave-img,.natural-img{
  margin-top: 1.3rem;
}
 .flex.type6 p{
   letter-spacing: 0.025em;
 }
.type6 .flex li{
  font-size: 1.3rem;
  line-height: 2;
  letter-spacing: 0.025em;
}
.straight ul, .wave ul, .natural ul{
  margin-top: 1.5rem;
}
.straight ul li:nth-child(1){
  margin-left: 0.3rem;
  margin-right: 4.6rem;
}
.wave ul li:nth-child(1){
  margin-left: 1.5rem;
  margin-right: 5.2rem;
}
.natural ul li:nth-child(1){
  margin-left: 1rem;
  margin-right: 5.2rem;
}
/*  color style  */


/*  check  */
.lp-check__ttl .ttl {
  position: relative;
  padding-right: 1.8rem;
  letter-spacing: 0.056em;
  display: inline-block;
}
.lp-check__ttl .ttl::before {
  content: "";
  position: absolute;
  width: 10.7rem;
  height: 5.9rem;
  background-image: url("../img/check_txt.svg");
  background-repeat: no-repeat;
  background-size: initial;
  right: -2.2rem;
  top: -6.7rem;
}
.lp-check__ttl .icon {
  width: 2rem;
  margin: 2rem auto 1.7rem;
}

.lp-check__ttl .txt {
  font-size: 1.6rem;
  font-weight: bold;
  color: #F6A554;
  letter-spacing: 0.05em;
}

.question{
  margin: 0 auto 3.7rem;
}
.question._01{
  width: 37.8rem;
}
.question._02{
  width: 21.7rem;
}
.question._03{
  width: 39.5rem;
}
.question._04{
  width: 21rem;
  padding-top: 0.1rem;
}
.question._05{
  width: 42.4rem;
}
.question._06{
  width: 24rem;
}
.question._07{
  width: 45.3rem;
  padding-top: 0.1rem;
}
.question._08{
  width: 50.2rem;
}
.question._09{
  width: 38.2rem;
}
.question._10{
  width: 29.7rem;
  padding-top: 0.1rem;
}

.lp-check__test {
  width: 58rem;
  margin: 5.9rem auto 0;
}
.lp-check__test._02{
  margin: 5.4rem auto 0;
}

.lp-check__test li {
  margin: 0 auto 5.15rem;
}

.lp-check__test li .list {
  text-align: left;
  margin-top: -1.5rem;
}
.lp-check__test li .list._01 {
  padding-left: 15.3rem;
}
.lp-check__test li .list._02 {
  padding-left: 16.3rem;
}
.lp-check__test li .list._03 {
  padding-left: 15.3rem;
}
.lp-check__test li .list._04 {
  padding-left: 24.3rem;
}
.lp-check__test li .list._05 {
  padding-left: 19.9rem;
}
.lp-check__test li .list._06 {
  padding-left: 16.3rem;
}
.lp-check__test li .list._07 {
  padding-left: 20.4rem;
}
.lp-check__test li .list._08 {
  padding-left: 22.4rem;
}
.lp-check__test li .list._09{
  padding-left: 24.8rem;
}
.lp-check__test li .list._10{
  padding-left: 27.1rem;
}

.color_question{
  width: 31.35rem;
  margin: 8rem auto 0;
}

.lp-check__test li .list input[type=radio] {
  display: none;
}

.lp-check__test li .list input[type=radio] + label {
  position: relative;
  font-size: 1.5rem;
  letter-spacing: 0.025em;
  line-height: 2.8;
}

.lp-check__test li .list input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.25rem;
  left: -3.8rem;
  width: 2.2rem;
  height: 2.2rem;
  border: 0.1rem solid #808080;
}

.lp-check__test li .list input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.4rem;
  left: -3.3rem;
  width: 2.2rem;
  height: 1.8rem;
  background: url(../img/yes_icon.png) no-repeat;
  background-size: 100%;
}

.lp-check .shindan-btn input[type=button] {
  display: block;
  width: 60.9rem;
  height: 6.5rem;
  border: none;
  background: url(../img/foot_btn.svg) no-repeat;
  background-size: 100%;
  margin: 7.8rem auto 2rem;
}

.lp-check .message {
  display: none;
  text-align: center;
  font-size: 17px;
  line-height: 30px;
  color: #ea0000;
  padding-top: 20px;
}

.lp-check .message .type {
  font-size: 60px;
  color: #d01137;
}

.lp-check .message .close {
  bottom: 10px;
  position: absolute;
  left: calc(50% - 25px);
  width: 100px;
}

.lp-check .illust {
  font-family: "Crimson Text", serif;
  font-size: 1.5rem;
  margin: 4rem auto;
}

/* ===================
	　　 for PC
=================== */
@media screen and (min-device-width: 561px) {
  .sp_only {
    display: none;
  }
  #breadcrumb {
    width: 140rem;
    margin: 0 auto;
  }

  #footer .footer-FootNav__list .arrow {
    width: 0.8rem!important;
    margin: 0!important;
}
#breadcrumb.edit_lp .cateList {
  margin: 0 auto 30px 120px;
  color: #000;
}
}

/* ===================
	　　 for SP
=================== */
@media screen and (max-device-width: 767px) {
  .pc_only {
    display: none;
  }
  .main-area .main-inner {
    width: 100%;
  }
  .main-inner {
    /* background-image: url("../img/page_sp.jpg"); */
    background-repeat: no-repeat;
    background-size: calc(750* (100vw / 750));
    background-position-x: center;
    background-position-y: calc(-17* (100vw / 750));
    overflow: hidden;
    position: relative;
  }
 /*  .main-inner::before{
        position: absolute;
        content: "";
        background-image: url("/Page/style/220304/img/sp2.jpg");
        background-repeat: no-repeat;
        width: calc(750* (100vw / 750)); 
        height: calc(7500* (100vw / 750)) ;
        background-position-x: center; 
        top: calc(11313* (100vw / 750));
        overflow: hidden;
        background-size: contain;
        z-index: -1;
    } */
  .main-container {
    max-width: calc(750* (100vw / 750));
    margin: 0 auto;
    font-size: calc(28* (100vw / 750));
  }
  .main-container h3 {
    font-size: calc(44* (100vw / 750));
  }
  /*  main visual  */
  .lp-mv__ttl {
    width: 100%;
    height: auto;
    margin-bottom:  calc(130* (100vw / 750));
  }
  .lp-mv__profile {
    margin: 0 auto calc(178* (100vw / 750));
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: 100%;
  }
  .lp-mv__profile .img {
    width: calc(260* (100vw / 750));
  }
  .lp-mv__profile .txt {
    margin-bottom: calc(30* (100vw / 750));
  }
  .lp-mv__profile .txt h3 {
    font-size: calc(30* (100vw / 750));
    padding-bottom: calc(16* (100vw / 750));
  }
  .lp-mv__profile .txt p {
    font-size: calc(26* (100vw / 750));
  }
  /*  main visual  */

  /*  color style  */
  .question01 {
    margin-bottom: calc(40* (100vw / 750));
}
  .question01 p {
    font-size: calc(44* (100vw / 750));
    margin-left: calc(21* (100vw / 750));
}
.question01::before {
  width: calc(190* (100vw / 750));
  height:calc(106* (100vw / 750));
  background-image: url(../img/sp_you.svg);
  left: calc(-10* (100vw / 750));
  top: calc(-103* (100vw / 750));
}
.btn_all {
  width: 100%;
  margin: 0 auto  calc(108* (100vw / 750));
  flex-direction: column;
}
.btn_all .btn {
  width: calc(480* (100vw / 750));
  margin: auto;
}
.btn_all .btn a{
  margin-bottom: calc(28* (100vw / 750));
}
.btn_all .btn a:nth-child(1) {
  margin-bottom: calc(28* (100vw / 750));
}
  .lp-about__ttl {
    line-height: 1.7;
  }
  .lp-about__ttl::before {
    width: calc(461* (100vw / 750));
    height: calc(156* (100vw / 750));
    background-image: url(../img/sp_title_line01.png);
    right: calc(-63* (100vw / 750));
    top: calc(34* (100vw / 750));
}
.lp-about__txt {
  font-size: calc(26* (100vw / 750));
  margin: calc(87* (100vw / 750)) 0 calc(99* (100vw / 750));
}
.worries_txt {
  width: calc(417* (100vw / 750));
  margin: 0 auto calc(87* (100vw / 750));
}
.worries_img {
  width: calc(684* (100vw / 750));
  margin: 0 auto  calc(40* (100vw / 750));
  padding-left: calc(6* (100vw / 750));
}
.lp-about__txt02 {
  font-size: calc(26* (100vw / 750));
  margin-bottom: calc(101* (100vw / 750));
}
.type6-ttl {
  width: calc(406* (100vw / 750));
  margin: 0 auto calc(60* (100vw / 750));
}
.arrow {
  width: calc(40* (100vw / 750));
  margin: 0 auto calc(65* (100vw / 750));
}
.type6 {
  justify-content: center;
  flex-direction: column;
}
.straight, .wave {
  width: calc(670* (100vw / 750));
  margin: auto;
}
.wave{
  margin-bottom: calc(107* (100vw / 750));
}
.natural {
  width: calc(600* (100vw / 750));
  margin: auto;
}
.straight-txt {
  width: calc(331* (100vw / 750));
  margin: 0 auto 0.7rem;
}
.wave-txt {
  width: calc(265* (100vw / 750));
  margin: calc(4* (100vw / 750)) auto calc(12* (100vw / 750));
}
.natural-txt {
  width: calc(324* (100vw / 750));
  margin: 0 auto 0.7rem;
}
.straight-img, .wave-img {
  width: calc(600* (100vw / 750));
  margin: calc(16* (100vw / 750)) auto 0;
}
.natural-img {
  margin-top: calc(17* (100vw / 750));
}
.straight p, .wave p, .natural p{
  font-size: calc(30* (100vw / 750));
  letter-spacing: 0.025em;
  margin-top: calc(-10* (100vw / 750));
}
.type6 .flex li {
  font-size: calc(26* (100vw / 750));
  white-space: nowrap;
}
.straight{
  margin-bottom: calc(107* (100vw / 750));
}
.straight ul, .wave ul, .natural ul {
  margin-top: calc(23* (100vw / 750));
  justify-content: center;
}
.straight ul li:nth-child(1) {
  margin-left: calc(-6* (100vw / 750));
  margin-right: calc(91* (100vw / 750));
}
.wave ul li:nth-child(1) {
  margin-left: calc(23* (100vw / 750));
  margin-right: calc(105* (100vw / 750));
}
.natural ul li:nth-child(1) {
  margin-left: calc(8* (100vw / 750));
  margin-right: calc(100* (100vw / 750));
}

/*  check  */
.lp-check__ttl .ttl {
  padding-right: 0;
  letter-spacing: 0.056em;
  line-height: 1.7272;
}
.type6_all {
  margin-bottom: calc(178* (100vw / 750));
}
  .lp-check__ttl .icon {
    width: calc(42* (100vw / 750));
    margin: calc(35* (100vw / 750)) auto calc(44* (100vw / 750));
  }
  .lp-check__ttl .txt {
    font-size:calc(30* (100vw / 750));
}
.question._01 {
  width: calc(674* (100vw / 750));
  margin-bottom:  calc(32* (100vw / 750));
}
.question._02 {
  width: calc(381* (100vw / 750));
  margin-bottom:  calc(31* (100vw / 750));
}
.question._03 {
  width: calc(704* (100vw / 750));
  margin-bottom:  calc(31* (100vw / 750));
}
.question._04 {
  width: calc(381* (100vw / 750));
  padding-top: 0;
  margin-bottom:  calc(34* (100vw / 750));
}
.question._05 {
  width: calc(468* (100vw / 750));
  margin-bottom:  calc(64* (100vw / 750));
}
.question._06 {
  width: calc(423* (100vw / 750));
  margin-bottom:  calc(66* (100vw / 750));
}
.question._07 {
  width: calc(514* (100vw / 750));
  padding-top: 0;
}
.question._08 {
  width: calc(556* (100vw / 750));
  margin-bottom:  calc(66* (100vw / 750));
}
.question._09 {
  width: calc(680* (100vw / 750));
  margin-bottom:  calc(66* (100vw / 750));
}
.question._10 {
  width: calc(527* (100vw / 750));
  margin-bottom:  calc(65* (100vw / 750));
}
.color_question {
  width: calc(564* (100vw / 750));
  margin: calc(97* (100vw / 750)) auto 0;
}
.lp-check__test._02 {
  margin: calc(100* (100vw / 750)) auto 0;
}

  .lp-check__test {
    width: calc(750* (100vw / 750));
    margin: 0 auto;
  }
  .lp-check__test li {
    margin: 0 auto calc(80* (100vw / 750));
  }
  .lp-check__ttl{
    margin-bottom: calc(82* (100vw / 750));
  }
  .lp-check__test li .list {
    text-align: left;
    margin-top: calc(-32* (100vw / 750));
  }
  .lp-check__test li .list._01 {
    padding-left: calc(136* (100vw / 750));
    margin: 0 auto calc(83* (100vw / 750));
  }
  .lp-check__test li .list._02 {
    padding-left: calc(153* (100vw / 750));
    margin: 0 auto calc(110* (100vw / 750));
  }
  .lp-check__test li .list._03 {
    padding-left: calc(135* (100vw / 750));
    margin: 0 auto calc(80* (100vw / 750));
  }
  .lp-check__test li .list._04 {
    padding-left: calc(291* (100vw / 750));
    margin: 0 auto calc(81* (100vw / 750));
  }
  .lp-check__test li .list._05 {
    padding-left: calc(216* (100vw / 750));
  }
  .lp-check__test li .list._06 {
    padding-left: calc(153* (100vw / 750));
  }
  .lp-check__test li .list._07 {
    padding-left: calc(224* (100vw / 750));
  }
  .lp-check__test li .list._08 {
    padding-left: calc(258* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));
  }
  .lp-check__test li .list._09 {
    padding-left: calc(301* (100vw / 750));
    margin-bottom: calc(60* (100vw / 750));

  }
  .lp-check__test li .list._10 {
    padding-left: calc(340* (100vw / 750));
  }

  .lp-check__test li .list input[type=radio] + label {
    position: relative;
    font-size: calc(26* (100vw / 750));
    line-height: 2.7;
    letter-spacing: 0.025em;
  }
  .question {
    margin-bottom: calc(63* (100vw / 750));
}
  .lp-check__test li .list input[type=radio] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: calc(-4* (100vw / 750));
    left: calc(-61* (100vw / 750));
    width: calc(40* (100vw / 750));
    height: calc(40* (100vw / 750));
    border: calc(2* (100vw / 750)) solid #808080;
  }
  .lp-check__test li .list input[type=radio]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: calc(-5* (100vw / 750));
    left: calc(-53* (100vw / 750));
    width: calc(44* (100vw / 750));
    height: calc(36* (100vw / 750));
    background: url(../img/yes_icon.png) no-repeat;
    background-size: 100%;
  }
  .lp-check .shindan-btn input[type=button] {
    display: block;
    margin: auto;
    width: calc(594* (100vw / 750));
    height: calc(195* (100vw / 750));
    border: none;
    background: url(../img/sp_foot_btn.svg) no-repeat;
    background-size: 100%;
    margin-top: calc(94* (100vw / 750));
  }
  .lp-check__ttl .ttl::before {
    background: url(../img/sp_check_txt.svg) no-repeat;
    width: calc(190* (100vw / 750));
    height: calc(106* (100vw / 750));
    right: calc(-13* (100vw / 750));
    top: calc(-90* (100vw / 750));
}

  .lp-check .message {
    display: none;
    font-size: calc(22*(100vw/750));
    line-height: 2;
    padding-top: calc(20*(100vw/750));
    color: #ea0000;
    text-align: center;
  }
  .lp-check .message .type {
    font-size: calc(60*(100vw/750));
    color: #d01137;
  }
  .lp-check .message .close {
    bottom: calc(20*(100vw/750));
    position: absolute;
    left: calc(50% - 25px);
    width: calc(100*(100vw/750));
    text-align: center;
  }
  .lp-check .illust {
    font-family: "Crimson Text", serif;
    font-size: calc(28* (100vw / 750));
    margin: calc(60* (100vw / 750)) auto;
  }
  .btn_all a {
    display: block;
}
}



/* for Tablet */
@media screen and (min-width: 768px) and (max-width: 1400px) {
  /*=======================================
                    Tablet    
  ========================================*/
  /* ===================
	　　 General
=================== */
  html {
    font-size: calc(10* (100vw / 1400)) !important;
  }
  * {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}
/*# sourceMappingURL=style.css.map */