@charset "UTF-8";

*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

@font-face {
    font-family: 'Times New Roman';
    src: url('./fonts/Times New Roman.ttf') format('truetype');
  }

@font-face {
    font-family: "ShipporiMincho-OTF-Bold";
    src: url("../fonts/ShipporiMincho-OTF-Bold.otf") format("OpenType");
}
  
@font-face {
    font-family: "HannariMincho-Regular";
    src: url("../fonts/HannariMincho-Regular.otf") format("OpenType");
}

@font-face {
    font-family: "NotoSerifJP-Medium";
    src: url("../fonts/NotoSerifJP-Medium.otf") format("OpenType");
}

@font-face {
    font-family: "NotoSerifJP-Bold";
    src: url("../fonts/NotoSerifJP-Bold.otf") format("OpenType");
}

@font-face {
    font-family: "NotoSerifJP-SemiBold";
    src: url("../fonts/NotoSerifJP-SemiBold.otf") format("OpenType");
}

@font-face {
    font-family: "Corporate-Mincho-ver2";
    src: url("../fonts/Corporate-Mincho-ver2.otf") format("OpenType");
}

@font-face {
    font-family: "UtsukushiFONT";
    src: url("../fonts/UtsukushiFONT.otf") format("OpenType");
}


html {
    font-size: 100%;
    overflow-y: scroll;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}

html, button, input, select, textarea {
    font-family: "NotoSerifJP-Medium";
}

body {
    color: #585858;
    line-height: 1.7;
    margin: 0px;
    background-color: #FFFFFF;
    letter-spacing: .1em;
}

h1, h2, h3, h4, h5, h6{
    font-family: "NotoSerifJP-Bold";
}

h1, h2, h3, h4, h5, h6, p {
    margin: 0px;
}

a:link {
    color: #004CCA;
}

a:visited {
    color: #6219DB;
}

a:hover {
    color: #048ADE;
    text-decoration: none;
}

a:active {
    color: #048ADE;
    text-decoration: none;
}

img {
    max-width: 100%;
    vertical-align: bottom;
    width: 100%;
}

.pr_img {
    overflow: hidden;
    position: relative;
}

img.pa_img {
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 0;
    margin: auto;
    display: block;
}

ul {
    padding: 0px;
    list-style: none;
    margin: 0;
}

.oh {
    overflow: hidden;
}

.L {
    float: left;
}

.R {
    float: right;
}

.sp {
    display: none;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

#menu {
    display: none;
}

.flex {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
}

.flex-sb {
    flex-wrap: wrap;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
}

.wrap {
    position: relative;
    width: 79vw;
    margin: 0 auto;
}

.wrap_1 {
    position: relative;
    width: 92vw;
    margin: 0 auto;
}

#page_lp section#main_visual {
    background: url(../img/mainvisual_image_pc.png) no-repeat;
    background-size: cover;
    background-position: center;
    color: #fff;
    padding: 2vw 0 1vw 0;
}

#page_lp section#main_visual .label {
    position: absolute;
}

#page_lp section#main_visual .label.woman {
    right: 11vw;
    width: 12vw;
    bottom: 0;
}

#page_lp section#main_visual .label.emblem {
    right: 0;
    width: 10vw;
    bottom: 1vw;
}

#page_lp section#main_visual .logo_wrap {
    align-items: center;
    margin-bottom: 1.4vw;
}

#page_lp section#main_visual .logo {
    margin-right: 2vw;
    padding-right: 2vw;
    position: relative;
}

#page_lp section#main_visual .logo:after {
    content: "";
    width: 1px;
    height: 5vw;
    background: #fff;
    position: absolute;
    right: 0;
    top: calc( 50% - 2.5vw );
}

#page_lp section#main_visual .logo img {
    width: 20vw;
}

#page_lp section#main_visual .series img {
    width: 17vw;
}

#page_lp section#main_visual .main_title {
    font-size: 3.2vw;
    line-height: 1.3;
    letter-spacing: .1em;
    margin-bottom: 1.5vw;
}

#page_lp section#main_visual .main_title .accent {
    color: #F4DC9E;
}

#page_lp section#main_visual .main_title span.institution {
    font-size: 2.5vw;
}

#page_lp section#main_visual .main_title small {
    font-size: 2.5vw;
}

#page_lp section#main_visual .sub_title {
    font-size: 2.3vw;
    line-height: 1.5;
    margin-bottom: .2em;
    letter-spacing: .1em;
}

#page_lp section#main_visual .sub_title .accent {
    color: #E8D299;
    font-size: 3.2vw;
}

#page_lp section#main_visual .accent_text {
    margin-bottom: 2vw;
}

#page_lp section#main_visual .accent_text img {
    width: 44vw;
}

#page_lp section#main_visual .text_area {
    margin-bottom: 2vw;
}

#page_lp section#main_visual .text_area p {
    font-size: 1.2vw;
    line-height: .8;
}

#page_lp section#main_visual .text_area p .big {
    font-size: 1.9vw;
}

#page_lp section#main_visual a.common_contact_btn {
    margin-bottom: 1vw;
    display: inline-block;
    position: relative;
    z-index: 2;
}

#page_lp section#main_visual .attention {
    font-size: 1vw;
    position: relative;
    padding-left: 1.5vw;
}

#page_lp section#main_visual .attention .mark {
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp section#copy_attention {
    background: url(../img/science_back.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 2.5vw 0;
    position: relative;
    color: #fff;
}

#page_lp section#copy_attention .fl_wrap {
    align-items: center;
}

#page_lp section#copy_attention .text_area {
    width: 82%;
}

#page_lp section#copy_attention .image {
    width: 18%;
}

#page_lp section#copy_attention .logo_wrap {
    align-items: center;
}

#page_lp section#copy_attention .logo {
    margin-right: 3vw;
}

#page_lp section#copy_attention .logo img {
    width: 25vw;
}

#page_lp section#copy_attention .info_area p {
    font-size: 1vw;
}

#page_lp section#copy_attention .info_area p.shop span {
    font-size: 1.7vw;
}

#page_lp section#copy_attention .info_area p.num span {
    font-size: 1.5vw;
}

#page_lp section#copy_attention .text {
    font-size: 2.2vw;
    color: #fff;
    display: inline-block;
    padding-left: 3vw;
    line-height: 1;
    background: url(../img/icon_attention.svg) no-repeat;
    background-position: 0;
    background-size: contain;
    margin-bottom: 2vw;
}

#page_lp section#shower_head {
    background: url(../img/shower_head_top.png), url(../img/shower_head_bottom.png);
    background-position: left top, right bottom;
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 10vw 0;
}

#page_lp section#shower_head .sub_title {
    font-size: 2.5vw;
    line-height: 1;
    color: initial;
}

#page_lp section#shower_head .sub_title img {
    width: 33vw;
}

#page_lp section#shower_head .title {
    font-size: 2.5vw;
    color: #2F2F2F;
}

#page_lp section#shower_head .title .accent {
    color: #F7C955;    
}

#page_lp section#shower_head .title .big {
    font-size: 4.5vw;
}

#page_lp section#shower_head .title .mincho {
    font-family: "Corporate-Mincho-ver2";
    font-size: 3.2vw;
    font-weight: normal;
}

#page_lp section#shower_head .text {
    font-size: 1.3vw;
    letter-spacing: .1em;
    margin-bottom: 3.5vw;
}

#page_lp section#shower_head .text .accent {
    color: #D6B663;
    font-size: 1.7vw;
}

#page_lp section#shower_head .image_box {
    width: 48%;
    position: relative;
}

#page_lp section#shower_head .image_box a {
    width: 8vw;
    height: 8vw;
    background: url(../img/stick_circle.png) no-repeat;
    background-size: contain;
    background-position: center;
    display: block;
    color: #585858;
    text-decoration: none;
    text-align: center;
    font-size: 1vw;
    position: absolute;
    display: flex;
    align-items: center;
    justify-content: center;
}

#page_lp section#shower_head .image_box a.modal_1_1 {
    left: 11vw;
    top: 7vw;
}

#page_lp section#shower_head .image_box a.modal_1_2 {
    left: 25.4vw;
    top: 8.4vw;
}

#page_lp section#shower_head .image_box a.modal_1_3 {
    left: 23.4vw;
    top: 19.8vw;
}

#page_lp section#shower_head .image_box a.modal_1_4 {
    left: 4vw;
    top: 22.4vw;
}

#page_lp section#shower_head .image_box a.modal_1_5 {
    left: 20.4vw;
    top: 32.4vw;
}

#page_lp section#shower_head .image_box a.modal_2_1 {
    left: 11vw;
    top: 6.4vw;
}

#page_lp section#shower_head .image_box a.modal_2_2 {
    left: 23vw;
    top: 14.8vw;
}

#page_lp section#shower_head .image_box a.modal_2_3 {
    left: 8vw;
    top: 28vw;
}

#page_lp section#shower_head .image_box a.modal_2_4 {
    left: 20.2vw;
    top: 31.3vw;
}

#page_lp section#shower_head .video_area {
    width: 34%;
}

#page_lp section#shower_head .video_box {
    border-radius: 10px;
    overflow: hidden;
}

#page_lp section#shower_head iframe {
    width: 100%;
    height: 15vw;
    display: block;
}

#page_lp section#shower_head .video_box + .video_box  {
    margin-top: 2vw;
}

#page_lp section.common_contact {
    background: url(../img/common_contact_back.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5vw 0 5vw 0;
    color: #fff;
    position: relative;
    overflow: hidden;
}

#page_lp section.common_contact:before {
    content: "";
    width: 41vw;
    height: 130%;
    background: url(../img/common_contact_woman.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
    pointer-events: none;
}

/* #page_lp section.common_contact:after {
    content: "";
    width: 9vw;
    height: 12vw;
    background: url(../img/present.png) no-repeat;
    background-size: contain;
    background-position: center;
    position: absolute;
    right: 39vw;
    top: 2vw;
    z-index: 2;
} */

#page_lp section.common_contact .contents {
    padding-left: 15vw;
}

#page_lp section.common_contact .wrap_1 {
    position: relative;
}

#page_lp section.common_contact .logo {
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp section.common_contact .logo img {
    width: 12vw;
}

#page_lp section.common_contact .series {
    position: relative;
    margin-right: 2vw;
    padding-right: 2vw;
}

#page_lp section.common_contact .series img {
    width: 13vw;
}

#page_lp section.common_contact .series:after {
    content: "";
    width: 1px;
    height: 5vw;
    background: #fff;
    position: absolute;
    right: 0;
    top: calc( 50% - 2.5vw );
}

