@charset "UTF-8";

/* COMMON SECTION */
@media only screen and (max-width: 767px) {
  .sp {
    display: inline-block;
  }
  .pc {
    display: none;
  }
}
@media only screen and (min-width: 768px) {
  .pc {
    display: inline-block;
  }
  .sp {
    display: none;
  }
}
.container {
  position: absolute;
  margin: 0;
  padding: 0;
  width: 100%;
  text-align: center;
  z-index: 0;
}
.main {
  position: relative;
  overflow: hidden;
}

/* HERO IMAGE */
.main .section-hero {
  position: relative;
  width: 100%;
  text-align: center;
}
.main .section-hero .hero-position {
  width: 100%;
}
.main .section-hero .hero-position .hero-image {
  width: 100%;
}

/* PRODUCT SECTION */
.main .section-product {
  position: relative;
  width: 100%;
  text-align: center;
  background: url("../img/product_bg_sp.png") no-repeat center 37vw/100%;
}
@media only screen and (min-width: 768px) {
  .main .section-product {
    background: url("../img/product_bg.png") no-repeat center 37vw/100%;
  }
}
.main .section-product .product-position {
  display: inline-block;
  width: 75%;
  margin: 15px 0;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-position {
    margin: 45px 0;
  }
}

/*
.main .section-product .product-position .product-bg {
  display: block;
  width: 62%;
  background-color: #333;
  padding: 4%;
  -webkit-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
}
*/

.main .section-product .product-position .product-image {
  width: 100%;
}
.main .section-product .cercle01-position {
  position: absolute;
  right: 39.5%;
  top: -2.5%;
  width: 4.5vw;
  height: 4.5vw;
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle01-position {
    right: 38%;
    top: -3%;
    width: 3.5vw;
    height: 3.5vw;
  }
}
.main .section-product .cercle02-position {
  position: absolute;
  right: 19%;
  top: -6%;
  width: 19vw;
  height: 19vw;
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle02-position {
    right: 20%;
    top: -6%;
    width: 16vw;
    height: 16vw;
  }
}
.main .section-product .cercle03-position {
  position: absolute;
  right: 10%;
  top: 1%;
  width: 10vw;
  height: 10vw;
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle03-position {
    width: 9vw;
    height: 9vw;
  }
}
.main .section-product .cercle04-position {
  position: absolute;
  right: 20%;
  top: 5%;
  width: 10vw;
  height: 10vw;
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle04-position {
    top: 6%;
    width: 9vw;
    height: 9vw;
  }
}
.main .section-product .cercle05-position {
  position: absolute;
  right: 8.5%;
  top: 9%;
  width: 4.5vw;
  height: 4.5vw;
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle05-position {
    right: 9%;
    top: 11%;
    width: 3.5vw;
    height: 3.5vw;
  }
}
.main .section-product .cercle06-position {
  position: absolute;
  right: -2%;
  top: 11.5%;
  width: 9vw;
  height: 9vw;
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle06-position {
    right: -2%;
    top: 14%;
    width: 9vw;
    height: 9vw;
  }
}
.main .section-product .cercle {
  width: 100%;
  height: 100%;
  border-radius: 50%;
  background-color: #FCF196;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .15);
}
@media only screen and (min-width: 768px) {
  .main .section-product .cercle {
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15);
  }
}
.main .section-product .product-question {
  display: inline-block;
  width: 85%;
  margin: 30px 0 40px;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-question {
    margin: 60px 0 80px;
  }
}
.main .section-product .product-question .balloon {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 25px 0;
  width: 100%;
  background: #FFF;
  border-radius: 15px;
  box-shadow: 0 3px 3px 0 rgba(0, 0, 0, .15);
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-question .balloon {
    padding: 50px 0;
    border-radius: 30px;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .15);
  }
}
.main .section-product .product-question .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -20px;
  border: 20px solid transparent;
  border-top: 40px solid #FFF;
  filter: drop-shadow(0px 3px 2px rgba(0, 0, 0, .15));
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-question .balloon:before {
    margin-left: -40px;
    border: 40px solid transparent;
    border-top: 80px solid #FFF;
    filter: drop-shadow(0px 5px 3px rgba(0, 0, 0, .15));
  }
}
.main .section-product .product-question .balloon p {
  margin: 0;
  padding: 0;
  font-size: 3.8vw;
  font-weight: 700;
  line-height: 1.6;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-question .balloon p {
    font-size: 3.4vw;
  }
}
.main .section-product .product-answer {
  display: inline-block;
  width: 85%;
  margin: 30px 0;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-answer {
    margin: 60px 0;
  }
}
.main .section-product .product-answer p {
  margin: 0;
  padding: 0;
  font-size: 2.6vw;
  font-weight: 700;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.6;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-answer p {
    font-size: 2.4vw;
  }
}
.main .section-product .nmn-bg {
  position: relative;
  display: inline-block;
  width: 95%;
  margin: 15px 0 0;
  text-align: left;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main .section-product .nmn-bg {
    margin: 30px 0 0;
  }
}
.main .section-product .nmn-bg .nmn-image {
  width: 65%;
}
@media only screen and (min-width: 768px) {
  .main .section-product .nmn-bg .nmn-image {
    width: 50%;
  }
}
.main .section-product .product-nmn {
  display: inline-block;
  width: 85%;
  margin-top: -20px;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-nmn {
    margin-top: -40px;
  }
}
.main .section-product .product-nmn .nmn-title {
  position: relative;
  width: 80%;
  padding: 6px 0;
  background: #2C83EB;
  z-index: 1;
}
.main .section-product .product-nmn .nmn-title p {
  margin: 0;
  padding: 0;
  font-size: 3.8vw;
  font-weight: 700;
  line-height: 1.6;
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-nmn .nmn-title p {
    font-size: 3.4vw;
  }
}
.main .section-product .product-nmn .nmn-text {
  position: relative;
  margin-top: -30px;
  margin-left: 15px;
  padding: 50px 0 30px;
  background: #FFF;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-nmn .nmn-text {
    margin-top: -60px;
    margin-left: 30px;
    padding: 100px 0 60px;
  }
}
.main .section-product .product-nmn .nmn-text p {
  margin: 0;
  padding: 0;
  font-size: 2.4vw;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.6;
  color: #000;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-nmn .nmn-text p {
    font-size: 2.2vw;
  }
}
.main .section-product .product-nmn .nmn-sup {
  padding: 25px 0 10px;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-nmn .nmn-sup {
    padding: 50px 0 20px;
  }
}
.main .section-product .product-nmn .nmn-sup p {
  margin: 0;
  padding: 0;
  font-size: 1.8vw;
  font-weight: 500;
  font-family: 'Noto Serif JP', serif;
  line-height: 1.6;
  color: #000;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .main .section-product .product-nmn .nmn-sup p {
    font-size: 1.6vw;
  }
}

