@charset "UTF-8";
/* Scss Document */
html {
  box-sizing: border-box;
  font-size: 2.66666667vw; }

@media only screen and (min-width: 46.875em) {
  html {
    font-size: 1.33333333vw; } }
@media only screen and (min-width: 93.75em) {
  html {
    font-size: 125%; } }
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0; }

@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 100; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 200; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 300; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Medium");
  font-weight: 400; }
@font-face {
  font-family: "Yu Gothic";
  src: local("Yu Gothic Bold");
  font-weight: bold; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 100; }
@font-face {
  font-family: "Helvetica Neue";
  src: local("Helvetica Neue Regular");
  font-weight: 200; }
body {
  overflow-x: hidden;
  line-height: 1.75;
  font-family: 'Noto Sans JP', sans-serif;
  font-style: normal;
  font-weight: 400;
  word-break: break-all;
  color: #4f4f62; }

img {
  height: auto;
  max-width: 100%; }

svg {
  height: 100%;
  width: 100%; }

img[srcset] {
  width: 100%; }

.st-Layout * {
  color: inherit;
  font-size: 1em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  text-decoration: none;
  transition-duration: .5s;
  transition-property: none;
  transition-timing-function: ease-in-out; }
  .st-Layout *::before, .st-Layout *::after {
    transition-duration: inherit;
    transition-property: inherit;
    transition-timing-function: inherit; }
.st-Layout li {
  list-style-type: inherit; }

/*------------------------------------------------------
font-family: 'Noto Sans JP', sans-serif;
font-family: 'Montserrat', sans-serif;
-------------------------------------------------------*/
.mincho {
  font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "メイリオ", Meiryo, serif; }

.font-libre {
  font-family: 'Libre Baskerville', serif; }

.st-Wrapper {
  overflow: hidden;
  position: relative; }

.st-Width {
  padding-right: calc(40rem / 20);
  padding-left: calc(40rem / 20);
  width: 100%; }

@media only screen and (min-width: 46.875em) {
  .st-Width {
    padding-right: 0;
    padding-left: 0;
    width: 100%; } }
@media only screen and (min-width: 93.75em) {
  .st-Width {
    margin-left: auto;
    margin-right: auto;
    width: calc(1500rem / 20); } }
/* ------ */
.st-Header {
  width: 100%;
  top: 0; }
  .st-Header .logo {
    padding-top: 0;
    padding-bottom: 0;
    padding-left: 0;
    position: relative;
    width: calc(200rem / 20);
    z-index: 99; }
  .st-Header .st-Gnav {
    z-index: 999;
    background: #fff;
    color: #4f4f62;
    position: fixed;
    width: 100%;
    font-weight: 600;
    top: -125vh;
    left: 0;
    transition: .3s;
    z-index: 99;
    padding-bottom: calc(20rem / 20); }
    .st-Header .st-Gnav .sp-logo {
      width: calc(150rem / 20);
      margin-top: calc(20rem / 20);
      margin-left: calc(20rem / 20); }
    .st-Header .st-Gnav .list li {
      border-bottom: 1px solid #123d0f; }
    .st-Header .st-Gnav .list a {
      display: block;
      padding-top: calc(30rem / 20);
      padding-bottom: calc(30rem / 20);
      padding-left: calc(40rem / 20);
      font-size: calc(28rem / 20); }
      .st-Header .st-Gnav .list a span {
        font-size: calc(24rem / 20);
        margin-left: calc(24rem / 20); }
    .st-Header .st-Gnav .tel-ico {
      width: calc(700rem / 20);
      margin-left: auto;
      margin-right: auto;
      background: #4f4f62;
      color: #fff;
      text-align: center;
      position: relative;
      margin-top: calc(20rem / 20);
      font-size: calc(36rem / 20);
      letter-spacing: .1rem; }
      .st-Header .st-Gnav .tel-ico a {
        display: block;
        padding-top: calc(30rem / 20);
        padding-bottom: calc(30rem / 20); }
        .st-Header .st-Gnav .tel-ico a::before {
          content: "";
          background: url("../img/tel_ico.png") no-repeat;
          position: absolute;
          background-size: calc(50rem / 20);
          width: calc(50rem / 20);
          height: calc(50rem / 20);
          top: 50%;
          transform: translateY(-50%);
          left: calc(80rem / 20); }
    .st-Header .st-Gnav.menu-expanded {
      top: 0; }
  .st-Header .tel-ico_pc {
    display: none; }

@media only screen and (min-width: 46.75em) {
  .st-Header .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-flex-line-pack: justify;
    -webkit-align-content: space-between;
    align-content: space-between;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start; }
  .st-Header .logo {
    width: calc(195rem / 20);
    margin-right: auto; }
  .st-Header .st-Gnav {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    position: relative;
    width: calc(900rem / 20);
    top: 0;
    padding-bottom: calc(20rem / 20);
    background: transparent; }
    .st-Header .st-Gnav .sp-logo {
      display: none; }
    .st-Header .st-Gnav .list {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
      .st-Header .st-Gnav .list li {
        border-bottom: none;
        text-align: center; }
      .st-Header .st-Gnav .list a {
        display: block;
        padding-top: calc(30rem / 20);
        padding-bottom: calc(30rem / 20);
        padding-left: calc(23rem / 20);
        padding-right: calc(23rem / 20);
        font-size: calc(18rem / 20);
        transition: .3s; }
        .st-Header .st-Gnav .list a span {
          font-size: calc(12rem / 20);
          margin-left: 0;
          display: block; }
        .st-Header .st-Gnav .list a:hover {
          transition: .3s;
          background: rgba(79, 79, 98, 0.1); }
    .st-Header .st-Gnav .tel-ico {
      display: none; }
    .st-Header .st-Gnav.menu-expanded {
      top: 0; }
  .st-Header .tel-ico_pc {
    display: block;
    width: calc(270rem / 20);
    height: calc(110rem / 20);
    background: #4f4f62;
    color: #fff;
    margin-left: auto;
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    background-size: calc(28rem / 20);
    padding-left: calc(30rem / 20); }
    .st-Header .tel-ico_pc::before {
      content: "";
      background: url(../img/tel_ico.png) no-repeat;
      position: absolute;
      background-size: calc(25rem / 20);
      width: calc(25rem / 20);
      height: calc(25rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(35rem / 20); } }
.menu-trigger {
  display: block;
  width: calc(120rem / 20);
  height: calc(120rem / 20);
  position: fixed;
  top: calc(20rem / 20);
  right: calc(20rem / 20);
  z-index: 999;
  background: #4f4f62; }
  .menu-trigger span {
    display: inline-block;
    transition: all .4s;
    box-sizing: border-box;
    position: absolute;
    width: calc(37rem / 20);
    left: calc(26rem / 20);
    height: 2px;
    background-color: #fff;
    width: calc(42rem / 20);
    left: calc(40rem / 20); }
    .menu-trigger span:nth-of-type(1) {
      top: calc(37rem / 20); }
    .menu-trigger span:nth-of-type(2) {
      top: calc(57rem / 20); }
    .menu-trigger span:nth-of-type(3) {
      top: calc(76rem / 20); }
  .menu-trigger.active span:nth-of-type(1) {
    -webkit-transform: translateY(1rem) rotate(-45deg);
    transform: translateY(1rem) rotate(-45deg); }
  .menu-trigger.active span:nth-of-type(2) {
    opacity: 0; }
  .menu-trigger.active span:nth-of-type(3) {
    -webkit-transform: translateY(-0.9rem) rotate(45deg);
    transform: translateY(-0.9rem) rotate(45deg); }

@media only screen and (min-width: 46.875em) {
  .menu-trigger {
    display: none; } }
.home-Fv {
  margin-top: calc(-40rem / 20);
  height: calc(746rem / 20);
  position: relative; }
  .home-Fv::before {
    content: "";
    background: #f4f4fd;
    background-size: 50%;
    width: 50%;
    height: calc(1600rem / 20);
    top: calc(-160rem / 20);
    left: 0;
    position: absolute;
    z-index: -1; }
  .home-Fv .inner {
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20); }
  .home-Fv .fv_txt {
    position: absolute;
    top: calc(80rem / 20);
    right: calc(50rem / 20);
    width: calc(150rem / 20); }
  .home-Fv .fv_copy {
    position: absolute;
    font-size: calc(16rem / 20);
    top: calc(140rem / 20);
    left: calc(20rem / 20);
    transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
    -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
    transform-origin: left center;
    -webkit-transform-origin: left center;
    line-height: 1; }

@media only screen and (min-width: 46.875em) {
  .home-Fv {
    margin-top: calc(-85rem / 20);
    height: 49.702381vw;
    position: relative; }
    .home-Fv::before {
      content: "";
      background: #f4f4fd;
      background-size: 50%;
      width: 50%;
      height: 89.2857143vw;
      top: -6.8452381vw;
      left: 0;
      position: absolute;
      z-index: -1; }
    .home-Fv .inner {
      padding-left: 0;
      padding-right: 0;
      position: relative;
      margin-left: auto;
      margin-right: auto; }
    .home-Fv .fv_img {
      width: 89.2857143vw;
      margin-left: auto;
      margin-right: auto; }
    .home-Fv .fv_txt {
      position: absolute;
      width: 10.952381vw;
      top: 7.44047619vw;
      right: 12.797619vw; }
    .home-Fv .fv_copy {
      position: absolute;
      font-size: .6547619vw;
      top: 15.4761905vw;
      left: 2.38095238vw; } }
@media only screen and (min-width: 105em) {
  .home-Fv {
    margin-top: calc(-85rem / 20);
    height: calc(835rem / 20);
    position: relative; }
    .home-Fv::before {
      content: "";
      background: #f4f4fd;
      background-size: 50%;
      width: 50%;
      height: calc(1500rem / 20);
      top: calc(-115rem / 20);
      left: 0;
      position: absolute;
      z-index: -1; }
    .home-Fv .inner {
      padding-left: 0;
      padding-right: 0;
      position: relative;
      max-width: calc(1680rem / 20);
      margin-left: auto;
      margin-right: auto; }
    .home-Fv .fv_img {
      width: calc(1500rem / 20);
      margin-left: auto;
      margin-right: auto; }
    .home-Fv .fv_txt {
      position: absolute;
      width: calc(184rem / 20);
      top: calc(125rem / 20);
      right: calc(215rem / 20); }
    .home-Fv .fv_copy {
      position: absolute;
      font-size: calc(11rem / 20);
      top: calc(260rem / 20);
      left: calc(40rem / 20); } }
.home-Sec1 .inner {
  padding-left: calc(40rem / 20);
  padding-right: calc(40rem / 20); }
.home-Sec1 .img {
  width: calc(600rem / 20);
  margin-left: auto;
  position: relative;
  margin-bottom: calc(90rem / 20); }
  .home-Sec1 .img::before {
    content: "";
    background: url("../img/s1_bg1.jpg") no-repeat;
    background-size: calc(600rem / 20);
    width: calc(600rem / 20);
    height: calc(316rem / 20);
    top: calc(130rem / 20);
    left: calc(-110rem / 20);
    position: absolute;
    z-index: -1; }
.home-Sec1 .box-txtarea .box-ttl {
  font-size: calc(32rem / 20);
  position: relative;
  padding-top: calc(25rem / 20);
  padding-bottom: calc(25rem / 20);
  margin-bottom: calc(20rem / 20); }
  .home-Sec1 .box-txtarea .box-ttl::before {
    content: "";
    border-top: 1px solid #4f4f62;
    width: calc(50rem / 20);
    height: 1px;
    position: absolute;
    top: 0;
    left: 0; }
.home-Sec1 .box-txtarea .box-txt {
  font-size: calc(26rem / 20); }

@media only screen and (min-width: 46.875em) {
  .home-Sec1 .inner {
    max-width: calc(1680rem / 20);
    margin-left: auto;
    margin-right: auto; }
  .home-Sec1 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: horizontal;
    -webkit-flex-direction: row-reverse;
    flex-direction: row-reverse; }
  .home-Sec1 .img {
    width: 54.583333vw;
    margin-bottom: 5.35714286vw; }
    .home-Sec1 .img::before {
      background-size: 65.4761905vw;
      width: 65.4761905vw;
      height: 34.2261905vw;
      top: 4.16666667vw;
      left: auto;
      right: 0;
      position: absolute;
      z-index: -1; }
  .home-Sec1 .box-txtarea {
    width: 33.3333333vw;
    margin-left: 5.35714286vw;
    padding-top: 3.86904762vw; }
    .home-Sec1 .box-txtarea .box-ttl {
      font-size: 2.38095238vw;
      font-weight: 500;
      padding-top: 1.48809524vw;
      padding-bottom: 1.48809524vw;
      margin-bottom: 4.76190476vw; }
      .home-Sec1 .box-txtarea .box-ttl::before {
        content: "";
        border-top: 1px solid #4f4f62;
        width: 2.97619048vw;
        height: 1px;
        position: absolute;
        top: 0;
        left: 0; }
    .home-Sec1 .box-txtarea .box-txt {
      font-size: calc(16rem / 20); } }
@media only screen and (min-width: 105em) {
  .home-Sec1 .img {
    width: calc(917rem / 20);
    margin-bottom: calc(90rem / 20); }
    .home-Sec1 .img::before {
      background-size: calc(1100rem / 20);
      width: calc(1100rem / 20);
      height: calc(575rem / 20);
      top: calc(70rem / 20); }
  .home-Sec1 .box-txtarea {
    width: calc(560rem / 20);
    margin-left: calc(90rem / 20);
    padding-top: calc(65rem / 20); }
    .home-Sec1 .box-txtarea .box-ttl {
      font-size: calc(40rem / 20);
      padding-top: calc(25rem / 20);
      padding-bottom: calc(25rem / 20);
      margin-bottom: calc(80rem / 20); }
      .home-Sec1 .box-txtarea .box-ttl::before {
        width: calc(50rem / 20); } }
.home-Sec2 {
  padding-top: calc(140rem / 20); }
  .home-Sec2 .ttl {
    text-align: center;
    font-size: calc(32rem / 20);
    position: relative;
    padding-top: calc(70rem / 20); }
    .home-Sec2 .ttl::before {
      content: "";
      border-left: 1px solid #4f4f62;
      width: 1px;
      height: calc(50rem / 20);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0; }
    .home-Sec2 .ttl span {
      font-size: calc(24rem / 20);
      display: block; }
  .home-Sec2 .box {
    position: relative;
    padding-top: calc(70rem / 20);
    padding-bottom: calc(30rem / 20); }
    .home-Sec2 .box::before {
      content: "";
      background: #ebefe7;
      background-size: 100%;
      width: 100%;
      height: 100%;
      top: calc(-30rem / 20);
      left: 0;
      position: absolute;
      z-index: -1; }
  .home-Sec2 .unit {
    position: relative;
    width: calc(500rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: calc(70rem / 20); }
    .home-Sec2 .unit .unit-num {
      position: absolute;
      -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
      transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
      -webkit-transform-origin: left center;
      transform-origin: left center;
      line-height: 1;
      left: calc(30rem / 20);
      top: calc(30rem / 20);
      color: #fff;
      font-size: calc(24rem / 20);
      z-index: 1; }
    .home-Sec2 .unit .unit-img {
      position: relative; }
      .home-Sec2 .unit .unit-img::before {
        content: "";
        background: rgba(0, 0, 0, 0.4);
        background-size: 100%;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        position: absolute; }
    .home-Sec2 .unit .unit-ttl {
      position: absolute;
      color: #fff;
      font-size: calc(36rem / 20);
      bottom: calc(120rem / 20);
      right: calc(30rem / 20);
      font-weight: 500;
      text-align: right;
      line-height: 1.2; }
    .home-Sec2 .unit .unit-txt {
      position: relative;
      width: calc(450rem / 20);
      font-size: calc(26rem / 20);
      background: #fff;
      margin-top: calc(-100rem / 20);
      margin-left: auto;
      padding-left: calc(20rem / 20);
      padding-right: calc(20rem / 20);
      padding-top: calc(20rem / 20);
      padding-bottom: calc(20rem / 20); }

@media only screen and (min-width: 46.875em) {
  .home-Sec2 {
    padding-top: 3.57142857vw; }
    .home-Sec2 .inner {
      max-width: calc(1680rem / 20);
      margin-left: auto;
      margin-right: auto; }
    .home-Sec2 .ttl {
      font-size: 2.97619048vw;
      padding-top: 3.57142857vw;
      font-weight: 500; }
      .home-Sec2 .ttl::before {
        height: 2.67857143vw; }
      .home-Sec2 .ttl span {
        font-size: 1.07142857vw; }
    .home-Sec2 .box {
      padding-top: 3.57142857vw;
      padding-bottom: 4.166666667vw;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between; }
      .home-Sec2 .box::before {
        top: -2.38095238vw;
        width: 89.2857143vw;
        left: 50%;
        transform: translateX(-50%); }
    .home-Sec2 .unit {
      width: 25vw;
      margin-bottom: 4.16666667vw; }
      .home-Sec2 .unit .unit-num {
        left: 1.19047619vw;
        top: 1.19047619vw;
        font-size: 1.07142857vw; }
      .home-Sec2 .unit .unit-ttl {
        font-size: 1.66666667vw;
        bottom: 5.6547619vw;
        right: 1.78571429vw; }
      .home-Sec2 .unit .unit-txt {
        width: 22.6190476vw;
        min-height: 11.6071429vw;
        font-size: calc(14rem / 20);
        margin-top: -4.76190476vw;
        margin-left: auto;
        padding-left: 1.48809524vw;
        padding-right: 1.48809524vw;
        padding-top: 1.19047619vw;
        padding-bottom: 1.19047619vw; } }
@media only screen and (min-width: 105em) {
  .home-Sec2 {
    padding-top: calc(60rem / 20); }
    .home-Sec2 .inner {
      max-width: calc(1680rem / 20); }
    .home-Sec2 .ttl {
      font-size: calc(50rem / 20);
      padding-top: calc(60rem / 20); }
      .home-Sec2 .ttl::before {
        height: calc(45rem / 20); }
      .home-Sec2 .ttl span {
        font-size: calc(18rem / 20); }
    .home-Sec2 .box {
      padding-top: calc(60rem / 20);
      padding-bottom: calc(70rem / 20); }
      .home-Sec2 .box::before {
        top: calc(-40rem / 20);
        width: calc(1500rem / 20); }
    .home-Sec2 .unit {
      width: calc(420rem / 20);
      margin-bottom: calc(70rem / 20); }
      .home-Sec2 .unit .unit-num {
        left: calc(20rem / 20);
        top: calc(20rem / 20);
        font-size: calc(18rem / 20); }
      .home-Sec2 .unit .unit-ttl {
        font-size: calc(28rem / 20);
        bottom: calc(95rem / 20);
        right: calc(30rem / 20); }
      .home-Sec2 .unit .unit-txt {
        width: calc(380rem / 20);
        min-height: calc(195rem / 20);
        font-size: calc(14rem / 20);
        margin-top: calc(-80rem / 20);
        margin-left: auto;
        padding-left: calc(25rem / 20);
        padding-right: calc(25rem / 20);
        padding-top: calc(20rem / 20);
        padding-bottom: calc(20rem / 20); } }
.home-Sec3 {
  padding-top: calc(95rem / 20);
  padding-bottom: calc(200rem / 20);
  position: relative; }
  .home-Sec3::before {
    content: "";
    background: url("../img/s3_bg1.jpg") no-repeat;
    background-size: calc(200rem / 20);
    width: calc(200rem / 20);
    height: calc(158rem / 20);
    top: calc(81rem / 20);
    right: 0;
    position: absolute;
    z-index: -1; }
  .home-Sec3::after {
    content: "";
    background: url("../img/s3_bg2.jpg") no-repeat;
    background-size: calc(200rem / 20);
    width: calc(200rem / 20);
    height: calc(164rem / 20);
    bottom: calc(-140rem / 20);
    left: 0;
    position: absolute;
    z-index: -1; }
  .home-Sec3 .inner::before {
    content: "";
    background: #fff0ef;
    background-size: 100%;
    width: 100%;
    height: calc(100% - (360rem / 20));
    top: calc(231rem / 20);
    left: 0;
    position: absolute; }
  .home-Sec3 .ttl {
    text-align: center;
    font-size: calc(32rem / 20);
    position: relative;
    padding-top: calc(70rem / 20);
    margin-bottom: calc(60rem / 20); }
    .home-Sec3 .ttl::before {
      content: "";
      border-left: 1px solid #4f4f62;
      width: 1px;
      height: calc(50rem / 20);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0; }
    .home-Sec3 .ttl span {
      font-size: calc(24rem / 20);
      display: block; }
  .home-Sec3 .box {
    position: relative; }
    .home-Sec3 .box .box-ttl {
      font-size: calc(36rem / 20);
      color: #E14B4E;
      font-weight: 400; }
    .home-Sec3 .box .img {
      width: calc(400rem / 20);
      margin-left: auto;
      margin-right: auto;
      position: relative;
      margin-bottom: calc(50rem / 20); }
      .home-Sec3 .box .img .name {
        position: absolute;
        bottom: calc(-30rem / 20);
        right: calc(-30rem / 20);
        box-shadow: 0px 0px 0.75rem 0px rgba(0, 0, 0, 0.2);
        background: #fff;
        width: calc(200rem / 20);
        padding-left: calc(20rem / 20);
        padding-right: calc(20rem / 20);
        padding-top: calc(20rem / 20);
        padding-bottom: calc(20rem / 20);
        text-align: center; }
    .home-Sec3 .box .txtarea {
      font-size: calc(26rem / 20); }

@media only screen and (min-width: 46.875em) {
  .home-Sec3 {
    padding-top: calc(60rem / 20);
    padding-bottom: 0;
    position: relative; }
    .home-Sec3::before {
      content: "";
      background: url("../img/s3_bg1.jpg") no-repeat;
      background-size: calc(344rem / 20);
      width: calc(344rem / 20);
      height: calc(270rem / 20);
      top: calc(-37rem / 20);
      right: 0;
      position: absolute;
      z-index: -1; }
    .home-Sec3::after {
      content: "";
      background: url("../img/s3_bg2.jpg") no-repeat;
      background-size: calc(296rem / 20);
      width: calc(296rem / 20);
      height: calc(244rem / 20);
      bottom: calc(-301rem / 20);
      left: 0;
      position: absolute;
      z-index: -1; }
    .home-Sec3 .inner {
      padding-left: 0;
      padding-right: 0; }
      .home-Sec3 .inner::before {
        content: "";
        background: #fff0ef;
        background-size: 100%;
        width: 100%;
        height: 74%;
        top: calc(194rem / 20);
        left: 0;
        position: absolute; }
    .home-Sec3 .ttl {
      font-size: calc(50rem / 20);
      padding-top: calc(60rem / 20);
      font-weight: 500; }
      .home-Sec3 .ttl::before {
        height: calc(45rem / 20); }
      .home-Sec3 .ttl span {
        font-size: calc(18rem / 20); }
    .home-Sec3 .box {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-align: center;
      -webkit-align-items: center;
      align-items: center; }
      .home-Sec3 .box .box-ttl {
        font-size: calc(28rem / 20); }
      .home-Sec3 .box .img {
        width: calc(745rem / 20);
        margin-left: 0;
        margin-bottom: 0; }
        .home-Sec3 .box .img .name {
          position: absolute;
          font-size: calc(30rem / 20);
          bottom: calc(-60rem / 20);
          right: calc(-45rem / 20);
          box-shadow: 0px 0px 0.75rem 0px rgba(0, 0, 0, 0.2);
          background: #fff;
          width: calc(350rem / 20);
          padding-left: calc(20rem / 20);
          padding-right: calc(20rem / 20);
          padding-top: calc(35rem / 20);
          padding-bottom: calc(35rem / 20); }
      .home-Sec3 .box .txtarea {
        width: calc(680rem / 20);
        font-size: calc(16rem / 20); } }
.home-Sec4 {
  position: relative; }
  .home-Sec4::before {
    content: "";
    background: url("../img/s4_bg.jpg") no-repeat center #f4f4fd;
    background-size: cover;
    width: 100%;
    height: 100%;
    top: calc(138rem / 20);
    left: 0;
    position: absolute; }
  .home-Sec4 .inner {
    position: relative; }
  .home-Sec4 .ttl {
    text-align: center;
    font-size: calc(32rem / 20);
    position: relative;
    padding-top: calc(70rem / 20);
    margin-bottom: calc(60rem / 20); }
    .home-Sec4 .ttl::before {
      content: "";
      border-left: 1px solid #4f4f62;
      width: 1px;
      height: calc(50rem / 20);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0; }
    .home-Sec4 .ttl span {
      font-size: calc(24rem / 20);
      display: block; }
  .home-Sec4 .unit {
    position: relative;
    margin-bottom: calc(80rem / 20); }
    .home-Sec4 .unit::before {
      content: "";
      background: #4f4f62;
      background-size: 100%;
      width: calc(610rem / 20);
      height: 100%;
      top: calc(40rem / 20);
      left: calc(40rem / 20);
      position: absolute; }
    .home-Sec4 .unit .img {
      width: calc(357rem / 20);
      position: relative; }
      .home-Sec4 .unit .img .img-ttl {
        font-size: calc(21rem / 20);
        color: #fff;
        position: absolute;
        top: 0;
        left: calc(24rem / 20);
        -webkit-transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
        transform: rotateX(0deg) rotateY(0deg) rotateZ(90deg);
        -webkit-transform-origin: left center;
        transform-origin: left center;
        line-height: 1; }
      .home-Sec4 .unit .img .img-more {
        position: absolute;
        bottom: 0;
        right: 0;
        color: #fff;
        background: #4f4f62;
        padding-left: calc(15rem / 20);
        padding-right: calc(15rem / 20); }
    .home-Sec4 .unit .txtarea {
      position: relative;
      color: #fff;
      padding-left: calc(70rem / 20);
      padding-right: calc(50rem / 20);
      padding-top: calc(30rem / 20); }
    .home-Sec4 .unit .unit-ttl {
      font-size: calc(36rem / 20);
      margin-bottom: calc(20rem / 20);
      font-weight: 400; }
    .home-Sec4 .unit .unit-txt {
      font-size: calc(26rem / 20); }

@media only screen and (min-width: 46.875em) {
  .home-Sec4 {
    padding-top: calc(165rem / 20); }
    .home-Sec4::before {
      content: "";
      background: url("../img/s4_bg.jpg") no-repeat center #f4f4fd;
      background-size: cover;
      width: 100%;
      height: calc(765rem / 20);
      top: calc(300rem / 20);
      left: 0;
      position: absolute; }
    .home-Sec4 .inner {
      position: relative; }
    .home-Sec4 .ttl {
      font-size: calc(50rem / 20);
      font-weight: 500; }
      .home-Sec4 .ttl::before {
        height: calc(45rem / 20); }
      .home-Sec4 .ttl span {
        font-size: calc(18rem / 20); }
    .home-Sec4 .box {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-align: start;
      -webkit-align-items: flex-start;
      align-items: flex-start; }
    .home-Sec4 .unit {
      position: relative;
      margin-bottom: calc(80rem / 20);
      width: calc(725rem / 20); }
      .home-Sec4 .unit.num2 .unit-ttl {
        font-size: calc(18rem / 20);
        letter-spacing: -.1rem; }
      .home-Sec4 .unit a {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: start;
        -webkit-align-items: flex-start;
        align-items: flex-start; }
        .home-Sec4 .unit a:hover .img .img-more {
          transition: .3s;
          background: rgba(79, 79, 98, 0.7); }
      .home-Sec4 .unit::before {
        background-size: calc(704rem / 20);
        width: calc(704rem / 20);
        height: 100%;
        top: calc(20rem / 20);
        left: calc(20rem / 20); }
      .home-Sec4 .unit .img {
        width: calc(357rem / 20);
        position: relative; }
        .home-Sec4 .unit .img .img-ttl {
          font-size: calc(18rem / 20);
          top: calc(15rem / 20);
          left: calc(24rem / 20); }
        .home-Sec4 .unit .img .img-more {
          font-size: calc(16rem / 20);
          bottom: 0;
          right: 0; }
      .home-Sec4 .unit .txtarea {
        width: calc(335rem / 20);
        position: relative;
        color: #fff;
        padding-left: 0;
        padding-right: calc(25rem / 20);
        padding-top: calc(57rem / 20); }
      .home-Sec4 .unit .unit-ttl {
        font-size: calc(20rem / 20);
        margin-bottom: calc(15rem / 20);
        font-weight: 400;
        line-height: 1.2; }
      .home-Sec4 .unit .unit-txt {
        font-size: calc(14rem / 20); } }
@media only screen and (min-width: 105em) {
  .home-Sec4::before {
    background-size: 100%;
    width: 100%; } }
.home-Sec5 {
  padding-top: calc(120rem / 20);
  padding-bottom: calc(125rem / 20); }
  .home-Sec5 .inner {
    position: relative; }
    .home-Sec5 .inner::before {
      content: "";
      background: url("../img/s5_bg1.jpg") no-repeat;
      background-size: calc(253rem / 20);
      width: calc(253rem / 20);
      height: calc(246rem / 20);
      top: calc(-64rem / 20);
      right: 0;
      position: absolute; }
    .home-Sec5 .inner::after {
      content: "";
      background: url("../img/s5_bg2.jpg") no-repeat;
      background-size: calc(548rem / 20);
      width: calc(548rem / 20);
      height: calc(270rem / 20);
      bottom: calc(-125rem / 20);
      left: 0;
      position: absolute;
      z-index: -1; }
  .home-Sec5 .ttl {
    text-align: center;
    font-size: calc(32rem / 20);
    position: relative;
    padding-top: calc(70rem / 20);
    margin-bottom: calc(60rem / 20); }
    .home-Sec5 .ttl::before {
      content: "";
      border-left: 1px solid #4f4f62;
      width: 1px;
      height: calc(50rem / 20);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0; }
    .home-Sec5 .ttl span {
      font-size: calc(24rem / 20);
      display: block; }
  .home-Sec5 .qa-list {
    position: relative; }
    .home-Sec5 .qa-list dt {
      position: relative;
      padding-left: calc(70rem / 20);
      padding-right: calc(50rem / 20);
      font-size: calc(28rem / 20);
      border-bottom: 1px solid #4f4f62;
      padding-bottom: calc(25rem / 20);
      padding-top: calc(25rem / 20); }
      .home-Sec5 .qa-list dt::before {
        content: 'Q';
        background: #4f4f62;
        color: #fff;
        position: absolute;
        width: calc(50rem / 20);
        height: calc(50rem / 20);
        left: 0;
        top: calc(25rem / 20);
        line-height: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center; }
      .home-Sec5 .qa-list dt::after {
        content: '+';
        top: calc(25rem / 20);
        right: calc(25rem / 20);
        position: absolute;
        font-size: calc(28rem / 20); }
      .home-Sec5 .qa-list dt.clicked::after {
        content: '-'; }
    .home-Sec5 .qa-list dd {
      background: #f4f4fd;
      font-size: calc(28rem / 20);
      padding-left: calc(70rem / 20);
      padding-right: calc(25rem / 20);
      padding-bottom: calc(50rem / 20);
      padding-top: calc(50rem / 20); }

@media only screen and (min-width: 46.875em) {
  .home-Sec5 {
    padding-top: calc(120rem / 20);
    padding-bottom: calc(120rem / 20); }
    .home-Sec5 .inner::before {
      top: calc(-61rem / 20); }
    .home-Sec5 .inner::after {
      bottom: calc(-120rem / 20); }
    .home-Sec5 .ttl {
      font-size: calc(50rem / 20);
      font-weight: 500;
      margin-bottom: calc(20rem / 20); }
      .home-Sec5 .ttl::before {
        height: calc(45rem / 20); }
      .home-Sec5 .ttl span {
        font-size: calc(18rem / 20); }
    .home-Sec5 .qa-list {
      width: calc(1100rem / 20);
      margin-left: auto;
      margin-right: auto; }
      .home-Sec5 .qa-list dt {
        padding-left: calc(55rem / 20);
        font-size: calc(18rem / 20); }
        .home-Sec5 .qa-list dt::before {
          content: 'Q';
          width: calc(38rem / 20);
          height: calc(38rem / 20);
          top: calc(20rem / 20); }
        .home-Sec5 .qa-list dt::after {
          content: '+';
          top: calc(25rem / 20);
          right: calc(25rem / 20);
          position: absolute;
          font-size: calc(22rem / 20); }
      .home-Sec5 .qa-list dd {
        font-size: calc(16rem / 20);
        padding-left: calc(50rem / 20);
        padding-right: calc(25rem / 20);
        padding-bottom: calc(30rem / 20);
        padding-top: calc(30rem / 20); } }
.home-Sec6 .ttl-area {
  background: url("../img/s6_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  padding-left: calc(80rem / 20);
  padding-right: calc(80rem / 20);
  padding-top: calc(80rem / 20);
  padding-bottom: calc(80rem / 20); }
.home-Sec6 .area-ttl {
  font-size: calc(28rem / 20);
  font-weight: 400; }
.home-Sec6 .area-name {
  font-size: calc(64rem / 20);
  font-weight: 400;
  margin-bottom: calc(50rem / 20); }
.home-Sec6 .area-add {
  font-size: calc(28rem / 20); }
.home-Sec6 .area-tel {
  background: #fff;
  color: #4f4f62;
  position: relative;
  text-align: center;
  font-size: calc(36rem / 20);
  margin-top: calc(20rem / 20); }
  .home-Sec6 .area-tel a {
    display: block;
    padding-top: calc(30rem / 20);
    padding-bottom: calc(30rem / 20); }
  .home-Sec6 .area-tel::before {
    content: "";
    background: url(../img/tel_ico2.png) no-repeat;
    position: absolute;
    background-size: calc(50rem / 20);
    width: calc(50rem / 20);
    height: calc(50rem / 20);
    top: 50%;
    transform: translateY(-50%);
    left: calc(80rem / 20); }
.home-Sec6 .map-area {
  width: 100%; }
  .home-Sec6 .map-area iframe {
    width: 100%;
    height: calc(500rem / 20); }

@media only screen and (min-width: 46.875em) {
  .home-Sec6 .inner {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .home-Sec6 .ttl-area {
    background-size: cover;
    width: 50%;
    padding-left: calc(20rem / 20);
    padding-right: 0;
    padding-top: calc(80rem / 20);
    padding-bottom: calc(40rem / 20); }
  .home-Sec6 .ttl-area_in {
    width: calc(750rem / 20);
    margin-left: auto; }
  .home-Sec6 .area-ttl {
    font-size: calc(22rem / 20); }
  .home-Sec6 .area-name {
    font-size: calc(54rem / 20);
    margin-bottom: calc(90rem / 20); }
  .home-Sec6 .area-add {
    font-size: calc(15rem / 20); }
  .home-Sec6 .area-tel {
    width: calc(340rem / 20);
    font-size: calc(27rem / 20);
    margin-top: calc(10rem / 20); }
    .home-Sec6 .area-tel a {
      display: block;
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      padding-left: calc(35rem / 20); }
    .home-Sec6 .area-tel::before {
      background-size: calc(23rem / 20);
      width: calc(23rem / 20);
      height: calc(23rem / 20);
      left: calc(40rem / 20); }
  .home-Sec6 .map-area {
    width: 50%; }
    .home-Sec6 .map-area iframe {
      width: 100%;
      height: 100%; } }
.st-Footer {
  background: #4f4f62; }
  .st-Footer .copy {
    color: #fff;
    text-align: center;
    font-size: calc(14rem / 20); }
  .st-Footer .inner {
    padding-top: calc(70rem / 20);
    padding-bottom: calc(70rem / 20); }

@media only screen and (min-width: 46.875em) {
  .st-Footer .copy {
    font-size: calc(13rem / 20); }
  .st-Footer .inner {
    padding-top: calc(80rem / 20);
    padding-bottom: calc(80rem / 20); } }
/*--- about
------------------------------------------------*/
.about-Fv {
  margin-top: calc(-40rem / 20);
  margin-bottom: calc(100rem / 20); }
  .about-Fv .inner {
    position: relative; }
    .about-Fv .inner::before {
      content: "";
      background: url("../img/about/ttl_ico.png") no-repeat;
      background-size: calc(457rem / 20);
      width: calc(457rem / 20);
      height: calc(65rem / 20);
      bottom: calc(-30rem / 20);
      left: 50%;
      transform: translateX(-50%);
      position: absolute; }
  .about-Fv .fv_txt {
    text-align: center;
    position: absolute;
    z-index: 1;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    font-size: calc(50rem / 20);
    font-weight: 600;
    width: 100%;
    text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
    filter:  drop-shadow(0 0 0.5em #fff); }

@media only screen and (min-width: 46.875em) {
  .about-Fv {
    margin-top: calc(-85rem / 20); } }
.about-sec1 {
  padding-bottom: calc(100rem / 20); }
  .about-sec1 .txt {
    font-size: calc(26rem / 20); }
    .about-sec1 .txt br {
      display: none; }

@media only screen and (min-width: 46.875em) {
  .about-sec1 {
    padding-bottom: calc(100rem / 20); }
    .about-sec1 .txt {
      font-size: calc(18rem / 20);
      line-height: 2.2;
      text-align: center; }
      .about-sec1 .txt br {
        display: block; } }
.about-sec2 .ttl {
  background: #504e63;
  color: #fff;
  font-size: calc(28rem / 20);
  padding-top: calc(26rem / 20);
  padding-bottom: calc(26rem / 20);
  padding-left: calc(90rem / 20);
  position: relative; }
  .about-sec2 .ttl::before {
    content: "";
    background: url("../img/about/ico1.png") no-repeat;
    background-size: calc(32rem / 20);
    width: calc(32rem / 20);
    height: calc(64rem / 20);
    top: 50%;
    transform: translateY(-50%);
    left: calc(40rem / 20);
    position: absolute; }
.about-sec2 .inner {
  padding-top: calc(130rem / 20);
  padding-bottom: calc(200rem / 20); }
.about-sec2 .table1 {
  font-size: calc(26rem / 20);
  margin-bottom: calc(90rem / 20); }
  .about-sec2 .table1 tr {
    border-bottom: 1px solid #4f4f62; }
    .about-sec2 .table1 tr:first-child {
      border-top: 1px solid #4f4f62; }
  .about-sec2 .table1 th {
    font-weight: 500;
    position: relative;
    width: calc(200rem / 20);
    padding-top: calc(20rem / 20);
    padding-bottom: calc(20rem / 20);
    vertical-align: text-top; }
    .about-sec2 .table1 th::before {
      content: "";
      background: url("../img/about/ico2.png") no-repeat;
      background-size: calc(22rem / 20);
      width: calc(22rem / 20);
      height: calc(29rem / 20);
      top: calc(28rem / 20);
      left: calc(20rem / 20);
      position: absolute; }
  .about-sec2 .table1 td {
    padding-top: calc(20rem / 20);
    padding-bottom: calc(20rem / 20); }
.about-sec2 .map iframe {
  width: 100%;
  height: calc(500rem / 20); }

@media only screen and (min-width: 46.875em) {
  .about-sec2 .ttl {
    font-size: calc(36rem / 20);
    padding-left: calc(140rem / 20);
    font-weight: 600;
    position: relative; }
    .about-sec2 .ttl::before {
      left: calc(50rem / 20); }
  .about-sec2 .inner {
    padding-top: calc(130rem / 20);
    padding-bottom: calc(200rem / 20); }
  .about-sec2 .table1 {
    width: calc(1080rem / 20);
    margin-left: auto;
    margin-right: auto;
    font-size: calc(16rem / 20); }
    .about-sec2 .table1 th {
      width: calc(360rem / 20);
      vertical-align: text-top;
      text-align: left;
      padding-left: calc(60rem / 20); }
      .about-sec2 .table1 th::before {
        top: calc(20rem / 20);
        position: absolute; }
  .about-sec2 .map {
    width: calc(1080rem / 20);
    margin-left: auto;
    margin-right: auto; }
    .about-sec2 .map iframe {
      height: calc(640rem / 20); } }
/*---second-Sublist
-----------------------------------------------------*/
.second-Sublist {
  padding-top: calc(60rem / 20);
  padding-bottom: calc(60rem / 20); }
  .second-Sublist .list {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    font-size: calc(26rem / 20); }
    .second-Sublist .list li {
      text-align: center;
      width: 50%;
      border-left: 3px dotted #c69817;
      margin-bottom: calc(30rem / 20); }
      .second-Sublist .list li:nth-child(2n) {
        border-right: 3px dotted #c69817; }
      .second-Sublist .list li a {
        display: block;
        padding-left: calc(20rem / 20);
        padding-right: calc(20rem / 20);
        padding-top: calc(20rem / 20);
        padding-bottom: calc(20rem / 20); }

@media only screen and (min-width: 46.875em) {
  .second-Sublist .list {
    font-size: calc(20rem / 20); }
    .second-Sublist .list li {
      width: auto;
      border-left: 3px dotted #c69817; }
      .second-Sublist .list li:nth-child(2n) {
        border-right: none; }
      .second-Sublist .list li:first-child {
        border-left: none; }
      .second-Sublist .list li a {
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20);
        padding-top: calc(6rem / 20);
        padding-bottom: calc(6rem / 20);
        transition: .3s; }
        .second-Sublist .list li a:hover {
          transition: .3s;
          background: rgba(198, 152, 23, 0.1); } }
/*---menshairemoval
---------------------------------------------------------------------------------------------------*/
.menshairemoval-sec1, .eyebrowstyling-sec1, .photofacial-sec1, .lifewave-sec1 {
  background: url("../img/menshairemoval/ttl_bg.jpg") center;
  position: relative;
  padding-top: calc(120rem / 20);
  padding-bottom: calc(90rem / 20); }
  .menshairemoval-sec1::before, .eyebrowstyling-sec1::before, .photofacial-sec1::before, .lifewave-sec1::before {
    content: "";
    background: url(../img/about/ttl_ico.png) no-repeat;
    background-size: calc(457rem / 20);
    width: calc(457rem / 20);
    height: calc(65rem / 20);
    top: calc(-30rem / 20);
    left: 50%;
    transform: translateX(-50%);
    position: absolute; }
  .menshairemoval-sec1 .ttl, .eyebrowstyling-sec1 .ttl, .photofacial-sec1 .ttl, .lifewave-sec1 .ttl {
    text-align: center;
    font-size: calc(50rem / 20);
    color: #c69817;
    margin-bottom: calc(80rem / 20);
    font-weight: 500; }
  .menshairemoval-sec1 .txt, .eyebrowstyling-sec1 .txt, .photofacial-sec1 .txt, .lifewave-sec1 .txt {
    font-size: calc(26rem / 20);
    margin-bottom: calc(40rem / 20); }

@media only screen and (min-width: 46.875em) {
  .menshairemoval-sec1, .eyebrowstyling-sec1, .photofacial-sec1, .lifewave-sec1 {
    padding-top: calc(110rem / 20);
    padding-bottom: calc(80rem / 20); }
    .menshairemoval-sec1 .ttl, .eyebrowstyling-sec1 .ttl, .photofacial-sec1 .ttl, .lifewave-sec1 .ttl {
      margin-bottom: calc(80rem / 20);
      text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
      filter: drop-shadow(0 0 0.5em #fff); }
    .menshairemoval-sec1 .txt, .eyebrowstyling-sec1 .txt, .photofacial-sec1 .txt, .lifewave-sec1 .txt {
      font-size: calc(18rem / 20);
      text-align: center;
      line-height: 2.2; } }
.menshairemoval-sec2 {
  background: url("../img/menshairemoval/img1_sp.png") no-repeat right bottom;
  background-size: 100%;
  min-height: calc(695rem / 20); }
  .menshairemoval-sec2 .ttl {
    background: #504e63;
    color: #fff;
    font-size: calc(28rem / 20);
    padding-top: calc(26rem / 20);
    padding-bottom: calc(26rem / 20);
    padding-left: calc(90rem / 20);
    position: relative; }
    .menshairemoval-sec2 .ttl::before {
      content: "";
      background: url(../img/about/ico1.png) no-repeat;
      background-size: calc(32rem / 20);
      width: calc(32rem / 20);
      height: calc(64rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(40rem / 20);
      position: absolute; }
  .menshairemoval-sec2 .list {
    padding-left: calc(70rem / 20);
    padding-right: calc(70rem / 20);
    padding-top: calc(40rem / 20);
    padding-bottom: calc(40rem / 20);
    font-size: calc(28rem / 20);
    text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
    filter: drop-shadow(0 0 0.5em #fff); }
    .menshairemoval-sec2 .list li {
      position: relative;
      padding-left: calc(70rem / 20);
      margin-bottom: calc(30rem / 20); }
      .menshairemoval-sec2 .list li::before {
        content: "";
        background: url("../img/menshairemoval/ico_chack.png") no-repeat;
        background-size: calc(49rem / 20);
        width: calc(49rem / 20);
        height: calc(40rem / 20);
        top: 0;
        left: 0;
        position: absolute; }
      .menshairemoval-sec2 .list li span {
        font-size: calc(36rem / 20); }

@media only screen and (min-width: 46.875em) {
  .menshairemoval-sec2 {
    background: url("../img/menshairemoval/img1.png") no-repeat right bottom;
    background-size: calc(1013rem / 20);
    min-height: calc(675rem / 20); }
    .menshairemoval-sec2 .ttl {
      font-size: calc(36rem / 20);
      padding-left: calc(140rem / 20);
      font-weight: 500; }
      .menshairemoval-sec2 .ttl::before {
        left: calc(50rem / 20); }
    .menshairemoval-sec2 .list {
      padding-left: calc(70rem / 20);
      padding-right: calc(70rem / 20);
      padding-top: calc(40rem / 20);
      padding-bottom: 0;
      font-size: calc(26rem / 20); }
      .menshairemoval-sec2 .list li {
        padding-left: calc(70rem / 20);
        margin-bottom: calc(30rem / 20); }
        .menshairemoval-sec2 .list li::before {
          top: calc(15rem / 20);
          left: 0; }
        .menshairemoval-sec2 .list li span {
          font-size: calc(38rem / 20); } }
.menshairemoval-sec3, .eyebrowstyling-sec3, .photofacial-sec3 {
  position: relative; }
  .menshairemoval-sec3::before, .eyebrowstyling-sec3::before, .photofacial-sec3::before {
    content: "";
    background: url("../img/menshairemoval/s_bg2.png") no-repeat;
    background-size: calc(577rem / 20);
    width: calc(577rem / 20);
    height: calc(591rem / 20);
    right: 0;
    top: calc(2000rem / 20);
    position: absolute; }
  .menshairemoval-sec3 .ttl, .eyebrowstyling-sec3 .ttl, .photofacial-sec3 .ttl {
    background: #504e63;
    color: #fff;
    font-size: calc(28rem / 20);
    padding-top: calc(26rem / 20);
    padding-bottom: calc(26rem / 20);
    padding-left: calc(90rem / 20);
    margin-bottom: calc(100rem / 20);
    position: relative; }
    .menshairemoval-sec3 .ttl::before, .eyebrowstyling-sec3 .ttl::before, .photofacial-sec3 .ttl::before {
      content: "";
      background: url(../img/about/ico1.png) no-repeat;
      background-size: calc(32rem / 20);
      width: calc(32rem / 20);
      height: calc(64rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(40rem / 20);
      position: absolute; }
  .menshairemoval-sec3 .sttl, .eyebrowstyling-sec3 .sttl, .photofacial-sec3 .sttl {
    text-align: center;
    font-size: calc(34rem / 20);
    font-weight: 600;
    padding-top: calc(40rem / 20);
    position: relative;
    margin-bottom: calc(80rem / 20); }
    .menshairemoval-sec3 .sttl::before, .eyebrowstyling-sec3 .sttl::before, .photofacial-sec3 .sttl::before {
      content: '';
      border-bottom: 1px solid #4f4f62;
      width: calc(50rem / 20);
      height: calc(1rem / 20);
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      position: absolute; }
  .menshairemoval-sec3 .unit, .eyebrowstyling-sec3 .unit, .photofacial-sec3 .unit {
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20);
    position: relative;
    margin-bottom: calc(90rem / 20); }
    .menshairemoval-sec3 .unit::before, .eyebrowstyling-sec3 .unit::before, .photofacial-sec3 .unit::before {
      content: "";
      background: #fcf7f2;
      background-size: 100%;
      width: calc(610rem / 20);
      height: 100%;
      top: calc(40rem / 20);
      right: calc(40rem / 20);
      position: absolute; }
  .menshairemoval-sec3 .unit-img, .eyebrowstyling-sec3 .unit-img, .photofacial-sec3 .unit-img {
    width: 85%;
    position: relative; }
  .menshairemoval-sec3 .unit-txtarea, .eyebrowstyling-sec3 .unit-txtarea, .photofacial-sec3 .unit-txtarea {
    position: relative;
    width: calc(610rem / 20);
    margin-left: auto;
    padding-top: calc(40rem / 20);
    padding-bottom: calc(40rem / 20);
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20); }
  .menshairemoval-sec3 .txtarea-ttl, .eyebrowstyling-sec3 .txtarea-ttl, .photofacial-sec3 .txtarea-ttl {
    font-weight: 600;
    font-size: calc(40rem / 20);
    margin-bottom: calc(20rem / 20); }
  .menshairemoval-sec3 .txtarea-txt, .eyebrowstyling-sec3 .txtarea-txt, .photofacial-sec3 .txtarea-txt {
    font-size: calc(26rem / 20); }
  .menshairemoval-sec3 .mast-box, .eyebrowstyling-sec3 .mast-box, .photofacial-sec3 .mast-box {
    background: #fcf7f2;
    width: calc(690rem / 20);
    margin-left: auto;
    margin-right: auto;
    margin-top: calc(150rem / 20);
    position: relative;
    padding-top: calc(70rem / 20);
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20);
    padding-bottom: calc(70rem / 20);
    margin-bottom: calc(110rem / 20); }
  .menshairemoval-sec3 .mast-ttl, .eyebrowstyling-sec3 .mast-ttl, .photofacial-sec3 .mast-ttl {
    text-align: center;
    font-size: calc(36rem / 20);
    font-weight: 500;
    line-height: 1.3;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: calc(-30rem / 20); }
    .menshairemoval-sec3 .mast-ttl span, .eyebrowstyling-sec3 .mast-ttl span, .photofacial-sec3 .mast-ttl span {
      display: block;
      color: #c69817;
      font-size: calc(30rem / 20); }
  .menshairemoval-sec3 .mast-txt, .eyebrowstyling-sec3 .mast-txt, .photofacial-sec3 .mast-txt {
    font-size: calc(26rem / 20);
    color: #d5000f;
    text-indent: -1em;
    padding-left: 1em; }
  .menshairemoval-sec3 .mast-list, .eyebrowstyling-sec3 .mast-list, .photofacial-sec3 .mast-list {
    font-size: calc(26rem / 20); }
    .menshairemoval-sec3 .mast-list li, .eyebrowstyling-sec3 .mast-list li, .photofacial-sec3 .mast-list li {
      position: relative;
      text-indent: -1em;
      padding-left: 1em; }
      .menshairemoval-sec3 .mast-list li::before, .eyebrowstyling-sec3 .mast-list li::before, .photofacial-sec3 .mast-list li::before {
        content: '・'; }

@media only screen and (min-width: 46.875em) {
  .menshairemoval-sec3::before, .eyebrowstyling-sec3::before, .photofacial-sec3::before {
    right: 0;
    top: calc(640rem / 20); }
  .menshairemoval-sec3 .inner, .eyebrowstyling-sec3 .inner, .photofacial-sec3 .inner {
    max-width: calc(1550rem / 20);
    margin-left: auto;
    margin-right: auto; }
  .menshairemoval-sec3 .ttl, .eyebrowstyling-sec3 .ttl, .photofacial-sec3 .ttl {
    font-size: calc(36rem / 20);
    padding-left: calc(140rem / 20);
    font-weight: 500; }
    .menshairemoval-sec3 .ttl::before, .eyebrowstyling-sec3 .ttl::before, .photofacial-sec3 .ttl::before {
      left: calc(50rem / 20); }
  .menshairemoval-sec3 .sttl, .eyebrowstyling-sec3 .sttl, .photofacial-sec3 .sttl {
    font-size: calc(34rem / 20); }
  .menshairemoval-sec3 .box, .eyebrowstyling-sec3 .box, .photofacial-sec3 .box {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap; }
  .menshairemoval-sec3 .unit, .eyebrowstyling-sec3 .unit, .photofacial-sec3 .unit {
    width: 44.6428571vw;
    padding-left: 0;
    padding-right: 0;
    position: relative;
    margin-bottom: 8.33333333vw;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
    .menshairemoval-sec3 .unit::before, .eyebrowstyling-sec3 .unit::before, .photofacial-sec3 .unit::before {
      background-size: 100%;
      width: 40.3571429vw;
      height: 100%;
      right: 0; }
  .menshairemoval-sec3 .unit-img, .eyebrowstyling-sec3 .unit-img, .photofacial-sec3 .unit-img {
    width: 24.3452381vw; }
  .menshairemoval-sec3 .unit-txtarea, .eyebrowstyling-sec3 .unit-txtarea, .photofacial-sec3 .unit-txtarea {
    width: 19.047619vw;
    padding-top: calc(80rem / 20);
    padding-bottom: calc(40rem / 20);
    padding-right: calc(40rem / 20);
    padding-left: 0; }
  .menshairemoval-sec3 .txtarea-ttl, .eyebrowstyling-sec3 .txtarea-ttl, .photofacial-sec3 .txtarea-ttl {
    font-size: calc(21rem / 20);
    margin-bottom: calc(15rem / 20); }
  .menshairemoval-sec3 .txtarea-txt, .eyebrowstyling-sec3 .txtarea-txt, .photofacial-sec3 .txtarea-txt {
    font-size: calc(16rem / 20); }
  .menshairemoval-sec3 .mast-box, .eyebrowstyling-sec3 .mast-box, .photofacial-sec3 .mast-box {
    width: calc(1171rem / 20);
    margin-top: calc(30rem / 20);
    position: relative;
    padding-top: calc(70rem / 20);
    padding-left: calc(120rem / 20);
    padding-right: calc(120rem / 20);
    padding-bottom: calc(60rem / 20);
    margin-bottom: calc(110rem / 20); }
  .menshairemoval-sec3 .mast-ttl, .eyebrowstyling-sec3 .mast-ttl, .photofacial-sec3 .mast-ttl {
    font-size: calc(30rem / 20);
    top: calc(-20rem / 20); }
    .menshairemoval-sec3 .mast-ttl span, .eyebrowstyling-sec3 .mast-ttl span, .photofacial-sec3 .mast-ttl span {
      font-size: calc(14rem / 20); }
  .menshairemoval-sec3 .mast-txt, .eyebrowstyling-sec3 .mast-txt, .photofacial-sec3 .mast-txt {
    font-size: calc(18rem / 20);
    line-height: 2.3; }
  .menshairemoval-sec3 .mast-list, .eyebrowstyling-sec3 .mast-list, .photofacial-sec3 .mast-list {
    font-size: calc(18rem / 20);
    line-height: 2.3; }
    .menshairemoval-sec3 .mast-list li, .eyebrowstyling-sec3 .mast-list li, .photofacial-sec3 .mast-list li {
      position: relative; } }
@media only screen and (min-width: 105em) {
  .menshairemoval-sec3 .unit, .eyebrowstyling-sec3 .unit, .photofacial-sec3 .unit {
    width: calc(750rem / 20); }
    .menshairemoval-sec3 .unit::before, .eyebrowstyling-sec3 .unit::before, .photofacial-sec3 .unit::before {
      width: calc(678rem / 20); }
  .menshairemoval-sec3 .unit-img, .eyebrowstyling-sec3 .unit-img, .photofacial-sec3 .unit-img {
    width: calc(409rem / 20); }
  .menshairemoval-sec3 .unit-txtarea, .eyebrowstyling-sec3 .unit-txtarea, .photofacial-sec3 .unit-txtarea {
    width: calc(320rem / 20);
    padding-top: calc(80rem / 20);
    padding-bottom: calc(40rem / 20);
    padding-right: calc(40rem / 20); } }
.menshairemoval-sec4 {
  position: relative;
  background: url("../img/menshairemoval/s_bg1.jpg") center top;
  padding-bottom: calc(150rem / 20); }
  .menshairemoval-sec4 .ttl {
    background: #504e63;
    color: #fff;
    font-size: calc(28rem / 20);
    padding-top: calc(26rem / 20);
    padding-bottom: calc(26rem / 20);
    padding-left: calc(90rem / 20);
    margin-bottom: calc(100rem / 20);
    position: relative; }
    .menshairemoval-sec4 .ttl::before {
      content: "";
      background: url(../img/about/ico1.png) no-repeat;
      background-size: calc(32rem / 20);
      width: calc(32rem / 20);
      height: calc(64rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(40rem / 20);
      position: absolute; }
  .menshairemoval-sec4 .unit {
    margin-left: calc(40rem / 20);
    margin-right: calc(40rem / 20);
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20);
    padding-top: calc(80rem / 20);
    padding-bottom: calc(60rem / 20);
    margin-bottom: calc(110rem / 20);
    background: #fff;
    position: relative; }
    .menshairemoval-sec4 .unit .unit-ttl {
      position: absolute;
      background: #b29a5f;
      font-weight: 600;
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20);
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      font-size: calc(28rem / 20);
      color: #fff;
      top: calc(-20rem / 20);
      left: calc(-20rem / 20); }
    .menshairemoval-sec4 .unit .unit-box .img {
      width: 100%; }
    .menshairemoval-sec4 .unit .unit-box2 .box2-img {
      text-align: center; }
    .menshairemoval-sec4 .unit .unit-txt2 p {
      font-size: calc(28rem / 20);
      line-height: 1.3; }
      .menshairemoval-sec4 .unit .unit-txt2 p:first-child::after {
        content: '→';
        font-size: calc(43rem / 20); }
      .menshairemoval-sec4 .unit .unit-txt2 p:last-child {
        color: #b29a5f; }
      .menshairemoval-sec4 .unit .unit-txt2 p span {
        font-size: calc(43rem / 20); }
    .menshairemoval-sec4 .unit .unit-table {
      width: 100%;
      font-size: calc(28rem / 20); }
      .menshairemoval-sec4 .unit .unit-table thead th {
        text-align: center; }
        .menshairemoval-sec4 .unit .unit-table thead th:last-child {
          border-right: 1px solid #4f4f62; }
      .menshairemoval-sec4 .unit .unit-table th {
        background: #4f4f62;
        color: #fff;
        border-bottom: 1px solid #fff;
        border-left: 1px solid #fff;
        text-align: left;
        padding-left: calc(30rem / 20);
        padding-right: calc(30rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(10rem / 20); }
      .menshairemoval-sec4 .unit .unit-table td {
        text-align: right;
        border-bottom: 1px solid #4f4f62;
        border-right: 1px solid #4f4f62;
        padding-left: calc(30rem / 20);
        padding-right: calc(30rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(10rem / 20); }
    .menshairemoval-sec4 .unit .unit-sttl {
      margin-top: calc(45rem / 20);
      font-weight: 500;
      font-size: calc(36rem / 20);
      position: relative;
      padding-left: calc(40rem / 20); }
      .menshairemoval-sec4 .unit .unit-sttl::before {
        content: "";
        background: url(../img/about/ico2.png) no-repeat;
        background-size: calc(22rem / 20);
        width: calc(22rem / 20);
        height: calc(29rem / 20);
        top: 50%;
        transform: translateY(-50%);
        left: 0;
        position: absolute; }
    .menshairemoval-sec4 .unit .unit-txt {
      font-size: calc(26rem / 20); }
    .menshairemoval-sec4 .unit .unit-mast {
      font-size: calc(26rem / 20);
      font-weight: 600;
      color: #d5000f; }
      .menshairemoval-sec4 .unit .unit-mast.m1 {
        margin-top: calc(50rem / 20); }

@media only screen and (min-width: 46.875em) {
  .menshairemoval-sec4 {
    padding-bottom: calc(150rem / 20); }
    .menshairemoval-sec4 .ttl {
      font-size: calc(36rem / 20);
      padding-left: calc(140rem / 20);
      font-weight: 500; }
      .menshairemoval-sec4 .ttl::before {
        left: calc(50rem / 20); }
    .menshairemoval-sec4 .unit {
      width: calc(1200rem / 20);
      margin-left: auto;
      margin-right: auto;
      padding-left: calc(55rem / 20);
      padding-right: calc(55rem / 20);
      padding-top: calc(80rem / 20);
      padding-bottom: calc(60rem / 20);
      margin-bottom: calc(110rem / 20); }
      .menshairemoval-sec4 .unit .unit-ttl {
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(10rem / 20);
        line-height: 1.5;
        font-size: calc(26rem / 20);
        top: calc(-20rem / 20);
        left: calc(-35rem / 20);
        font-weight: 500; }
      .menshairemoval-sec4 .unit .unit-box {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
        .menshairemoval-sec4 .unit .unit-box .img {
          width: calc(505rem / 20);
          margin-right: calc(77rem / 20); }
      .menshairemoval-sec4 .unit .unit-box2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: reverse;
        -webkit-box-orient: horizontal;
        -webkit-flex-direction: row-reverse;
        flex-direction: row-reverse;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        -webkit-box-align: center;
        -webkit-align-items: center;
        align-items: center; }
        .menshairemoval-sec4 .unit .unit-box2 .box2-img {
          width: calc(307rem / 20); }
      .menshairemoval-sec4 .unit .unit-txt2 {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex; }
        .menshairemoval-sec4 .unit .unit-txt2 p {
          font-size: calc(20rem / 20);
          line-height: 1.3;
          letter-spacing: .05rem; }
          .menshairemoval-sec4 .unit .unit-txt2 p:first-child::after {
            content: '→';
            font-size: calc(30rem / 20);
            margin-left: calc(10rem / 20);
            margin-right: calc(10rem / 20); }
          .menshairemoval-sec4 .unit .unit-txt2 p:last-child {
            color: #b29a5f; }
            .menshairemoval-sec4 .unit .unit-txt2 p:last-child span {
              font-size: calc(40rem / 20); }
          .menshairemoval-sec4 .unit .unit-txt2 p span {
            font-size: calc(30rem / 20);
            margin-left: calc(5rem / 20);
            margin-right: calc(5rem / 20); }
      .menshairemoval-sec4 .unit .unit-table {
        width: calc(400rem / 20);
        font-size: calc(17rem / 20); }
        .menshairemoval-sec4 .unit .unit-table th {
          padding-left: calc(20rem / 20);
          padding-right: calc(20rem / 20);
          padding-top: calc(6rem / 20);
          padding-bottom: calc(7rem / 20); }
        .menshairemoval-sec4 .unit .unit-table td {
          padding-left: calc(20rem / 20);
          padding-right: calc(20rem / 20);
          padding-top: calc(6rem / 20);
          padding-bottom: calc(7rem / 20); }
      .menshairemoval-sec4 .unit .unit-sttl {
        font-size: calc(30rem / 20);
        padding-left: calc(30rem / 20); }
      .menshairemoval-sec4 .unit .unit-txt {
        font-size: calc(18rem / 20); }
      .menshairemoval-sec4 .unit .unit-mast {
        font-size: calc(16rem / 20); }
        .menshairemoval-sec4 .unit .unit-mast.m1 {
          margin-top: calc(50rem / 20); } }
/*---eyebrowstyling
---------------------------------------------------------------------------------------------------*/
.eyebrowstyling-sec1 {
  background: url("../img/eyebrowstyling/bg1.jpg") center; }

.eyebrowstyling-sec2 .ttl {
  background: #504e63;
  color: #fff;
  font-size: calc(28rem / 20);
  padding-top: calc(26rem / 20);
  padding-bottom: calc(26rem / 20);
  padding-left: calc(90rem / 20);
  position: relative; }
  .eyebrowstyling-sec2 .ttl::before {
    content: "";
    background: url(../img/about/ico1.png) no-repeat;
    background-size: calc(32rem / 20);
    width: calc(32rem / 20);
    height: calc(64rem / 20);
    top: 50%;
    transform: translateY(-50%);
    left: calc(40rem / 20);
    position: absolute; }
.eyebrowstyling-sec2 .inner {
  background: url("../img/eyebrowstyling/s1_bg1.png") no-repeat right bottom;
  background-size: calc(301rem / 20);
  padding-top: calc(70rem / 20);
  padding-bottom: calc(130rem / 20); }
.eyebrowstyling-sec2 .list {
  padding-left: calc(70rem / 20);
  padding-right: calc(70rem / 20);
  font-size: calc(28rem / 20);
  text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
  filter: drop-shadow(0 0 0.5em #fff); }
  .eyebrowstyling-sec2 .list li {
    position: relative;
    padding-left: calc(70rem / 20);
    margin-bottom: calc(30rem / 20); }
    .eyebrowstyling-sec2 .list li::before {
      content: "";
      background: url(../img/eyebrowstyling/ico_chack.png) no-repeat;
      background-size: calc(49rem / 20);
      width: calc(49rem / 20);
      height: calc(40rem / 20);
      top: 0;
      left: 0;
      position: absolute; }
    .eyebrowstyling-sec2 .list li span {
      font-size: calc(36rem / 20); }

@media only screen and (min-width: 46.875em) {
  .eyebrowstyling-sec2 .ttl {
    font-size: calc(36rem / 20);
    padding-left: calc(140rem / 20);
    font-weight: 500; }
    .eyebrowstyling-sec2 .ttl::before {
      left: calc(50rem / 20); }
  .eyebrowstyling-sec2 .inner {
    background: url("../img/eyebrowstyling/s1_bg1.png") no-repeat center bottom;
    background-size: calc(401rem / 20);
    padding-top: calc(150rem / 20);
    padding-bottom: calc(130rem / 20);
    padding-left: calc(90rem / 20);
    padding-right: calc(30rem / 20);
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between; }
  .eyebrowstyling-sec2 .list {
    padding-left: 0;
    padding-right: 0;
    padding-top: calc(40rem / 20);
    padding-bottom: 0;
    font-size: calc(26rem / 20); }
    .eyebrowstyling-sec2 .list li::before {
      top: calc(15rem / 20);
      left: 0; }
    .eyebrowstyling-sec2 .list li span {
      font-size: calc(38rem / 20); } }
.eyebrowstyling-sec3::before {
  top: calc(1591rem / 20); }
.eyebrowstyling-sec3::after {
  content: "";
  background: url(../img/eyebrowstyling/s_bg2.png) no-repeat;
  background-size: calc(577rem / 20);
  width: calc(577rem / 20);
  height: calc(591rem / 20);
  left: 0;
  bottom: calc(-50rem / 20);
  position: absolute;
  z-index: -1; }
.eyebrowstyling-sec3 .unit::before {
  background: #ffefef; }
.eyebrowstyling-sec3 .mast-box {
  background: #ffefef; }

.eyebrowstyling-sec4 {
  position: relative;
  background: url("../img/eyebrowstyling/s4_bg.jpg") center top;
  padding-bottom: calc(150rem / 20); }
  .eyebrowstyling-sec4 .ttl {
    background: #504e63;
    color: #fff;
    font-size: calc(28rem / 20);
    padding-top: calc(26rem / 20);
    padding-bottom: calc(26rem / 20);
    padding-left: calc(90rem / 20);
    margin-bottom: calc(100rem / 20);
    position: relative; }
    .eyebrowstyling-sec4 .ttl::before {
      content: "";
      background: url(../img/about/ico1.png) no-repeat;
      background-size: calc(32rem / 20);
      width: calc(32rem / 20);
      height: calc(64rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(40rem / 20);
      position: absolute; }
  .eyebrowstyling-sec4 .unit {
    margin-left: calc(40rem / 20);
    margin-right: calc(40rem / 20);
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20);
    padding-top: calc(80rem / 20);
    padding-bottom: calc(60rem / 20);
    margin-bottom: calc(110rem / 20);
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-direction: reverse;
    -webkit-box-orient: vertical;
    -webkit-flex-direction: column-reverse;
    flex-direction: column-reverse; }
    .eyebrowstyling-sec4 .unit::before {
      content: "";
      background: #ffefef;
      background-size: 100%;
      width: calc(600rem / 20);
      height: 95%;
      top: calc(20rem / 20);
      left: 50%;
      transform: translateX(-50%);
      position: absolute; }
    .eyebrowstyling-sec4 .unit .unit-txtarea {
      position: relative;
      z-index: 1; }
    .eyebrowstyling-sec4 .unit .unit-ttl {
      position: absolute;
      background: #4f4f62;
      font-weight: 600;
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20);
      padding-top: calc(10rem / 20);
      padding-bottom: calc(10rem / 20);
      font-size: calc(28rem / 20);
      color: #fff;
      top: calc(-20rem / 20);
      left: calc(-20rem / 20); }
    .eyebrowstyling-sec4 .unit .unit-txt {
      font-size: calc(26rem / 20); }
    .eyebrowstyling-sec4 .unit .unit-txt2 {
      margin-top: calc(25rem / 20); }
      .eyebrowstyling-sec4 .unit .unit-txt2 p {
        font-size: calc(28rem / 20);
        line-height: 1.3; }
        .eyebrowstyling-sec4 .unit .unit-txt2 p:first-child::after {
          content: '→';
          font-size: calc(43rem / 20); }
        .eyebrowstyling-sec4 .unit .unit-txt2 p:last-child {
          color: #ff7bac; }
        .eyebrowstyling-sec4 .unit .unit-txt2 p span {
          font-size: calc(43rem / 20); }
    .eyebrowstyling-sec4 .unit .unit-img {
      position: relative;
      width: 100%; }

@media only screen and (min-width: 46.875em) {
  .eyebrowstyling-sec4 {
    padding-bottom: calc(10rem / 20); }
    .eyebrowstyling-sec4 .ttl {
      font-size: calc(36rem / 20);
      padding-left: calc(140rem / 20);
      font-weight: 500; }
      .eyebrowstyling-sec4 .ttl::before {
        left: calc(50rem / 20); }
    .eyebrowstyling-sec4 .unit {
      -webkit-box-direction: normal;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row;
      flex-direction: row;
      width: calc(1300rem / 20);
      margin-left: auto;
      margin-right: auto;
      padding-top: 0;
      padding-bottom: 0;
      padding-left: 0;
      padding-right: 0;
      position: relative; }
      .eyebrowstyling-sec4 .unit::before {
        background-size: calc(1138rem / 20);
        width: calc(1138rem / 20);
        height: 87%;
        top: calc(20rem / 20);
        left: calc(30rem / 20);
        transform: translateX(0%);
        position: absolute; }
      .eyebrowstyling-sec4 .unit .unit-txtarea {
        width: calc(800rem / 20);
        position: relative;
        z-index: 1;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        -webkit-box-pack: center;
        -webkit-flex-pack: center;
        -webkit-justify-content: center;
        justify-content: center;
        padding-left: calc(80rem / 20); }
      .eyebrowstyling-sec4 .unit .unit-ttl {
        padding-left: calc(40rem / 20);
        padding-right: calc(40rem / 20);
        padding-top: calc(10rem / 20);
        padding-bottom: calc(10rem / 20);
        line-height: 1.5;
        font-size: calc(26rem / 20);
        top: 0;
        left: 0;
        font-weight: 500; }
        .eyebrowstyling-sec4 .unit .unit-ttl br {
          display: none; }
      .eyebrowstyling-sec4 .unit .unit-txt {
        font-size: calc(16rem / 20); }
      .eyebrowstyling-sec4 .unit .unit-txt2 {
        margin-top: calc(25rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
        .eyebrowstyling-sec4 .unit .unit-txt2 p {
          font-size: calc(20rem / 20);
          line-height: 1.3; }
          .eyebrowstyling-sec4 .unit .unit-txt2 p:first-child::after {
            font-size: calc(30rem / 20);
            margin-left: calc(10rem / 20);
            margin-right: calc(10rem / 20); }
          .eyebrowstyling-sec4 .unit .unit-txt2 p:last-child {
            color: #ff7bac; }
            .eyebrowstyling-sec4 .unit .unit-txt2 p:last-child span {
              font-size: calc(40rem / 20); }
          .eyebrowstyling-sec4 .unit .unit-txt2 p span {
            font-size: calc(30rem / 20);
            margin-left: calc(5rem / 20);
            margin-right: calc(5rem / 20); }
      .eyebrowstyling-sec4 .unit .unit-img {
        position: relative;
        width: calc(455rem / 20); } }
/*---photofacial
---------------------------------------------------------------------------------------------------*/
.photofacial-sec1 {
  background: url("../img/photofacial/bg1.jpg") center; }
  .photofacial-sec1 .ttl {
    color: #3fa9f5;
    text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
    filter: drop-shadow(0 0 0.5em #fff); }

.photofacial-sec2 .ttl {
  background: #504e63;
  color: #fff;
  font-size: calc(28rem / 20);
  padding-top: calc(26rem / 20);
  padding-bottom: calc(26rem / 20);
  padding-left: calc(90rem / 20);
  margin-bottom: calc(30rem / 20);
  position: relative; }
  .photofacial-sec2 .ttl::before {
    content: "";
    background: url(../img/about/ico1.png) no-repeat;
    background-size: calc(32rem / 20);
    width: calc(32rem / 20);
    height: calc(64rem / 20);
    top: 50%;
    transform: translateY(-50%);
    left: calc(40rem / 20);
    position: absolute; }
.photofacial-sec2 .list {
  padding-left: calc(70rem / 20);
  padding-right: calc(70rem / 20);
  padding-top: calc(40rem / 20);
  padding-bottom: calc(20rem / 20);
  font-size: calc(28rem / 20);
  text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
  filter: drop-shadow(0 0 0.5em #fff); }
  .photofacial-sec2 .list li {
    position: relative;
    padding-left: calc(70rem / 20);
    margin-bottom: calc(30rem / 20); }
    .photofacial-sec2 .list li::before {
      content: "";
      background: url(../img/photofacial/ico_chack.png) no-repeat;
      background-size: calc(49rem / 20);
      width: calc(49rem / 20);
      height: calc(40rem / 20);
      top: 0;
      left: 0;
      position: absolute; }
    .photofacial-sec2 .list li span {
      font-size: calc(36rem / 20); }
.photofacial-sec2 .list-img {
  width: 100%; }

@media only screen and (min-width: 46.875em) {
  .photofacial-sec2 {
    position: relative;
    background: url("../img/photofacial/s1_bg1.jpg") no-repeat right bottom;
    background-size: calc(384rem / 20); }
    .photofacial-sec2 .inner {
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-direction: reverse;
      -webkit-box-orient: horizontal;
      -webkit-flex-direction: row-reverse;
      flex-direction: row-reverse;
      -webkit-box-pack: center;
      -webkit-flex-pack: center;
      -webkit-justify-content: center;
      justify-content: center; }
    .photofacial-sec2 .ttl {
      font-size: calc(36rem / 20);
      padding-left: calc(140rem / 20);
      font-weight: 500; }
      .photofacial-sec2 .ttl::before {
        left: calc(50rem / 20); }
    .photofacial-sec2 .list {
      padding-left: calc(70rem / 20);
      padding-right: calc(70rem / 20);
      padding-top: calc(40rem / 20);
      padding-bottom: 0;
      font-size: calc(26rem / 20); }
      .photofacial-sec2 .list li {
        padding-left: calc(70rem / 20);
        margin-bottom: calc(30rem / 20); }
        .photofacial-sec2 .list li::before {
          top: calc(15rem / 20);
          left: 0; }
        .photofacial-sec2 .list li span {
          font-size: calc(38rem / 20); }
    .photofacial-sec2 .list-img {
      width: calc(662rem / 20); } }
.photofacial-sec3 {
  background: url("../img/photofacial/s2_bg1.jpg") no-repeat left bottom;
  background-size: calc(337rem / 20); }
  .photofacial-sec3::before {
    background: none; }
  .photofacial-sec3 .unit::before {
    background: #e3f5f7; }

.photofacial-sec4 {
  position: relative;
  background: url("../img/photofacial/s3_bg1.jpg") center top;
  padding-bottom: calc(150rem / 20); }
  .photofacial-sec4 .ttl {
    background: #504e63;
    color: #fff;
    font-size: calc(28rem / 20);
    padding-top: calc(26rem / 20);
    padding-bottom: calc(26rem / 20);
    padding-left: calc(90rem / 20);
    margin-bottom: calc(100rem / 20);
    position: relative; }
    .photofacial-sec4 .ttl::before {
      content: "";
      background: url(../img/about/ico1.png) no-repeat;
      background-size: calc(32rem / 20);
      width: calc(32rem / 20);
      height: calc(64rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(40rem / 20);
      position: absolute; }
  .photofacial-sec4 .unit {
    margin-left: calc(20rem / 20);
    margin-right: calc(20rem / 20);
    padding-left: calc(30rem / 20);
    padding-right: calc(30rem / 20);
    padding-top: calc(460rem / 20);
    padding-bottom: calc(60rem / 20);
    margin-bottom: calc(110rem / 20);
    background: #fff;
    position: relative; }
    .photofacial-sec4 .unit .unit-ttl {
      font-size: calc(28rem / 20);
      color: #3fa9f5;
      margin-bottom: calc(35rem / 20); }
    .photofacial-sec4 .unit .unit-txt {
      font-size: calc(26rem / 20); }
    .photofacial-sec4 .unit .unit-img {
      width: calc(620rem / 20);
      position: absolute;
      top: calc(-20rem / 20);
      left: calc(-20rem / 20); }
      .photofacial-sec4 .unit .unit-img img {
        width: 100%; }
    .photofacial-sec4 .unit .unit-txt2 {
      margin-top: calc(35rem / 20); }
      .photofacial-sec4 .unit .unit-txt2 p {
        font-size: calc(28rem / 20);
        line-height: 1.3; }
        .photofacial-sec4 .unit .unit-txt2 p:first-child::after {
          content: '→';
          font-size: calc(43rem / 20); }
        .photofacial-sec4 .unit .unit-txt2 p:last-child {
          color: #3fa9f5; }
        .photofacial-sec4 .unit .unit-txt2 p span {
          font-size: calc(43rem / 20); }
    .photofacial-sec4 .unit .unit-txt3 {
      margin-top: calc(35rem / 20); }
      .photofacial-sec4 .unit .unit-txt3 p {
        font-size: calc(28rem / 20);
        color: #3fa9f5;
        line-height: 1.3; }
        .photofacial-sec4 .unit .unit-txt3 p span {
          font-size: calc(43rem / 20); }

@media only screen and (min-width: 46.875em) {
  .photofacial-sec4 {
    padding-bottom: calc(50rem / 20); }
    .photofacial-sec4 .ttl {
      font-size: calc(36rem / 20);
      padding-left: calc(140rem / 20);
      font-weight: 500; }
      .photofacial-sec4 .ttl::before {
        left: calc(50rem / 20); }
    .photofacial-sec4 .unit {
      width: calc(1330rem / 20);
      margin-left: auto;
      margin-right: auto;
      padding-left: 0;
      padding-right: 0;
      padding-top: 0;
      padding-bottom: 0;
      margin-bottom: calc(80rem / 20);
      background: none;
      position: relative; }
      .photofacial-sec4 .unit::before {
        content: '';
        width: calc(1230rem / 20);
        position: absolute;
        background: #fff;
        background-size: 100%;
        height: 100%;
        top: 0;
        right: 0; }
      .photofacial-sec4 .unit .unit-txtarea {
        position: relative;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-direction: normal;
        -webkit-box-orient: vertical;
        -webkit-flex-direction: column;
        flex-direction: column;
        padding-left: calc(490rem / 20);
        padding-right: calc(40rem / 20);
        padding-top: calc(30rem / 20);
        padding-bottom: calc(30rem / 20);
        min-height: calc(320rem / 20); }
      .photofacial-sec4 .unit .unit-ttl {
        font-size: calc(30rem / 20);
        margin-bottom: calc(30rem / 20);
        font-weight: 600; }
      .photofacial-sec4 .unit .unit-txt {
        font-size: calc(18rem / 20); }
      .photofacial-sec4 .unit .unit-img {
        width: calc(435rem / 20);
        top: calc(-20rem / 20);
        left: 0; }
      .photofacial-sec4 .unit .unit-txt2 {
        margin-top: auto;
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-align: end;
        -webkit-align-items: flex-end;
        align-items: flex-end;
        -webkit-box-pack: end;
        -webkit-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end; }
        .photofacial-sec4 .unit .unit-txt2 p {
          font-size: calc(20rem / 20); }
          .photofacial-sec4 .unit .unit-txt2 p:first-child::after {
            font-size: calc(30rem / 20);
            margin-left: calc(10rem / 20);
            margin-right: calc(10rem / 20); }
          .photofacial-sec4 .unit .unit-txt2 p:last-child {
            color: #3fa9f5; }
            .photofacial-sec4 .unit .unit-txt2 p:last-child span {
              font-size: calc(40rem / 20); }
          .photofacial-sec4 .unit .unit-txt2 p span {
            font-size: calc(30rem / 20);
            margin-left: calc(5rem / 20);
            margin-right: calc(5rem / 20); }
      .photofacial-sec4 .unit .unit-txt3 {
        margin-top: auto;
        text-align: right; }
        .photofacial-sec4 .unit .unit-txt3 p {
          font-size: calc(20rem / 20); }
          .photofacial-sec4 .unit .unit-txt3 p span {
            font-size: calc(40rem / 20);
            margin-left: calc(5rem / 20);
            margin-right: calc(5rem / 20); } }
/*---photofacial
---------------------------------------------------------------------------------------------------*/
.lifewave-sec1 {
  background: url("../img/lifewave/s_bg1.jpg") center;
  background-size: cover; }
  .lifewave-sec1 .ttl {
    color: #00609c;
    text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
    filter: drop-shadow(0 0 0.5em #fff); }

.lifewave-sec2 {
  background: url("../img/lifewave/s2_bg1.jpg") no-repeat center top;
  background-size: cover;
  position: relative; }
  .lifewave-sec2::before {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 4rem 0 0 50vw;
    border-color: transparent transparent transparent #fff;
    position: absolute;
    bottom: 0;
    left: 0; }
  .lifewave-sec2::after {
    content: '';
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 0 4rem 50vw;
    border-color: transparent transparent #fff transparent;
    position: absolute;
    bottom: 0;
    right: 0; }
  .lifewave-sec2 .ttl {
    background: #504e63;
    color: #fff;
    font-size: calc(28rem / 20);
    padding-top: calc(26rem / 20);
    padding-bottom: calc(26rem / 20);
    padding-left: calc(90rem / 20);
    position: relative; }
    .lifewave-sec2 .ttl::before {
      content: "";
      background: url(../img/about/ico1.png) no-repeat;
      background-size: calc(32rem / 20);
      width: calc(32rem / 20);
      height: calc(64rem / 20);
      top: 50%;
      transform: translateY(-50%);
      left: calc(40rem / 20);
      position: absolute; }
  .lifewave-sec2 .inner {
    padding-top: calc(92rem / 20);
    padding-bottom: calc(80rem / 20); }
  .lifewave-sec2 .sttl {
    font-size: calc(38rem / 20);
    font-weight: 600;
    letter-spacing: .1rem;
    text-shadow: 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white, 0px 0px 0.5em white;
    filter: drop-shadow(0 0 0.5em #fff);
    margin-bottom: calc(30rem / 20); }
  .lifewave-sec2 .txt {
    font-size: calc(26rem / 20);
    color: #19191c; }
  .lifewave-sec2 .img {
    margin-top: calc(30rem / 20); }

@media only screen and (min-width: 46.875em) {
  .lifewave-sec2 {
    background: url("../img/lifewave/s2_bg1.jpg") no-repeat center;
    background-size: cover; }
    .lifewave-sec2::before {
      border-width: 4.25rem 0 0 50vw; }
    .lifewave-sec2::after {
      border-width: 0 0 4.25rem 50vw; }
    .lifewave-sec2 .ttl {
      font-size: calc(36rem / 20);
      padding-left: calc(140rem / 20);
      font-weight: 500; }
      .lifewave-sec2 .ttl::before {
        left: calc(50rem / 20); }
    .lifewave-sec2 .inner {
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20);
      padding-bottom: calc(90rem / 20); }
    .lifewave-sec2 .sttl {
      font-size: calc(30rem / 20);
      margin-bottom: calc(30rem / 20); }
    .lifewave-sec2 .txt {
      font-size: calc(16rem / 20);
      width: calc(775rem / 20); }
    .lifewave-sec2 .img {
      margin-top: calc(30rem / 20);
      width: calc(775rem / 20); } }
.lifewave-sec3 {
  padding-top: calc(40rem / 20); }
  .lifewave-sec3 .ttl {
    text-align: center;
    font-size: calc(32rem / 20);
    font-weight: 600;
    position: relative;
    padding-top: calc(70rem / 20);
    margin-bottom: calc(110rem / 20); }
    .lifewave-sec3 .ttl::before {
      content: "";
      border-left: 1px solid #4f4f62;
      width: 1px;
      height: calc(50rem / 20);
      position: absolute;
      left: 50%;
      transform: translateX(-50%);
      top: 0; }
  .lifewave-sec3 .inner {
    padding-left: calc(40rem / 20);
    padding-right: calc(40rem / 20); }
  .lifewave-sec3 .unit {
    border: 1px solid #00609c;
    margin-bottom: calc(60rem / 20); }
    .lifewave-sec3 .unit .unit-ttl {
      background: #00609c;
      color: #fff;
      padding-top: calc(20rem / 20);
      padding-bottom: calc(20rem / 20);
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20); }
      .lifewave-sec3 .unit .unit-ttl h2 {
        font-size: calc(40rem / 20);
        font-weight: 600;
        line-height: 1; }
      .lifewave-sec3 .unit .unit-ttl p {
        font-size: calc(26rem / 20);
        text-align: right;
        line-height: 1; }
        .lifewave-sec3 .unit .unit-ttl p span {
          font-size: calc(43rem / 20);
          line-height: 1; }
    .lifewave-sec3 .unit .unit-img {
      text-align: center;
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20);
      padding-top: calc(20rem / 20);
      padding-bottom: calc(20rem / 20); }
    .lifewave-sec3 .unit .unit-txtarea {
      padding-left: calc(40rem / 20);
      padding-right: calc(40rem / 20);
      padding-top: calc(20rem / 20);
      padding-bottom: calc(20rem / 20); }
    .lifewave-sec3 .unit .txtarea-ttl {
      font-size: calc(28rem / 20);
      font-weight: 600;
      margin-bottom: calc(20rem / 20); }
    .lifewave-sec3 .unit .txtarea-list {
      font-size: calc(26rem / 20);
      margin-bottom: calc(20rem / 20);
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .lifewave-sec3 .unit .txtarea-list li {
        background: #30b172;
        border-radius: 2rem;
        color: #fff;
        padding-left: calc(20rem / 20);
        padding-right: calc(20rem / 20);
        padding-top: calc(5rem / 20);
        padding-bottom: calc(5rem / 20);
        margin-bottom: calc(10rem / 20);
        margin-left: calc(10rem / 20); }
    .lifewave-sec3 .unit .txtarea-txt {
      font-size: calc(26rem / 20); }

@media only screen and (min-width: 46.875em) {
  .lifewave-sec3 {
    padding-top: calc(40rem / 20);
    padding-bottom: calc(60rem / 20); }
    .lifewave-sec3 .ttl {
      font-size: calc(42rem / 20);
      padding-top: calc(70rem / 20);
      margin-bottom: calc(110rem / 20); }
      .lifewave-sec3 .ttl::before {
        height: calc(60rem / 20); }
    .lifewave-sec3 .inner {
      padding-left: 0;
      padding-right: 0; }
    .lifewave-sec3 .unit {
      width: calc(1200rem / 20);
      margin-left: auto;
      margin-right: auto;
      display: -webkit-box;
      display: -webkit-flex;
      display: flex;
      -webkit-box-pack: justify;
      -webkit-flex-pack: justify;
      -webkit-justify-content: space-between;
      justify-content: space-between;
      -webkit-box-lines: multiple;
      -webkit-flex-wrap: wrap;
      flex-wrap: wrap; }
      .lifewave-sec3 .unit.ico1 .unit-txtarea {
        position: relative; }
        .lifewave-sec3 .unit.ico1 .unit-txtarea::before {
          content: "";
          background: url("../img/lifewave/s3_num1_ico.png") no-repeat;
          background-size: calc(125rem / 20);
          width: calc(125rem / 20);
          height: calc(125rem / 20);
          top: calc(-10rem / 20);
          right: calc(30rem / 20);
          position: absolute; }
      .lifewave-sec3 .unit.ico2 .unit-txtarea {
        position: relative; }
        .lifewave-sec3 .unit.ico2 .unit-txtarea::before {
          content: "";
          background: url("../img/lifewave/s3_num2_ico.png") no-repeat;
          background-size: calc(125rem / 20);
          width: calc(125rem / 20);
          height: calc(125rem / 20);
          top: calc(-10rem / 20);
          right: calc(30rem / 20);
          position: absolute; }
      .lifewave-sec3 .unit .unit-ttl {
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-pack: justify;
        -webkit-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        width: 100%; }
        .lifewave-sec3 .unit .unit-ttl h2 {
          font-size: calc(40rem / 20); }
        .lifewave-sec3 .unit .unit-ttl p {
          font-size: calc(22rem / 20); }
          .lifewave-sec3 .unit .unit-ttl p span {
            font-size: calc(44rem / 20);
            margin-right: calc(10rem / 20); }
      .lifewave-sec3 .unit .unit-img {
        text-align: center;
        padding-left: 0;
        padding-right: 0;
        padding-top: 0;
        padding-bottom: 0;
        width: calc(330rem / 20);
        margin-top: calc(30rem / 20);
        margin-left: calc(15rem / 20); }
      .lifewave-sec3 .unit .unit-txtarea {
        width: calc(805rem / 20);
        margin-top: calc(30rem / 20);
        padding-left: 0;
        padding-right: calc(25rem / 20);
        padding-top: 0;
        padding-bottom: calc(40rem / 20); }
      .lifewave-sec3 .unit .txtarea-ttl {
        font-size: calc(24rem / 20);
        margin-bottom: calc(20rem / 20); }
      .lifewave-sec3 .unit .txtarea-list {
        font-size: calc(18rem / 20);
        margin-bottom: calc(15rem / 20);
        display: -webkit-box;
        display: -webkit-flex;
        display: flex;
        -webkit-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        flex-wrap: wrap; }
        .lifewave-sec3 .unit .txtarea-list li {
          border-radius: .85rem;
          padding-left: calc(18rem / 20);
          padding-right: calc(18rem / 20);
          padding-top: calc(5rem / 20);
          padding-bottom: calc(5rem / 20);
          margin-bottom: calc(10rem / 20);
          margin-right: calc(10rem / 20);
          margin-left: 0; }
      .lifewave-sec3 .unit .txtarea-txt {
        font-size: calc(18rem / 20);
        letter-spacing: .05rem;
        line-height: 2; } }
/* ------ */
.clearfix:after {
  clear: both;
  content: '';
  display: block; }

@media print {
  * {
    background: transparent !important;
    color: #000 !important;
    box-shadow: none !important;
    text-shadow: none !important; }
    *::before, *::after, *::first-letter, *::first-line {
      background: transparent !important;
      color: #000 !important;
      box-shadow: none !important;
      text-shadow: none !important; }

  a {
    text-decoration: underline; }
    a:visited {
      text-decoration: underline; }

  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid; }

  thead {
    display: table-header-group; }

  tr {
    page-break-inside: avoid; }

  img {
    page-break-inside: avoid;
    max-width: 100% !important; }

  p, h2, h3 {
    orphans: 3;
    widows: 3; }

  h2, h3 {
    page-break-after: avoid; } }