#page_lp section.common_contact .title_wrap {
    align-items: center;
    margin-bottom: 1vw;
}

#page_lp section.common_contact .title_wrap .jizen .text {
    font-size: 1.3vw;
    background: linear-gradient(#e2b639, #ebcd7f);
    padding: .5em 1em;
    position: relative;
    z-index: 2;
    margin-right: 1.2vw;
    border-radius: 5px;
}

#page_lp section.common_contact .title_wrap .title .text {
    font-size: 1.4vw;
    letter-spacing: .1em;
}

#page_lp section.common_contact .title img {
    width: 35vw;
}

#page_lp section.common_contact .main_title img {
    width: 32vw;
}

#page_lp section.common_contact .price_wrap {
    align-items: flex-end;
    border-bottom: 2px solid #D6B663;
    width: 65%;
    padding: .5vw 0 1vw 0;
    margin-bottom: 1.5vw;
}

#page_lp section.common_contact .btn_wrap {
    align-items: center;
}

#page_lp section.common_contact .price_box {
    width: 25vw;
}

#page_lp section.common_contact .contact_area {
    width: 25vw;
}

#page_lp section.common_contact .price_box dl {
    position: relative;
    margin: 0;
}

#page_lp section.common_contact .price_box dl dt {
    font-size: 1.4vw;
    margin-bottom: .2em;
}

#page_lp section.common_contact .price_box dl dd {
    margin: 0;
    position: relative;
    line-height: 1;
}

#page_lp section.common_contact .price_box dl dd .fl_wrap {
    align-items: center;
}

#page_lp section.common_contact .price_box dl dd .dd_title {
    font-size: 1.3vw;
    margin-bottom: .6em;
}

#page_lp section.common_contact .price_box dl dd .price img {
    width: 20vw;
}

#page_lp section.common_contact .price_box:nth-child(2) dl dd .price img {
    width: 17.3vw;
}

#page_lp section.common_contact .price_box dl dd .text img {
    width: 16vw;
}

#page_lp section.common_contact .price_box dl dd .tax {
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  font-size: 2vw;
  letter-spacing: .1em;
  margin-left: 1vw;
}

#page_lp section.common_contact .attention {
    font-size: 1vw;
    position: relative;
    padding-left: 1.5vw;
    letter-spacing: 0;
}

#page_lp section.common_contact .attention .mark {
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp div#main_contents {
    background: url(../img/body_back.png);
    background-size: cover;
    background-position: inherit;
    color: #fff;
}

#page_lp section#joint {
    padding: 5vw 0 2vw 0;
}

#page_lp section#joint .image {
    margin-bottom: 2vw;
}

#page_lp section#joint .image img {
    width: 100%;
}

#page_lp section#joint .title {
    font-size: 6.3vw;
    text-align: center;
}

#page_lp section#joint .title .accent {
    color: #F4DC9E;
}

#page_lp section#joint .title small {
    font-size: 3.5vw;
    margin: 0 -1.5vw;
}

#page_lp section#about_kyusyu {
    background: url(../img/about_kyusyu_back.png) no-repeat;
    background-size: cover;
    background-position: center;
    padding: 5vw 0 8vw 0;
}

#page_lp section#about_kyusyu .main_title {
    font-size: 2.9vw;
    text-align: center;
    margin-bottom: 2.2vw;
}

#page_lp section#about_kyusyu .main_title .accent {
    color: #F4DC9E;
    font-size: 4vw;
}

#page_lp section#about_kyusyu .image {
    height: 30vw;
    background-size: cover!important;
    background-position: center!important;
}

#page_lp section#about_kyusyu .text_area {
    background: #fff;
    color: #585858;
    padding: 6vw 6vw 6vw 8vw;
    width: 85%;
    margin: -5vw auto 0 auto;
    position: relative;
    clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 15%);
}

#page_lp section#about_kyusyu .text_area .title {
    color: #D6B663;
    font-size: 2.8vw;
    font-family: "NotoSerifJP-SemiBold";
    margin-bottom: 2vw;
    letter-spacing: .2em;
}

#page_lp section#about_kyusyu .text_area .text {
    font-size: 1.2vw;
}

#page_lp section#about_kyusyu img.text_saibo {
    vertical-align: bottom;
    margin: 0 .1vw;
}

#page_lp section#about_kyusyu .text_area .text img.text_saibo {
    width: 2.4vw;
    padding-bottom: .4vw;
    margin: 0 .1vw;
}

#page_lp section#about_kyusyu .text_area dl dd img.text_saibo {
    width: 3.2vw;
    padding-bottom: .76vw;
    margin: 0 .2vw;
}

#page_lp section#about_kyusyu .text_area dl dd .accent img.text_saibo {
    width: 4vw;
    margin: 0 .2vw;
}

#page_lp section#about_kyusyu .text_area dl dd img.text_saibo.type_2 {
    padding-bottom: .6vw;
}

#page_lp section#about_kyusyu .text_area dl {
    font-size: 1.6vw;
    margin-top: 3vw;
}

#page_lp section#about_kyusyu .text_area dl dt {
    margin-bottom: .4em;
}

#page_lp section#about_kyusyu .text_area dl dd {
    margin: 0;
}

#page_lp section#about_kyusyu .text_area dl dd .accent.medium {
    font-size: 1.6vw;   
}

#page_lp section#about_kyusyu .text_area dl dd .accent {
    color: #D6B663;
    font-size: 2vw;
}

#page_lp section#about_kyusyu .text_area dl dd .red {
    color: #B41818;
}

#page_lp section#about_human {
    padding: 10vw 0 5vw 0;
    background: url(../img/about_human_back_top.png) no-repeat, url(../img/about_human_back_woman.png) no-repeat, url(../img/about_human_back_water.png) no-repeat;
    background-size: 92%, 34vw, 27vw;
    background-position: center 10vw, 70vw bottom, -8vw 71%;
}

#page_lp section#about_human .main_title {
    font-size: 2.6vw;
    text-align: center;
}

#page_lp section#about_human .main_title .accent {
    color: #F4DC9E;
    margin: 0 -1vw;
    font-size: 3.5vw;
}

#page_lp section#about_human .main_title .big {
    font-size: 5vw;
    margin: 0;
}

#page_lp section#about_human .inBox {
    align-items: center;
}

#page_lp section#about_human .inBox {
    margin-bottom: 10vw;
}

#page_lp section#about_human .inBox:last-child {
    margin-bottom: 0;
    align-items: flex-end;
}

#page_lp section#about_human .inBox:last-child .text_area {
    order: -1;
    margin-bottom: 2vw;
}

#page_lp section#about_human .inBox .image {
    width: 38%;
}

#page_lp section#about_human .inBox#what_good .text_area {
    width: 45%;
}

#page_lp section#about_human .inBox .text_area {
    line-height: 2;
    width: 58%;
}

#page_lp section#about_human .inBox .text_area .sub_title {
    font-size: 1.6vw;
}

#page_lp section#about_human .inBox .text_area .title {
    font-size: 2.6vw;
}

#page_lp section#about_human .inBox .text_area .title .accent {
    color: #F4DC9E;
}

#page_lp section#about_human .inBox .text_area .text {
    font-size: 1.1vw;
    margin-top: 1.5em;
}

#page_lp section#about_human .inBox .text_area .text:last-child {
    margin-bottom: 0;
}

#page_lp section#about_human .inBox .text_area .text .big {
    font-size: 2vw;   
    margin-bottom: .4em;
}

#page_lp section#nano_pds {
    background: url(../img/nano_pds_back.png) no-repeat, #fff;
    background-size: cover;
    background-position: center;
    padding: 5vw 0;
}

#page_lp section#nano_pds .main_title {
    color: #D6B663;
    font-size: 3vw;
    text-align: center;
    margin-bottom: .6em;
}

#page_lp section#nano_pds .main_title span {
    margin-left: 1vw;
}

#page_lp section#nano_pds .image {
    width: 48%;
    position: relative;
    padding: .5vw 1vw;
}

#page_lp section#nano_pds .image:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.4);
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    box-shadow: 1px 1px 2px #dddddd;
    border-radius: 10px;
}

#page_lp section#nano_pds .image img {
    position: relative;
    z-index: 2;
}

#page_lp section#nano_pds dl {
    color: #2F2F2F;
}

#page_lp section#nano_pds dl dt {
    font-size: 1.5vw;
    margin-top: 2vw;
}

#page_lp section#nano_pds dl dt .accent {
    color: #D5B662;
    font-size: 2vw;
}

#page_lp section#nano_pds dl dt small {
    font-size: 1vw;
}

#page_lp section#nano_pds dl dd {
    margin: 0;
}

#page_lp section#nayami {
    padding: 10vw 0 5vw 0;
}

#page_lp section#nayami .title {
    font-size: 2.5vw;
    text-align: center;
    margin-bottom: .5em;
}

#page_lp section#nayami .title .accent {
    color: #F4DC9E;
}

#page_lp section#nayami .title .dot {
    font-size: 4vw;
    position: relative;
}

#page_lp section#nayami .title .dot:before {
    content: "・・・";
    position: absolute;
    left: 0;
    top: -4vw;
}

#page_lp section#nayami ul {
    background: #fff;
    width: 49%;
    border-radius: 10px;
    border: 4px solid;
    padding: 2vw;
    color: initial;
}

#page_lp section#nayami ul.hair_care {
    border-color: #CC9C67;
    background: #FFF9F4;
}

#page_lp section#nayami ul.skin_care {
    border-color: #F7C955;
    background: #FFFCF5;
}

#page_lp section#nayami ul h3 {
    text-align: center;
    font-size: 2.2vw;
    margin-top: .4em;
}

#page_lp section#nayami ul.hair_care h3 .accent {
    color: #CC9C67;
}

#page_lp section#nayami ul.skin_care h3 .accent {
    color: #F7C955;
}

#page_lp section#nayami ul li {
    font-size: 1.6vw;
    padding: 1.3vw 0;
    padding-left: 4vw;
    background: url(../img/icon_check_2.svg) no-repeat;
    background-size: 2.5vw;
    background-position: 0;
    border-bottom: 2px dashed #EADCB8;
    line-height: 1.4;
}

#page_lp section#nayami ul li:last-child {
    border-bottom: none;
}

#page_lp section#nayami ul li .accent {
    color: #CC9C67;
    font-size: 2.2vw;
    font-weight: 600;
}

