@charset "UTF-8";
.container {
  max-width: 98rem;
  padding: 0 1.5rem;
  margin: auto;
  overflow: hidden;
}

.btn {
  display: inline-block;
  transition: all 0.5s;
  border: none;
  cursor: pointer;
  color: #fff;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  background-color: #f39700;
}
.btn:hover {
  opacity: 0.8;
}

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

.py-1 {
  padding: 1rem 0;
}
.py-2 {
  padding: 2rem 0;
}
.py-3 {
  padding: 3rem 0;
}
.py-4 {
  padding: 4rem 0;
}
.py-5 {
  padding: 5rem 0;
}
.py-6 {
  padding: 6rem 0;
}
.py-7 {
  padding: 7rem 0;
}

body {
  line-height: 1.6;
}

a {
  text-decoration: none;
  color: #fff;
}

ul {
  list-style: none;
}

h1,
h2,
h3,
h4 {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
}

.sp-img {
  display: none;
}

img.next {
  width: 2.4rem;
}

#MV {
  background: url(../img/bg-mv.jpg) no-repeat center center/cover;
}
#MV .top-wrap {
  display: flex;
  justify-content: center;
  align-items: center;
}
#MV .top-wrap .medal {
  margin: 1rem 0 0;
}
#MV h1 {
  font-size: 4rem;
  color: #343434;
  position: relative;
}
#MV h1::after {
  content: "";
  position: absolute;
  bottom: -6.5rem;
  left: 8rem;
  height: 0.25rem;
  width: 17rem;
  background: #343434;
  display: block;
  margin-bottom: 10rem;
}
#MV h1 .logo {
  margin-bottom: -1rem;
  width: 30rem;
}
#MV .under-line {
  background: linear-gradient(transparent 50%, #fce5be 50%);
}
#MV .hyphen {
  margin-left: 25.5rem;
}
#MV .wrap-left-right {
  display: flex;
  justify-content: start;
}
#MV .wrap-left {
  position: relative;
}
#MV .wrap-left .icons {
  position: relative;
  z-index: 1;
  display: flex;
  align-items: center;
}
#MV .wrap-left .supervise {
  position: relative;
  font-size: 2.2rem;
  margin: 2rem 0 0 4rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#MV .wrap-left .supervise .professional {
  position: absolute;
  bottom: 8rem;
  left: 12rem;
}
#MV .wrap-left .supervise span {
  color: #e55d9d;
  font-size: 3rem;
  position: relative;
}
#MV .wrap-left .supervise span:before {
  content: "・・・・・・";
  position: absolute;
  top: -3rem;
}
#MV .products-pc {
  position: relative;
  width: 40rem;
  height: 52rem;
}
#MV .products-pc img {
  position: absolute;
  top: -4rem;
  right: 0;
}

.purchase {
  position: relative;
}
.purchase:before, .purchase:after {
  content: "";
  position: absolute;
  background: url(../img/bg-flower.png) no-repeat;
  background-size: 34.35rem 25.05rem;
  width: 34.35rem;
  height: 25.05rem;
  z-index: -1;
}
.purchase::before {
  transform: scale(-1, -1);
}
.purchase:after {
  right: 0;
  bottom: 0;
}
.purchase .container {
  text-align: center;
  position: relative;
}
.purchase h2 {
  font-size: 3.5rem;
  letter-spacing: 0.4rem;
  margin: 4rem 0 1.5rem;
}
.purchase h3 {
  display: inline-block;
  position: relative;
  z-index: 1;
  font-size: 2.5rem;
  color: #f39700;
  background: #fff;
  border: 0.4rem solid #f39700;
  padding: 1rem;
  width: 45rem;
}
.purchase .wrap {
  position: relative;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 400;
  position: relative;
  max-width: 89rem;
  height: 50rem;
  top: -3.5rem;
  display: flex;
  border: 0.4rem solid #f39700;
  margin: 0 auto;
  padding: 6rem 0 0 6rem;
}
.purchase .wrap-left {
  display: flex;
}
.purchase .nutriveil img,
.purchase .aquaflow img {
  width: 16rem;
}
.purchase .nutriveil p,
.purchase .aquaflow p {
  margin: 1rem 0 0 2rem;
  position: relative;
}
.purchase .nutriveil p::before,
.purchase .aquaflow p::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.5rem;
  display: inline-block;
  width: 7rem;
  height: 0.3rem;
  transform: translate(-50%);
}
.purchase .nutriveil p {
  color: #f39700;
}
.purchase .nutriveil p::before {
  background: #f39700;
}
.purchase .aquaflow p {
  color: #221815;
}
.purchase .aquaflow p::before {
  background: #221815;
}
.purchase .wrap-right {
  position: relative;
  text-align: left;
  margin: 6.5rem 0 0 6rem;
}
.purchase .set {
  position: absolute;
  top: 3rem;
  right: 4.5rem;
}
.purchase .product-name {
  display: inline-block;
  font-size: 4rem;
  line-height: 4.8rem;
  display: inline-block;
}
.purchase .bottle-size {
  font-size: 3rem;
  margin-bottom: 2rem;
}
.purchase .price {
  font-size: 3rem;
  display: flex;
  align-items: center;
}
.purchase .price p {
  font-size: 8rem;
  margin: 0 1rem;
}
.purchase .price div {
  display: flex;
  flex-direction: column;
}
.purchase .price div :first-child {
  font-size: 2rem;
  line-height: 1;
}
.purchase .price div :last-child {
  font-size: 4rem;
  line-height: 1;
  text-align: center;
}
.purchase .btn {
  font-size: 3rem;
  padding: 2rem 7rem;
  margin-bottom: 6rem;
}

#trouble {
  background: url(../img/bg-trouble.png) repeat-x center center;
}
#trouble .container {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 44.8rem;
}
#trouble .wrap {
  position: relative;
  background: #fff;
  border-radius: 3rem;
  max-width: 82rem;
  width: 100%;
  height: 29rem;
  padding: 2.5rem 0 0 3rem;
  margin: 0 8rem;
}
#trouble .wrap span {
  color: #e55d9d;
}
#trouble .wrap h2 {
  display: inline;
  text-align: left;
  background: linear-gradient(transparent 70%, #fce5be 70%);
  font-size: 3rem;
  line-height: 1;
}
#trouble .wrap h2 span {
  font-size: 3.5rem;
}
#trouble .wrap ul {
  position: relative;
  flex-direction: column;
  font-size: 2.8rem;
  margin-top: 3.5rem;
  line-height: 2;
}
#trouble .wrap ul img {
  position: relative;
  top: 0.5rem;
}
#trouble .face {
  position: absolute;
  top: 2rem;
  right: -8rem;
}

#solution .container {
  overflow: visible;
  display: flex;
  align-items: center;
  flex-direction: column;
}
#solution .wrap {
  position: relative;
  max-width: 88rem;
  width: 100%;
  height: 40rem;
  padding: 6rem 3rem;
  background: #f5f5f9;
  box-shadow: -1.5rem 1.5rem 0.3rem #eaeaea;
}
#solution .wrap::before {
  content: "";
  display: inline-block;
  position: absolute;
  top: -12rem;
  left: 10%;
  border: 4rem solid transparent;
  border-bottom: 10rem solid #f5f5f9;
  transform: rotate(20deg);
}
#solution .cuticle {
  position: absolute;
  top: 4rem;
  right: 8rem;
  text-align: center;
}
#solution .cuticle p {
  text-align: center;
}
#solution .description {
  font-size: 2rem;
  margin: 2rem 0 0 4rem;
}
#solution .description span {
  background: linear-gradient(transparent 60%, #d5e8f2 60%);
}
#solution .ballon {
  position: absolute;
  bottom: -12rem;
  right: 0;
}
#solution .angle {
  margin-top: 9rem;
}

