@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: 2s;
          transition-duration: 2s;
  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.01em;
  overflow: hidden;

  /* background-image: url("../../../../Page/style/211210/img/pc.jpg");
  background-size: 1200px;
  background-position: center;
  background-position-y: -5px;
  background-repeat: no-repeat; */


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

.lp-mv__ttl {
  width: 95.2rem;
  margin: 0 auto;
}
.lp-mv__profile {
  margin: 9.4rem auto 10.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 72rem;
  text-align: left;
}
.lp-mv__profile .img {
  width: 20rem;
}
.lp-mv__profile .txt {
  width: 49rem;
  letter-spacing: 0.03em;
}
.lp-mv__profile .txt h3 {
  font-size: 2.2rem;
  letter-spacing: 0.1em;
  color: #803a48;
  padding-bottom: 1.5rem;
}

.lp-about__ttl {
  width: 49.8rem;
  height: 6.8rem;
  line-height: 6.5rem;
  margin: 0 auto;
  background-size: 100%;
  background-image: url(../img/title_bg_01.png);
  background-repeat: no-repeat;
}
.lp-about__txt {
  text-align: center;
  margin: 5rem 0 5.4rem;
  letter-spacing: 0.025em;
}
.lp-about__txt span {
  display: inline-block;
  margin: 1.5rem auto;
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
}

.lp-test__ttl {
  font-size: 2.2rem !important;
}
.lp-test .icon {
  width: 2.2rem;
  margin: 1.8rem auto 2.6rem;
}
.lp-test__btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 74.7rem;
  margin: 0 auto 9.5rem;
}
.lp-test__btn .btn {
  width: 23.8rem;
}

.lp-check__ttl .ttl {
  width: 72.5rem;
  height: 8.83rem;
  margin: 0 auto;
  position: relative;
  letter-spacing: 0.11em;
}
.lp-check__ttl .ttl::before {
  position: absolute;
  content: "";
  background-image: url(../img/title_bg_02.png);
  background-size: 100%;
  width: 72.5rem;
  height: 8.83rem;
  top: -0.8rem;
  left: 2.2rem;
  margin: 0 auto;
}
.lp-check__ttl .icon {
  width: 2.2rem;
  margin: 2.2rem auto 1.7rem;
}
.lp-check__ttl .txt {
  font-size: 1.8rem;
  font-weight: bold;
  color: #000;
  letter-spacing: 0.05em;
}
.lp-check__test {
  width: 60.4rem;
  margin: 0 auto;
}
.lp-check__test li {
  margin: 4rem auto 0;
  letter-spacing: 0.03em;
}
.lp-check__test li .list {
  text-align: left;
  margin-top: -1.3rem;
}
.lp-check__test li .list._01 {
  padding-left: 14.1rem;
}
.lp-check__test li .list._02 {
  padding-left: 15.2rem;
}
.lp-check__test li .list._03 {
  padding-left: 14rem;
}
.lp-check__test li .list._04 {
  padding-left: 24.7rem;
}
.lp-check__test li .list._05 {
  padding-left: 19.4rem;
}
.lp-check__test li .list._06 {
  padding-left: 15.2rem;
}
.lp-check__test li .list._07 {
  padding-left: 20rem;
}
.lp-check__test li .list input[type=radio] {
  display: none;
}
.lp-check__test li .list input[type=radio] + label {
  position: relative;
  font-size: 1.8rem;
  line-height: 3.1;
}
.lp-check__test li .list input[type=radio] + label::before {
  content: "";
  display: block;
  position: absolute;
  top: -0.3rem;
  left: -5rem;
  width: 2.4rem;
  height: 2.4rem;
  border: 0.2rem solid #b5b5b6;
}
.lp-check__test li .list input[type=radio]:checked + label::after {
  content: "";
  display: block;
  position: absolute;
  top: -0.2rem;
  left: -4.3rem;
  width: 2.4rem;
  height: 2rem;
  background: url(../img/check.png) no-repeat;
  background-size: 100%;
}
.lp-check .shindan-btn input[type=button] {
  display: block;
  margin: auto;
  width: 60.9rem;
  height: 6.5rem;
  border: none;
  background: url(../img/btn.png) no-repeat;
  background-size: 100%;
  margin-top: 8.9rem;
}
.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: 4.2rem auto 4rem;
}