#page_lp section#nayami ul.skin_care li {
    background: url(../img/icon_check_3.svg) no-repeat;
    background-position: 0;
    background-size: 2.5vw;
}

#page_lp section#nayami ul.skin_care li .accent {
    color: #F7C955;
}

#page_lp .common_price_area {
    padding: 8vw 0 8vw 0;
    background: url(../img/common_price_image.png) no-repeat;
    background-size: 51vw;
    background-position: -1vw 80%;
}

#page_lp .common_price_area .contents {
    width: 48%;
    margin-left: auto;
    position: relative;
}

/* #page_lp .common_price_area .contents:before {
    content: "";
    width: 12vw;
    height: 12vw;
    background: url(../img/present_2.png) no-repeat;
    background-size: cover;
    background-position: center;
    position: absolute;
    left: -18.9vw;
    bottom: -4vw;
    z-index: 2;
} */

#page_lp .common_price_area .main_title {
    margin-bottom: 2vw;
}

#page_lp .common_price_area .fl_wrap {
    align-items: center;
    margin-bottom: 1vw;
}

#page_lp .common_price_area .logo img {
    width: 17vw;
}

#page_lp .common_price_area .price_box img {
    width: 19.5vw;
}

#page_lp .common_price_area dl {
    align-items: center;
}

#page_lp .common_price_area dl dt {
    font-size: 1.2vw;
    background: linear-gradient(#e2b639, #ebcd7f);
    padding: .5em 1em;
    position: relative;
    z-index: 2;
    border-radius: 5px;
}

#page_lp .common_price_area dl dd {
    width: calc( 100% - 10.5vw );
    margin: 0;
    padding-left: 1vw;
    font-size: 1.22vw;
}

#page_lp .common_price_area .text {
    margin-bottom: 1vw;
    flex-wrap: nowrap;
}

#page_lp .common_price_area .text .attention_text {
    font-size: 1.2vw;
}

#page_lp .common_price_area .text .title {
    font-size: 1.2vw;
    display: block;
}

#page_lp .common_price_area .text .title:after {
    content: "：";
}

#page_lp .common_price_area .common_contact_btn {
    display: inline-block;
    margin-bottom: 1vw;
}

#page_lp .common_price_area .common_contact_btn img {
    width: 29vw;
}

#page_lp .common_price_area .attention {
    font-size: 1vw;
    position: relative;
    padding-left: 1.5vw;
    letter-spacing: 0;
}

#page_lp .common_price_area .attention .mark {
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp section.common_skincare {
    background: url(../img/common_beuty_hair_back.png) no-repeat, #fff;
    background-size: cover;
    background-position: center;
    padding: 5vw 0;
    color: #585858;
}

#page_lp section.common_beuty_hair {
    padding: 8vw 0 5vw 0;
}

#page_lp section.common_beuty_hair .main_title {
    font-family: "NotoSerifJP-SemiBold";
    text-align: center;
}

#page_lp section.common_beuty_hair .fl_wrap {
    margin-top: -4vw;
}

#page_lp section.common_beuty_hair .main_title img {
    width: 90%;
    margin-top: 1vw;
}

#page_lp section.common_beuty_hair .info_area {
    width: 45%;
    padding-top: 9vw;
}

#page_lp section.common_beuty_hair .info_area .logo img {
    width: 31vw;
}

#page_lp section.common_beuty_hair .price_wrap {
    align-items: flex-end;
}

#page_lp section.common_beuty_hair .price dl dt {
    font-size: 1.7vw;
}

#page_lp section.common_beuty_hair .price dl dd {
    margin: 0;
    font-size: 6vw;
    line-height: 1;
}

#page_lp section.common_beuty_hair .price dl dd .tax{
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  -o-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
    font-size: 2vw;
    margin-left: .5em;
}

#page_lp section.common_beuty_hair .price.after {
    color: #D6B663;
}

#page_lp section.common_beuty_hair .price.after dd {
    font-size: 5vw;
}

#page_lp section.common_beuty_hair .price.after dd img {
    width: 20vw;
}

#page_lp section.common_beuty_hair .text_area {
    font-size: 1.2vw;
    margin-bottom: 1vw;
}

#page_lp section.common_beuty_hair .common_contact_btn img {
    width: 29vw;
}

#page_lp section.common_beuty_hair .attention {
    font-size: .9vw;
    margin-top: 1vw;
    position: relative;
    padding-left: 1.5vw;
}

#page_lp section.common_beuty_hair .attention .mark {
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp section.common_beuty_hair .product_area {
    margin-top: 2vw;
    width: 48%;
}

#page_lp section.common_beuty_hair .product_area .image {
    padding: 0 3vw;
    margin-bottom: 2vw;
    position: relative;
}

#page_lp section.common_beuty_hair .product_area .image .attention {
    position: absolute;
    right: 0;
    bottom: 1vw;
    font-size: 1.2vw;
    color: #D50303;
}

#page_lp section.common_sense .product_area .image .attention {
    color: #fff;
}

#page_lp section.common_beuty_hair .product_area .text {
    font-size: 1.2vw;
    margin-top: -1.5vw;
}

#page_lp section#point_3 {
    padding: 3vw 0 5vw 0;
}

#page_lp section#point_3 .main_title {
    text-align: center;
    margin-bottom: 8vw;
    font-size: 3.2vw;
    line-height: 1.2;
}

#page_lp section#point_3 .main_title small {
    display: block;
    font-size: 2.2vw;
    font-family: "HannariMincho-Regular";
    font-weight: normal;
}

#page_lp section#point_3 .main_title .accent {
    color: #E8D299;
    font-size: 5vw;
    margin: 0 -.5vw;
}

#page_lp .common_point_box {
    background: #fff;
    border-radius: 10px;
    padding: 7vw 6vw 4vw 6vw;
    position: relative;
    color: #2F2F2F;
    margin-top: 10vw;
    border: 4px solid;
}

#page_lp .common_point_box .logo {
    width: 12vw;
    position: absolute;
    left: calc( 50% - 6vw );
    top: -6vw;
}

#page_lp .common_point_box + .inBox {
    margin-top: 10vw;
}

#page_lp .common_point_box.beauty {
    background: #FFF9F4;
}

#page_lp .common_point_box.hair {
    background: #FFFCF4;
}

#page_lp .common_point_box.beauty {
    border-color: #D59A5E;
}

#page_lp .common_point_box.hair {
    border-color: #D6B663;
}

#page_lp .common_point_box .title .accent {
    font-size: 3.5vw;
}

#page_lp .common_point_box.beauty .title .accent {
    color: #D59A5E;
}

#page_lp .common_point_box.hair .title .accent {
    color: #D6B663;
}

#page_lp .common_point_box .title {
    text-align: center;
    font-size: 2.7vw;
    margin-bottom: .5em;
    color: #585858;
}

#page_lp .common_point_box ol {
    padding: 0;
    margin: 0;
}

#page_lp .common_point_box ol li {
    font-size: 2vw;
    align-items: center;
    padding: 1.5vw 0;
    line-height: 1.2;
}

#page_lp .common_point_box ol li .num {
    font-size: 3vw;
    padding: 0 .5em;
}

#page_lp .common_point_box ol li .text .accent {
    font-size: 3vw;   
}

#page_lp .common_point_box ol li .text .accent.medium,
#page_lp .common_point_box ol li .text .accent small {
    font-size: 1.9vw;   
}

#page_lp .common_point_box.beauty li .text .accent,
#page_lp .common_point_box.beauty li .num {
    color: #D59A5E;
}

#page_lp .common_point_box li .text {
    width: 87%;
    font-family: "ShipporiMincho-OTF-Bold";
    letter-spacing: .1em;
}

#page_lp .common_point_box.hair li .text .accent,
#page_lp .common_point_box.hair li .num {
    color: #D6B663;
}

#page_lp .common_point_box.beauty li {
    border-bottom: 3px dashed #EADCB8;
}

#page_lp .common_point_box.hair li {
    border-bottom: 3px dashed #EADCB8;
}


#page_lp .common_point_box ol li:last-child {
    border-bottom: none;
}

#page_lp section#shower_head_pr {
    padding-top: 55vw;
    padding-bottom: 6vw;
    background: url(../img/shower_head_pr_top.png) no-repeat;
    background-size: 100%;
    background-position: center 5vw;
    background-color: #363636;
    color: #fff;
}

#page_lp section#shower_head_pr .type_wrap {
    margin-bottom: 5vw;
}

#page_lp section#shower_head_pr .type_wrap .image_box {
    width: 50%;
}

#page_lp section#shower_head_pr .type_wrap .image_box:first-child {
    border-right: 1px solid;
    padding-right: 3vw;
}

#page_lp section#shower_head_pr .type_wrap .image_box:nth-child(2) {
    padding-left: 3vw;
}

#page_lp section#shower_head_pr .type_wrap .image_box img {
    width: 40vw;
}

#page_lp section#shower_head_pr .type_wrap .image_box .title {
    margin-top: .5vw;
    margin-bottom: 1vw;
    font-size:2vw;
    color: #F4DC9E;
}

#page_lp section#shower_head_pr .type_wrap .image_box video {
    width: 100%;
}

#page_lp section#shower_head_pr .type_wrap .image_box .text {
    font-size: 1.06vw;
}

#page_lp section#shower_head_pr .type_wrap .image_box .text small {
    font-size: .9vw;
}

#page_lp section#shower_head_pr .efficacy_area {
    margin-bottom: 6vw;
}

#page_lp section#shower_head_pr .efficacy_area .sub_title {
    font-size: 2.3vw;
    text-align: center;
    letter-spacing: .3em;
    margin-bottom: .2em;
}

#page_lp section#shower_head_pr .efficacy_area .sub_title .accent {
    color: #F4DC9E;
    font-size: 3.5vw;
}

#page_lp section#shower_head_pr .efficacy_area .title {
    color: #F4DC9E;
    font-size: 1.7vw;
}

#page_lp section#shower_head_pr .efficacy_area .text_area {
    width: 40%;
}

#page_lp section#shower_head_pr .efficacy_area .text_area h3 {
    font-size: 2vw;
    margin: 1.4vw 0;
}

#page_lp section#shower_head_pr .efficacy_area .image_wrap {
    width: 58.4%;
    display: grid;
    grid-template-rows: 135px 135px;
    grid-template-columns: 482px 1fr;
    column-gap: 10px;
    row-gap: 5px;
}

#page_lp section#shower_head_pr .efficacy_area .image_wrap .item_1 {
    grid-row: 1 / 3;
    grid-column: 1 / 2;
}