#care {
  background: url(../img/bg-care.jpg) no-repeat center right/cover;
}
#care h2 {
  text-align: center;
  font-size: 4.5rem;
}
#care .wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 5rem 0;
}
#care .wrap-top, #care .wrap-bottom {
  background: rgba(255, 255, 255, 0.8);
  padding: 3rem 4rem;
  max-width: 95rem;
  width: 100%;
}
#care .wrap-top {
  margin-bottom: 1.5rem;
}
#care h3 {
  font-size: 3rem;
  color: #e55d9d;
  margin-bottom: 1rem;
}
#care p {
  font-size: 2rem;
}
#care p .under-line {
  background: linear-gradient(transparent 50%, #fce5be 50%);
}
#care p .emphasis {
  color: #e71f19;
}
#care p .bold {
  font-weight: 900;
}

#improve {
  background: #fef8ec;
}
#improve .container {
  overflow: visible;
}
#improve h2 {
  font-size: 2.8rem;
  margin-top: 2.5rem;
  display: inline-block;
  width: 70rem;
}
#improve .arrow {
  position: relative;
  display: flex;
  text-align: center;
  margin: 0 auto -5rem;
  top: -8.5rem;
  background: #f39700;
  color: #fff;
  width: 55rem;
  height: 7.5rem;
}
#improve .arrow :after {
  content: "";
  position: absolute;
  bottom: -4rem;
  left: 50%;
  margin-left: -27.5rem;
  border-style: solid;
  border-color: #f39700 transparent transparent transparent;
  border-width: 4rem 27.5rem 0 27.5rem;
  z-index: 1;
}
#improve .wrap-top {
  display: flex;
  flex-direction: row-reverse;
}
#improve .wrap-top h3 {
  font-size: 3rem;
  margin-bottom: 5rem;
}
#improve .wrap-top h3 span {
  color: #e55d9d;
}
#improve .wrap-top .text-comment {
  display: inline-block;
  width: 70%;
  padding-left: 3rem;
  margin-top: 8rem;
}
#improve .wrap-top .text-comment p {
  font-size: 2rem;
}
#improve .wrap-top .text-comment .under-line {
  background: linear-gradient(transparent 70%, #fce5be 70%);
}
#improve img {
  width: 29rem;
  margin-left: 3rem;
}
#improve img p {
  font-size: 1.8rem;
  max-width: 36rem;
}
#improve img p span {
  background: linear-gradient(transparent 60%, #fce5be 60%);
}
#improve .wrap-bottom {
  position: relative;
  background: #fff;
  border: #f39700 0.2rem solid;
  border-radius: 2rem;
  margin-bottom: 6rem;
}
#improve .wrap-bottom .point {
  position: absolute;
  top: -1.5rem;
  left: 1.5rem;
  background: #f39700;
  color: #fff;
  display: inline-block;
  padding: 1rem 2rem;
  border-radius: 10rem;
}
#improve .wrap-bottom div {
  display: flex;
  align-items: center;
}
#improve .wrap-bottom div h4 {
  color: #f39700;
  border-right: #f39700 0.3rem dashed;
  width: 34%;
  font-size: 2.2rem;
  line-height: 6;
  padding-left: 4rem;
}
#improve .wrap-bottom div p {
  padding: 4rem 3.8rem;
  font-size: 1.8rem;
  width: 66%;
}
#improve .wrap-bottom div p span {
  color: #f39700;
}
#improve a.manga-button {
  display: block;
  margin: 0 auto;
  background: #fa0;
  text-align: center;
  width: 430px;
  padding: 20px 0;
  border-radius: 10px;
  font-size: 2.3rem;
}
#improve a.manga-button:hover {
  background: #c1860e;
  transition: 0.2s;
}

#aquaflow {
  background: url(../img/bg-aquaflow.jpg) no-repeat center center/cover;
}
#aquaflow .container {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#aquaflow h2 {
  display: flex;
  align-items: center;
  font-size: 5.5rem;
  margin: 5rem 0 3rem 0;
}
#aquaflow h2 span {
  font-size: 4rem;
  margin-right: 2rem;
}
#aquaflow ul {
  display: flex;
  flex-direction: column;
  height: 55rem;
  margin-right: 1.5rem;
}
#aquaflow ul li {
  display: flex;
  align-items: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.5rem;
  margin-bottom: 2rem;
}
#aquaflow ul li span {
  width: 35rem;
}

#nutriveil {
  background: #f9fafd;
}
#nutriveil .container {
  display: flex;
}
#nutriveil .wrap-left {
  position: relative;
}
#nutriveil .nutriveil {
  margin-top: 3rem;
}
#nutriveil .treatment-care {
  position: absolute;
  top: 0;
  right: -12rem;
}
#nutriveil .wrap-right {
  margin: 18rem 0 0 6rem;
}
#nutriveil .wrap-right h2 {
  font-size: 4.3rem;
  margin-bottom: 3rem;
}
#nutriveil .wrap-right h2 span {
  margin-right: 1rem;
}
#nutriveil .wrap-right p {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.6rem;
  margin: 6rem 0 0 3rem;
  max-width: 52rem;
}

#experience h2 {
  font-size: 3.5rem;
  margin-bottom: 4rem;
}
#experience .wrap {
  margin-top: 2rem;
  display: flex;
}
#experience p {
  font-size: 3.2rem;
  line-height: 2.3;
  color: #e55d9d;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  border: #e55d9d 0.2rem solid;
  width: 50%;
}
#experience p:first-child {
  border-right: none;
}

#professional {
  background: url(../img/bg-professional.jpg) no-repeat top center/cover;
}
#professional .wrap {
  background: rgba(255, 255, 255, 0.8);
  max-width: 89rem;
  padding: 5rem;
  margin: 0 auto;
}
#professional h2 {
  font-size: 3.2rem;
  line-height: 1.2;
  text-align: center;
}
#professional .wrap-inner {
  display: flex;
  align-items: flex-start;
}
#professional .aquaflow {
  max-width: 23.5rem;
  margin: 2rem 3rem 0 0;
}
#professional .points {
  margin-top: 5rem;
}
#professional .point1 div,
#professional .point2 div,
#professional .point3 div {
  height: 5rem;
  display: flex;
  align-items: center;
}
#professional .point1 img,
#professional .point2 img,
#professional .point3 img {
  margin-right: 2rem;
}
#professional .point1,
#professional .point2 {
  margin-bottom: 5rem;
}
#professional h3 {
  font-size: 2.5rem;
  display: inline-block;
}
#professional p {
  margin-left: 10.5rem;
}