/*
.main .section-product .productname-position {
  position: absolute;
  display: block;
  top: 18%;
  right: 20%;
  width: 35%;
}
.main .section-product .productname-position .productname-bg {
  width: 100%;
  background-color: #fff;
  padding: 10% 18%;
  border: 1px solid #000;
  border-radius: 500px;
}
.main .section-product .productname-position .productname-bg .productname {
  font-size: 2.5vw;
  font-weight: 500;
  white-space: nowrap;
  letter-spacing: 0.2em;
  border-bottom: 1px solid #000;
  padding: 3% 0;
}
*/

/* TOPIC SECTION */
.main .section-topic {
  margin: 30px 0 0;
  position: relative;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-topic {
    margin: 120px 0 0;
  }
}
.main .section-topic .topic-position {
  width: 100%;
}
.main .section-topic .topic-position .topic-ribon {
  position: absolute;
  top: -10px;
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-ribon {
    top: -35px;
  }
}
.main .section-topic .topic-position .topic-ribon .topic-image01 {
  width: 38%;
}
.main .section-topic .topic-position .topic-bg {
  display: inline-block;
  width: 85%;
  background-color: #fcfcff;
  padding: 7% 0 10%;
  border: 6px solid #dc8c8b;
  overflow: hidden;
}
.main .section-topic .topic-position .topic-bg .topic-title {
  font-size: 3.4vw;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-bg .topic-title {
    font-size: 2.4vw;
  }
}
.main .section-topic .topic-position .topic-bg .topic-p01 {
  width: 100%;
  margin: 30px 0 15px;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-bg .topic-p01 {
    margin: 70px 0 40px;
  }
}
.main .section-topic .topic-position .topic-bg .topic-p01 .topic-image02 {
  width: 50vw;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-bg .topic-p01 .topic-image02 {
    width: 40%;
  }
}
.main .section-topic .topic-position .topic-bg .topic-comment {
  font-size: 3.2vw;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-bg .topic-comment {
    font-size: 2.2vw;
  }
}
.main .section-topic .topic-position .topic-bg .topic-message {
  margin: 40px 0 30px;
  font-size: 2.8vw;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-bg .topic-message {
    margin: 70px 0 60px;
    font-size: 1.8vw;
  }
}
.main .section-topic .topic-position .topic-bg .topic-p02 {
  position: relative;
  top: -10px;
  right: 3%;
  float: left;
  width: 34%;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .main .section-topic .topic-position .topic-bg .topic-p02 {
    top: -40px;
  }
}
.main .section-topic .topic-position .topic-bg .topic-p02 .topic-image03 {
  width: 75%;
}
.main .section-topic .topic-position .topic-bg .topic-p03 {
  float: left;
  width: 60%;
  text-align: left;
}
.main .section-topic .topic-position .topic-bg .topic-p03 .topic-movie {
  width: 90%;
}

/* PROBLEM SECTION */
.main .section-problem {
  margin: 0;
  position: relative;
  width: 100%;
  text-align: center;
}
.main .section-problem .problem-position {
  width: 100%;
}
.main .section-problem .problem-position .problem-bg {
  display: inline-block;
  width: 100%;
  background-color: #a8a7a7;
  padding: 7% 0 2%;
}
.main .section-problem .problem-position .problem-bg .problem-ttl-p01 {
  display: inline-block;
  width: 70%;
  padding: 15px;
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .main .section-problem .problem-position .problem-bg .problem-ttl-p01 {
    width: 50%;
    padding: 30px;
  }
}
.main .section-problem .problem-position .problem-bg .problem-ttl-p01 .problem-title {
  font-size: 3.6vw;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-problem .problem-position .problem-bg .problem-ttl-p01 .problem-title {
    font-size: 2.6vw;
  }
}
.main .section-problem .problem-position .problem-bg .problem-p01 {
  display: inline-block;
  width: 65%;
  margin: 25px 0;
  padding: 5%;
  background-image: url("../img/problem_bg.jpg");
  background-size: cover;
}
@media only screen and (min-width: 768px) {
  .main .section-problem .problem-position .problem-bg .problem-p01 {
    margin: 50px 0;
  }
}
.main .section-problem .problem-position .problem-bg .problem-p01 .problem-p02 {
  width: 90%;
  padding: 5%;
  background-color: rgba(255, 255, 255, 0.5);
}
.main .section-problem .problem-position .problem-bg .problem-p01 .problem-p02 .problem-p03 {
  display: inline-block;
  text-align: left;
}
.main .section-problem .problem-position .problem-bg .problem-p01 .problem-p02 .problem-p03 ol {
  list-style-type: decimal;
}
.main .section-problem .problem-position .problem-bg .problem-p01 .problem-p02 .problem-p03 li {
  font-size: 2.5vw;
  font-weight: 500;
  line-height: 2.2;
}
@media only screen and (min-width: 768px) {
  .main .section-problem .problem-position .problem-bg .problem-p01 .problem-p02 .problem-p03 li {
    font-size: 1.5vw;
  }
}
.main .section-problem .problem-position {
  width: 100%;
}
.main .problem-p04 {
  display: inline-block;
  margin: 30px 0 0;
  width: 35%;
}
@media only screen and (min-width: 768px) {
  .main .problem-p04 {
    margin: 90px 0 0;
    width: 25%;
  }
}
.main .problem-p04 .problem-image04 {
  width: 80%;
}