#page_lp section#shower_head_pr .efficacy_area .image_wrap .item_2 {
    grid-row: 1 / 2;
    grid-column: 2 / 3;
}

#page_lp section#shower_head_pr .efficacy_area .image_wrap .item_3 {
    grid-row: 2 / 3;
    grid-column: 2 / 3;
}

#page_lp section#shower_head_pr .efficacy_area .image_wrap .image img {
    max-width: 100%;
}

#page_lp section#shower_head_pr .efficacy_area .attention {
    font-size: .8vw;
    margin-bottom: 2em;
}

#page_lp section#shower_head_pr .efficacy_area .text {
    font-size: 1vw;
}

#page_lp section#shower_head_pr .efficacy_area .image_wrap {
    justify-content: center;
}

#page_lp section#shower_head_pr .other {
    border-bottom: 1px dashed;
    padding-bottom: 3vw;
    margin-bottom: 3vw;
}

#page_lp section#shower_head_pr .other .title_area {
    text-align: center;
    margin-bottom: 2vw;
}

#page_lp section#shower_head_pr .other .title_area h2 {
    font-size: 2.6vw;
    letter-spacing: .3em;
}

#page_lp section#shower_head_pr .other .title_area h3 {
    font-size: 1.4vw;
}

#page_lp section#shower_head_pr .other .title_area h2 .accent {
    color: #F4DC9E;    
}

#page_lp section#shower_head_pr .other .inBox {
    width: 48%;
}

#page_lp section#shower_head_pr .other .inBox .image {
    margin-bottom: 2vw;
}

#page_lp section#shower_head_pr .other .inBox .title {
    font-size: 2.5vw;
    font-family: "UtsukushiFONT";
    color: #F4DC9E;
    margin-bottom: .3em;
}

#page_lp section#shower_head_pr .other .inBox .sub {
    font-size: 1.5vw;
    font-family: "UtsukushiFONT";
}

#page_lp section#shower_head_pr .other .inBox .attention {
    font-size: .8vw;
    margin-top: 1em;
}

#page_lp section#shower_head_pr .water_supply .fl_wrap {
    align-items: center;
}

#page_lp section#shower_head_pr .water_supply .image {
    width: 42%;
}

#page_lp section#shower_head_pr .water_supply .text_area {
    width: 55%;
}

#page_lp section#shower_head_pr .water_supply .text_area .title {
    font-size: 1.8vw;
    letter-spacing: .3em;
    margin-bottom: .8em;
}

#page_lp section#shower_head_pr .water_supply .text_area .title .accent {
    font-size: 2.5vw;
    color: #F4DC9E;
}

#page_lp section#shower_head_pr .water_supply .text_area .text {
    font-size: 1vw;
    margin-bottom: 3em;
}

#page_lp section#shower_head_pr .water_supply .text_area .attention {
    font-size: .7vw;
}

#page_lp section#pokapoka {
    padding: 7vw 0 12vw 0;
    background: #fff;
    color: #585858;
}

#page_lp section#pokapoka .main_title {
    text-align: center;
    font-family: "UtsukushiFONT";
    background: url(../img/pokapoka_title_back.svg) no-repeat;
    background-size: contain;
    background-position: center;
    padding: 4vw 0;
    font-size: 2vw;
}

#page_lp section#pokapoka .main_title .accent {
    display: block;
    font-size: 4vw;
    color: #F7C955;
}

#page_lp section#pokapoka .image_wrap {
    margin-bottom: 3vw;
}

#page_lp section#pokapoka .image_1 {
    width: 55%;
}

#page_lp section#pokapoka .image_2 {
    width: 35%;
}

#page_lp section#pokapoka .info_text_area {
    margin-bottom: 4vw;
}

#page_lp section#pokapoka .info_text_area .text {
    font-size: 1.2vw;
    line-height: 2;
}

#page_lp section#pokapoka .info_text_area .text small {
    display: block;
    font-size: .95vw;
}

#page_lp section#pokapoka .saving_water .title {
    background: #FFD253;
    color: #fff;
    padding: .1em 0 .2em 0;
    font-size: 3vw;
    text-align: center;
    border-radius: 10px;
    font-family: "UtsukushiFONT";
    line-height: 1.5;
    margin-bottom: 3vw;
}

#page_lp section#pokapoka .saving_water .title .big {
    font-size: 4vw;
    margin: 0 -1vw;
}

#page_lp section#pokapoka .saving_water .title .en {
    font-size: 3vw;
}

#page_lp section#pokapoka .saving_water .fl_wrap {
    padding: 0 4vw;
    align-items: center;
}

#page_lp section#pokapoka .saving_water .image {
    width: 50%;
}

#page_lp section#pokapoka .saving_water .text_area {
    width: 45%;
}

#page_lp section#pokapoka .saving_water .text_area .text {
    margin-bottom: 2em;
}

#page_lp section#pokapoka .saving_water .text_area .attention {
    font-size: .9vw;
    position: relative;
    padding-left: 1.5vw;
}

#page_lp section#pokapoka .saving_water .text_area .attention .mark {
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp section#price_simulation .simulation_box {
    position: relative;
}

#page_lp section#price_simulation .simulation_box .title {
    background: url(../img/simulation_back_title.svg) no-repeat;
    background-size: cover;
    background-position: center;
    text-align: center;
    font-size: 3.7vw;
    position: absolute;
    left: 0;
    top: -8vw;
    width: 100%;
    line-height: 1.2;
    padding: 2vw 0 3vw 0;
    font-family: "UtsukushiFONT";
}

#page_lp section#price_simulation .in_wrap {
    background: url(../img/simulation_back.svg) no-repeat;
    background-size: cover;
    background-position: center;
    color: #2F2F2F;
    padding: 6.4vw 5vw 6.6vw 5vw;
}

#page_lp section#price_simulation .in_wrap h4 {
    font-size: 3.4vw;
    font-family: "UtsukushiFONT";
    color: #FFD253;
    text-align: center;
    font-weight: normal;
}

#page_lp section#price_simulation dl {
    padding: 1vw 0;
    border-bottom: 3px dashed #FFF0C9;
    align-items: flex-end;
}

#page_lp section#price_simulation dl dt {
    width: 70%;
    font-size: 2.5vw;
}

#page_lp section#price_simulation dl dd {
    width: 30%;
    margin: 0;
    color: #F7C955;
    font-size: 3.2vw;
}

#page_lp section#price_simulation .info_area {
    margin-top: 4vw;
    padding-bottom: 8vw;
}

#page_lp section#price_simulation .info_area .main_title {
    text-align: center;
    font-size: 2.8vw;
    font-family: "UtsukushiFONT";
    font-weight: normal;
    margin-bottom: 5vw;
    letter-spacing: .3em;
}

#page_lp section#price_simulation .info_area .main_title .accent {
    color: #F4DC9E;
    font-size: 3.5vw;
}

#page_lp section#price_simulation .info_area .main_title small {
    display: block;
    font-size: 3vw;
}

#page_lp section#price_simulation .info_area .main_area .text_wrap {
    align-items: flex-end;
    margin-bottom: 4vw;
}

#page_lp section#price_simulation .info_area .main_area p.text01 {
    font-family: "UtsukushiFONT";
    font-size: 4vw;
    line-height: 1;
}

#page_lp section#price_simulation .info_area .main_area p.text02 {
    font-size: 15vw;
    color: #F4DC9E;
    font-family: 'Times New Roman';
    line-height: .7;
    display: flex;
    align-items: flex-end;
    margin-left: 2vw;
}

#page_lp section#price_simulation .info_area .main_area p.text02 small.accent {
    color: #F4DC9E;
    margin-left: 0;
    font-size: 7vw;
}

#page_lp section#price_simulation .info_area .main_area p.text02 small {
    font-size: 7vw;
    color: #fff;
    margin-left: 2vw;
}

#page_lp section#price_simulation .info_area .main_area p.text03 {
    font-size: 1.3vw;
    margin-bottom: 1em;
}

#page_lp section#price_simulation .info_area .main_area p.text04 {
    font-size: 1.8vw;
    margin-bottom: .3em;
}

#page_lp section#price_simulation .info_area .main_area p.text04 .price {
    font-size: 2.8vw;
    color: #F4DC9E;
}

#page_lp section#price_simulation .info_area .main_area p.text04 small {
    color: #F4DC9E;
}

#page_lp section#price_simulation .info_area .main_area p.text05 {
    font-size: 1.2vw;
    text-align: right;
}

#page_lp section#price_simulation .info_area .main_area p.text06 {
    font-size: 1.4vw;
    margin-bottom: 2em;
}

#page_lp section#price_simulation .info_area .main_area .text07_wrap {
    position: relative;
}

#page_lp section#price_simulation .info_area .main_area .text07_wrap .hukidashi {
    font-size: 1.5vw;
    text-align: center;
    background: url(../img/hukidashi_1.svg) no-repeat;
    background-size: contain;
    background-position: center;
    width: 13vw;
    height: 13vw;
    color: #585858;
    padding-top: 3.5vw;
    line-height: 1.2;
    font-family: "NotoSerifJP-Bold";
    position: absolute;
    right: 9vw;
    bottom: 0;
}

#page_lp section#price_simulation .info_area .main_area .text07_wrap .hukidashi .price {
    font-size: 2.8vw;
    font-family: "NotoSerifJP-SemiBold";
}

#page_lp section#price_simulation .info_area .main_area p.text07 {
    font-size: 2vw;
    margin-bottom: 2em;
}

#page_lp section#price_simulation .info_area .main_area p.text07 .price {
    font-size: 2.8vw;
    color: #F4DC9E;
}

#page_lp section#price_simulation .info_area .exchange_area {
    margin-top: 7vw;
}

#page_lp section#price_simulation .info_area .exchange_area .title {
    font-size: 3vw;
    padding-left: 5.5vw;
    background: url(../img/icon_attention.svg) no-repeat;
    background-size: 4vw;
    background-position: 0;
    margin-bottom: .5em;
}

#page_lp section#price_simulation .info_area .exchange_area .text_area {
    width: 60%;
}

#page_lp section#price_simulation .info_area .exchange_area .text_area .text {
    font-size: 1.8vw;
    margin-bottom: .5em;
}

#page_lp section#price_simulation .info_area .exchange_area .text_area .text .accent {
    color: #F4DC9E;
    font-size: 2vw;
    font-weight: 600;
}

#page_lp section#price_simulation .info_area .exchange_area .text_area ul li {
    color: #F4DC9E;
    font-size: 2vw;
    font-weight: 600;
    padding-left: 4vw;
    background: url(../img/icon_check.svg) no-repeat;
    background-size: 2.5vw;
    background-position: 0;
}