#single .wrap {
  display: flex;
  justify-content: space-around;
}
#single .aquaflow,
#single .nutriveil {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#single .product-image {
  position: relative;
}
#single .product-image p {
  position: relative;
  font-size: 1.8rem;
  margin-top: 1rem;
}
#single .product-image p::before {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -0.6rem;
  display: inline-block;
  width: 7rem;
  height: 0.3rem;
  transform: translate(-50%);
}
#single .aquaflow .product-image p {
  color: #221815;
}
#single .aquaflow .product-image p::before {
  background: #221815;
}
#single .nutriveil .product-image p {
  color: #f39700;
}
#single .nutriveil .product-image p::before {
  background: #f39700;
}
#single .single {
  position: absolute;
  bottom: 0;
  left: -8rem;
}
#single .product {
  width: 13rem;
  margin-right: 2.5rem;
}
#single .price-wrap {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-size: 2.5rem;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  margin: 2.5rem 0 3rem;
}
#single .price-wrap .price-section {
  display: flex;
  align-items: flex-end;
}
#single .price-wrap .price-section .price {
  font-size: 5rem;
  margin: 0 0.5rem;
  line-height: 3.5rem;
}
#single .price-wrap .price-section .yen {
  display: flex;
  flex-direction: column;
}
#single .price-wrap .price-section .yen :first-child {
  font-size: 1.2rem;
  line-height: 1;
}
#single .price-wrap .price-section .yen :last-child {
  font-size: 2.5rem;
  line-height: 1;
}
#single .btn {
  font-size: 2.5rem;
  padding: 0.8rem 4.5rem;
}

#new-product {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  padding: 3rem 0 10rem;
}
#new-product h2 {
  font-size: 4rem;
  position: relative;
  width: 57rem;
  margin: 0 auto 2rem;
  border-bottom: 0.8rem solid #fce9c9;
}
#new-product h2::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: -0.8rem;
  width: 43rem;
  height: inherit;
  border-bottom: 0.8rem solid #f39700;
}
#new-product h3 {
  font-size: 4.5rem;
  line-height: 1;
  margin-bottom: 2rem;
}
#new-product .wrap-top {
  margin-bottom: 8rem;
}
#new-product .wrap-top p {
  font-size: 2rem;
  line-height: 1.6;
}
#new-product .wrap-bottom {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 2rem;
}
#new-product .wrap-bottom-second {
  margin-top: 8rem;
}
#new-product .single-wrap,
#new-product .set-wrap {
  display: flex;
  align-items: center;
  flex-direction: column;
}
#new-product .single-wrap .product-name :nth-child(1),
#new-product .set-wrap .product-name :nth-child(1) {
  font-size: 1.8rem;
}
#new-product .single-wrap .treatment-name,
#new-product .set-wrap .treatment-name {
  font-size: 2.1rem;
}
#new-product .single-wrap .product-name {
  margin-top: 1.8rem;
}
#new-product .product-image {
  position: relative;
}
#new-product .single,
#new-product .set {
  position: absolute;
  z-index: 1;
  bottom: 0;
}
#new-product .single {
  left: -6rem;
}
#new-product .set {
  width: 8.2rem;
  left: -3rem;
}
#new-product .shampoo-single,
#new-product .treatment {
  margin-right: 2rem;
  position: relative;
}
#new-product .treatment {
  left: -2rem;
}
#new-product .wrap-product-name {
  display: flex;
  align-items: center;
  line-height: 1;
  margin: 2rem 0;
}
#new-product .price-section {
  display: flex;
  align-items: flex-end;
}
#new-product .tax :first-child {
  font-size: 1.5rem;
  line-height: 1;
}
#new-product .tax :last-child {
  font-size: 2rem;
  line-height: 1;
}
#new-product .product-name {
  text-align: left;
  font-size: 2.4rem;
}
#new-product .product-name span {
  font-size: 1.5rem;
}
#new-product .price {
  font-size: 5rem;
  margin: 0 0.2rem -0.9rem 1rem;
}
#new-product .btn {
  font-size: 2.5rem;
  padding: 0.8rem 4.5rem;
}

#lineup-trial {
  background: #fff8ee;
}
#lineup-trial h2 {
  font-style: oblique;
  font-size: 5rem;
  text-align: center;
  line-height: 0.8;
}
#lineup-trial h2 span {
  font-size: 2.5rem;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-style: normal;
}
#lineup-trial .btn {
  font-size: 2rem;
  padding: 1.2rem 5rem;
}
#lineup-trial .set {
  margin: 10rem 0 4rem 0;
  padding: 4rem 10rem;
  display: flex;
  border: solid 7px #fff;
  box-shadow: 0px 0px 0px 16px #faebd4;
  align-items: center;
  justify-content: space-between;
  background: url(../img/bg-lineup-trial-set.jpg);
}
#lineup-trial .set-wrap-left {
  position: relative;
}
#lineup-trial .set-wrap-left img {
  position: absolute;
  top: -18rem;
}
#lineup-trial .set-wrap-right {
  padding-left: 3rem;
}
#lineup-trial .set-wrap-right h3 {
  font-size: 4rem;
  line-height: 1;
  margin-bottom: 2rem;
}
#lineup-trial .set-wrap-right h3 span {
  font-size: 2rem;
}
#lineup-trial .set-wrap-right h3 .kana {
  display: block;
}
#lineup-trial .set-wrap-right .description {
  margin-bottom: 3rem;
  font-size: 1.5rem;
}
#lineup-trial .items {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#lineup-trial .items .description {
  margin: 1rem 0;
}
#lineup-trial h4 {
  display: inline-block;
  font-size: 3rem;
  line-height: 1;
}
#lineup-trial h4 a {
  color: #804d1b;
  text-decoration: underline;
}
#lineup-trial h4 a:hover {
  color: #c38a53;
  transition: 0.2s;
}
#lineup-trial h4 span {
  font-size: 2rem;
}
#lineup-trial .item {
  position: relative;
  display: flex;
  align-items: flex-start;
  height: 28rem;
}
#lineup-trial .item img {
  margin-right: 2rem;
  max-width: 11rem;
}
#lineup-trial .item .btn {
  position: absolute;
  right: 3.5rem;
  bottom: 2rem;
  padding: 1.2rem 4rem;
  font-size: 1.8rem;
}
#lineup-trial .ururi img {
  position: relative;
  bottom: -2rem;
}
#lineup-trial .sarari img {
  width: 6.5rem;
}
#lineup-trial .kururi img {
  width: 6.5rem;
}
#lineup-trial .item-wrap-top,
#lineup-trial .item-wrap-bottom {
  display: flex;
  justify-content: space-around;
  width: 100%;
  margin-top: 4rem;
}
#lineup-trial .item-right {
  max-width: 37rem;
  position: relative;
}
#lineup-trial .price {
  display: inline-flex;
  font-size: 2.5rem;
}
#lineup-trial .price > p {
  font-size: 3.1rem;
}
#lineup-trial .price div {
  display: flex;
  flex-direction: column;
  position: relative;
  top: 1.3rem;
}
#lineup-trial .price div :nth-child(1) {
  font-size: 1rem;
  line-height: 1;
}
#lineup-trial .price div :nth-child(2) {
  line-height: 1;
  text-align: center;
  font-size: 1.8rem;
}
#lineup-trial .mini {
  padding: 3rem 7rem;
}
#lineup-trial .mini > img {
  width: 34rem;
}
#lineup-trial .mini .description {
  margin-bottom: 1rem;
}
#lineup-trial .mini .description span.trial-span {
  color: #ff2539;
  font-weight: bold;
  text-decoration: underline;
}
#lineup-trial .mini .price {
  display: inline-flex;
  margin-right: 1rem;
  font-size: 3rem;
  position: relative;
  top: 1rem;
}
#lineup-trial .mini .price > p {
  font-size: 5rem;
}
#lineup-trial .mini .price div {
  display: flex;
  position: relative;
  top: 2.1rem;
}
#lineup-trial .mini .price div :nth-child(1) {
  font-size: 1.3rem;
  line-height: 1;
}
#lineup-trial .mini .price div :nth-child(2) {
  line-height: 1;
  text-align: center;
  font-size: 2.7rem;
}
#lineup-trial .set-contain {
  text-align: center;
  font-size: 3rem;
  margin: 7rem 0 3rem;
}
#lineup-trial .set-include .item-wrap-top {
  margin-top: 3rem;
}
#lineup-trial .set-include .item {
  width: 50%;
  height: auto;
  align-items: center;
}
#lineup-trial .set-include .item img {
  margin-right: 2rem;
  max-width: 9rem;
}
#lineup-trial .set-include .item .item-right {
  max-width: 100%;
}
#lineup-trial .set-include .item .item-right .description {
  font-size: 1.4rem;
}
#lineup-trial .set-include .item-wrap-end {
  width: 45rem;
  margin-top: 4rem;
}
#lineup-trial .set-include .item-wrap-end .item {
  width: 100%;
}