.main-container .flex{
  display: flex;
}
.color-type .flex{
  justify-content: center;
}
.question01{
  width: 53rem;
  margin: 0 auto 2.8rem;
}
.main-container  .arrow{
  width: 2rem;
  margin: 0 auto 2.4rem;
}
.btn{
  width: 25rem;
}
.btn_all{
  margin-bottom: 7.3rem;
}
.btn_all li img:nth-child(1){
  margin-bottom: 2rem;
}
.btn_all li:nth-child(2){
  margin-left: 2rem;
  margin-right: 2.2rem;
}
._01, ._02, ._03, ._04, ._05, ._06, ._07, ._08, ._09, ._10{
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 3.6rem;
}
._01 img{
  width: 45.8rem!important;
}
._02 img{
  width: 26.4rem!important;
}
._03 img{
  width: 47.8rem!important;
}
._04 img{
  width: 25.6rem!important;
}
._05 img{
  width: 51.3rem!important;
}
._06 img{
  width: 29.2rem!important;
}
._07 img{
  width: 54.7rem!important;
}
._08 img{
  width: 60.4rem!important;
}
._09 img{
  width: 46.1rem!important;
}
._10 img{
  width: 36rem!important;
}

.worries_txt{
  width: 27.9rem;
  margin: 0 auto 3.3rem;
}
.worries{
  width: 43.5rem;
  margin: 0 auto;
}
.lp-check__test li .list._08 {
  padding-left: 22.4rem;
}
.q8, .q9{
  margin-bottom: 4.2rem!important;
}
.lp-check__test li .list._09 {
  padding-left: 25.5rem;
}
.lp-check__test li .list._10 {
  padding-left: 28rem;
}
.lp-about__txt02 {
  text-align: center;
  margin: 3.7rem 0 14.3rem;
  letter-spacing: 0.025em;
}
.type6{
  width: 99rem;
  margin: 2.6rem auto 14.8rem;
}
.type6 p{
  margin-bottom: 1.7rem;
}
.type6-img{
  width: 30.8rem;
  margin: 0 auto 2.8rem;
}
.straight{
  width: 30.5rem;
  margin-right: 3.5rem;
}
.straight-txt{
  width: 19.2rem;
  margin: 0 auto;
}
.straight li:nth-child(1){
  margin-left: 2.4rem;
  margin-right: 7rem;
}
.straight li{
  letter-spacing: -0.04em;
  line-height: 1.8;
  margin-top: 1.1rem;
}
.wave{
  width: 30.1rem;
  margin-right: 2.6rem;
}
.wave-txt{
  width: 14.7rem;
  margin: 0.3rem auto;
}
.wave p{
  margin-top: 0.8rem;
}
.wave li:nth-child(1){
  margin-left: 1rem;
  margin-right: 6rem;
}
.wave li{
  letter-spacing: -0.04em;
  line-height: 1.75;
  margin-top: 1.3rem;
}
.natural{
  width: 30.8rem;
  margin-left: 1.3rem;
}
.natural-txt{
  width: 18.3rem;
  margin: 0 auto;
}
.natural p{
  margin-top: 0.8rem;
}
.natural li:nth-child(1){
  margin-left: 1.5rem;
  margin-right: 6rem;
}
.natural li{
  letter-spacing: -0.04em;
  line-height: 1.75;
  margin-top: 1.5rem;
}
.lp-check__ttl{
  margin-bottom: 5rem;
}
.color_question{
  width: 38.5rem;
  margin: 10.4rem auto 5.2rem;
}
.etc-btn img{
  width: 50rem;
}