#page_lp section#price_simulation .info_area .exchange_area .text_area ul li + li {
    margin-top: .5em;
}

#page_lp section#price_simulation .info_area .exchange_area .fl_wrap {
    margin-bottom: 2vw;
}

#page_lp section#price_simulation .info_area .exchange_area .image {
    width: 37%;
}

#page_lp section#price_simulation .info_area .exchange_area .attention_area p {
    font-size: 1.2vw;
}

#page_lp section#price_simulation .info_area .under_area .arrow {
    width: 10vw;
    margin: 0 auto;
}

#page_lp section#price_simulation .info_area .under_area .text {
    text-align: center;
    font-size: 2.5vw;
    margin-bottom: 2vw;
}

#page_lp section#price_simulation .info_area .under_area .text .price {
    font-size: 4vw;
    color: #F4DC9E;
}

#page_lp section#price_simulation .info_area .under_area .text_area {
    position: relative;
}

#page_lp section#price_simulation .info_area .under_area .hukidashi {
    font-size: 2vw;
    text-align: center;
    background: url(../img/hukidashi_2.svg) no-repeat;
    background-size: contain;
    background-position: center;
    color: #585858;
    padding-top: 4vw;
    line-height: 1.2;
    font-family: "NotoSerifJP-Bold";
    position: absolute;
    left: 6.2vw;
    top: -8vw;
    width: 25vw;
    height: 12vw;
}

#page_lp section#price_simulation .info_area .under_area .hukidashi p{
    transform: rotate(-8deg);
}

#page_lp section#price_simulation .info_area .under_area .text small {
    display: block;
    font-size: 1.3vw;
    text-align: right;
    padding-right: 19.4vw;
    line-height: 1;
}

#page_lp section#price_simulation .info_area .under_area .attention p {
    font-size: 1.2vw;
    position: relative;
    padding-left: 1.5vw;
}

#page_lp section#price_simulation .info_area .under_area .attention p:before {
    content: "※";
    position: absolute;
    left: 0;
    top: 0;
}

#page_lp section#faq {
    padding: 10vw 0;
}

#page_lp section#faq .main_area {
    text-align: center;
}

#page_lp section#faq .main_title {
    font-size: 3vw;
}

#page_lp section#faq .main_text {
    margin-bottom: 1em;
}

#page_lp section#faq nav {
    margin-bottom: 5vw;
}

#page_lp section#faq nav ul {
    justify-content: center;
}

#page_lp section#faq nav ul li {
    width: 28vw;
    margin: 0 .8vw;
}

#page_lp section#faq nav ul li a {
    display: block;
    text-decoration: none;
    color: #fff;
    background: #E6B840;
    border-radius: 5px;
    line-height: 6vw;
    font-size: 1.4vw;
    transition: .3s;
}

#page_lp section#faq nav ul li a:hover {
    color: #E6B840;
    background: #fff;   
}

#page_lp section#faq .contents .title {
    font-size: 2.5vw;
    margin-bottom: 1em;
}

#page_lp section#faq .contents .title:before {
    content: "■";
    margin-right: .5em;
}

#page_lp section#faq .contents dl + dl {
    margin-top: 4vw;
}

#page_lp section#faq .contents dl dt {
    font-size: 1.5vw;
    margin-bottom: .8em;
    padding-bottom: .8em;
    border-bottom: 1px dashed;
    position: relative;
    background: url(../img/icon_plus.svg) no-repeat;
    background-size: 2vw;
    background-position: 95% .5vw;
    margin-left: 10vw;
}

#page_lp section#faq .contents dl dt.nowOpen {
    background: url(../img/icon_minus.svg) no-repeat;
    background-size: 2vw;
    background-position: 95% 1vw;
}

#page_lp section#faq .contents dl dt:before {
    content: "Q";
    position: absolute;
    left: -4vw;
    top: -.5vw;
    font-size: 2vw;
    color: #D5B662;
}


#page_lp section#faq .contents dl dd {
    margin: 0;
    font-size: 1.1vw;
    position: relative;
    padding-left: 10vw;
}

#page_lp section#faq .contents dl dd p.closeBtnHat {
    display: none;
}

#page_lp section#faq .contents dl dd:before {
    content: "A";
    position: absolute;
    left: 6vw;
    top: -.8vw;
    font-size: 2vw;
}

#page_lp section#faq .faq_box + .faq_box {
    margin-top: 8vw;
}

#page_lp section#relief_5 {
    padding-bottom: 2vw;
}

#page_lp section#relief_5 .main_title {
    text-align: center;
    font-size: 2vw;
    margin-bottom: 3vw;
}

#page_lp section#relief_5 .main_title img {
    width: 32vw;
    display: block;
    margin: 1.5vw auto 0 auto;
}

#page_lp section#relief_5 ul li {
    width: 15vw;
    height: 15vw;
    background: url(../img/relief_circle.png) no-repeat;
    background-size: contain;
    background-position: center;
    color: #A3841D;
    text-align: center;
    padding-top: 2vw;
}

#page_lp section#relief_5 ul li .num {
    font-size: 2.2vw;
    margin-bottom: .2vw;
}

#page_lp section#relief_5 ul li h3 {   
    font-family: "NotoSerifJP-SemiBold";
    line-height: 1.2;
}

#page_lp section#relief_5 ul li h3 small {
    display: block;
}

#page_lp section#relief_5 ul li:first-child h3 {
    font-size: 2.5vw;
}

#page_lp section#relief_5 ul li:first-child h3 small {
    font-size: 1.3vw;
}

#page_lp section#relief_5 ul li:nth-child(2) h3 {
    font-size: 2vw;
}

#page_lp section#relief_5 ul li:nth-child(2) .attention {
    font-size: .8vw;
}

#page_lp section#relief_5 ul li:nth-child(3) img {
    width: 70%;
}

#page_lp section#relief_5 ul li:nth-child(4) h3 {
    font-size: 2.5vw;
    padding-top: 1vw;
}

#page_lp section#relief_5 ul li:nth-child(5) h3 {
    font-size: 2.5vw;
}

#page_lp section#relief_5 ul li:nth-child(5) h3 small {
    font-size: 1.8vw;
}

#lp_footer {
    padding: 15vw 0 8vw 0;
    background: url(../img/footer_back.png) no-repeat;
    background-size: 100%;
    background-position: center;
    margin-top: -10vw;
}

#lp_footer .logo {
    width: 27vw;
    margin: 0 auto 5vw auto;
}

#lp_footer .copyright {
    text-align: center;
    font-size: 1vw;
}

.modal{
    display: none;
    height: 100vh;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9999999;
}

.modal__bg{
    background: rgba(88,88,88,0.6);
    height: 100vh;
    position: absolute;
    width: 100%;
}

.modal__content {
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 90%;
    text-align: center;
    border-radius: 10px;
}

.modal_in {
    height: 90vh;
    overflow: scroll;
    padding: 10vw;
    align-items: center;
    justify-content: center;
}

.modal__content * {
    position: relative;
    z-index: 2;
}