/*footer*/
footer {
  background: #251804;
  color: #fff;
  overflow: hidden;
}
footer .logo {
  width: 30rem;
}
footer nav ul {
  display: flex;
}
footer li {
  margin: 0 40px 0 0;
}
footer li a {
  color: #c1b9ae;
}

.footernav {
  margin: 50px 0 40px 0;
}

.footernav + ul {
  display: flex;
}

.footernav + ul li {
  width: 33.333%;
}

small {
  font-size: 1rem;
  text-align: center;
  display: block;
  margin: 90px 0 20px 0;
  color: #c1b9ae;
}

.sp-br {
  display: none;
}
@media (max-width: 620px) {
  .sp-br {
    display: block;
  }
}

.pc-br {
  display: block;
}
@media (max-width: 620px) {
  .pc-br {
    display: none;
  }
}

@media (max-width: 620px) {
  .pc-img {
    display: none;
  }
}

.sp-img {
  display: none;
}
@media (max-width: 620px) {
  .sp-img {
    display: block;
  }
}

@media (max-width: 980px) {
  #MV .top-wrap {
    justify-content: space-between;
    width: 95%;
    margin: 0 auto;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #MV .top-wrap {
    width: auto;
  }
}
@media (max-width: 980px) {
  #MV .top-wrap h1 {
    font-size: 3.5rem;
    text-align: center;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .top-wrap h1 {
    font-size: 4rem;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #MV .top-wrap h1 {
    font-size: 4rem;
  }
  #MV .top-wrap h1::after {
    bottom: -7rem;
    left: 9rem;
    width: 10rem;
  }
  #MV .top-wrap h1 .hyphen {
    margin-left: 20rem;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #MV .top-wrap h1 {
    font-size: 3.5rem;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #MV .top-wrap h1 {
    font-size: 3rem;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #MV .top-wrap h1 {
    font-size: 2.5rem;
  }
  #MV .top-wrap h1::after {
    bottom: -8rem;
    left: 10rem;
    width: 8rem;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #MV .top-wrap h1 {
    margin: 0 auto;
    text-align: right;
  }
  #MV .top-wrap h1::after {
    bottom: -8.5rem;
    left: 2rem;
    width: 2rem;
  }
  #MV .top-wrap h1 .hyphen {
    margin-left: 5rem;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #MV .top-wrap h1 {
    font-size: 6.5vw;
    margin-top: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 320px) {
  #MV .top-wrap h1 {
    font-size: 6.2vw;
  }
}
@media (max-width: 980px) {
  #MV .top-wrap h1 .logo {
    margin-bottom: -1vw;
    display: block;
    left: -19vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .top-wrap h1 .logo {
    margin: 3vw auto -5vw;
    width: 47vw;
    position: relative;
    left: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #MV .top-wrap h1 .logo {
    left: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #MV .top-wrap h1 .logo {
    left: 0;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #MV .top-wrap h1 .logo {
    left: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #MV .top-wrap h1 .logo {
    left: 1vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #MV .top-wrap h1 .logo {
    width: 90%;
    display: block;
    margin: 0 auto -5vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .top-wrap .medal {
    display: none;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left {
    width: 100%;
  }
  #MV .wrap-left .icons {
    width: 80%;
    justify-content: space-between;
    margin: 0 auto;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .icons {
    width: 100%;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .icons img {
    width: 33%;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .products-sp {
    display: block;
    width: 80%;
    margin: -50px auto 0;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 768px) {
  #MV .wrap-left .products-sp {
    margin: -20px auto 0;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .products-sp {
    width: 100%;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .supervise {
    margin: 0 auto;
    width: 80%;
    font-size: 2.5rem;
    text-align: justify;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .supervise img {
    width: 67vw;
    display: block;
    margin: 0 auto;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 768px) {
  #MV .wrap-left .supervise {
    width: 390px;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 560px) {
  #MV .wrap-left .supervise {
    width: 330px;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .supervise {
    width: 82vw;
    margin-top: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .supervise .professional {
    bottom: 10rem;
    right: 0;
    width: inherit;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 820px) {
  #MV .wrap-left .supervise .professional {
    bottom: 10rem;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 620px) {
  #MV .wrap-left .supervise .professional {
    bottom: 10rem;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 560px) {
  #MV .wrap-left .supervise .professional {
    bottom: 17vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .supervise .professional {
    bottom: 22vw;
    left: 30vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .supervise p {
    width: 100%;
    font-size: 3rem;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 560px) {
  #MV .wrap-left .supervise p {
    font-size: 2.5rem;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .supervise p {
    font-size: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .supervise span {
    font-size: 4vw;
  }
  #MV .wrap-left .supervise span::before {
    top: -4rvw;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 560px) {
  #MV .wrap-left .supervise span {
    font-size: 6vw;
  }
  #MV .wrap-left .supervise span::before {
    top: -3rem;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 560px) {
  #MV .wrap-left .supervise span::before {
    top: -2.5rem;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 560px) and (max-width: 414px) {
  #MV .wrap-left .supervise span::before {
    top: -7.5vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 414px) {
  #MV .wrap-left .supervise span {
    font-size: 8vw;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .wrap-left .supervise br.tab-br {
    display: none;
  }
}
@media (max-width: 980px) and (max-width: 910px) and (max-width: 768px) {
  #MV .wrap-left .supervise br.tab-br {
    display: block;
  }
}
@media (max-width: 980px) and (max-width: 910px) {
  #MV .products-pc {
    display: none;
  }
}
@media (max-width: 910px) {
  .purchase::before {
    width: 24.35rem;
    height: 20rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase::before {
    width: 13rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase h2 {
    font-size: 4vw;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase h2 {
    font-size: 6vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase h3 {
    font-size: 4vw;
    width: 73vw;
  }
}
@media (max-width: 910px) {
  .purchase .wrap {
    padding: 9% 0 0 6%;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap {
    width: 90%;
    padding: 17% 0 5% 0;
    flex-direction: column;
    height: auto;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap {
    width: 100%;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .set {
    position: absolute;
    width: 17vw;
    top: 50px;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .set {
    top: 9vw;
    right: 7vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-left {
    width: 47vw;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    position: relative;
    left: -1vw;
  }
}
@media (max-width: 910px) {
  .purchase .wrap .wrap-left img {
    width: 14rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-left img {
    width: 22vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-left p {
    font-size: 3vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right {
    width: 67vw;
    margin: 9vw auto 0;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right {
    width: 70vw;
  }
}
@media (max-width: 910px) {
  .purchase .wrap .wrap-right .product-name p {
    font-size: 3rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .product-name p {
    font-size: 6vw;
    line-height: 6vw;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .product-name p {
    font-size: 7vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .bottle-size {
    font-size: 5vw;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .bottle-size {
    font-size: 6vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .price {
    width: 58vw;
    margin: 0 auto;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .price {
    width: auto;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .price img {
    width: 15vw;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .price img {
    width: 16vw;
  }
}
@media (max-width: 910px) {
  .purchase .wrap .wrap-right .price p {
    font-size: 5.1rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .price p {
    font-size: 11vw;
    margin: 0;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .price p {
    font-size: 13vw;
  }
}
@media (max-width: 910px) {
  .purchase .wrap .wrap-right .price div :first-child {
    font-size: 2rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .price div :first-child {
    font-size: 3.5vw;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .price div :first-child {
    font-size: 4.5vw;
  }
}
@media (max-width: 910px) {
  .purchase .wrap .wrap-right .price div :last-child {
    font-size: 4rem;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .wrap .wrap-right .price div :last-child {
    font-size: 7vw;
  }
}
@media (max-width: 910px) and (max-width: 414px) {
  .purchase .wrap .wrap-right .price div :last-child {
    font-size: 9vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .btn {
    font-size: 5.4vw;
    padding: 6vw 19vw;
  }
}
@media (max-width: 910px) and (max-width: 768px) {
  .purchase .btn .next {
    width: 4vw;
  }
}
@media (max-width: 820px) {
  #trouble .container {
    height: auto;
    padding: 7vw 0;
  }
}
@media (max-width: 768px) {
  #trouble .wrap {
    margin: 0 8vw;
  }
}
@media (max-width: 620px) {
  #trouble .wrap {
    margin: 0 7vw;
  }
}
@media (max-width: 560px) {
  #trouble .wrap {
    height: auto;
    padding-bottom: 3vw;
    margin: 0 5vw;
  }
}
@media (max-width: 910px) {
  #trouble .wrap h2,
#trouble .wrap h2 span {
    font-size: 3vw;
  }
}
@media (max-width: 620px) {
  #trouble .wrap h2,
#trouble .wrap h2 span {
    font-size: 4.5vw;
    line-height: 6vw;
  }
}
@media (max-width: 414px) {
  #trouble .wrap h2,
#trouble .wrap h2 span {
    font-size: 5vw;
  }
}
@media (max-width: 560px) {
  #trouble .wrap ul {
    margin-top: 5vw;
  }
}
@media (max-width: 910px) {
  #trouble .wrap ul li {
    font-size: 3vw;
  }
}
@media (max-width: 768px) {
  #trouble .wrap ul li {
    font-size: 2.5vw;
  }
}
@media (max-width: 620px) {
  #trouble .wrap ul li {
    font-size: 3vw;
  }
}
@media (max-width: 560px) {
  #trouble .wrap ul li {
    font-size: 4vw;
  }
}
@media (max-width: 414px) {
  #trouble .wrap ul li {
    font-size: 4.5vw;
  }
}
@media (max-width: 620px) {
  #trouble .wrap ul li img {
    width: 7vw;
  }
}
@media (max-width: 980px) {
  #trouble .wrap .face {
    top: 5vw;
    right: -6vw;
    width: 35vw;
  }
}
@media (max-width: 768px) {
  #trouble .wrap .face {
    top: 10vw;
  }
}
@media (max-width: 620px) {
  #trouble .wrap .face {
    top: 0;
  }
}
@media (max-width: 560px) {
  #trouble .wrap .face {
    top: 1vw;
    width: 27vw;
    right: 3vw;
  }
}

@media (max-width: 910px) {
  #solution .wrap {
    height: auto;
  }
}
@media (max-width: 620px) {
  #solution .wrap {
    width: 100%;
  }
}
@media (max-width: 414px) {
  #solution .wrap {
    padding-top: 9vw;
  }
}
@media (max-width: 620px) {
  #solution .wrap h2 {
    text-align: center;
  }
}
@media (max-width: 910px) {
  #solution .wrap h2 img {
    width: 45vw;
  }
}
@media (max-width: 620px) {
  #solution .wrap h2 img {
    width: 93%;
  }
}
@media (max-width: 768px) {
  #solution .wrap .cuticle {
    right: 6vw;
  }
}
@media (max-width: 620px) {
  #solution .wrap .cuticle {
    position: relative;
    top: 0;
    right: 0;
  }
}
@media (max-width: 910px) {
  #solution .wrap .cuticle img {
    width: 30vw;
  }
}
@media (max-width: 620px) {
  #solution .wrap .cuticle img {
    width: 98%;
  }
}
@media (max-width: 910px) {
  #solution .wrap .description {
    font-size: 2.2vw;
  }
}
@media (max-width: 620px) {
  #solution .wrap .description {
    font-size: 4vw;
    margin-left: 0;
  }
}
@media (max-width: 414px) {
  #solution .wrap .description {
    font-size: 4.1vw;
  }
}
@media (max-width: 620px) {
  #solution .wrap .ballon {
    bottom: -5vw;
    position: relative;
    display: block;
    margin: 0 auto;
    width: 85%;
  }
}
@media (max-width: 560px) {
  #solution .wrap .ballon {
    width: 100%;
  }
}
@media (max-width: 560px) {
  #solution .angle {
    width: 30%;
    margin-top: 17vw;
  }
}

@media (max-width: 910px) {
  #care h2 {
    font-size: 4vw;
    color: #fff;
  }
}
@media (max-width: 700px) {
  #care h2 {
    font-size: 5vw;
  }
}
@media (max-width: 910px) {
  #care .wrap {
    padding-bottom: 0;
  }
}
@media (max-width: 910px) {
  #care .wrap .wrap-top,
#care .wrap .wrap-bottom {
    padding: 7vw 7vw;
  }
}
@media (max-width: 910px) {
  #care .wrap .wrap-top h3,
#care .wrap .wrap-bottom h3 {
    font-size: 3vw;
  }
}
@media (max-width: 700px) {
  #care .wrap .wrap-top h3,
#care .wrap .wrap-bottom h3 {
    font-size: 5vw;
  }
}
@media (max-width: 910px) {
  #care .wrap .wrap-top p,
#care .wrap .wrap-bottom p {
    font-size: 2.5vw;
  }
}
@media (max-width: 700px) {
  #care .wrap .wrap-top p,
#care .wrap .wrap-bottom p {
    font-size: 4vw;
  }
}