/* ===================
	　　 for PC
=================== */
@media screen and (min-device-width: 561px) {
  .sp_only {
    display: none;
  }

  #breadcrumb {
    width: 120rem;
    margin: 0 auto;
  }
}
/* ===================
	　　 for SP
=================== */
@media screen and (max-device-width: 767px) {
  .pc_only {
    display: none;
  }

  .main-area .main-inner {
    width: 100%;
  }

  .main-container {
    max-width: calc(750* (100vw / 750));
    margin: 0 auto;
    font-size: calc(28* (100vw / 750));
    position: relative;


    /* background-image: url("../../../../Page/style/211210/img/sp1.jpg");
    background-size: calc(750* (100vw / 750));
    background-position-x: 0;
    background-position-y: -8px;
    background-repeat: no-repeat; */

    /* background-image: url("../../../../Page/style/211210/img/sp2.jpg");
    background-size: calc(750* (100vw / 750));
    background-position-x: 0;
    background-position-y: -8px;
    background-repeat: no-repeat; */

  }
  .main-container h3 {
    font-size: calc(44* (100vw / 750));
    letter-spacing: 0.05em;
    padding-top: calc(4* (100vw / 750));
  }

  .lp-mv__ttl {
    width: calc(720* (100vw / 750));
    height: auto;
  }
  .lp-mv__profile {
    margin: calc(95* (100vw / 750)) auto calc(151* (100vw / 750));
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    width: calc(750* (100vw / 750));
  }
  .lp-mv__profile .img {
    width: calc(380* (100vw / 750));
    margin: 0 auto;
  }
  .lp-mv__profile .txt {
    width: calc(630* (100vw / 750));
    margin-left: calc(60* (100vw / 750));
    text-align: justify;
  }
  .lp-mv__profile .txt h3 {
    font-size: calc(38* (100vw / 750));
    padding-bottom: calc(33* (100vw / 750));
    padding-top: calc(55* (100vw / 750));
  }

  .lp-about__ttl {
    width: calc(722* (100vw / 750));
    height: calc(188* (100vw / 750));
    line-height: calc(110* (100vw / 750));
    margin: 0 auto;
    background-size: 100%;
    background-image: url(../img/title_bg_01_sp.png);
    background-repeat: no-repeat;
  }
  .lp-about__txt {
    margin: calc(-6* (100vw / 750)) 0 calc(71* (100vw / 750));
  }

  .lp-test__ttl {
    font-size: calc(38* (100vw / 750)) !important;
  }
  .lp-test .icon {
    width: calc(37* (100vw / 750));
    margin: calc(36* (100vw / 750)) auto calc(60* (100vw / 750));
  }
  .lp-test__btn {
    display: block;
    width: calc(750* (100vw / 750));
    margin: 0 auto calc(166* (100vw / 750));
  }
  .lp-test__btn .btn {
    width: calc(403* (100vw / 750));
    margin: calc(44* (100vw / 750)) auto;
  }

  .lp-check__ttl .ttl {
    width: calc(722* (100vw / 750));
    height: calc(176* (100vw / 750));
    line-height: calc(120* (100vw / 750));
    margin: 0 auto;
    position: relative;
    letter-spacing: 0.1em;
  }
  .lp-check__ttl .ttl::before {
    position: absolute;
    content: "";
    background-image: url(../img/title_bg_02_sp.png);
    background-size: 100%;
    width: calc(722* (100vw / 750));
    height: calc(174* (100vw / 750));
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .lp-check__ttl .icon {
    width: calc(38* (100vw / 750));
    margin: calc(0* (100vw / 750)) auto calc(40* (100vw / 750));
  }
  .lp-check__ttl .txt {
    font-size: calc(34* (100vw / 750));
  }
  .lp-check__test {
    width: calc(750* (100vw / 750));
    margin: 0 auto;
  }
  .lp-check__test li {
    margin: calc(60* (100vw / 750)) auto calc(95* (100vw / 750));
  }
  .lp-check__test li .list {
    text-align: left;
  }
  .lp-check__test li .list._01 {
    padding-left: calc(85* (100vw / 750));
  }
  .lp-check__test li .list._02 {
    padding-left: calc(105* (100vw / 750));
  }
  .lp-check__test li .list._03 {
    padding-left: calc(84* (100vw / 750));
  }
  .lp-check__test li .list._04 {
    padding-left: calc(270* (100vw / 750));
  }
  .lp-check__test li .list._05 {
    padding-left: calc(180* (100vw / 750));
  }
  .lp-check__test li .list._06 {
    padding-left: calc(105* (100vw / 750));
  }
  .lp-check__test li .list._07 {
    padding-left: calc(190* (100vw / 750));
  }
  .lp-check__test li .list input[type=radio] + label {
    position: relative;
    font-size: calc(30* (100vw / 750));
    line-height: 2.55;
    letter-spacing: 0.05em;
  }
  .lp-check__test li .list input[type=radio] + label::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(-60* (100vw / 750));
    width: calc(40* (100vw / 750));
    height: calc(40* (100vw / 750));
    border: calc(2* (100vw / 750)) solid #b5b5b6;
  }
  .lp-check__test li .list input[type=radio]:checked + label::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: calc(-50* (100vw / 750));
    width: calc(38* (100vw / 750));
    height: calc(31* (100vw / 750));
    background: url(../img/check.png) no-repeat;
    background-size: 100%;
  }
  .lp-check .shindan-btn input[type=button] {
    display: block;
    margin: auto;
    width: calc(594* (100vw / 750));
    height: calc(175* (100vw / 750));
    border: none;
    background: url(../img/btn_sp.png) no-repeat;
    background-size: 100%;
    margin-top: calc(140* (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(65* (100vw / 750)) auto;
  }

  .main-container .flex{
    display: flex;
  }
  .color-type .flex{
   flex-direction: column;
  }
  .question01{
    width: calc(570* (100vw / 750));
    margin: 0  0 calc(60* (100vw / 750)) calc(99* (100vw / 750));
  }
  .main-container .arrow{
    width: calc(35* (100vw / 750));
    margin: 0 auto calc(52* (100vw / 750));
  }
  .btn{
    width: calc(480* (100vw / 750));
    margin-left: auto;
    margin-right: auto;
  }
  .btn_all{
    margin-bottom: calc(117* (100vw / 750));
  }
  .btn_all li img:nth-child(2){
    margin-bottom: calc(40* (100vw / 750));
  }
  .btn_all li:nth-child(2){
    margin-left: auto;
    margin-right: auto;
  }
  ._01, ._02, ._03, ._04, ._05, ._06, ._07, ._08, ._09, ._10{
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(80* (100vw / 750));
  }
  ._01 img{
    width: calc(454* (100vw / 750))!important;
  }
  ._02 img{
    width: calc(434* (100vw / 750))!important;
  }
  ._03 img{
    width: calc(576* (100vw / 750))!important;
  }
  ._04 img{
    width: calc(420* (100vw / 750))!important;
  }
  ._05 img{
    width: calc(538* (100vw / 750))!important;
  }
  ._06 img{
    width: calc(484* (100vw / 750))!important;
  }
  ._07 img{
    width: calc(590* (100vw / 750))!important;
  }
  ._08 img{
    width: calc(640* (100vw / 750))!important;
  }
  ._09 img{
    width: calc(510* (100vw / 750))!important;
  }
  ._10 img{
    width: calc(590* (100vw / 750))!important;
  }
  
  .worries_txt{
    width: calc(474* (100vw / 750));
    margin: 0 auto calc(57* (100vw / 750));
  }
  .worries{
    width: calc(680* (100vw / 750));
    margin: 0 auto;
  }
  .lp-check__test li .list._08 {
    padding-left: calc(230* (100vw / 750));
  }
  .q8, .q9{
    margin-bottom: calc(95* (100vw / 750))!important;
  }
  .lp-check__test li .list._09 {
    padding-left: calc(280* (100vw / 750));
  }
  .lp-check__test li .list._10 {
    padding-left: calc(327* (100vw / 750));
  }
  .lp-about__txt02 {
    text-align: center;
    margin: calc(70* (100vw / 750)) 0 calc(152* (100vw / 750));
    letter-spacing: 0.025em;
  }
  .type6{
    width: calc(590* (100vw / 750));
    margin: calc(-4* (100vw / 750)) auto calc(151* (100vw / 750));
  }
  .type6 p{
    font-size: calc(25* (100vw / 750));
    margin-bottom: calc(4* (100vw / 750));
  }
  .type6-img{
    width: calc(502* (100vw / 750));
    margin: 0 auto calc(60* (100vw / 750));
  }
  .type6_all .flex{
    width: calc(630* (100vw / 750));
    flex-wrap: wrap;
    justify-content: center;
  }
  .straight{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(85* (100vw / 750));
  }
  .straight-txt{
    width: calc(327* (100vw / 750));
    margin: 0 auto;
  }
  .straight-img{
    width: calc(590* (100vw / 750));
    margin: 0 auto;
  }
  .straight li:nth-child(1){
    margin-left: 0;
    margin-right: calc(30* (100vw / 750));
    width: calc(300* (100vw / 750));
  }
  .straight li:nth-child(2){
    width: calc(300* (100vw / 750));
  }
  .straight li{
    letter-spacing: -0.04em;
    line-height: 1.9;
    margin-top: calc(20* (100vw / 750));
    font-size: calc(24* (100vw / 750));
    letter-spacing: 0.025em;
  }
  .wave{
    width: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(80* (100vw / 750));
  }
  .wave-txt{
    width: calc(248* (100vw / 750));
    margin: calc(4* (100vw / 750)) calc(190* (100vw / 750)) 0;
  }
  .wave-img{
    width: calc(590* (100vw / 750));
    margin: 0 auto;
  }
  .wave p{
    margin-top: calc(13* (100vw / 750));
    margin-left: calc(30* (100vw / 750));
  }
  .wave li:nth-child(1){
    margin-left: 0;
    margin-right: calc(30* (100vw / 750));
    width: calc(300* (100vw / 750));
  }
  .wave li:nth-child(2){
    width: calc(300* (100vw / 750));
  }
  .wave li{
    line-height: 1.9;
    margin-top: calc(21* (100vw / 750));
    font-size: calc(24* (100vw / 750));
    letter-spacing: 0.025em;
  }
  .natural{
    width: auto;
    margin-left: auto;
  }
  .natural-txt{
    width: calc(315* (100vw / 750));
    margin: 0 calc(150* (100vw / 750)) 0;
  }
  .natural-img{
    width: calc(590* (100vw / 750));
    margin: 0 auto;
  }
  .natural p{
    margin-top: calc(13* (100vw / 750));
    margin-bottom: calc(6* (100vw / 750));
    margin-left: calc(18* (100vw / 750));
  }
  .natural li:nth-child(1){
    margin-left: 0;
    margin-right: calc(30* (100vw / 750));
    width: calc(300* (100vw / 750));
  }
  .natural li:nth-child(2){
    width: calc(300* (100vw / 750));
  }
  .natural li{
    line-height: 1.9;
    margin-top: calc(22* (100vw / 750));
    font-size: calc(24* (100vw / 750));
    letter-spacing: 0.025em;
  }
  .lp-check__ttl{
    margin-bottom: 0;
  }
  .color_question{
    width: calc(569.6* (100vw / 750));
    margin: calc(148* (100vw / 750))auto calc(108* (100vw / 750));
  }
}
/*# sourceMappingURL=style.css.map */