.modal__content:before {
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(255,255,255,0.9);
    position: absolute;
    left: 0;
    top: 0;
    filter: drop-shadow(0 0 100px #fff);
    filter: blur(2px);
    box-shadow: 0 0 10px #fff;
}

.modal__content h3 {
    color: #BA901D;
    font-size: 2vw;
    font-family: "NotoSerifJP-SemiBold";
    margin-bottom: .5em;
}

.modal__content p {
    font-size: 1.1vw;
    line-height: 2;
}

a.js-modal-close {
    position: absolute;
    right: 8vw;
    top: 11vh;
    padding-top: 2vw;
    color: #BA901D;
    font-size: 1vw;
    background: url(../img/icon_close.svg) no-repeat;
    background-size: 1.8vw;
    background-position: center top;
}


@media (max-width: 750px) {

    .pc {
        display: none;
    }

    .sp {
        display: block;
    }

    body {
        font-size: 3.6vw;
        line-height: 1.6;
        overflow: hidden;
    }

    .wrap,
    .wrap_1 {
        width: 90%;
    }

    #page_lp section#main_visual {
        background: url(../img/mainvisual_image_sp.png) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 6vw 0 10vw 0;
        text-shadow: 1px 1px 1px #333;
    }

    #page_lp section#main_visual .logo_wrap {
        margin-bottom: 4vw;
    }
    
    #page_lp section#main_visual .logo {
        margin-right: 5vw;
        padding-right: 5vw;
    }
    
    #page_lp section#main_visual .logo img {
        width: 40vw;
    }
    
    #page_lp section#main_visual .series img {
        width: 30vw;
    }
    
    #page_lp section#main_visual .main_title {
        margin-bottom: .5em;
        font-size: 5vw;
    }

    #page_lp section#main_visual .main_title small {
        font-size: 4vw;
    }
    
    #page_lp section#main_visual .sub_title {
        font-size: 5vw;
    }
    
    #page_lp section#main_visual .sub_title .accent {
        font-size: 5vw;
    }

    #page_lp section#main_visual .accent_text {
        margin-bottom: 10vw;
    }

    #page_lp section#main_visual .text_area {
        margin-bottom: 10vw;
    }

    #page_lp section#main_visual .main_title span.institution {
        font-size: 4.5vw;
    }
    
    #page_lp section#main_visual .accent_text img {
        width: 100%;
    }
    
    #page_lp section#main_visual .text_area p {
        font-size: 4vw;
        line-height: 1.8;
    }
    
    #page_lp section#main_visual .text_area p .big {
        font-size: 5.5vw;
        display: block;
    }
    
    #page_lp section#main_visual a.common_contact_btn {
        width: 70%;
    }
    
    #page_lp section#main_visual .attention {
        display: none;
    }
    
    #page_lp section#copy_attention {
        padding: 10vw 0;
    }

    #page_lp section#copy_attention .text_area {
        width: 100%;
    }
    
    #page_lp section#copy_attention .image {
        width: 25vw;
        position: absolute;
        right: 4vw;
        bottom: -3vw;
    }
    
    #page_lp section#copy_attention .logo img {
        width: 50vw;
    }
    
    #page_lp section#copy_attention .text {
        font-size: 4vw;
        padding-left: 5.5vw;
        margin-bottom: 2em;
    }

    #page_lp section#copy_attention .logo {
        margin-right: 0;
        margin-bottom: 5vw;
    }
    
    #page_lp section#copy_attention .logo img {
        width: 50vw;
    }
    
    #page_lp section#copy_attention .info_area p {
        font-size: 2.5vw;
    }
    
    #page_lp section#copy_attention .info_area p.shop span {
        font-size: 3.5vw;
    }
    
    #page_lp section#copy_attention .info_area p.num span {
        font-size: 3.5vw;
    }
    
    #page_lp section#shower_head .sub_title {
        margin-bottom: 2vw;
        font-size: 4vw;
    }
    
    #page_lp section#shower_head .sub_title img {
        width: 58vw;
    }
    
    #page_lp section#shower_head .title {
        font-size: 4vw;
        margin-bottom: 5vw;
    }
    
    #page_lp section#shower_head .title .big {
        font-size: 5.5vw;
    }
    
    #page_lp section#shower_head .title .mincho {
        font-size: 5.2vw;
    }

    #page_lp section#shower_head .text {
        font-size: 3.5vw;
        line-height: 2;
        margin-bottom: 10vw;
    }

    #page_lp section#shower_head .text .accent {
        font-size: 4vw;
    }

    #page_lp section#shower_head .image_area {
        width: 100%;
        margin-bottom: 10vw;
    }

    #page_lp section#shower_head .image_box a {
        width: 27vw;
        height: 27vw;
        font-size: 3vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_1_1 {
        left: 11vw;
        top: 16vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_1_2 {
        left: 51.4vw;
        top: 10.4vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_1_3 {
        left: 51.4vw;
        top: 42.8vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_1_4 {
        left: 1.4vw;
        top: 58.4vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_1_5 {
        left: 44.4vw;
        top: 73.4vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_2_1 {
        left: 9vw;
        top: 15.4vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_2_2 {
        left: 51vw;
        top: 36.8vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_2_3 {
        left: 3vw;
        top: 59vw;
    }
    
    #page_lp section#shower_head .image_box a.modal_2_4 {
        left: 43.2vw;
        top: 71.3vw;
    }

    #page_lp section#shower_head .image_box {
        width: 90%;
        margin: 0 auto;
    }

    #page_lp section#shower_head .image_box + .image_box {
        margin-top: 15vw;
    }
    
    #page_lp section#shower_head .video_area {
        width: 100%;
    }

    #page_lp section#shower_head iframe {
        height: 55vw;
    }

    #page_lp section#shower_head .video_box {
        width: 100%;
    }
    
    #page_lp section#shower_head .video_box + .video_box  {
        margin-top: 4vw;
    }
    
    #page_lp section.common_contact {
        background: url(../img/common_contact_back_sp.png) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 10vw 0;
        text-shadow: 1px 1px 1px #333;
    }

    #page_lp section.common_contact:after {
        display: none;
    }
    
    #page_lp section.common_contact:before {
        content: "";
        width: 100vw;
        height: 100vw;
        background: url(../img/common_contact_woman.png) no-repeat;
        background-size: cover;
        background-position: center;
        position: absolute;
        right: 0;
        bottom: 0;
        z-index: 1;
        display: none;
    }

     #page_lp section.common_contact .wrap_1 {
         z-index: 2;
     }
    
    #page_lp section.common_contact .contents {
        padding-left: 0;
    }
    
    #page_lp section.common_contact .logo {
        position: static;
        margin-bottom: 4vw;
        text-align: center;
    }
    
    #page_lp section.common_contact .logo img {
        width: 42vw;
        margin: 0 auto;
    }
    
    #page_lp section.common_contact .series {
        margin-right: 4vw;
        padding-right: 4vw;
    }
    
    #page_lp section.common_contact .series img {
        width: 28vw;
    }
    
    #page_lp section.common_contact .title_wrap {
        margin-bottom: 5vw;
        justify-content: center;
    }
    
    #page_lp section.common_contact .title_wrap .jizen .text {
        font-size: 3.5vw;
        margin-right: 0;
        margin-bottom: .4em;
    }
    
    #page_lp section.common_contact .title img {
        width: 50vw;
    }

    #page_lp section.common_contact .main_title {
        text-align: center;
        margin-bottom: 4vw;
    }
    
    #page_lp section.common_contact .main_title img {
        width: 82vw;
    }
    
    #page_lp section.common_contact .price_wrap {
        margin-bottom: 8vw;
        display: block;
        width: 100%;
    }
    
    #page_lp section.common_contact .price_box {
        margin-right: 0;
        text-align: center;
        width: 100%;
    }

    #page_lp section.common_contact .contact_area {
        width: 80%;
        margin: 0 auto 4vw auto;
    }

    #page_lp section.common_contact .price_box dl {
        padding-bottom: 5vw;
    }

    #page_lp section.common_contact .price_box dl:before {
        top: 3.5vw;
    }

    #page_lp section.common_contact .price_box dl dd .dd_title {
        font-size: 3.5vw;
        margin-bottom: 1em;
    }

    #page_lp section.common_contact .price_box dl dd .price {
        width: 100%;
    }

    #page_lp section.common_contact .title_wrap .title .text {
        font-size: 3.5vw;
    }
    
    #page_lp section.common_contact .price_box dl dd .price img {
        width: 48vw;
    }