@media (max-width: 980px) {
  #aquaflow .container {
    padding-bottom: 6vw;
  }
}
@media (max-width: 560px) {
  #aquaflow .container {
    position: relative;
  }
}
@media (max-width: 980px) {
  #aquaflow .container div {
    width: 62%;
  }
}
@media (max-width: 560px) {
  #aquaflow .container div {
    width: 72%;
    margin-right: 12vw;
  }
}
@media (max-width: 414px) {
  #aquaflow .container div {
    width: 82%;
  }
}
@media (max-width: 980px) {
  #aquaflow .container div h2 {
    font-size: 5vw;
    margin-top: 0;
    margin-bottom: 4vw;
  }
}
@media (max-width: 560px) {
  #aquaflow .container div h2 {
    font-size: 6vw;
    display: block;
    text-align: right;
  }
}
@media (max-width: 980px) {
  #aquaflow .container div h2 span {
    font-size: 5vw;
  }
}
@media (max-width: 560px) {
  #aquaflow .container div h2 span {
    font-size: 6vw;
    margin-right: 0;
  }
}
@media (max-width: 980px) {
  #aquaflow .container div ul {
    height: auto;
    margin-right: 0;
  }
}
@media (max-width: 560px) {
  #aquaflow .container div ul li {
    margin-bottom: 4vw;
  }
}
@media (max-width: 980px) {
  #aquaflow .container div ul li img {
    width: 16vw;
    margin-right: 2vw;
  }
}
@media (max-width: 980px) {
  #aquaflow .container div ul li span {
    font-size: 2.5vw;
    text-align: left;
  }
}
@media (max-width: 560px) {
  #aquaflow .container div ul li span {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #aquaflow .container > img {
    width: 22vw;
    position: relative;
    top: 10vw;
    left: -4vw;
  }
}
@media (max-width: 560px) {
  #aquaflow .container > img {
    top: 11vw;
    left: 78vw;
    width: 25vw;
    position: absolute;
  }
}