/* REASON SECTION */
.main .section-reason {
  margin: 30px 0 0;
  position: relative;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-reason {
    margin: 90px 0 0;
  }
}
.main .section-reason .reason-bg {
  width: 100%;
  padding: 20px 0 60px;
  background-color: #ecf0f3;
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg {
    padding: 50px 0 180px;
  }
}
.main .section-reason .reason-bg .reason-p01 {
  position: absolute;
  top: 140px;
  left: 5%;
  text-align: left;
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg .reason-p01 {
    top: 370px;
    left: 50%;
    text-align: center;
    transform: translateX(-50%);
  }
}
.main .section-reason .reason-bg .reason-p01 .reason-image01 {
  width: 35%;
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg .reason-p01 .reason-image01 {
    width: 55%;
  }
}
.main .section-reason .reason-bg .reason-title {
  width: 100%;
  font-size: 4.5vw;
  font-weight: 500;
  line-height: 2;
  color: #fff;
  margin: 20px 0 30px;
  padding: 6px 0;
  background-color: #fd8888;
  text-shadow: 0 8px 3px #de7878;
  -webkit-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg .reason-title {
    font-size: 3.5vw;
    margin: 50px 0 120px;
  }
}
.main .section-reason .reason-bg .reason-right {
  display: inline-block;
  margin: 15px 0;
  width: 85%;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg .reason-right {
    margin: 25px 0;
  }
}
.main .section-reason .reason-bg .reason-left {
  display: inline-block;
  margin: 10px 0;
  width: 85%;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg .reason-left {
    margin: 25px 0;
    text-align: left;
  }
}
.main .section-reason .reason-bg .reason-p02 {
  display: inline-block;
  width: 72%;
  background-color: #fff;
  border: 1px solid #fbcccd;
  font-size: 3vw;
  font-weight: 400;
  line-height: 2;
  text-align: center;
  padding: 15px 0;
}
@media only screen and (min-width: 768px) {
  .main .section-reason .reason-bg .reason-p02 {
    width: 45%;
    font-size: 1.6vw;
    padding: 20px 0;
  }
}

