@charset "utf-8";

/*
==============
product.css
==============
*/
/* -----------------
■ contents
------------------- */
.contents {
  padding-bottom: 116px; }

.contents1 {
  background-color: #DAEEEB; }

.contents2 {
  background-color: #FBEAEA; }

.contents3 {
  background-color: #E5F3F5; }


/* -----------------
■ mv
------------------- */
.mv {
  padding: 72px 20px 0; }

.mv h2 {
  max-width: 1352px;
  margin: 0 auto;
  padding: 22px 0 21px;
  text-align: center;
  border-radius: 14px; }

.mv__img {
  text-align: center; }

.contents1 .mv h2 {
  background-color: #00A29A; }

.contents2 .mv h2 {
  background-color: #D9526D; }

.contents3 .mv h2 {
  background-color: #03BCD7; }

.contents3 .mv__img {
  padding: 107px 0 0; }

.mv__img-inner {
  position: relative;
  display: inline-block; }

.mv__img-text {
  position: absolute;
  bottom: 125px;
  left: 98%;
  width: 336px;
  color: #3E3A39;
  font-size: 14px;
  font-weight: 500;
  line-height: 1.4;
  text-align: left; }

@media print, screen and (min-width: 768px) and (max-width: 1200px)
{
  .mv__img-text {
    position: static;
    width: auto;
    padding-bottom: 10px;
    text-align: center; }

}




/* -----------------
■ care
------------------- */
.care {
  position: relative;
  padding: 63px 20px 64px;
  text-align: center; }

.care__deco {
  position: absolute;
  top: -89px;
  right: 0; }

.care h2 {
  max-width: 1192px;
  margin: 0 auto;
  padding: 23px 0 23px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff; }

.care__img {
  margin-top: 50px; }

.care__text {
  margin-top: 32px;
  color: #fff;
  font-size: 24px;
  font-weight: 500;
  line-height: 2; }

.care__text span {
  color: #FFED28; }

.care__text .care__text-pink {
  color: #EC0063; }

.contents1 .care {
  background-color: #6DC8C2; }

.contents2 .care {
  background-color: #F091A2; }

.contents2 .care__text {
  margin-top: 19px; }

.contents2 .care__deco {
  top: -104px; }

.contents3 .care {
  padding-bottom: 73px;
  background-color: #1BC1DB; }


/* -----------------
■ point
------------------- */
.point {
  padding: 160px 20px 50px; }

.contents3 .point {
  padding-top: 148px; }

.contents1 .contents__title {
  padding: 25px 0 24px;
  border-top: 1px solid #00A29A;
  border-bottom: 1px solid #00A29A; }

.contents2 .contents__title {
  padding: 25px 0 24px;
  border-top: 1px solid #D9526D;
  border-bottom: 1px solid #D9526D; }

.contents3 .contents__title {
  padding: 25px 0 24px;
  border-top: 1px solid #03BCD7;
  border-bottom: 1px solid #03BCD7; }

.point__box {
  text-align: center; }

.contents1 .point__box-head h3 {
  margin-top: 27px; }

.contents2 .point__box1 .point__box-head h3 {
  margin-top: 19px; }

.contents2 .point__box2 .point__box-head h3 {
  margin-top: 26px; }

.contents3 .point__box1 .point__box-head h3 {
  margin-top: 27px; }

.contents3 .point__box2 .point__box-head h3 {
  margin-top: 21px; }

.point__box-body-column {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
  max-width: 1134px;
  margin: 20px auto 0; }

.contents3 .point__box-body {
  text-align: center; }

.contents3 .point__box-body-img-wrap {
  display: inline-block;
  position: relative; }

.contents3 .point__box-body-img-deco {
  position: absolute;
  top: -88px;
  left: -174px; }

.point__box-body-text {
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.point__box-body-caption {
  max-width: 1136px;
  margin: 8px auto 0;
  color: #3E3A39;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-align: right; }

.point__box-body-detail {
  display: flex;
  justify-content: space-between;
  max-width: 1192px;
  margin: 32px auto 0;
  padding: 32px 32px 30px;
  box-sizing: border-box;
  border-radius: 14px;
  background-color: #F3F4F4; }

.contents3 .point__box-body-detail {
  display: block;
  position: relative;
  max-width: 1192px;
  margin: 42px auto 0;
  padding: 37px 85px 30px;
  box-sizing: border-box;
  border-radius: 14px;
  background-color: #F3F4F4; }

.contents3 .point__box-body-detail-img {
  position: absolute;
  top: -64px;
  right: -25px; }

.point__box-body-detail-left {
  padding-left: 41px; }

.point__box-body-detail-left h4 {
  padding-top: 32px;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2; }

.point__box-body-detail-left p {
  max-width: 468px;
  margin-top: 32px;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  text-align: left; }

.point__box-body-detail-right {
  padding-left: 20px; }

.point__box-body-text2 {
  margin-top: 32px;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.point__wrap {
  display: flex;
  gap: 0 68px;
  position: relative;
  max-width: 1130px;
  margin: 112px auto 0; }

.point__wrap-deco {
  position: absolute;
  top: 36px;
  left: -179px; }

.point__box-body-detail-title {
  color: #03BCD7;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2; }

.point__box-body-detail-text {
  margin-top: 30px;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2;
  text-align: left; }


/* box1 */
.point__box1 {
  margin-top: 65px; }

.point__box1 .point__box-body {
  margin-top: 51px; }

.contents1 .point__box1 .point__box-body-text {
  margin-top: 24px; }

.contents2 .point__box1 .point__box-body-text {
  margin-top: 32px; }

.contents3 .point__box1 .point__box-body-text {
  margin-top: 26px; }

.point__box1 .point__box-body-text:nth-of-type(n+2) {
  margin-top: 8px; }

.contents1 .point__box1 .point__box-body-detail-left h4 {
  color: #00A29A; }

.contents2 .point__box1 .point__box-body-detail-left h4 {
  color: #D9526D; }

.contents3 .point__box1 .point__box-body-detail-left h4 {
  color: #03BCD7; }


/* box2 */
.contents1 .point__box2 {
  max-width: 558px;
  padding-left: 23px; }

.contents3 .point__box2 {
  margin-top: 110px; }

.contents1 .point__box2 .point__box-body {
  margin-top: 51px; }

.contents2 .point__box2 .point__box-body {
  margin-top: 45px; }

.contents2 .point__box2 {
  max-width: 540px;
  margin: 114px auto 0; }

.contents2 .point__box2 .point__box-body-text {
  color: #3E3A39;
  font-size: 16px;
  line-height: 2; }

.contents3 .point__box2 .point__box-body-text {
  margin-top: 34px; }


/* box3 */
.point__box3 {
  max-width: 539px; }

.point__box3 .point__box-body {
  margin-top: 44px; }

.point__box3 .point__box-body p {
  color: #3E3A39;
  font-size: 16px;
  font-weight: 500;
  line-height: 2; }


/* -----------------
■ lineup
------------------- */
.lineup {
  position: relative;
  margin-top: 110px; }

.lineup__deco-item1 {
  width: 100%; }

.lineup__deco-item2 {
  position: absolute; }

.contents1 .lineup__deco-item2 {
  top: 1.4vw;
  right: 10.6vw;
  width: 6.6vw; }

.contents2 .lineup__deco-item2 {
  top: 1.1vw;
  left: 11.0vw;
  width: 7.5vw; }

.contents3 .lineup__deco-item2 {
  top: 1.4vw;
  right: 10.6vw;
  width: 6.6vw; }

.lineup .contents__title {
  padding: 22px 0; }

.lineup__wrap {
  margin-top: -0.2vw;
  background-color: #fff; }

.contents1 .lineup__wrap {
  padding: 8px 20px 60px; }

.contents2 .lineup__wrap {
  padding: 8px 20px 22px; }

.contents3 .lineup__wrap {
  padding: 0 20px 61px; }

.lineup__list {
  display: flex;
  max-width: 1192px;
  margin: 49px auto 0;
  padding-bottom: 10px; }

.lineup__list li {
  padding: 13px 0 8px;
  box-sizing: border-box; }

.contents1 .lineup__list li:nth-of-type(1),
.contents1 .lineup__list li:nth-of-type(3) {
  width: 32.55%; }

.contents1 .lineup__list li:nth-of-type(1) {
  padding-right: 36px; }

.contents1 .lineup__list li:nth-of-type(3) {
  padding-left: 36px; }

.contents1 .lineup__list li:nth-of-type(2) {
  width: 34.9%;
  padding-left: 36px;
  padding-right: 36px; }

.contents2 .lineup__list li:nth-of-type(1) {
  width: 37.248%;
  padding-right: 20px; }

.contents2 .lineup__list li:nth-of-type(2) {
  width: 32.383%;
  padding-right: 20px;
  padding-left: 20px; }

.contents2 .lineup__list li:nth-of-type(3) {
  width: 30.369%;
  padding-left: 20px; }

.contents1 .lineup__list li:not(:first-child) {
  background: url(../img/product1/img_lineup_line.svg) repeat-y; }

.contents2 .lineup__list li:not(:first-child) {
  background: url(../img/product2/img_lineup_line.svg) repeat-y; }

.lineup__list-head {
  max-width: 346px;
  margin: 0 auto;
  padding: 18px 0 13px;
  text-align: center;
  border-radius: 14px; }

.contents2 .lineup__list li:nth-of-type(1) .lineup__list-head {
  max-width: 414px;
  margin-left: 4px; }

.contents2 .lineup__list li:nth-of-type(2) .lineup__list-head,
.contents2 .lineup__list li:nth-of-type(3) .lineup__list-head {
  max-width: 338px; }

.contents2 .lineup__list li:nth-of-type(3) .lineup__list-head {
  margin-right: 0; }

.contents1 .lineup__list-head {
  background-color: #DAEEEB; }

.contents2 .lineup__list-head {
  background-color: #FBEAEA; }

.contents3 .lineup__list-head {
  background-color: #D0ECF0; }

.lineup__list-head-text {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4; }

.contents1 .lineup__list-head-text {
  color: #00A29A; }

.contents2 .lineup__list-head-text {
  color: #D9526D; }

.contents3 .lineup__list-head-text {
  color: #03BCD7; }

.lineup__list-head-text2 {
  margin-top: 7px;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5; }

.lineup__list-body {
  display: flex;
  justify-content: space-between;
  margin-top: 43px; }

.contents1 .lineup__list li:last-child .lineup__list-body {
  margin-top: 28px;
  padding: 0 19px 0 11px; }

.contents2 .lineup__list li:nth-of-type(1) .lineup__list-body {
  max-width: 414px; }

.contents2 .lineup__list li:nth-of-type(2) .lineup__list-body,
.contents2 .lineup__list li:nth-of-type(3) .lineup__list-body {
  max-width: 338px;
  margin: 43px auto 0; }

.lineup__list-body-img {
  flex-shrink: 0;
  max-width: 50%; }

.lineup__list-body-text {
  max-width: 220px;
  padding-left: 20px;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.contents2 .lineup__list-body-text {
  padding-left: 32px; }

.lineup__caption {
  max-width: 1192px;
  margin: 0 auto;
  text-align: right;
  color: #3E3A39;
  font-size: 16px;
  font-weight: 500;
  line-height: 2; }

.contents2 .lineup__list li:nth-of-type(2) .lineup__list-body-img {
  padding-top: 18px;
  padding-left: 8px; }

.contents2 .lineup__list li:nth-of-type(3) .lineup__list-body-img {
  padding-top: 120px;
  padding-left: 20px; }


.lineup__item {
  position: relative;
  max-width: 746px;
  margin: 63px auto 0; }

.lineup__item-head {
  position: absolute;
  top: 0;
  right: 30px;
  width: 430px;
  padding: 21px 0 14px;
  text-align: center;
  box-sizing: border-box;
  border-radius: 14px;
  background-color: #D0ECF0; }

.lineup__item-head-text {
  color: #03BCD7;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4; }

.lineup__item-head-text2 {
  margin-top: 6px;
  color: #3E3A39;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.5; }

.lineup__item-body {
  display: flex;
  justify-content: space-between; }

.lineup__item-body-img {
  padding-top: 36px; }

.lineup__item-body-text {
  width: 460px;;
  margin-top: 116px;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.lineup__item-body-text-span1 {
  display: block;
  margin-top:16px; }

.lineup__item-body-text-span2 {
  display: block;
  max-width: 430px;
  font-size: 16px;
  font-weight: 500;
  line-height: 2;
  text-align: right; }


/* -----------------
■ hint
------------------- */
.hint {
  padding: 160px 20px 152px; }

.contents3 .hint {
  padding-bottom: 161px; }

.hint .contents__title {
  padding: 23px 0; }

.hint__detail {
  display: flex;
  justify-content: space-between;
  gap: 0 20px;
  margin: 39px auto 0; }

.contents1 .hint__detail {
  max-width: 1054px; }

.contents2 .hint__detail {
  max-width: 1192px; }

.contents2 .hint__detail-left {
  flex-shrink: 0; }

.hint__detail-box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 0 42px; }

.hint__detail-box-text {
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.contents1 .hint__detail-box-text {
  max-width: 222px; }

.contents1 .hint__detail-box-text span {
  color: #00A29A; }

.contents .hint__link {
  margin-top: 80px;
  text-align: center; }

.hint__link a {
  display: inline-block; }

.contents .hint__link a {
  margin: 0 14px; }

.hint__detail-right {
  max-width: 710px; }

.hint_box {
  max-width: 1192px;
  margin: 40px auto 0; }

.hint_box2 {
  margin-top: 71px; }

.hint_box3 {
  margin-top: 120px; }

.hint_box-title {
  padding: 11px 0 5px;
  color: #03BCD7;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  border-radius: 14px;
  border: 1px solid #03BCD7;
  background-color: #fff; }

.hint_box ul {
  display: flex;
  justify-content: center;
  gap: 0 27px; }

.hint_box:nth-of-type(1) ul {
  margin-top: 80px; }

.hint_box:nth-of-type(2) ul {
  margin-top: 32px; }

.hint_box li {
  position: relative;
  width:176px; }

.hint_box-point {
  position: absolute;
  top: -60px;
  left: 0;
  width: 100%;
  padding: 7px 0;
  color: #FFED28;
  font-size: 18px;
  font-weight: 500;
  line-height: 1;
  text-align: center;
  border-radius: 14px;
  background-color: #03BCD7; }

.hint_box-point::after {
  content: "";
  position: absolute;
  bottom: -12px;
  left: 50%;
  width: 16px;
  height: 16px;
  clip-path: polygon(-10% 0, 110% 0, 50% 100%);
  transform: translateX(-50%);
  background-color: #03BCD7; }

.hint_box-text {
  margin-top: 19px;
  color: #3E3A39;
  font-size: 16px;
  font-weight: 500;
  line-height: 1.75; }

.hint_box-imp {
  max-width: 1192px;
  margin: 63px auto 0;
  padding: 33px 0 30px;
  border-radius: 14px;
  background-color: #F5F5F5; }

.hint_box-imp h3 {
  color: #03BCD7;
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center; }

.hint_box-imp ul {
  max-width: 620px;
  margin: 18px auto 0; }

.hint_box-imp li {
  position: relative;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.hint_box-imp li span {
  color: #03BCD7; }

.hint_box-head {
  margin-top: 25px;
  text-align: center; }

.hint_box-head-text {
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.hint_box-body {
  display: flex;
  justify-content: space-between;
  gap: 0 30px;
  max-width: 916px;
  margin: 51px auto 0; }

.hint_box-body-box {
  width: 410px; }

.hint_box-body-box h4 {
  color: #03BCD7;
  font-size: 18px;
  font-weight: bold;
  line-height: 1.4;
  text-align: center;
  border-bottom: 1px solid #03BCD7; }

.hint_box-body-box-img {
  margin-top: 24px; }

.hint_box-body-box-textwrap {
  margin-top: 26px; }

.hint_box-body-box-text {
  position: relative;
  padding-left: 40px;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.hint_box-body-box-text img {
  position: absolute;
  top: 5px;
  left: 0; }


/* -----------------
■ habits
------------------- */
.habits {
  padding: 49px 20px 49px; }

.contents1 .habits {
  background-color: #6DC8C2; }

.contents2 .habits {
  background-color: #F091A2; }

.contents3 .habits {
  background-color: #1BC1DB; }

.habits-inner {
  position: relative;
  max-width: 1416px;
  margin: 0 auto;
  box-sizing: border-box;
  border-radius: 40px; }

.contents1 .habits-inner {
  padding: 64px 110px 46px;
  background-color: #F5F5F5; }

.contents2 .habits-inner {
  padding: 64px 110px;
  background-color: #fff; }

.contents3 .habits-inner {
  padding: 64px 110px;
  background-color: #F5F5F5; }

.contents1 .habits .contents__title {
  padding: 22px 0; }

.habits__detail-img {
  width: 34.39%; }

.habits__detail {
  max-width: 1192px;
  margin: 0 auto; }

.contents1 .habits__detail {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 0 72px;
  padding: 40px 0 0; }

.contents2 .habits__detail {
  padding: 54px 0 0; }

.contents3 .habits__detail {
  padding: 54px 0 0; }

.habits__detail-wrap {
  width: 59.56%;
  padding-top: 15px; }

.contents1 .habits__detail-title {
  padding-left: 5px; }

.habits__detail-text {
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.contents1 .habits__detail-text {
  margin-top: 31px; }

.contents2 .habits__detail-text {
  margin-top: 39px; }

.contents3 .habits__detail-text {
  margin-top: 40px; }

.habits__confirm {
  max-width: 1192px;
  margin: 32px auto 0;
  padding: 40px 55px;
  box-sizing: border-box;
  border-radius: 14px; }

.contents1 .habits__confirm {
  background-color: #D0E9E7; }

.habits__confirm h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center; }

.contents1 .habits__confirm h3 {
  color: #00A29A; }

.habits__confirm ul {
  display: flex;
  justify-content:space-between;
  gap: 0 5.54%;
  margin-top: 39px; }

.habits__confirm li {
  display: flex;
  width: 25%;
  gap: 0 17px; }

.habits__confirm-checkbox {
  flex-shrink: 0;
  position: relative;
  top: 10px;
  width: 22px;
  height: 22px;
  box-sizing: border-box;
  border-radius: 3px;
  border: 1px solid #3E3A39;
  background-color: #fff; }

.habits__confirm-checkbox img {
  position: absolute;
  top: -4px;
  left: 3px; }

.habits__confirm-text {
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 2; }

.habits__deco {
  position: absolute; }

.contents1 .habits__deco {
  bottom: -30px;
  right: -8px; }

.contents2 .habits__deco {
  bottom: -31px;
  right: -11px; }

.habits__detail-head {
  text-align: center; }


.contents2 .habits .contents__title {
  padding: 22px 0; }

.habits__detail__body {
  margin-top: 30px;
  padding: 40px 62px 40px;
  border-radius: 14px; }

.contents2 .habits__detail__body {
  background-color: #FBEAEA; }

.contents3 .habits__detail__body {
  padding: 44px 5.872% 40px;
  background-color: #D0ECF0; }

.habits__detail__body h3 {
  font-size: 24px;
  font-weight: bold;
  line-height: 1.2;
  text-align: center; }

.contents2 .habits__detail__body h3 {
  color: #D9526D; }

.contents3 .habits__detail__body h3 {
  color: #03BCD7; }

.contents2 .habits__detail__body-wrap {
  display: flex;
  align-items: center;
  gap: 0 40px;
  margin-top: 41px; }

.contents3 .habits__detail__body-wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  gap: 0 30px;
  margin-top: 35px; }

.contents3 .habits__detail__body-wrap::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 24px;
  transform: translate(-50%, -50%);
  background: url(../img/product3/img_habits_arrow.svg) no-repeat; }


.habits__detail__body-wrap-text {
  max-width: 560px; }

.habits__detail__body-wrap-text p {
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75; }

.habits__detail__body-wrap-text p + p {
  margin-top: 35px; }

.habits__detail__body-wrap-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  width: 480px; }

.habits__detail__body-wrap-img {
  flex-shrink: 0;
  width: 44%; }

.habits__detail__body-wrap-box p {
  width: 46.667%;
  color: #3E3A39;
  font-size: 18px;
  font-weight: 500;
  line-height: 1.75; }




/* ----------------------------------
■ SP 
------------------------------------ */
@media print, screen and (max-width: 768px)
{

/* -----------------
■ contents
------------------- */
.contents {
  padding-bottom: 17vw; }


/* -----------------
■ mv
------------------- */
.contents1 .mv {
  padding: 10.4vw 0 10vw; }

.contents2 .mv {
  padding: 10.4vw 0 0; }

.contents3 .mv {
  padding: 10.4vw 0 0; }

.mv h2 {
  width: 89.333vw;
  margin: 0 auto;
  padding: 2vw 0 2.5vw;
  border-radius: 2.133vw; }

.contents1 .mv h2 img {
  width: 42.133vw; }

.contents2 .mv h2 img {
  width: 37.333vw; }

.contents3 .mv h2 img {
  width: 41.6vw; }

.contents1 .mv__img {
  margin-top: -1vw; }

.contents1 .mv__img img {
  width: 73.6vw; }

.contents2 .mv__img img {
  width: 77.067vw; }

.contents3 .mv__img img {
  width: 48.8vw; }

.contents2 .mv__img {
  padding-top: 12vw; }

.contents3 .mv__img {
  padding-top: 17vw; }

.mv__img-text {
  position: static;
  width: auto;
  padding-bottom: 1.6vw;
  font-size: 2.66vw;
  line-height: 1.2;
  text-align: center; }


/* -----------------
■ care
------------------- */
.care {
  padding: 16.6vw 0 17.2vw; }

.contents3 .care {
  padding-bottom: 16.5vw; }
 
.contents1 .care__deco {
  top: -14vw;
  right: 0;
  width: 18.4vw; }

.contents2 .care__deco {
  top: -15.3vw;
  right: 0;
  width: 18.933vw; }

.care h2 {
  width: 89.333vw;
  margin: 0 auto;
  padding: 4vw 0; }

.contents1 .care h2 img {
  width: 76.267vw; }

.contents2 .care h2 img {
  width: 57.067vw; }

.contents3 .care h2 img {
  width: 69.333vw; }

.care__img {
  margin-top: 8.6vw; }

.contents1 .care__img img {
  width: 67.467vw; }

.contents2 .care__img img {
  width: 66.667vw; }

.contents3 .care__img img {
  width: 64.267vw; }

.care__text {
  font-size: 4.267vw; }

.contents1 .care__text {
  margin-top: 8.5vw; }

.contents2 .care__text {
  margin-top: 8.8vw; }

.contents3 .care__text {
  margin-top: 8.8vw;
  font-size: 3.733vw; }


/* -----------------
■ point
------------------- */
.contents .point {
  padding: 16.9vw 0 1vw; }

.contents1 .contents__title {
  padding: 3vw 0; }

.contents1 .point .contents__title img {
  width: 21.333vw; }

.contents2 .contents__title {
  padding: 3vw 0; }

.contents2 .point .contents__title img {
  width: 20vw; }

.contents3 .contents__title {
  padding: 3vw 0 3.5vw; }

.contents3 .point .contents__title img {
  width: 20vw; }

.point__box-head-num img {
  width: 24vw; }

.point__box-head h3 {
  margin-top: 5.5vw; }

.point__box-body-column {
  display: block;
  width: 89.333vw;
  margin: 0 auto; }

.point__box-body-column-box:nth-of-type(2) {
  margin-top: 4vw; }

.point__box-body-figure img {
  width: 87.2vw; }

.point__box-body-text {
  width: 89.333vw;
  margin: 0 auto;
  font-size: 3.733vw;
  text-align: left; }

.contents3 .point__box2 .point__box-body-text {
  margin-top: 4.5vw; }

.point__box-body-detail {
  display: block;
  margin: 4vw auto 0;
  padding: 7vw 5.333vw 6.5vw;
  border-radius: 0; }

.contents3 .point__box-body-detail {
  width: 89.333vw;
  margin-top: 4.267vw;
  padding: 7vw 6vw 6.5vw;
  border-radius: 3.733vw; }

.contents3 .point__box-body-detail-img {
  top: -10.5vw;
  right: -5.3335vw;
  width: 17.6vw; }

.point__box-body-detail-left {
  padding-left: 0; }

.point__box-body-detail-left h4 {
  padding-top: 0;
  font-size: 4.8vw;
  line-height: 1.6; }

.point__box-body-detail-left p {
  margin-top: 4vw;
  font-size: 3.733vw; }

.contents2 .point__box-body-detail-left p {
  max-width: 76.8vw;
  margin: 4vw auto 0; }

.point__box-body-detail-right {
  margin-top: 6vw;
  padding: 0; }

.contents2 .point__box-body-detail-right {
  margin-top: 4vw; }

.point__box-body-text2 {
  width: 89.333vw;
  margin: 4.5vw auto 0;
  font-size: 3.733vw;
  text-align: left; }

.point__wrap {
  display: block;
  margin: 17vw auto 0; }

.point__wrap-deco {
  position: absolute;
  top: -16vw;
  left: auto;
  right: 0;
  width: 17.867vw; }

.point__box-body-detail-title {
  font-size: 4.8vw;
  line-height: 1.6; }

.point__box-body-detail-text {
  margin-top: 5.5vw;
  font-size: 3.733vw; }



/* box1 */
.point__box1 {
  margin-top: 8.5vw; }

.contents1 .point__box1 .point__box-head h3 img {
  width: 44.267vw; }

.contents2 .point__box1 .point__box-head h3 img {
  width: 48vw; }

.contents3 .point__box1 .point__box-head h3 {
  margin-top: 5.5vw; }

.contents3 .point__box1 .point__box-head h3 img {
  width: 79.2vw; }

.point__box1 .point__box-body {
  margin-top: 8vw; }

.contents1 .point__box1 .point__box-body-text {
  margin-top: 2vw; }

.contents2 .point__box1 .point__box-body-text {
  margin-top: 4.5vw; }

.point__box1 .point__box-body-text:nth-of-type(n+2) {
  margin-top: 4vw; }

.point__box-body-caption {
  width: 89.333vw;
  margin: 2vw auto 0;
  font-size: 3.2vw;
  line-height: 1.5;
  text-align: right; }

.contents3 .point__box-body-img img {
  width: 89.6vw; }

.contents3 .point__box-body-img-wrap {
  display: block; }

.contents3 .point__box-body-img .point__box-body-img-deco {
  top: -18vw;
  left: 0;
  width: 22.4vw; }

.contents3 .point__box1 .point__box-body-text {
  margin-top: 2.5vw; }


/* box2 */
.point__box2 {
  padding-left: 0; }

.contents2 .point__box2 {
  max-width: none;
  margin-top: 17vw; }

.contents3 .point__box2 {
  margin-top: 16.5vw; }

.contents1 .point__box2 .point__box-head h3 img {
  width: 74.667vw; }

.contents2 .point__box2 .point__box-head h3 {
  margin-top: 5.5vw; }

.contents2 .point__box2 .point__box-head h3 img {
  width: 45.867vw; }

.contents1 .point__box2 .point__box-body {
  margin-top: 7.2vw; }

.contents2 .point__box2 .point__box-body {
  width: 91.467vw;
  margin: 6.5vw auto 0; }

.contents2 .point__box2 .point__box-body-text {
  margin-top: 2.5vw;
  font-size: 3.2vw;
  line-height: 1.75; }

.contents3 .point__box2 .point__box-head h3 {
  margin-top: 4.5vw; }

.contents3 .point__box2 .point__box-head h3 img {
  width: 60.267vw; }

.contents3 .point__box2 .point__box-body {
  margin-top: 6.5vw; }


/* box3 */
.point__box3 {
  margin-top: 17vw; }

.point__box3 .point__box-head h3 img {
  width: 45.867vw; }

.point__box3 .point__box-body {
  margin-top: 6.8vw; }

.point__box3 .point__box-body-img img {
  width: 91.467vw; }

.point__box3 .point__box-body p {
  width: 89.333vw;
  margin: 2vw auto 0;
  font-size: 3.2vw;
  line-height: 1.75;
  text-align: left; }


/* -----------------
■ lineup
------------------- */
.lineup {
  position: relative; }

.contents1 .lineup {
  margin-top: 14vw; }

.contents2 .lineup {
  margin-top: 15.5vw; }

.contents3 .lineup {
  margin-top: 15.5vw; }

.lineup__deco-item2 {
  position: absolute; }

.contents1 .lineup__deco-item2 {
  top: -2.6vw;
  right: auto;
  left: 0;
  width: 17.867vw; }

.contents2 .lineup__deco-item2 {
  top: -3.5vw;
  right: auto;
  left: 0;
  width: 18.133vw; }

.contents1 .lineup__wrap {
  padding: 7vw 0 16vw; }

.contents2 .lineup__wrap {
  padding: 7vw 0 15vw; }

.contents3 .lineup__wrap {
  padding: 7vw 0 16vw; }

.lineup .contents__title {
  padding: 2.8vw 0; }

.lineup .contents__title img {
  width: 49.6vw; }

.lineup__list {
  display: block;
  width: 89.333vw;
  margin: 6vw auto 0; }

.contents .lineup .lineup__list li {
  width: auto;
  padding: 0; }

.contents .lineup .lineup__list li + li {
  margin-top: 8.2vw;
  padding-top: 9vw; }

.contents1 .lineup__list li:not(:first-child) {
  background: url(../img/product1/img_lineup_line_sp.svg) repeat-x; }

.contents2 .lineup__list li:not(:first-child) {
  background: url(../img/product2/img_lineup_line_sp.svg) repeat-x; }

.lineup__list-head {
  padding: 4.5vw 0 4vw;
  border-radius: 3.733vw; }

.lineup__list-head-text {
  font-size: 4.267vw;
  line-height: 1.8; }

.contents2 .lineup__list-body-text {
  padding-left: 7vw; }

.lineup__list-head-text2 {
  margin-top: 0;
  font-size: 3.2vw;
  line-height: 2; }

.lineup__list-body {
  align-items: center; }

.lineup__list li:last-child .lineup__list-body {
  margin-top: 1vw;
  padding: 0 1vw 0 1vw; }

.contents2 .lineup__list-body-img {
  max-width: none; }

.lineup__list-body-text {
  max-width: 52.267vw;
  font-size: 3.733vw; }

.lineup__list li:nth-of-type(1) .lineup__list-body {
  margin-top: 8.5vw; }

.contents1 .lineup__list li:nth-of-type(1) .lineup__list-body-img {
  padding-left: 7.5vw; }

.contents1 .lineup__list li:nth-of-type(1) .lineup__list-body-img img {
  width: 20.8vw; }

.contents2 .lineup__list li:nth-of-type(1) .lineup__list-body-img img {
  width: 48vw; }

.contents1 .lineup__list li:nth-of-type(2) .lineup__list-body {
  margin-top: 3.2vw; }

.contents2 .lineup__list li:nth-of-type(2) .lineup__list-body {
  margin-top: 3.2vw; }

.contents1 .lineup__list li:nth-of-type(2) .lineup__list-body-img {
  padding-left: 8vw; }

.contents2 .lineup__list li:nth-of-type(2) .lineup__list-body-img {
  padding-top: 5vw;
  padding-left: 8vw; }

.contents1 .lineup__list li:nth-of-type(2) .lineup__list-body-img img {
  width: 19.733vw; }

.contents2 .lineup__list li:nth-of-type(2) .lineup__list-body-img img {
  width: 19.733vw; }

.contents1 .lineup__list li:nth-of-type(3) .lineup__list-body {
  margin-top: 11.2vw; }

.contents2 .lineup__list li:nth-of-type(3) .lineup__list-body {
  margin-top: 8.2vw; }

.lineup__list li:nth-of-type(3) .lineup__list-body-img {
  padding-left: 6.5vw; }

.contents2 .lineup__list li:nth-of-type(3) .lineup__list-body-img {
  padding-top: 0; }

.contents1 .lineup__list li:nth-of-type(3) .lineup__list-body-img img {
  width: 19.467vw; }

.contents2 .lineup__list li:nth-of-type(3) .lineup__list-body-img img {
  width: 20.8vw; }

.lineup__list li:nth-of-type(3) .lineup__list-body-text img {
  width: 52vw; }

.lineup__caption {
  margin-top: 4.5vw;
  padding-top: 2.5vw;
  width: 89.333vw;
  font-size: 3.2vw;
  line-height: 1.5;
  background: url(../img/product2/img_lineup_line_sp.svg) repeat-x; }

.lineup__item {
  max-width: none;
  margin-top: 7vw; }

.lineup__item-head {
  position: static;
  width: 89.333vw;
  margin: 0 auto;
  padding: 5vw 0 4vw; }

.lineup__item-head-text {
  font-size: 4.267vw;
  line-height: 1.8; }

.lineup__item-head-text2 {
  margin-top: -1vw;
  font-size: 3.2vw;
  line-height: 2; }

.lineup__item-body {
  width: 89.333vw;
  margin: 7vw auto 0; }

.lineup__item-body-img {
  padding-top: 6vw;
  padding-left: 4.5vw; }

.lineup__item-body-img img {
  width: 26.667vw; }

.lineup__item-body-text {
  width: 52.267vw;
  margin: 0;
  font-size: 3.733vw; }

.lineup__item-body-text-span1 {
  margin-top: 4.5vw; }

.lineup__item-body-text-span2 {
  max-width: none;
  margin-top: 4.267vw;
  font-size: 3.2vw;
  line-height: 1.5; }


/* -----------------
■ hint
------------------- */
.contents1 .hint {
  padding: 17vw 0 15vw; }

.contents2 .hint {
  padding: 17vw 0 14vw; }

.contents3 .hint {
  padding: 17vw 0 14vw; }

.hint .contents__title {
  padding: 3vw 0; }

.hint .contents__title img {
  width: 43.2vw; }

.contents1 .hint__detail {
  width: 89.333vw;
  margin: 8vw auto 0; }

.contents2 .hint__detail {
  display: block;
  margin-top: 8vw; }

.contents2 .hint__detail-left {
  width: 89.333vw;
  margin: 0 auto; }

.hint__detail-right {
  max-width: none; }

.hint__detail-box {
  display: block;
  width: 42.667vw; }

.hint__detail-box-text {
  margin-top: 4.5vw;
  font-size: 3.733vw; }

.contents2 .hint__detail-box-text span {
  display: block;
  margin-top: 4.5vw; }

.contents2 .hint__detail-box-text {
  width: 89.333vw;
  margin: 4.5vw auto 0; }

.contents .hint__link {
  width: 91.467vw;
  margin: 0 auto; }

.contents .hint__link a {
  margin: 0; }

.contents .hint__link a + a {
  margin-top: 4.5vw; }

.contents .hint__link {
  margin-top: 20vw; }

.hint_box {
  width: 89.333vw;
  margin: 8.7vw auto 0; }

.hint_box + .hint_box {
  margin-top: 22vw; }

.hint_box-title {
  padding: 1.8vw 0 0.8vw;
  font-size: 4.267vw;
  line-height: 1.8;
  border-radius: 3.733vw; }

.hint_box ul {
  flex-wrap: wrap;
  justify-content: space-between; }

.hint_box:nth-of-type(1) ul {
  gap: 18.133vw 0;
  margin-top: 6vw; }

.hint_box:nth-of-type(2) ul {
  gap: 8.5vw 0;
  margin-top: 6vw; }

.hint_box li {
  width: 42.667vw; }

.hint_box-point {
  top: -10vw;
  padding: 1.5vw 0;
  font-size: 3.733vw;
  border-radius: 3.733vw; }

.hint_box-point::after {
  bottom: -2vw;
  width: 2.667vw;
  height: 2.667vw; }

.hint_box-text {
  margin-top: 5vw;
  font-size: 3.733vw; }

.hint_box-imp {
  width: 89.333vw;
  margin-top: 9vw;
  padding: 6.8vw 6.133vw 5vw;
  box-sizing: border-box;
  border-radius: 3.733vw; }

.hint_box-imp h3 {
  font-size: 4.8vw;
  line-height: 1.6; }

.hint_box-imp ul {
  max-width: none;
  margin: 2vw auto 0; }

.hint_box-imp li {
  font-size: 4.267vw;
  line-height: 1.8; }

.hint_box-head {
  margin-top: 7vw;
  text-align: left; }

.hint_box-head-text {
  font-size: 3.733vw; }

.hint_box-body {
  display: block;
  margin-top: 3.8vw;
  max-width: none; }

.hint_box-body-box {
  width: auto; }

.hint_box-body-box + .hint_box-body-box {
  margin-top: 12.5vw; }

.hint_box-body-box h4 {
  font-size: 4.267vw; }

.hint_box-body-box-img {
  margin-top: 4vw; }

.hint_box-body-box-textwrap {
  margin-top: 5.2vw; }

.hint_box-body-box-text {
  padding-left: 6.5vw;
  font-size: 3.733vw; }

.hint_box-body-box-text img {
  top: 1.5vw;
  width: 4.8vw; }



/* -----------------
■ habits
------------------- */
.habits {
  padding: 5vw 0 5vw; }

.contents .habits-inner {
  width: 89.333vw;
  border-radius: 3.733vw;
  box-sizing: border-box; }

.contents1 .habits-inner {
  padding: 10.5vw 3.467vw 11vw; }

.contents2 .habits-inner {
  padding: 11vw 3.467vw 5.5vw; }

.contents3 .habits-inner {
  padding: 11vw 3.467vw 5.5vw; }

.contents .habits .contents__title {
  width: auto;
  padding: 3vw 0; }

.habits .contents__title img {
  width: 74.667vw; }

.contents .habits__detail {
  display: block;
  width: 78.667vw;
  padding: 8.5vw 0 0; }

.habits__detail-title {
  position: static;
  padding: 0;
  text-align: center; }

.contents1 .habits__detail-title {
  margin-top: 8.5vw; }

.contents2 .habits__detail-title {
  margin-top: 1.5vw; }

.contents1 .habits__detail-title img {
  width: 73.333vw; }

.contents2 .habits__detail-title img {
  width: 68.267vw; }

.contents3 .habits__detail-title img {
  width: 73.067vw; }

.habits__detail-img {
  width: auto; }

.habits__detail-wrap {
  width: auto;
  padding: 0; }

.habits__detail-text {
  margin-top: 4.5vw;
  font-size: 3.733vw; }

.habits__detail-text span {
  display: block;
  margin-top: 4vw; }

.contents2 .habits__detail-text {
  margin-top: 9.5vw;
  text-align: left; }

.contents3 .habits__detail-text {
  margin-top: 9.5vw;
  text-align: left; }

.contents3 .habits__detail-text span {
  display: block;
  margin-top: 4vw; }

.habits__confirm {
  width: 78.667vw;
  margin: 4vw auto 0;
  padding: 7vw 4vw 6vw;
  border-radius: 3.733vw; }

.habits__confirm h3 {
  font-size: 4.8vw;
  line-height: 1.5; }

.habits__confirm ul {
  display: block;
  margin-top: 4.5vw; }

.habits__confirm li {
  gap: 0 2.5vw;
  width: auto; }

.habits__confirm li + li {
  margin-top: 4.2vw; }

.habits__confirm-checkbox {
  top: 0.5vw;
  width: 4.267vw;
  height: 4.267vw;
  border-radius: 0.8vw; }

.habits__confirm-checkbox img {
  position: absolute;
  top: -0.5vw;
  left: 0.5vw; }

.habits__confirm-text {
  font-size: 3.733vw;
  line-height: 1.5; }

.habits__deco {
  display: none; }

.habits__detail__body {
  margin-top: 6vw;
  padding: 6vw 4.267vw 7vw;
  border-radius: 3.733vw; }

.contents3 .habits__detail__body {
  padding: 7.2vw 4vw 6.5vw; }

.habits__detail__body h3 {
  font-size: 4.8vw;
  line-height: 1.5; }

.contents2 .habits__detail__body-wrap {
  display: block;
  margin-top: 5vw; }

.contents3 .habits__detail__body-wrap {
  gap: 0 6.133vw;
  margin-top: 3.5vw; }

.contents3 .habits__detail__body-wrap::after {
  top: 14vw;
  left: 51%;
  width: 4.267vw;
  height: 4.267vw;
  transform: translateX(-50%);
  background-size: contain; }

.habits__detail__body-wrap-text {
  margin-top: 3vw; }

.habits__detail__body-wrap-text p {
  font-size: 3.733vw; }

.habits__detail__body-wrap-text p + p {
  margin-top: 7vw; }

.habits__detail__body-wrap-box {
  display: block;
  width: 32vw; }

.habits__detail__body-wrap-img {
  flex-shrink: 1;
  width: auto; }

.habits__detail__body-wrap-box p {
  width: auto;
  margin-top: 3vw;
  font-size: 3.733vw; }



/* ■ SP | END------------------- */
}