@media (max-width: 414px) {
  #nutriveil {
    padding-top: 3vw;
  }
}
@media (max-width: 980px) {
  #nutriveil .container {
    padding-bottom: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .container {
    padding-bottom: 11vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .container {
    display: block;
    padding-bottom: 0;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-left {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 980px) {
  #nutriveil .wrap-left .nutriveil {
    width: 24vw;
    position: relative;
    left: 1vw;
    top: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .wrap-left .nutriveil {
    width: 18vw;
    left: 0;
    top: 11vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-left .nutriveil {
    width: 23vw;
    left: 28vw;
    top: 11vw;
  }
}
@media (max-width: 980px) {
  #nutriveil .wrap-left .treatment-care {
    width: 15vw;
    top: 3vw;
    right: -15vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .wrap-left .treatment-care {
    top: 0;
    right: -1vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-left .treatment-care {
    top: 21vw;
    right: 7vw;
    width: 23vw;
  }
}
@media (max-width: 980px) {
  #nutriveil .wrap-right {
    margin: 22vw 0 0 3vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .wrap-right {
    margin-top: 0;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-right {
    width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 980px) {
  #nutriveil .wrap-right h2 {
    font-size: 4.9vw;
    margin-bottom: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .wrap-right h2 {
    font-size: 5.3vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-right h2 {
    font-size: 5.7vw;
    position: relative;
    top: -56vw;
    right: -4vw;
  }
}
@media (max-width: 980px) {
  #nutriveil .wrap-right img {
    width: 63vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .wrap-right img {
    width: 69vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-right img {
    width: 84vw;
  }
}
@media (max-width: 980px) {
  #nutriveil .wrap-right p {
    font-size: 2.35vw;
    margin: 4vw 0 0 0;
    max-width: fit-content;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #nutriveil .wrap-right p {
    font-size: 3.3vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #nutriveil .wrap-right p {
    font-size: 4vw;
  }
}

@media (max-width: 980px) {
  #experience h2 {
    font-size: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #experience h2 {
    font-size: 6.5vw;
    margin: 0 auto 10vw;
  }
}
@media (max-width: 980px) {
  #experience h2 + img {
    width: 40vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #experience h2 + img {
    width: 45vw;
  }
}
@media (max-width: 980px) {
  #experience h2 + img + img {
    width: 30vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #experience h2 + img + img {
    width: 35vw;
  }
}
@media (max-width: 980px) {
  #experience .wrap {
    width: 85%;
    margin: 3vw auto 0;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #experience .wrap {
    display: block;
    width: 90%;
  }
}
@media (max-width: 980px) {
  #experience .wrap p {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #experience .wrap p {
    font-size: 5vw;
    border: #e55d9d 0.2rem solid;
    width: 100%;
  }
  #experience .wrap p:last-child {
    border-top: none;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #experience .wrap p {
    font-size: 6vw;
  }
}

@media (max-width: 980px) and (max-width: 414px) {
  #professional .wrap {
    padding: 13vw 5vw 0;
  }
}
@media (max-width: 980px) {
  #professional .wrap h2 {
    font-size: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #professional .wrap h2 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #professional .wrap h2 {
    font-size: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #professional .wrap .wrap-inner {
    flex-direction: column;
  }
}
@media (max-width: 980px) {
  #professional .wrap .wrap-inner .aquaflow {
    width: 25vw;
    margin-top: 11vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #professional .wrap .wrap-inner .aquaflow {
    width: 25vw;
    display: block;
    margin: 11vw auto 0;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #professional .wrap .wrap-inner .points {
    display: block;
    margin: 5vw auto;
  }
}
@media (max-width: 980px) {
  #professional .wrap .wrap-inner .points .point-number img {
    width: 9vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #professional .wrap .wrap-inner .points .point-number img {
    width: 13vw;
  }
}
@media (max-width: 980px) {
  #professional .wrap .wrap-inner .points .point-number h3 {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #professional .wrap .wrap-inner .points .point-number h3 {
    font-size: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #professional .wrap .wrap-inner .points .point-number h3 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) {
  #professional .wrap .wrap-inner .points .point-number p {
    font-size: 2vw;
    margin: 3vw 0 0 0;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #professional .wrap .wrap-inner .points .point-number p {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #professional .wrap .wrap-inner .points .point-number p {
    font-size: 4vw;
  }
}

@media (max-width: 980px) {
  #improve .arrow {
    width: 63%;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .arrow {
    width: 90%;
    height: 14vw;
    top: -22vw;
  }
}
@media (max-width: 980px) {
  #improve .arrow h2 {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #improve .arrow h2 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .arrow h2 {
    font-size: 4vw;
    margin-top: 4vw;
  }
}
@media (max-width: 980px) {
  #improve .arrow h2:after {
    bottom: -4vw;
    margin-left: -30.5vw;
    border-width: 4vw 30.5vw 0 30.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .arrow h2:after {
    bottom: -4vw;
    margin-left: -40.5vw;
    border-width: 4vw 41.5vw 0 41.5vw;
  }
}
@media (max-width: 980px) {
  #improve .wrap-top {
    margin-bottom: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-top {
    position: relative;
  }
}
@media (max-width: 980px) {
  #improve .wrap-top .text-comment {
    padding-left: 2vw;
    margin-top: 7vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-top .text-comment {
    width: 100%;
    margin-top: 1vw;
  }
}
@media (max-width: 980px) {
  #improve .wrap-top .text-comment h3 {
    margin-bottom: 3vw;
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-top .text-comment h3 {
    font-size: 4.9vw;
    margin-bottom: 7vw;
    margin-left: 0;
  }
}
@media (max-width: 980px) {
  #improve .wrap-top .text-comment p {
    font-size: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-top .text-comment p {
    width: 70%;
    height: 18vw;
    float: right;
    font-size: 3.8vw;
    margin-right: 5vw;
    margin-bottom: 7vw;
  }
}
@media (max-width: 980px) {
  #improve .wrap-top img {
    width: 29vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-top img {
    position: absolute;
    left: -10vw;
    bottom: -20px;
    width: 26vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-bottom {
    margin-bottom: 3vw;
  }
}
@media (max-width: 980px) {
  #improve .wrap-bottom .point {
    font-size: 1.8vw;
    padding: 1vw 2vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-bottom .point {
    font-size: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-bottom div {
    flex-direction: column;
  }
}
@media (max-width: 980px) {
  #improve .wrap-bottom div h4 {
    font-size: 2.2vw;
    padding-left: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-bottom div h4 {
    font-size: 4vw;
    border-right: none;
    border-bottom: #f39700 0.5vw dashed;
    width: 91%;
    line-height: 8vw;
    padding: 3vw 0 0;
  }
}
@media (max-width: 980px) {
  #improve .wrap-bottom div p {
    font-size: 2.5vw;
    padding: 4vw 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #improve .wrap-bottom div p {
    font-size: 3.5vw;
    width: 100%;
    padding: 1vw 4vw 3vw;
  }
}
@media (max-width: 768px) {
  #improve a.manga-button {
    width: 80vw;
    font-size: 4vw;
    padding: 5vw 0;
    margin-top: 10vw;
  }
}