#page_lp section.common_contact .price_box:nth-child(2) dl dd .price img {
        width: 41.7vw;
    }

    #page_lp section.common_contact .price_box dl dd .text {
        width: 50%;
    }
    
    #page_lp section.common_contact .price_box dl dd .text img {
        width: 100%;
    }
    
    #page_lp section.common_contact .price_box dl dt {
        font-size: 4vw;
    }
    
    #page_lp section.common_contact .price_box dl dd img {
        width: 45vw;
    }
    
    #page_lp section.common_contact .price_box dl dd .tax {
      font-size: 4.4vw;
      margin-left: 2vw;
    }
    
    #page_lp section.common_contact .attention {
        font-size: 3vw;
        padding-left: 4vw;
    }
    
    #page_lp section#joint {
        padding: 10vw 0;
    }
    
    #page_lp section#joint .image {
        margin-bottom: 4vw;
    }
    
    #page_lp section#about_kyusyu {
        padding: 10vw 0;
    }
    
    #page_lp section#about_kyusyu .main_title {
        font-size: 4vw;
        margin-bottom: 1em;
    }
    
    #page_lp section#about_kyusyu .main_title .accent {
        font-size: 5.5vw;
        display: block;
    }
    
    #page_lp section#about_kyusyu .image {
        height: 50vw;
    }
    
    #page_lp section#about_kyusyu .text_area {
        padding: 6vw 4vw;
        width: 90%;
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 0 100%, 0 5%);
    }
    
    #page_lp section#about_kyusyu .text_area .title {
        font-size: 3.5vw;
        margin-bottom: 4vw;
    }

    #page_lp section#about_kyusyu .text_area .text {
        font-size: 3vw;
    }
    
    #page_lp section#about_kyusyu .text_area dl {
        font-size: 3.5vw;
    }

    #page_lp section#about_kyusyu .text_area dl dd .accent.medium {
        font-size: 3.5vw; 
    }
    
    #page_lp section#about_kyusyu .text_area dl dd .accent {
        font-size: 4vw;
    }
    
    #page_lp section#about_human {
        padding: 10vw 0 5vw 0;
        background: url(../img/about_human_back_top.png) no-repeat, url(../img/about_human_back_water.png) no-repeat;
        background-size: 92%, 57vw;
        background-position: center 10vw, -8vw 61%;
        text-shadow: 1px 1px 1px #333;
    }
    
    #page_lp section#about_human .main_title {
        font-size: 4.5vw;
        margin-bottom: 1em;
    }
    
    #page_lp section#about_human .main_title .accent {
        margin: 0 -1vw;
        font-size: 5vw;
    }
    
    #page_lp section#about_human .main_title .big {
        font-size: 6vw;
    }
    
    #page_lp section#about_human .inBox {
        display: block;
    }
    
    #page_lp section#about_human .inBox:last-child {
        margin-bottom: 0;
        align-items: flex-end;
    }
    
    #page_lp section#about_human .inBox:last-child .text_area {
        margin-bottom: 5vw;
    }
    
    #page_lp section#about_human .inBox .image {
        width: 100%;
        margin: 0 auto 3vw auto;
    }

    #page_lp section#about_human .inBox:last-child .image {
        width: 90%;
    }

    #page_lp section#about_human .inBox#what_good .text_area,
    #page_lp section#about_human .inBox .text_area {
        width: 100%;
    }
    
    #page_lp section#about_human .inBox .text_area .sub_title {
        font-size: 4.5vw;
    }
    
    #page_lp section#about_human .inBox .text_area .title {
        font-size: 5vw;
    }
    
    #page_lp section#about_human .inBox .text_area .text {
        font-size: 3.5vw;
        margin-top: 1.5em;
    }
    
    #page_lp section#about_human .inBox .text_area .text .big {
        font-size: 4vw;
    }
    
    #page_lp section#nano_pds {
        padding: 10vw 0;
    }
    
    #page_lp section#nano_pds .main_title {
        font-size: 5vw;
        margin-bottom: 1em;
    }
    
    #page_lp section#nano_pds .image {
        width: 100%;
        margin-bottom: 5vw;
    }
    
    #page_lp section#nano_pds dl dt {
        font-size: 3.5vw;
        margin-top: 1em;
        margin-bottom: .5em;
    }
    
    #page_lp section#nano_pds dl dt .accent {
        font-size: 5vw;
    }
    
    #page_lp section#nano_pds dl dt small {
        font-size: 3.5vw;
    }

    #page_lp section#nano_pds dl dt .en {
        font-size: 4.5vw;
    }
    
    #page_lp section#nano_pds dl dd {
        margin: 0;
    }
    
    #page_lp section#nayami {
        padding: 10vw 0 0 0;
    }
    
    #page_lp section#nayami .title {
        font-size: 4.5vw;
        margin-bottom: 1.5em;
        text-align: center;
    }
    
    #page_lp section#nayami .title .accent {
        color: #F4DC9E;
    }
    
    #page_lp section#nayami .title .dot {
        font-size: 6vw;
        margin-top: .5em;
        display: inline-block;
    }
    
    #page_lp section#nayami .title .dot:before {
        top: -6vw;
    }

    #page_lp section#nayami ul {
        width: 100%;
        padding: 4vw;
        border-width: 3px;
        border-radius: 5px;
    }

    #page_lp section#nayami ul.skin_care {
        margin-top: 4vw;
    }

    #page_lp section#nayami ul h3 {
        font-size: 5.2vw;
    }
    
    #page_lp section#nayami ul li {
        font-size: 3.5vw;
        padding: 3.3vw 0;
        padding-left: 6vw;
        background-size: 4vw!important;
    }
    
    #page_lp section#nayami ul li .accent {
        font-size: 4vw;
    }
    
    #page_lp .common_price_area {
        padding: 85vw 0 10vw 0;
        background: url(../img/common_price_image.png) no-repeat;
        background-size: 90vw;
        background-position: center 10vw;
    }
    
    #page_lp .common_price_area .contents {
        width: 100%;
        margin-left: 0;
    }

    #page_lp .common_price_area .contents:before {
        width: 22vw;
        height: 22vw;
        left: auto;
        bottom: auto;
        top: -24vw;
        right: 0;
    }
    
    #page_lp .common_price_area .fl_wrap {
        margin-bottom: 5vw;
        justify-content: center;
    }

    #page_lp .common_price_area .main_title {
        margin-bottom: 8vw;
    }

    #page_lp .common_price_area .logo {
        margin-bottom: 5vw;
        text-align: center;
    }
    
    #page_lp .common_price_area .logo img {
        width: 44vw;
    }

    #page_lp .common_price_area .price_box {
        text-align: center;
    }
    
    #page_lp .common_price_area .price_box img {
        width: 62vw;
    }

    #page_lp .common_price_area dl {
        align-items: center;
        justify-content: center;
    }
    
    #page_lp .common_price_area dl dt {
        width: auto;
        height: auto;
        margin-bottom: 3vw;
        font-size: 3.5vw;
    }
    
    #page_lp .common_price_area dl dd {
        width: 100%;
        padding-left: 0;
        font-size: 3.5vw;
        text-align: center;
    }
    
    #page_lp .common_price_area .text {
        font-size: 3.5vw;
        margin-bottom: 4vw;
    }
    
    #page_lp .common_price_area .text .attention_text {
        font-size: 3vw;
    }
    
    #page_lp .common_price_area .text .title {
        font-size: 3vw;
    }

    #page_lp .common_price_area .common_contact_btn {
        width: 80vw;
        display: block;
        margin: 0 auto 4vw auto;
    }
    
    #page_lp .common_price_area .common_contact_btn img {
        width: 100%;
    }
    
    #page_lp .common_price_area .attention {
        font-size: 3vw;
        padding-left: 4vw;
    }
    
    #page_lp section.common_skincare {
        padding: 10vw 0;
    }
    
    #page_lp section.common_beuty_hair {
        padding: 10vw 0;
    }
    
    #page_lp section.common_beuty_hair .main_title {
        font-size: 3vw;
    }
    
    #page_lp section.common_beuty_hair .main_title img {
        width: 100%;
        margin-top: 2vw;
    }
    
    #page_lp section.common_beuty_hair .fl_wrap {
        margin-top: 6vw;
    }
    
    #page_lp section.common_beuty_hair .info_area {
        width: 100%;
        padding-top: 0;
        order: 2;
    }
    
    #page_lp section.common_beuty_hair .info_area .logo img {
        width: 80%;
    }
    
    #page_lp section.common_beuty_hair .price dl dt {
        font-size: 3.7vw;
    }
    
    #page_lp section.common_beuty_hair .price dl dd {
        font-size: 13vw;
    }
    
    #page_lp section.common_beuty_hair .price dl dd .tax{
        font-size: 4vw;
        margin-left: .5em;
    }
    
    #page_lp section.common_beuty_hair .price.after dd {
        font-size: 15vw;
    }
    
    #page_lp section.common_beuty_hair .price.after dd img {
        width: 52vw;
    }
    
    #page_lp section.common_beuty_hair .text_area {
        font-size: 3.3vw;
        margin-bottom: 4vw;
    }

    #page_lp section.common_beuty_hair .common_contact_btn {
        width: 80vw;
        margin: 0 auto 6vw auto;
        display: block;
    }
    
    #page_lp section.common_beuty_hair .common_contact_btn img {
        width: 100%;
    }
    
    #page_lp section.common_beuty_hair .attention {
        font-size: 3vw;
        padding-left: 4vw;
    }
    
    #page_lp section.common_beuty_hair .product_area {
        margin-top: 0;
        width: 100%;
        margin-bottom: 5vw;
    }

    #page_lp section.common_beuty_hair .product_area .image {
        width: 85%;
        margin: 0 auto 4vw auto;
    }

    #page_lp section.common_beuty_hair .product_area .image .attention {
        font-size: 3vw;
    }
    
    #page_lp section.common_beuty_hair .product_area .text {
        font-size: 3.6vw;
    }
    
    #page_lp section#point_3 {
        padding: 10vw 0;
    }
    
    #page_lp section#point_3 .main_title {
        font-size: 4.5vw;
        line-height: 1.5;
        margin-bottom: 15vw;
    }
    
    #page_lp section#point_3 .main_title small {
        font-size: 4vw;
    }
    
    #page_lp section#point_3 .main_title .accent {
        font-size: 8vw;
    }
    
    #page_lp .common_point_box {
        padding: 13vw 2vw 4vw 2vw;
        margin-top: 20vw;
    }
    
    #page_lp .common_point_box .logo {
        width: 18vw;
        left: calc( 50% - 9vw );
        top: -9vw;
    }
    
    #page_lp .common_point_box + .inBox {
        margin-top: 15vw;
    }
    
    #page_lp .common_point_box .title {
        font-size: 4vw;
        margin-bottom: 0;
    }

    #page_lp .common_point_box .title .accent {
        font-size: 5.5vw;
    }
    
    #page_lp .common_point_box ol li {
        font-size: 3.5vw;
        padding: 4.5vw 0;
        line-height: 1.4;
    }
    
    #page_lp .common_point_box ol li .num {
        font-size: 5vw;
        width: 13%;
    }
    
    #page_lp .common_point_box ol li .text .accent {
        font-size: 4vw;   
    }
    
    #page_lp .common_point_box.beauty li .text .accent,
    #page_lp .common_point_box.beauty li .num {
        color: #D59A5E;
    }

    #page_lp .common_point_box ol li .text .accent.medium,
    #page_lp .common_point_box ol li .text .accent small {
        font-size: 3.5vw;
    }

    #page_lp .common_point_box ol li .text small {
        font-size: 2.8vw;
    }
    
    #page_lp .common_point_box.hair li .text .accent,
    #page_lp .common_point_box.hair li .num {
        color: #D6B663;
    }
    
    #page_lp .common_point_box.beauty li {
        border-bottom: 3px dashed #EADCB8;
    }
    
    #page_lp .common_point_box.hair li {
        border-bottom: 3px dashed #EADCB8;
    }
    
    
    #page_lp .common_point_box ol li:last-child {
        border-bottom: none;
    }
    
    #page_lp section#shower_head_pr {
        padding-top: 75vw;
        background-size: 120vw;
    }
    
    #page_lp section#shower_head_pr .type_wrap {
        margin-bottom: 10vw;
    }
    
    #page_lp section#shower_head_pr .type_wrap .image_box {
        width: 100%;
    }
    
    #page_lp section#shower_head_pr .type_wrap .image_box:first-child {
        border-right: none;
        border-bottom: 1px solid;
        padding-right: 0;
        padding-bottom: 6vw;
        margin-bottom: 6vw;
    }
    
    #page_lp section#shower_head_pr .type_wrap .image_box:nth-child(2) {
        padding-left: 0;
    }
    
    #page_lp section#shower_head_pr .type_wrap .image_box img {
        width: 100%;
    }
    
    #page_lp section#shower_head_pr .type_wrap .image_box .title {
        margin-top: 3.2vw;
        margin-bottom: 3vw;
        font-size: 4vw;
    }

    #page_lp section#shower_head_pr .type_wrap .image_box .text small {
        font-size: 3.5vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area {
        padding: 6vw 0 7vw 0;
        background-position: center 80vw;
        text-align: left;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .sub_title {
        font-size: 4vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .sub_title .accent {
        font-size: 4.5vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .title {
        font-size: 4.7vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .attention {
        font-size: 3vw;
        text-shadow: 1px 1px 1px #333;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .text {
        font-size: 3vw;
    }

    #page_lp section#shower_head_pr .efficacy_area .text_area {
        width: 100%;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .text_area h3 {
        font-size: 5vw;
        margin: 3.4vw 0;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .image_wrap {
        width: 100%;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        order: -1;
        margin-top: 4vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .image_wrap .item_1 {
        width: 100%;
        margin-bottom: 2vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .image_wrap .item_2 {
        width: 48%;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .image_wrap .item_3 {
        width: 48%;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .image_wrap .image img {
        max-width: 100%;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .attention {
        font-size: 3.8vw;
    }
    
    #page_lp section#shower_head_pr .efficacy_area .text {
        font-size: 3.5vw;
    }

    #page_lp section#shower_head_pr .other .title_area {
        margin-bottom: 5vw;
    }

    #page_lp section#shower_head_pr .other .title_area h2 {
        font-size: 4.5vw;
    }
    
    #page_lp section#shower_head_pr .other .title_area h3 {
        font-size: 3.4vw;
    }
    
    #page_lp section#shower_head_pr .other .inBox {
        width: 100%;
    }

    #page_lp section#shower_head_pr .other .inBox + .inBox {
        margin-top: 5vw;
    }
    
    #page_lp section#shower_head_pr .other .inBox .title {
        font-size: 4.5vw;
    }
    
    #page_lp section#shower_head_pr .other .inBox .sub {
        font-size: 4vw;
    }
    
    #page_lp section#shower_head_pr .other .inBox .attention {
        font-size: 3vw;
    }

    #page_lp section#shower_head_pr .other {
        padding-bottom: 10vw;
        margin-bottom: 10vw;
    }

    #page_lp section#shower_head_pr .water_supply .fl_wrap {
        display: block;
    }
    
    #page_lp section#shower_head_pr .water_supply .image {
        width: 100%;
        margin-bottom: 5vw;
    }
    
    #page_lp section#shower_head_pr .water_supply .text_area {
        width: 100%;
    }
    
    #page_lp section#shower_head_pr .water_supply .text_area .title {
        font-size: 3.8vw;
    }
    
    #page_lp section#shower_head_pr .water_supply .text_area .title .accent {
        font-size: 5.5vw;
    }
    
    #page_lp section#shower_head_pr .water_supply .text_area .text {
        font-size: 3.5vw;
        margin-bottom: 1em;
    }
    
    #page_lp section#shower_head_pr .water_supply .text_area .attention {
        font-size: 3vw;
    }

    
    #page_lp section#pokapoka {
        padding: 7vw 0 15vw 0;
    }
    
    #page_lp section#pokapoka .main_title {
        padding: 4vw 0;
        font-size: 4.5vw;
        margin-bottom: 1em;
    }
    
    #page_lp section#pokapoka .main_title .accent {
        font-size: 5.5vw;
    }
    
    #page_lp section#pokapoka .image_wrap {
        margin-bottom: 12vw;
    }
    
    #page_lp section#pokapoka .image_1 {
        width: 90%;
        margin: 0 auto 5vw auto;
    }
    
    #page_lp section#pokapoka .image_2 {
        width: 90%;
        margin: 0 auto;
    }
    
    #page_lp section#pokapoka .saving_water .title {
        padding: .5em 0 .4em 0;
        font-size: 5vw;
    }
    
    #page_lp section#pokapoka .saving_water .title .big {
        font-size: 4.5vw;
    }
    
    #page_lp section#pokapoka .saving_water .title .en {
        font-size: 5vw;
    }
    
    #page_lp section#pokapoka .saving_water .fl_wrap {
        padding: 0;
        display: block;
    }
    
    #page_lp section#pokapoka .saving_water .image {
        width: 90%;
        margin: 0 auto 4vw auto;
    }
    
    #page_lp section#pokapoka .saving_water .text_area {
        width: 100%;
    }
    
    #page_lp section#pokapoka .saving_water .text_area .text {
        margin-bottom: 1em;
        font-size: 3.5vw;
    }
    
    #page_lp section#pokapoka .saving_water .text_area .attention {
        font-size: 3vw;
        padding-left: 4vw;

    }
    
    #page_lp section#price_simulation .simulation_box .title {
        font-size: 5.7vw;
        top: -12vw;
    }
    
    #page_lp section#price_simulation .in_wrap {
        background: url(../img/simulation_back.svg) no-repeat;
        background-size: cover;
        background-position: center;
        padding: 10.4vw 4vw 10.6vw 4vw;
    }
    
    #page_lp section#price_simulation .in_wrap h4 {
        font-size: 5.4vw;
    }
    
    #page_lp section#price_simulation dl {
        padding: 2vw 0;
        margin: 0;
    }
    
    #page_lp section#price_simulation dl dt {
        font-size: 3vw;
    }
    
    #page_lp section#price_simulation dl dd {
        font-size: 4vw;
    }
    
    #page_lp section#price_simulation .info_area {
        margin-top: 4vw;
        padding-bottom: 8vw;
    }
    
    #page_lp section#price_simulation .info_area .main_title {
        font-size: 4.5vw;
    }

    #page_lp section#price_simulation .info_area .main_title .accent {
        font-size: 5.5vw;
    }
    
    #page_lp section#price_simulation .info_area .main_title small {
        font-size: 4vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text01 {
        font-size: 5vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text02 {
        font-size: 18vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text02 small {
        font-size: 8vw;
    }

    #page_lp section#price_simulation .info_area .main_area p.text02 small.accent {
        font-size: 8vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text03 {
        font-size: 3vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text04 {
        font-size: 4vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text04 .price {
        font-size: 5vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text05 {
        font-size: 3vw;
        margin-bottom: 2em;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text06 {
        font-size: 4vw;
        margin-bottom: 3em;
    }
    
    #page_lp section#price_simulation .info_area .main_area .text07_wrap .hukidashi {
        font-size: 3.5vw;
        width: 23vw;
        height: 23vw;
        padding-top: 5.5vw;
        line-height: 1.2;
        right: 0vw;
        bottom: 15vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area .text07_wrap .hukidashi .price {
        font-size: 4.8vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text07 {
        font-size: 4vw;
        margin-bottom: 15vw;
    }
    
    #page_lp section#price_simulation .info_area .main_area p.text07 .price {
        font-size: 4.8vw;
    }
    
    #page_lp section#price_simulation .info_area .under_area .arrow {
        width: 10vw;
        margin-bottom: 5vw;
    }
    
    #page_lp section#price_simulation .info_area .under_area .text {
        text-align: center;
        font-size: 4.5vw;
        margin-bottom: 6vw;
    }
    
    #page_lp section#price_simulation .info_area .under_area .text .price {
        font-size: 6vw;
    }
    
    #page_lp section#price_simulation .info_area .under_area .hukidashi {
        font-size: 4vw;
        padding-top: 6.8vw;
        left: 0;
        top: -18vw;
        width: 37vw;
        height: 22vw;
    }
    
    #page_lp section#price_simulation .info_area .under_area .hukidashi p{
        transform: rotate(-8deg);
    }
    
    #page_lp section#price_simulation .info_area .under_area .text small {
        font-size: 3vw;
        padding-right: 9.4vw;
    }
    
    #page_lp section#price_simulation .info_area .under_area .attention p {
        font-size: 3vw;
        padding-left: 4vw;
        margin-top: 1em;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .title {
        font-size: 4.5vw;
        padding-left: 7.5vw;
        background-size: 5vw;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .text_area {
        width: 100%;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .text_area .text {
        font-size: 3.5vw;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .text_area .text .accent {
        font-size: 4vw;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .text_area ul li {
        font-size: 4vw;
        padding-left: 6vw;
        background-size: 3.5vw;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .fl_wrap {
        margin-bottom: 5vw;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .image {
        width: 100%;
        margin-bottom: 3vw;
    }
    
    #page_lp section#price_simulation .info_area .exchange_area .attention_area p {
        font-size: 3vw;
    }
    
    #page_lp section#faq .main_title {
        font-size: 5vw;
        margin-bottom: 1em;
    }
    
    #page_lp section#faq .main_text {
        margin-bottom: 1em;
        font-size: 3.5vw;
    }
    
    #page_lp section#faq nav {
        margin-bottom: 5vw;
    }
    
    #page_lp section#faq nav ul {
        display: block;
    }
    
    #page_lp section#faq nav ul li {
        width: 100%;
        margin: 0 0 3vw 0;
    }
    
    #page_lp section#faq nav ul li a {
        line-height: 12vw;
        font-size: 4.2vw;
    }
    
    #page_lp section#faq .contents .title {
        font-size: 3.6vw;
    }
    
    #page_lp section#faq .contents dl + dl {
        margin-top: 7vw;
    }
    
    #page_lp section#faq .contents dl dt {
        font-size: 3.5vw;
        background-size: 4vw;
        padding-right: 7vw;
        margin-left: 6vw;
    }
    
    #page_lp section#faq .contents dl dt.nowOpen {
        background-size: 4vw;
        background-position: 95% 3vw;
    }
    
    #page_lp section#faq .contents dl dt:before {
        left: -6vw;
        top: -2vw;
        font-size: 5vw;
    }
    
    #page_lp section#faq .contents dl dd {
        font-size: 3.2vw;
        padding-left: 6vw;
    }
    
    #page_lp section#faq .contents dl dd:before {
        left: 0;
        top: -2vw;
        font-size: 5vw;
    }
    
    #page_lp section#faq .faq_box + .faq_box {
        margin-top: 8vw;
    }
    
    #page_lp section#relief_5 .main_title {
        font-size: 4vw;
        margin-bottom: 8vw;
    }
    
    #page_lp section#relief_5 .main_title img {
        width: 52vw;
    }

     #page_lp section#relief_5 ul {
         justify-content: center;
     }
    
    #page_lp section#relief_5 ul li {
        width: 28vw;
        height: 28vw;
        padding-top: 0;
        background: none;
        margin: 1%;
    }

    #page_lp section#relief_5 ul li:nth-child(3) img {
        width: 100%;
    }
    
    #page_lp section#relief_5 ul li .num {
        font-size: 5.2vw;
    }
    
    #page_lp section#relief_5 ul li:first-child h3 {
        font-size: 5vw;
    }
    
    #page_lp section#relief_5 ul li:first-child h3 small {
        font-size: 3vw;
    }
    
    #page_lp section#relief_5 ul li:nth-child(2) h3 {
        font-size: 3vw;
    }
    
    #page_lp section#relief_5 ul li:nth-child(2) .attention {
        font-size: 3vw;
    }
    
    #page_lp section#relief_5 ul li:nth-child(4) h3 {
        font-size: 4.5vw;
    }
    
    #page_lp section#relief_5 ul li:nth-child(5) h3 {
        font-size: 5vw;
    }
    
    #page_lp section#relief_5 ul li:nth-child(5) h3 small {
        font-size: 3vw;
    }
    
    #lp_footer {
        padding: 15vw 0 8vw 0;
        background-size: 160vw;
        margin-top: -10vw;
    }
    
    #lp_footer .logo {
        width: 50vw;
        margin: 0 auto 5vw auto;
    }
    
    #lp_footer .copyright {
        font-size: 3vw;
    }

    .modal__content h3 {
        font-size: 5vw;
    }
    
    .modal__content p {
        font-size: 3.5vw;
    }
    
    a.js-modal-close {
        top: 8vh;
        padding-top: 6vw;
        font-size: 3vw;
        background-size: 5vw;
    }

    #page_lp section#shower_head_pr .type_wrap .image_box .text {
        font-size: 3.5vw;
    }

    #page_lp section#about_kyusyu img.text_saibo {
        margin: 0 .2vw;
    }
    
    #page_lp section#about_kyusyu .text_area .text img.text_saibo {
        width: 5.5vw;
        padding-bottom: 1vw;
        margin: 0 .6vw;
    }
    
    #page_lp section#about_kyusyu .text_area dl dd img.text_saibo {
        width: 6.5vw;
        padding-bottom: 1.15vw;
        margin: 0 .4vw;
    }
    
    #page_lp section#about_kyusyu .text_area dl dd .accent img.text_saibo {
        width: 7.5vw;
        padding-bottom: 1.3vw;
    }
    
    #page_lp section#about_kyusyu .text_area dl dd img.text_saibo.type_2 {
        padding-bottom: 1vw;
    }

    #page_lp section#main_visual .label_wrap {
        display: flex;
        justify-content: center;
        gap: 2vw;
    }

    #page_lp section#main_visual .label {
        position: static;
    }
    
    #page_lp section#main_visual .label.woman {
        width: 24vw;
    }
    
    #page_lp section#main_visual .label.emblem {
        width: 19vw;
    }

    #page_lp section#pokapoka .info_text_area {
        margin-bottom: 10vw;
    }
    
    #page_lp section#pokapoka .info_text_area .text {
        font-size: 3.5vw;
        line-height: 2;
    }
    
    #page_lp section#pokapoka .info_text_area .text small {
        font-size: 3vw;
    }

}