/* SECRET SECTION */
.main .section-secret {
  margin: 50px 0 0;
  position: relative;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-secret {
    margin: 120px 0 0;
  }
}
.main .section-secret .secret-title {
  width: 100%;
  margin: 50px 0 60px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-title {
    margin: 50px 0 90px;
  }
}
.main .section-secret .secret-title .secret-p01 {
  margin: 25px 0;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-title .secret-p01 {
    margin: 65px 0;
  }
}
.main .section-secret .secret-title .secret-p01 .secret-image01 {
  width: 35%;
}
.main .section-secret .secret-point_r {
  width: 100%;
  text-align: right;
}
.main .section-secret .secret-point_l {
  width: 100%;
  text-align: left;
}
.main .section-secret .secret-point {
  display: inline-block;
  position: relative;
  top: -42px;
  width: 64%;
  background-color: #fdc995;
  text-align: center;
  padding: 10px 0;
  font-size: 3.4vw;
  font-weight: 400;
  line-height: 2;
  -webkit-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0 10px 1px rgba(0, 0, 0, 0.2));
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point {
    font-size: 2.4vw;
  }
}
.main .section-secret .secret-check {
  position: relative;
}
.main .section-secret .secret-check .secret-chk01 {
  position: absolute;
  top: -30px;
  right: 7%;
  width: 20%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-check .secret-chk01 {
    right: 18%;
    width: 15%;
  }
}
.main .section-secret .secret-check .secret-chk02 {
  position: absolute;
  top: -30px;
  right: 7%;
  width: 20%;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-check .secret-chk02 {
    top: 10px;
    right: 18%;
    width: 15%;
  }
}
.main .section-secret .secret-check .secret-image03 {
  width: 80%;
}
.main .section-secret .secret-bg01 {
  position: relative;
  margin-top: -62px;
  width: 100%;
  padding: 30px 0 80px;
  background-color: #fffb91;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 {
    margin-top: -86px;
    padding: 40px 0 150px;
  }
}
.main .section-secret .secret-bg02 {
  position: relative;
  margin-top: -62px;
  width: 100%;
  padding: 30px 0 80px;
  background-color: #fff;
  overflow: hidden;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg02 {
    margin-top: -86px;
    padding: 40px 0 150px;
  }
}
.main .section-secret .secret-point_ttl {
  position: relative;
  width: 100%;
  margin: 30px 0;
  font-size: 3.8vw;
  font-weight: 500;
  line-height: 1.8;
  z-index: 2;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_ttl {
    margin: 80px 0;
    font-size: 2.4vw;
  }
}
.main .section-secret .secret-point_p01 {
  display: inline-block;
  width: 100%;
  text-align: left;
}
.main .section-secret .secret-point_p02 {
  display: inline-block;
  width: 100%;
  text-align: right;
}
.main .section-secret .secret-point_msg_p01,
.main .section-secret .secret-point_msg_p03 {
  position: relative;
  display: inline-block;
  top: -7.5vw;
  left: 3%;
  width: 50%;
  padding: 4vw 0;
  background-color: #fff;
  border: 1px solid #000;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_msg_p01,
  .main .section-secret .secret-point_msg_p03 {
    top: -11.5vw;
    left: 7%;
  }
}
.main .section-secret .secret-point_msg_p02 {
  position: relative;
  display: inline-block;
  top: -10vw;
  right: 3%;
  width: 50%;
  padding: 4vw 0;
  background-color: #fff;
  border: 1px solid #000;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_msg_p02 {
    top: -11.5vw;
    right: 7%;
  }
}
.main .section-secret .secret-point_msg_p04 {
  position: relative;
  display: inline-block;
  top: -10vw;
  right: 3%;
  width: 50%;
  padding: 4vw 0;
  background-color: #fff;
  border: 1px solid #000;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_msg_p04 {
    top: -10vw;
    right: 7%;
  }
}
.main .section-secret .secret-point_msg_p05 {
  position: relative;
  display: inline-block;
  top: -7.5vw;
  left: 3%;
  width: 50%;
  padding: 4vw 0;
  background-color: #fff;
  border: 1px solid #000;
  text-align: center;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_msg_p05 {
    top: -11.5vw;
    left: 7%;
  }
}
.main .section-secret .secret-point_msg {
  display: inline-block;
  width: 90%;
  text-align: left;
  font-size: 2.5vw;
  font-weight: 400;
  line-height: 2;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_msg {
    width: 70%;
    font-size: 1.5vw;
  }
}
.main .section-secret .secret-point_image01 {
  display: inline-block;
  position: relative;
  right: 3%;
  width: 48%;
  text-align: right;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_image01 {
    right: 7%;
    width: 49%;
  }
}
.main .section-secret .secret-point_image02 {
  display: inline-block;
  position: relative;
  left: 3%;
  width: 48%;
  text-align: left;
  z-index: 0;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-point_image02 {
    left: 7%;
    width: 49%;
  }
}
.main .section-secret .secret-image02 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-image02 {
    width: 90%;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p01 {
  position: absolute;
  top: 40px;
  left: 3%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p01 {
    top: 70px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p01 .secret-circle01 {
  width: 32vw;
  height: 32vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p02 {
  position: absolute;
  bottom: 30px;
  left: 15%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p02 {
    bottom: 70px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p02 .secret-circle02 {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p03 {
  position: absolute;
  bottom: 70px;
  left: 25%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p03 {
    bottom: 150px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p03 .secret-circle03 {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg02 .secret-circle-p04 {
  position: absolute;
  top: 45px;
  right: 6%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg02 .secret-circle-p04 {
    top: 100px;
  }
}
.main .section-secret .secret-bg02 .secret-circle-p04 .secret-circle04 {
  width: 17vw;
  height: 17vw;
  border-radius: 50%;
  background-color: #fbfbc4;
  z-index: 1;
}
.main .section-secret .secret-bg02 .secret-circle-p05 {
  position: absolute;
  top: 45px;
  right: 26%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg02 .secret-circle-p05 {
    top: 100px;
  }
}
.main .section-secret .secret-bg02 .secret-circle-p05 .secret-circle05 {
  width: 34vw;
  height: 34vw;
  border-radius: 50%;
  background-color: #fbfbc4;
  z-index: 1;
}
.main .section-secret .secret-bg02 .secret-circle-p06 {
  position: absolute;
  bottom: 50px;
  right: 20%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg02 .secret-circle-p06 {
    bottom: 80px;
  }
}
.main .section-secret .secret-bg02 .secret-circle-p06 .secret-circle06 {
  width: 11vw;
  height: 11vw;
  border-radius: 50%;
  background-color: #fbfbc4;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p07 {
  position: absolute;
  top: 35px;
  left: 17%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p07 {
    top: 70px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p07 .secret-circle07 {
  width: 18vw;
  height: 18vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p08 {
  position: absolute;
  top: 95px;
  left: 36%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p08 {
    top: 260px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p08 .secret-circle08 {
  width: 8vw;
  height: 8vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p09 {
  position: absolute;
  bottom: 25px;
  left: -3%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p09 {
    bottom: 20px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p09 .secret-circle09 {
  width: 33vw;
  height: 33vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg02 .secret-circle-p10 {
  position: absolute;
  top: 45px;
  right: -2%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg02 .secret-circle-p10 {
    top: 120px;
  }
}
.main .section-secret .secret-bg02 .secret-circle-p10 .secret-circle10 {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #fbfbc4;
  z-index: 1;
}
.main .section-secret .secret-bg02 .secret-circle-p11 {
  position: absolute;
  top: 45px;
  right: 28%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg02 .secret-circle-p11 {
    top: 110px;
  }
}
.main .section-secret .secret-bg02 .secret-circle-p11 .secret-circle11 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background-color: #fbfbc4;
  z-index: 1;
}
.main .section-secret .secret-bg02 .secret-circle-p12 {
  position: absolute;
  bottom: 20px;
  right: 4%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p12 {
  bottom: 30px;
  }
}
.main .section-secret .secret-bg02 .secret-circle-p12 .secret-circle12 {
  width: 32vw;
  height: 32vw;
  border-radius: 50%;
  background-color: #fbfbc4;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p13 {
  position: absolute;
  top: 70px;
  left: 3%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p13 {
    top: 230px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p13 .secret-circle13 {
  width: 13vw;
  height: 13vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p14 {
  position: absolute;
  top: 10px;
  left: 20%;
}
.main .section-secret .secret-bg01 .secret-circle-p14 .secret-circle14 {
  width: 32vw;
  height: 32vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}
.main .section-secret .secret-bg01 .secret-circle-p15 {
  position: absolute;
  bottom: -10px;
  left: 14%;
}
@media only screen and (min-width: 768px) {
  .main .section-secret .secret-bg01 .secret-circle-p15 {
    bottom: -40px;
  }
}
.main .section-secret .secret-bg01 .secret-circle-p15 .secret-circle15 {
  width: 20vw;
  height: 20vw;
  border-radius: 50%;
  background-color: #fffdc8;
  z-index: 1;
}

/* TOMMOROW SECTION */
.main .section-tommorow {
  margin: 10px 0 40px;
  position: relative;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow {
    margin: 60px 0 140px;
  }
}
.main .section-tommorow .tommorow-bg {
  display: inline-block;
  width: 86%;
  padding: 3% 2%;
  background-color: #fdc5c6;
  border-radius: 3vw;
}
.main .section-tommorow .tommorow-bg .tommorow-bg02 {
  display: inline-block;
  width: 100%;
  padding: 3% 0 8%;
  background-color: #fedfdf;
  border-radius: 3vw;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-bg02 {
    padding: 2% 0 7%;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-bg02 .tommorow-msg-p01 {
  display: inline-block;
  width: 60%;
  padding: 10px;
  background-image: linear-gradient(to right, #000, #000 11px, transparent 11px, transparent 14px);
  background-size: 14px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-bg02 .tommorow-msg-p01 {
    padding: 20px;
    background-image: linear-gradient(to right, #000, #000 30px, transparent 30px, transparent 36px);
    background-size: 36px 4px;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-bg02 .tommorow-msg-p02 {
  display: inline-block;
  width: 80%;
  padding: 10px;
  background-image: linear-gradient(to right, #000, #000 11px, transparent 11px, transparent 14px);
  background-size: 14px 2px;
  background-position: left bottom;
  background-repeat: repeat-x;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-bg02 .tommorow-msg-p02 {
    padding: 20px;
    background-image: linear-gradient(to right, #000, #000 30px, transparent 30px, transparent 36px);
    background-size: 36px 4px;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-bg02 .tommorow-msg {
  font-size: 2.6vw;
  font-weight: 500;
  line-height: 2;
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p16 {
  position: absolute;
  top: 20px;
  right: 11%;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-circle-p16 {
    top: 70px;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p16 .tommorow-circle16 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #e18cf9, #feefc5);
  background: -webkit-linear-gradient(top, #e18cf9, #feefc5);
  background: linear-gradient(to bottom, #e18cf9, #feefc5);
  z-index: 1;
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p17 {
  position: absolute;
  top: -30px;
  right: 17%;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-circle-p17 {
    top: -80px;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p17 .tommorow-circle17 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p18 {
  position: absolute;
  bottom: 35px;
  left: 9%;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-circle-p18 {
    bottom: 100px;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p18 .tommorow-circle18 {
  width: 5.5vw;
  height: 5.5vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #e18cf9, #feefc5);
  background: -webkit-linear-gradient(top, #e18cf9, #feefc5);
  background: linear-gradient(to bottom, #e18cf9, #feefc5);
  z-index: 1;
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p19 {
  position: absolute;
  bottom: -25px;
  left: 11%;
}
@media only screen and (min-width: 768px) {
  .main .section-tommorow .tommorow-bg .tommorow-circle-p19 {
    bottom: -80px;
  }
}
.main .section-tommorow .tommorow-bg .tommorow-circle-p19 .tommorow-circle19 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}

/* PRICE SECTION */
.main .section-price {
  margin: 0;
  position: relative;
  width: 100%;
  text-align: center;
}
.main .section-price .price-bg {
  width: 100%;
  padding: 30px 0 5px;
  background-image: url("../img/price_bg.jpg");
  background-repeat: repeat-x;
}
@media only screen and (min-width: 768px) {
  .main .section-price .price-bg {
    padding: 50px 0;
  }
}
.main .section-price .price-bg .price-title {
  width: 100%;
  padding: 25px 0;
  font-size: 4.5vw;
  font-weight: 700;
  line-height: 1.6;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .main .section-price .price-bg .price-title {
    padding: 40px 0;
    font-size: 3vw;
  }
}
.main .section-price .price-bg .price-photo-p01 {
  position: absolute;
  top: 130px;
  left: 8%;
  width: 30%;
}
@media only screen and (min-width: 768px) {
  .main .section-price .price-bg .price-photo-p01 {
    top: 240px;
  }
}
.main .section-price .price-bg .price-photo-p01 .price-image02 {
  width: 100%;
}
@media only screen and (min-width: 768px) {
  .main .section-price .price-bg .price-photo-p01 .price-image02 {
    width: 72%;
  }
}
.main .section-price .price-bg .price-p01 {
  display: inline-block;
  margin: 50px 0;
  width: 90%;
  text-align: right;
}
@media only screen and (min-width: 768px) {
  .main .section-price .price-bg .price-p01 {
    width: 80%;
  }
}
.main .section-price .price-bg .price-p01 .price-p02 {
  display: inline-block;
  width: 65%;
  text-align: center;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-renewal {
  color: #fff;
  font-size: 2.6vw;
  font-weight: 300;
  line-height: 1.6;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-before {
  color: #fff;
  font-size: 4.2vw;
  font-weight: 300;
  line-height: 1.6;
  text-decoration: line-through;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-arrow {
  display: inline-block;
  margin: 20px 0 0;
  width: 7%;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-arrow .price-image01 {
  width: 100%;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-after {
  color: #fff;
  font-size: 4.2vw;
  font-weight: 300;
  line-height: 1.6;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-after span {
  color: #dc000c;
  font-size: 6.4vw;
  font-weight: 900;
  line-height: 1.6;
  text-shadow: 5px 5px 5px #5e4446;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-btn {
  margin: 20px 0 0;
}
@media only screen and (min-width: 768px) {
  .main .section-price .price-bg .price-p01 .price-p02 .price-btn {
    margin: 70px 0 0;
  }
}
.main .section-price .price-bg .price-p01 .price-p02 .price-btn .link-btn {
  background-color: #fccd0a;
  color: #fff;
  padding: 2.5vw 12vw;
  text-decoration: none;
  border-radius: 50px;
  font-size: 2.4vw;
  font-weight: 500;
  line-height: 1.6;
  -webkit-filter:drop-shadow(0 5px 1px rgba(0, 0, 0, 0.2));
  -moz-filter:drop-shadow(0 5px 1px rgba(0, 0, 0, 0.2));
  -ms-filter:drop-shadow(0 5px 1px rgba(0, 0, 0, 0.2));
  filter:drop-shadow(0 5px 1px rgba(0, 0, 0, 0.2));
  transition : 0.6s;
}
.main .section-price .price-bg .price-p01 .price-p02 .price-btn .link-btn:hover {
  background-color: #000;
  color: #fff;
  transition : 0.6s;
}

/* HEALTHCARE SECTION */
.main .section-healthcare {
  margin: 0;
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
.main .section-healthcare .healthcare-bg {
  width: 100%;
  padding: 5% 0 10%;
  background-color: #e19b9b;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg {
    padding: 5% 0;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-ttl_bg {
  position: relative;
  display: inline-block;
  width: 85%;
  padding: 2% 0;
  background-color: #fff;
  z-index: 1;
}
.main .section-healthcare .healthcare-bg .healthcare-ttl_bg .healthcare-title {
  font-size: 3.4vw;
  font-weight: 700;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-ttl_bg .healthcare-title {
    font-size: 2.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-msg_bg {
  position: relative;
  display: inline-block;
  width: 100%;
  margin: 5% 0 10%;
  padding: 2% 0;
  background-color: #fff;
  z-index: 1;
}
.main .section-healthcare .healthcare-bg .healthcare-msg_bg .healthcare-message {
  font-size: 2vw;
  font-weight: 700;
  line-height: 1.6;
}
.main .section-healthcare .healthcare-bg .healthcare-msg_bg .healthcare-message .sup {
  margin: 0 5px 0 0;
  font-size: 1vw;
  vertical-align: super;
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg {
  position: relative;
  display: flex;
  align-items: center;
  left: 7.5%;
  width: 85%;
  margin: 2% 0;
  padding: 5% 0;
  background-color: #fff;
  border-radius: 6vw;
  text-align: left;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg {
    padding: 3% 0;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 {
  position: relative;
  display: flex;
  align-items: flex-start;
  left: 7.5%;
  width: 85%;
  margin: 2% 0;
  padding: 5% 0;
  background-color: #fff;
  border-radius: 6vw;
  text-align: left;
  z-index: 1;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 {
    padding: 3% 0;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo01 {
  position: relative;
  display: inline-block;
  width: 30%;
  top: 15%;
  left: 2%;
  font-size: 1.6vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo01 {
    top: 0;
    left: 5%;
    font-size: 0.9vw;
    letter-spacing: -0.1em;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo01 .sup {
  margin: 0;
  font-size: 0.8vw;
  vertical-align: super;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo01 .sup {
    font-size: 0.5vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo01 .healthcare-image01 {
  width: 60%;
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo01 .healthcare-image01 {
    width: 40%;
    margin: 0 0 15px;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment01 {
  position: relative;
  display: inline-block;
  width: 60%;
  left: 5%;
  text-align: left;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment01 {
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment01 .sup {
  margin: 0 5px 0 0;
  font-size: 0.8vw;
  vertical-align: super;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment01 .sup {
    font-size: 0.5vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo02 {
  position: relative;
  display: inline-block;
  width: 30%;
  top: 15%;
  left: 2%;
  font-size: 1.8vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo02 {
    top: 0;
    left: 5%;
    font-size: 0.9vw;
    letter-spacing: -0.1em;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo02 .sup {
  margin: 0 5px 0 0;
  font-size: 0.8vw;
  vertical-align: super;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo02 .sup {
    font-size: 0.5vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo02 .healthcare-image02 {
  width: 60%;
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-photo02 .healthcare-image02 {
    width: 40%;
    margin: 0 0 15px;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment02 {
  position: relative;
  display: inline-block;
  width: 60%;
  left: 5%;
  text-align: left;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment02 {
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg .healthcare-comment02 .sup {
  margin: 0 5px 0 0;
  font-size: 0.4vw;
  vertical-align: super;
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo03 {
  position: relative;
  display: inline-block;
  width: 30%;
  left: 2%;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo03 {
    left: 5%;
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo04 {
  position: relative;
  display: inline-block;
  width: 30%;
  left: 4%;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo04 {
    left: 4%;
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo05 {
  position: relative;
  display: inline-block;
  width: 30%;
  left: 6%;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo05 {
    left: 3%;
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo03 .healthcare-image03,
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo04 .healthcare-image04,
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo05 .healthcare-image05 {
  width: 60%;
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo03 .healthcare-image03,
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo04 .healthcare-image04,
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo05 .healthcare-image05 {
    width: 40%;
    margin: 0 0 15px;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo06 {
  position: relative;
  display: inline-block;
  width: 48%;
  left: 2%;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo06 {
    width: 30%;
    left: 20%;
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo07 {
  position: relative;
  display: inline-block;
  width: 48%;
  left: 4%;
  font-size: 3vw;
  font-weight: 300;
  line-height: 1.6;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo07 {
    width: 30%;
    left: 20%;
    font-size: 1.4vw;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo06 .healthcare-image06,
.main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo07 .healthcare-image07 {
  width: 40%;
  margin: 0 0 5px;
}
@media only screen and (min-width: 768px) {
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo06 .healthcare-image06,
  .main .section-healthcare .healthcare-bg .healthcare-cmt_bg2 .healthcare-photo07 .healthcare-image07 {
    margin: 0 0 15px;
  }
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p20 {
  position: absolute;
  top: 20px;
  right: 18%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p20 .healthcare-circle20 {
  width: 27vw;
  height: 27vw;
  border-radius: 50%;
  background-color: #f0baba;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p21 {
  position: absolute;
  top: 21%;
  right: 6%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p21 .healthcare-circle21 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background-color: #f0baba;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p22 {
  position: absolute;
  top: 40.5%;
  right: 24%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p22 .healthcare-circle22 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background-color: #f0baba;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p23 {
  position: absolute;
  top: 46%;
  left: 3%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p23 .healthcare-circle23 {
  width: 27vw;
  height: 27vw;
  border-radius: 50%;
  background-color: #f0baba;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p24 {
  position: absolute;
  bottom: 5%;
  right: -13%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p24 .healthcare-circle24 {
  width: 46vw;
  height: 46vw;
  border-radius: 50%;
  background-color: #f0baba;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p25 {
  position: absolute;
  bottom: 6%;
  left: -6%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p25 .healthcare-circle25 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background-color: #f0baba;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p26 {
  position: absolute;
  bottom: -1%;
  left: 21%;
  z-index: 0;
}
.main .section-healthcare .healthcare-bg .healthcare-circle-p26 .healthcare-circle26 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background-color: #f0baba;
}

/* USE SECTION */
.main .section-use {
  margin: 20px 0 0;
  position: relative;
  width: 100%;
  text-align: center;
}
@media only screen and (min-width: 768px) {
  .main .section-use {
    margin: 60px 0 0;
  }
}
.main .section-use .use-photo01 {
  position: relative;
  display: inline-block;
  width: 85%;
  margin: 20px 0;
}
@media only screen and (min-width: 768px) {
  .main .section-use .use-photo01 {
    margin: 80px 0;
  }
}
.main .section-use .use-photo01 .use-image01 {
  width: 100%;
}
.main .section-use .use-photo_bg {
  width: 100%;
  margin: 30px 0 0;
  background: -moz-linear-gradient(top, #cceff7, #5ac9e2);
  background: -webkit-linear-gradient(top, #cceff7, #5ac9e2);
  background: linear-gradient(to bottom, #cceff7, #5ac9e2);
}
@media only screen and (min-width: 768px) {
  .main .section-use .use-photo_bg {
    margin: 70px 0 0;
  }
}
.main .section-use .use-photo_bg .use-photo02,
.main .section-use .use-photo_bg .use-photo03,
.main .section-use .use-photo_bg .use-photo04 {
  display: inline-block;
  position: relative;
  width: 75%;
  margin: 80px 0;
  background-color: #fff;
}
@media only screen and (min-width: 768px) {
  .main .section-use .use-photo_bg .use-photo02,
  .main .section-use .use-photo_bg .use-photo03,
  .main .section-use .use-photo_bg .use-photo04 {
    margin: 160px 0;
  }
}
.main .section-use .use-photo_bg .use-photo02::after,
.main .section-use .use-photo_bg .use-photo03::after,
.main .section-use .use-photo_bg .use-photo04::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 3px;
  left: 0;
  right: 0;
  box-shadow: 0 0 15px 15px #fff;
}
.main .section-use .use-photo_bg .use-photo02 .use-image02,
.main .section-use .use-photo_bg .use-photo03 .use-image03,
.main .section-use .use-photo_bg .use-photo04 .use-image04 {
  width: 100%;
}
.main .section-use .use-photo05 {
  position: relative;
  display: inline-block;
  width: 70%;
  margin: 80px 0;
}
@media only screen and (min-width: 768px) {
  .main .section-use .use-photo05 {
    margin: 200px 0;
  }
}
.main .section-use .use-photo05 .use-image05 {
  width: 100%;
}
.main .section-use .use-photo_bg02 {
  position: relative;
  width: 100%;
  padding: 60px 0 40px;
  background-color: #fffb90;
}
@media only screen and (min-width: 768px) {
  .main .section-use .use-photo_bg02 {
    padding: 120px 0 80px;
  }
}
.main .section-use .use-photo_bg02 .use-photo06 {
  display: inline-block;
  position: relative;
  width: 42%;
  margin: 0 30px 0 0;
}
.main .section-use .use-photo_bg02 .use-photo06 .use-image06 {
  width: 100%;
}
.main .section-use .use-photo_bg02 .use-msg_p01 {
  display: inline-block;
  position: relative;
  width: 40%;
  top: -12vw;
}
.main .section-use .use-photo_bg02 .use-msg_p01 .use-msg_bg01 {
  display: inline-block;
  position: relative;
  width: 80%;
  padding: 2vw 0;
  background-color: #fff;
}
.main .section-use .use-photo_bg02 .use-msg_p01 .use-msg_bg01::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 15px 20px #fff;
}
.main .section-use .use-photo_bg02 .use-msg_p01 .use-msg_bg01 .use-message {
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 1.6;
}
.main .section-use .use-photo_bg03 {
  position: relative;
  width: 100%;
  padding: 60px 0 40px;
}
@media only screen and (min-width: 768px) {
  .main .section-use .use-photo_bg03 {
    padding: 120px 0 80px;
  }
}
.main .section-use .use-photo_bg03 .use-msg_p02 {
  display: inline-block;
  position: relative;
  width: 40%;
  top: -12vw;
}
.main .section-use .use-photo_bg03 .use-msg_p02 .use-msg_bg02 {
  display: inline-block;
  position: relative;
  width: 80%;
  padding: 2vw 0;
  background-color: #fffca5;
}
.main .section-use .use-photo_bg03 .use-msg_p02 .use-msg_bg02::after {
  position: absolute;
  content: '';
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  box-shadow: 0 0 15px 20px #fffca5;
}
.main .section-use .use-photo_bg03 .use-msg_p02 .use-msg_bg02 .use-message {
  font-size: 2.4vw;
  font-weight: 700;
  line-height: 1.6;
}
.main .section-use .use-photo_bg03 .use-photo07 {
  display: inline-block;
  position: relative;
  width: 42%;
  margin: 0 0 0 30px;
}
.main .section-use .use-photo_bg03 .use-photo07 .use-image07 {
  width: 100%;
}
.main .section-use .use-photo_bg02 .use-photo08 {
  display: inline-block;
  position: relative;
  width: 42%;
  margin: 0 30px 0 0;
}
.main .section-use .use-photo_bg02 .use-photo08 .use-image08 {
  width: 100%;
}
.main .section-use .use-photo_bg02 .use-circle-p27 {
  position: absolute;
  top: 9%;
  right: 7%;
  z-index: 0;
}
.main .section-use .use-photo_bg02 .use-circle-p27 .use-circle27 {
  width: 24vw;
  height: 24vw;
  border-radius: 50%;
  background-color: #fffdc8;
}
.main .section-use .use-photo_bg02 .use-circle-p28 {
  position: absolute;
  bottom: 15%;
  right: 39%;
  z-index: 0;
}
.main .section-use .use-photo_bg02 .use-circle-p28 .use-circle28 {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #fffdc8;
}
.main .section-use .use-photo_bg02 .use-circle-p29 {
  position: absolute;
  bottom: 15%;
  right: 28%;
  z-index: 0;
}
.main .section-use .use-photo_bg02 .use-circle-p29 .use-circle29 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background-color: #fffdc8;
}
.main .section-use .use-photo_bg03 .use-circle-p30 {
  position: absolute;
  top: 6%;
  left: 2%;
  z-index: 0;
}
.main .section-use .use-photo_bg03 .use-circle-p30 .use-circle30 {
  width: 19vw;
  height: 19vw;
  border-radius: 50%;
  background-color: #f7edcf;
}
.main .section-use .use-photo_bg03 .use-circle-p31 {
  position: absolute;
  top: 15%;
  left: 30%;
  z-index: 0;
}
.main .section-use .use-photo_bg03 .use-circle-p31 .use-circle31 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background-color: #f7edcf;
}
.main .section-use .use-photo_bg03 .use-circle-p32 {
  position: absolute;
  bottom: 15%;
  left: 24%;
  z-index: 0;
}
.main .section-use .use-photo_bg03 .use-circle-p32 .use-circle32 {
  width: 15vw;
  height: 15vw;
  border-radius: 50%;
  background-color: #f7edcf;
}
.main .section-use .use-photo_bg02 .use-circle-p33 {
  position: absolute;
  top: 13%;
  right: 10%;
  z-index: 0;
}
.main .section-use .use-photo_bg02 .use-circle-p33 .use-circle33 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background-color: #fffdc8;
}
.main .section-use .use-photo_bg02 .use-circle-p34 {
  position: absolute;
  top: 1%;
  right: 28%;
  z-index: 0;
}
.main .section-use .use-photo_bg02 .use-circle-p34 .use-circle34 {
  width: 24vw;
  height: 24vw;
  border-radius: 50%;
  background-color: #fffdc8;
}
.main .section-use .use-photo_bg02 .use-circle-p35 {
  position: absolute;
  bottom: 11%;
  right: 12%;
  z-index: 0;
}
.main .section-use .use-photo_bg02 .use-circle-p35 .use-circle35 {
  width: 14vw;
  height: 14vw;
  border-radius: 50%;
  background-color: #fffdc8;
}

/* PLEASURE SECTION */
.main .section-pleasure {
  padding: 70px 0 30px;
  position: relative;
  width: 100%;
  text-align: center;
  overflow: hidden;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure {
    padding: 180px 0 80px;
  }
}
.main .section-pleasure .pleasure-bg {
  display: inline-block;
  width: 86%;
  padding: 3% 2%;
  background-color: #fdc5c6;
  border-radius: 3vw;
}
.main .section-pleasure .pleasure-bg .pleasure-bg02 {
  display: inline-block;
  width: 100%;
  padding: 7% 0 8%;
  background-color: #fedfdf;
  border-radius: 3vw;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-bg02 {
    padding: 6% 0 7%;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-bg02 .pleasure-msg-p01 {
  display: inline-block;
  width: 90%;
  padding: 5px;
  border-bottom: 2px solid #ff7070;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-bg02 .pleasure-msg-p01 {
    padding: 10px;
    border-bottom: 4px solid #ff7070;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-bg02 .pleasure-msg {
  font-size: 3vw;
  font-weight: 700;
  line-height: 2;
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p36 {
  position: absolute;
  top: 120px;
  right: -1%;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-circle-p36 {
    top: 320px;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p36 .pleasure-circle36 {
  width: 7vw;
  height: 7vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p37 {
  position: absolute;
  top: 60px;
  right: 2%;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-circle-p37 {
    top: 130px;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p37 .pleasure-circle37 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p38 {
  position: absolute;
  top: 55px;
  right: 18%;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-circle-p38 {
    top: 130px;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p38 .pleasure-circle38 {
  width: 4vw;
  height: 4vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p39 {
  position: absolute;
  top: 85px;
  left: 7%;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-circle-p39 {
    top: 220px;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p39 .pleasure-circle39 {
  width: 4.5vw;
  height: 4.5vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p40 {
  position: absolute;
  bottom: 50px;
  left: -1%;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-circle-p40 {
    bottom: 140px;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p40 .pleasure-circle40 {
  width: 8.5vw;
  height: 8.5vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p41 {
  position: absolute;
  bottom: 10px;
  left: 7%;
}
@media only screen and (min-width: 768px) {
  .main .section-pleasure .pleasure-bg .pleasure-circle-p41 {
    bottom: 0;
  }
}
.main .section-pleasure .pleasure-bg .pleasure-circle-p41 .pleasure-circle41 {
  width: 12vw;
  height: 12vw;
  border-radius: 50%;
  background: -moz-linear-gradient(top, #f575e1, #feefc5);
  background: -webkit-linear-gradient(top, #f575e1, #feefc5);
  background: linear-gradient(to bottom, #f575e1, #feefc5);
  z-index: 1;
}

/* ENERGY SECTION */
.main .section-energy {
  margin: 0 0 100px;
  position: relative;
  width: 100%;
  text-align: center;
}
.main .section-energy .energy-photo01 {
  display: inline-block;
  width: 80%;
  margin: 50px 0 0;
}
@media only screen and (min-width: 768px) {
  .main .section-energy .energy-photo01 {
    margin: 150px 0 0;
  }
}
.main .section-energy .energy-photo01 .energy-image01 {
  width: 100%;
}