@media (max-width: 980px) {
  #single .bottle .product-image .single {
    width: 9vw;
    bottom: 4vw;
    left: -7vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .product-image .single {
    width: 12vw;
    bottom: 8vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .product-image .product {
    width: 13vw;
    margin-right: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .product-image .product {
    width: 17vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .product-image p {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .product-image p {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .price-wrap {
    flex-direction: column;
    align-items: center;
  }
  #single .bottle .price-wrap h4 {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .price-wrap h4 {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .price-wrap .price-section {
    margin-top: 1vw;
  }
  #single .bottle .price-wrap .price-section .price {
    font-size: 6vw;
    padding: 0.5vw 0;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .price-wrap .price-section .price {
    font-size: 8vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .price-wrap .price-section .yen p:first-child {
    font-size: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .price-wrap .price-section .yen p:first-child {
    font-size: 3vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .price-wrap .price-section .yen p:last-child {
    font-size: 3.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .price-wrap .price-section .yen p:last-child {
    font-size: 5.5vw;
  }
}
@media (max-width: 980px) {
  #single .bottle .btn {
    font-size: 3vw;
    padding: 1vw 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #single .bottle .btn {
    font-size: 4vw;
    padding: 2vw 6vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #single .bottle .btn {
    font-size: 4.5vw;
    padding: 4vw 6vw;
  }
}

@media (max-width: 560px) {
  #new-product {
    padding-bottom: 15vw;
  }
}
@media (max-width: 980px) {
  #new-product .container h2 {
    font-size: 4vw;
    width: 63vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .container h2 {
    font-size: 6vw;
  }
}
@media (max-width: 980px) {
  #new-product .container h2::before {
    width: 46vw;
  }
}
@media (max-width: 980px) {
  #new-product .container .wrap-top img {
    width: 45vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .container .wrap-top img {
    width: 50vw;
  }
}
@media (max-width: 980px) {
  #new-product .container .wrap-top .product-kana {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #new-product .container .wrap-top .product-kana {
    font-size: 3.2vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .container .wrap-top .product-kana {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #new-product .container .wrap-top h3 {
    font-size: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #new-product .container .wrap-top h3 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .container .wrap-top h3 {
    font-size: 6vw;
  }
}
@media (max-width: 980px) {
  #new-product .container .wrap-top .product-description {
    font-size: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 768px) {
  #new-product .container .wrap-top .product-description {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .container .wrap-top .product-description {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom {
    justify-content: space-around;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom {
    justify-content: space-between;
  }
}
@media (max-width: 980px) and (max-width: 560px) and (max-width: 414px) {
  #new-product .wrap-bottom {
    padding: 0;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .single-wrap .product-name {
    margin-top: 0;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .product-image .single {
    width: 9vw;
    bottom: 4vw;
    left: -7vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .product-image .single {
    width: 12vw;
    bottom: 8vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .product-image .product {
    width: 13vw;
    margin-right: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .product-image .product {
    width: 17vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .product-image p {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .product-image p {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .product-name {
    font-size: 3vw;
    height: 5vw;
  }
  #new-product .wrap-bottom .bottle .product-name p:nth-child(1) {
    font-size: 2.8vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .price-wrap {
    flex-direction: column;
    align-items: center;
  }
  #new-product .wrap-bottom .bottle .price-wrap .price {
    font-size: 3vw;
    margin-bottom: -1vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .price-wrap .price {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .price-wrap .price-section {
    margin-top: 1vw;
  }
  #new-product .wrap-bottom .bottle .price-wrap .price-section .price {
    font-size: 6vw;
    padding: 0.5vw 0;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .price-wrap .price-section .price {
    font-size: 8vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .price-wrap .price-section .yen p:first-child {
    font-size: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .price-wrap .price-section .yen p:first-child {
    font-size: 3vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .price-wrap .price-section .yen p:last-child {
    font-size: 3.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .price-wrap .price-section .yen p:last-child {
    font-size: 5.5vw;
  }
}
@media (max-width: 980px) {
  #new-product .wrap-bottom .bottle .btn {
    font-size: 3vw;
    padding: 1vw 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom .bottle .btn {
    font-size: 4vw;
    padding: 2vw 6vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #new-product .wrap-bottom .bottle .btn {
    font-size: 4.5vw;
    padding: 4vw 6vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #new-product .wrap-bottom-second .bottle .product-image {
    left: 3vw;
  }
}

@media (max-width: 560px) {
  #lineup-trial {
    padding-top: 10vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up h2 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up h2 {
    font-size: 6vw;
    line-height: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up h2 {
    font-size: 8vw;
    line-height: 8vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .set {
    padding: 2vw 5vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up .set {
    flex-direction: column;
    padding: 2vw 3vw 6vw;
    width: 86vw;
    margin: 7vw auto 0;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .set .set-wrap-left img {
    width: 22vw;
    top: -19vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up .set .set-wrap-left img {
    position: relative;
    top: 0;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .set .set-wrap-left img {
    margin: 0 auto;
    display: block;
    bottom: 0;
    width: 40vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .set .set-wrap-right {
    padding-left: 0;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up .set .set-wrap-right {
    width: 58vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .set .set-wrap-right {
    width: auto;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .set .set-wrap-right h3 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up .set .set-wrap-right h3 {
    font-size: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .set .set-wrap-right h3 {
    font-size: 7vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #lineup-trial .line-up .set .set-wrap-right h3 span {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .set .set-wrap-right .description {
    font-size: 2vw;
    margin-bottom: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up .set .set-wrap-right .description {
    margin-bottom: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .set .set-wrap-right .description {
    font-size: 4vw;
    margin-bottom: 10vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .line-up .btn {
    margin: 0 auto;
    display: block;
    padding: 3vw 0;
    text-align: center;
    width: 40vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .btn {
    width: 60vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item-wrap-top {
    margin-top: 12vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item-wrap-bottom {
    flex-direction: column;
    margin-top: 0;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .sarari img,
#lineup-trial .line-up .items .kururi img {
    margin: 0 2vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item {
    height: auto;
    margin-bottom: 7vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item {
    width: 80vw;
    margin: 0 auto 11vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item {
    width: 95vw;
    display: block;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item img {
    margin: 0 auto 8vw;
    display: block;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .item-right {
    max-width: 90%;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right {
    max-width: 90%;
    margin: 0 auto;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .item-right h4 {
    font-size: 3.5vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .item-right h4 {
    font-size: 5.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right h4 {
    font-size: 6.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right h4 span {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 320px) {
  #lineup-trial .line-up .items .item .item-right h4 span {
    font-size: 4.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .item-right .price p {
    font-size: 3.3vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .item-right .price p {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right .price p {
    font-size: 7vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .item-right .price div {
    top: 1.3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right .price div {
    top: 3vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .item-right .price div p:nth-child(1) {
    font-size: 1vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .item-right .price div p:nth-child(1) {
    font-size: 1.8vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right .price div p:nth-child(1) {
    font-size: 2.2vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .item-right .price div p:nth-child(2) {
    font-size: 1.9vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .item-right .price div p:nth-child(2) {
    font-size: 3.3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right .price div p:nth-child(2) {
    font-size: 4.3vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .item-right .description {
    font-size: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .item-right .description {
    font-size: 2.3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .item-right .description {
    font-size: 4vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .line-up .items .item .btn {
    bottom: -5rem;
    text-align: center;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item .btn {
    width: 30vw;
    padding: 2vw 0;
    bottom: -9vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .line-up .items .item .btn {
    width: 60vw;
    padding: 4vw 0;
    font-size: 5vw;
    position: relative;
    right: 0;
    top: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .item-wrap-top .item {
    margin-bottom: 15vw;
  }
}
@media (max-width: 980px) and (max-width: 700px) {
  #lineup-trial .line-up .items .sarari .btn,
#lineup-trial .line-up .items .kururi .btn {
    bottom: -2vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini {
    padding: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .mini {
    flex-direction: column;
    width: 86vw;
    margin: 7vw auto 0;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini {
    width: 88vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini img {
    width: 28vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .mini img {
    width: 50vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini img {
    width: 70vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right {
    padding-left: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .mini .set-wrap-right {
    padding-left: 0;
    width: 58vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right {
    width: auto;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right h3 {
    font-size: 5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right h3 {
    font-size: 7vw;
  }
}
@media (max-width: 980px) and (max-width: 320px) {
  #lineup-trial .mini .set-wrap-right h3 span {
    font-size: 5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right h3 span:nth-child(1) {
    font-size: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right h3 span:nth-child(1) {
    font-size: 3.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right h3 span:nth-child(2) {
    font-size: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right h3 span:nth-child(2) {
    font-size: 3.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right .description {
    font-size: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .description {
    font-size: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .price-wrap {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right .price {
    margin-right: 2vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .mini .set-wrap-right .price {
    margin-left: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .price {
    margin-left: 2vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right .price p {
    font-size: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .price p {
    font-size: 9.5vw;
  }
}
@media (max-width: 980px) and (max-width: 320px) {
  #lineup-trial .mini .set-wrap-right .price p {
    font-size: 8.5vw;
  }
}
@media (max-width: 980px) and (max-width: 620px) {
  #lineup-trial .mini .set-wrap-right .price div {
    top: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .price div {
    top: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 320px) {
  #lineup-trial .mini .set-wrap-right .price div {
    top: 2.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right .price div p:nth-child(1) {
    font-size: 1.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .price div p:nth-child(1) {
    font-size: 2.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right .price div p:nth-child(2) {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .price div p:nth-child(2) {
    font-size: 5.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .mini .set-wrap-right .btn {
    font-size: 2.5vw;
    padding: 2vw 5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .mini .set-wrap-right .btn {
    font-size: 4.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .set-contain {
    font-size: 3vw;
    margin: 7vw 0;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .set-contain {
    font-size: 6vw;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  #lineup-trial .set-contain {
    font-size: 5vw;
    margin-top: 12vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .set-include .item-wrap-end {
    width: auto;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #lineup-trial .set-include .item-wrap-top,
#lineup-trial .set-include .item-wrap-bottom,
#lineup-trial .set-include .item-wrap-end {
    display: block;
    margin-top: 0;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #lineup-trial .set-include .item-wrap-top .item,
#lineup-trial .set-include .item-wrap-bottom .item,
#lineup-trial .set-include .item-wrap-end .item {
    width: 78vw;
    margin: 0 auto 9vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .set-include .item-wrap-top .item,
#lineup-trial .set-include .item-wrap-bottom .item,
#lineup-trial .set-include .item-wrap-end .item {
    width: 86vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .set-include .item-wrap-top .item img,
#lineup-trial .set-include .item-wrap-bottom .item img,
#lineup-trial .set-include .item-wrap-end .item img {
    margin-right: 2vw;
    max-width: 9vw;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #lineup-trial .set-include .item-wrap-top .item img,
#lineup-trial .set-include .item-wrap-bottom .item img,
#lineup-trial .set-include .item-wrap-end .item img {
    max-width: 10vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .set-include .item-wrap-top .item img,
#lineup-trial .set-include .item-wrap-bottom .item img,
#lineup-trial .set-include .item-wrap-end .item img {
    max-width: 20vw;
    margin-left: -3vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .set-include .item-wrap-top .item .item-right h4,
#lineup-trial .set-include .item-wrap-bottom .item .item-right h4,
#lineup-trial .set-include .item-wrap-end .item .item-right h4 {
    font-size: 3vw;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #lineup-trial .set-include .item-wrap-top .item .item-right h4,
#lineup-trial .set-include .item-wrap-bottom .item .item-right h4,
#lineup-trial .set-include .item-wrap-end .item .item-right h4 {
    font-size: 4vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .set-include .item-wrap-top .item .item-right h4,
#lineup-trial .set-include .item-wrap-bottom .item .item-right h4,
#lineup-trial .set-include .item-wrap-end .item .item-right h4 {
    font-size: 5.5vw;
  }
}
@media (max-width: 980px) {
  #lineup-trial .set-include .item-wrap-top .item .item-right .description,
#lineup-trial .set-include .item-wrap-bottom .item .item-right .description,
#lineup-trial .set-include .item-wrap-end .item .item-right .description {
    font-size: 1.4vw;
  }
}
@media (max-width: 980px) and (max-width: 820px) {
  #lineup-trial .set-include .item-wrap-top .item .item-right .description,
#lineup-trial .set-include .item-wrap-bottom .item .item-right .description,
#lineup-trial .set-include .item-wrap-end .item .item-right .description {
    font-size: 2.5vw;
  }
}
@media (max-width: 980px) and (max-width: 560px) {
  #lineup-trial .set-include .item-wrap-top .item .item-right .description,
#lineup-trial .set-include .item-wrap-bottom .item .item-right .description,
#lineup-trial .set-include .item-wrap-end .item .item-right .description {
    font-size: 4vw;
  }
}

@media (max-width: 980px) {
  footer nav ul {
    display: block;
  }

  footer {
    position: relative;
  }
  footer .wrap {
    width: 90%;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  footer .logo {
    width: 70%;
  }
}
@media (max-width: 980px) {
  footer nav ul li {
    font-size: 2rem;
    padding: 20px 0 0 0;
  }
}
@media (max-width: 980px) and (max-width: 414px) {
  footer nav ul li {
    font-size: 4vw;
  }
}

/*# sourceMappingURL=main.css.map */