@charset "utf-8";
/* CSS Document */
*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;}
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, menu, nav, section,
time, mark, audio, video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:bottom;background:transparent;}
label{cursor:pointer;}
article, aside, dialog, figure, footer, header,
hgroup, nav, section{display:block;}
ul, li{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:'';content:none;}
a{margin:0;padding:0;border:0;font-size:100%;vertical-align:top;background:transparent;outline:none;text-decoration: none;cursor: pointer;}
a:link,a:visited{opacity: 1;}
a:hover{opacity: 0.8;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title], dfn[title]{border-bottom:1px dotted #000;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #cccccc;margin:1em 0;padding:0;}
input, select{vertical-align:middle;}
.cf:before,
.cf:after{content:"";display:table;}
.cf:after{clear:both;}
.cf{zoom:1;}
iframe[name="google_conversion_frame"]{position:absolute;top:0;}

:root {
  --viewport: 750;
}
@media screen and (min-width:768px) {
  body {
    min-width: 1280px;
  }
  .line-ani:after {
    border-width: 4px;
  }
}
.font-midashi {
  font-family: 'Noto Sans JP', sans-serif;
}
.txt-bold,
.bold {
  font-weight: bold;
}
.font_white {
  color: #fff;
}
.nowrap {
  white-space: nowrap;
}
.flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-line-pack: start;
  align-content: flex-start;
}
.jcc {
  justify-content: center !important;
}
.pb0 {
  padding-bottom: 0 !important;
}
.mt0 {
  margin-top: 0 !important;
}
.font-midashi--sm {
  margin-top: 32px;
  margin-bottom: 8px;
}
.swiper {
  position: relative;
}
.swiper-button-next,
.swiper-button-prev {
  background: none;
}
.icon_check {
  font-weight: bold;
  line-height: 2.5;
  background: url(/hige/images/check_img.png) center left no-repeat;
  background-size: 6.266666666666667vw auto;
  padding-left: 6.266666666666667vw;
}
.icon_check span {
  vertical-align: text-top;
}
.txt-left {
  text-align: left;
}
.body_aco {
  display: none;
}
nav li, nav li a {
  color: #000;
}
/* mv */
#mv {
  background: url(/img/knowledge/common/mv_sp.png) top center no-repeat, #00A9FF;
  background-size: 100% auto;
  height: calc(100vw / var(--viewport) * 250);
  margin-top: calc(56px + (136.25 - 56) * ((100vw - 320px) / (767 - 320)));
}
#mv h1 {
  color: #fff;
  font-size: 6.1333vw;
  font-weight: bold;
  padding-top: 15vw;
}
#mv h1 span {
  font-family: 'Roboto', sans-serif;
  font-size: 3.2vw;
  display: block;
}
h2 {
  font-size: 26px;
  text-align: center;
}
h2 .small {
  font-size: 18px;
}
h2 .sub {
  color: #fff;
  font-size: 16px;
  font-family: 'Roboto', sans-serif;
  vertical-align: super;
  display: block;
  border-top: 1px solid #000;
  padding-top: 6px;
  margin-top: 2px;
}
.sub #breadcrumbs {
  background: #fff;
}
#container {
  font-size: 3.7333vw;
}

@media screen and (max-width:767px) {
  #mv {
    margin-top: calc(100vw / var(--viewport) * 139);
  }
  .breadcrumb ul {
    width: 90% !important;
  }
}
@media screen and (min-width:768px) {
  .breadcrumb ul {
    max-width: 1080px;
  }
}

/*index*/
body.index #container {
  background: #00aafa;
  padding: 80px 0 120px;
}
body.index #container .flex li {
  text-align: center;
  font-weight: bold;
  width: 275px;
  margin-top: 10vw;
}
body.index #container .flex li a {
  display: block;
}
body.index #container .flex li img {
  filter: drop-shadow(25px 20px 15px rgba(0, 143, 248, 1));
}
body.index h2 {
  margin-top: 20.8vw;
}
body.index h2.first {
  margin-top: 0;
}

/*sub*/
body.sub #mv img {
  position: absolute;
}
body.sub #mv h1 {
  line-height: 1;
}
body.sub #mv span {
  display: inline-block;
}
body.sub #container {
  line-height: 2;
  padding-bottom: 20vw;
}
body.single-knowledge #container {
  line-height: 2;
}
body.sub h2 {
  color: #00aafa;
  line-height: 1.7;
  text-align: left;
}
body.sub h3 {
  margin-bottom: 5.4666vw;
}
body.sub .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.sub .btn_area a {
  text-align: center;
  width: 78.6666vw;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
body.sub .btn_area .link a:after {
  /*right: 10.2vw;*/
}

/* single */
.section-intro {
  margin: 40px 0;
}
.section-header .section-header__title {
  font-size: calc(100vw * 20 / 375);
}

/*yag*/
body.yag #container {
  padding-bottom: 0;
}
body.yag table {
  margin-top: 1.8em !important;
}
}
body.yag .section02 h2,
body.yag .section03 h2,
body.yag .section04 h2 {
  margin-top: 22.6666vw;
}
body.yag .section02 img,
body.yag .section04 img {
  margin-bottom: 3.5866vw;
}
body.yag .section05 {
  background: #eef0f1;
  padding-bottom: 20vw;
  margin-top: 18vw;
}
body.yag .section05 .title {
  font-size: 6.4vw;
  text-align: center;
  padding: 10.48vw 0;
}
body.yag .section05 img {
  margin-bottom: 3.5866vw;
}
body.yag h3 {
  line-height: 1.5;
  margin-top: calc(100vw / var(--viewport) * 100);
}
body.yag .table01 thead td {
  width: 33%;
}
body.yag .table02 thead td:nth-child(n+2) {
  width: 50%;
}
@media screen and (max-width:767px) {
  body.yag .btn {
    line-height: 1;
    width: 100%;
    padding-left: 0;
    margin: 60px 0 0 0;
  }
  body.yag .btn a {
    padding: calc(17px + (43 - 17) * ((100vw - 320px) / (767 - 320)));
  }
}
@media screen and (min-width:768px) {
  body.yag h3 {
    margin-top: 30px;
  }
}

/* gentleyagprou */
body.gentleyagprou .knowledge-sec-block01 {
  padding: calc(35px + (80 - 35) * ((100vw - 320px) / (767 - 320))) 0 calc(50px + (120 - 50) * ((100vw - 320px) / (767 - 320)));
}
body.gentleyagprou .link {
 color:#969696;
 text-decoration:underline;
}
body.gentleyagprou .tbl_cu_01 .se-th {
  white-space: nowrap;
}
body.gentleyagprou .price-bust-point-block.mediostar h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding-bottom: 0;
  margin-bottom: 0;
  border: none;
}
body.gentleyagprou .knowledge-sec-block01 .link {
  margin-top: 20px;
  text-decoration: none;
}
body.gentleyagprou .knowledge-sec-block01 .link a {
  text-decoration: none;
}
@media screen and (max-width:767px) {
  body.gentleyagprou .gent_lick {
    right: calc(36px + ( 220 - 36) * ((100vw - 320px) / (767 - 320)))!important;
    bottom: calc(160px + ( 250 - 170) * ((100vw - 320px) / (767 - 320)));
  }
  body.gentleyagprou #know-list .lick-img2 .wd-img img {
    max-width: 100%;
  }
}
@media screen and (min-width:768px) {
  body.gentleyagprou .knowledge-sec-block01 {
    padding: 74px 0 100px;
  }
  body.gentleyagprou .medio2 img {
    max-width: 100%;
  }
  body.gentleyagprou .know-un-block .lick-img2 p {
    bottom: 250px;
  }
  body.gentleyagprou .know-un-block .wd-img {
    max-width: 930px;
  }
  body.gentleyagprou #know-list .lick-img2 .wd-img img {
    max-width: 330px;
  }
  body.gentleyagprou .title-pad {
    padding-bottom: 65px;
  }
  body.gentleyagprou .flex_btn3clm {
    display: flex;
  }
}

/* thief-beard */
body.thief-beard h2 {
  color: #00aafa;
  line-height: 1.7;
  text-align: left;
}
body.thief-beard h3 {
  margin-top: 8vw;
  margin-bottom: 0.5em;
}
body.thief-beard .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.thief-beard .btn_area .link a {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #000;
  width: 78.6666vw;
  display: block;
  border-radius: 100vh;
  position: relative;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
body.thief-beard .btn_area .link a:after {
  position: absolute;
  content: url(/hige/images/btn_yajirushi.jpg);
  right: 2.2vw;
  transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
}
@media screen and (min-width:768px) {
  body.thief-beard .btn_area {
    margin-top: 86px;
  }
  body.thief-beard .btn_area .link a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
  body.thief-beard .btn_area .link a:after {
    right: 12px;
  }
}
body.thief-beard .section01 .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.thief-beard .section01 .title.second {
  color: #000;
  background: #ff0;
}
body.thief-beard .section01 img,
body.thief-beard .section05 img {
  margin-bottom: 3.5866vw;
}
body.thief-beard .section01 li {
  margin-top: 10.6666vw;
}
body.thief-beard .section02 h2,
body.thief-beard .section03 h2,
body.thief-beard .section04 h2,
body.thief-beard .section05 h2 {
  margin-top: 22.6666vw;
}
body.thief-beard .section02 h3,
body.thief-beard .section04 h3,
body.thief-beard .section05 h3 {
  margin-top: 8vw;
  margin-bottom: 0.5em;
}
body.thief-beard .section02 h3.first,
body.thief-beard .section04 h3.first {
  margin-top: 0;
}

/*design*/
body.design .section02 .midashi {
  font-size: 4.5333vw;
  font-weight: bold;
  margin-top: 8.3vw;
}
body.design .section02 .midashi span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.design .section02 h3 {
  margin-top: 8.3vw;
  margin-bottom: 0;
}
body.design .section03 .left .title,
body.design .section03 .right .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.design .section03 .left,
body.design .section03 .right {
  margin-top: 10.6666vw;
}
body.design .section03 .first .left {
  margin-top: 0;
}
body.design .section03 img {
  margin-bottom: 3.5866vw;
}
body.design .section04 {
  background: #f0f0f0;
  padding-bottom: 20vw;
  margin-top: 18vw;
}
body.design .section04 img {
  height: auto;
}
body.design .section04 .title {
  color: #000;
  font-size: 6.4vw;
  text-align: center;
  border-bottom: none;
  padding: 10.48vw 0;
  margin-bottom: 0;
}
body.design .section04 .box {
  font-size: .24rem;
  text-align: left;
  background: #fff;
  width: 100%;
  padding: 8% 5.3333% 5.3333%;
  border-radius: 2.133333333333vw;
  position: relative;
}
body.design .section04 .box .title {
  font-size: initial;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #00aafa;
  border-radius: 8px;
  line-height: 9.333333333333333vw;
  padding: 0;
  margin-bottom: 5.3333vw;
}
body.design .section04 .box .imgBox {
  margin-bottom: 5.3333vw;
  border-radius: 5px;
  overflow: hidden;
}
body.design .section04 .box ul {
  background: #f0f0f0;
  padding: 2.6666vw 2.6666vw 0;
  border-radius: 8px 8px 0 0;
}
body.design .section04 .box ul.second {
  padding: 0 2.6666vw;
  margin-bottom: 5.3333vw;
  border-radius: 0 0 8px 8px;
}
body.design .section04 .box ul li {
  width: 47.45762711864407%;
  margin-bottom: 5.3333vw;
  float: left;
}
body.design .section04 .box ul.second li {
  margin-bottom: 2.6666vw;
}
body.design .section04 .box ul li:nth-child(2n) {
  float: right;
}
body.design .section04 .box ul li .title {
  margin-bottom: 1.6vw;
}
body.design .section04 .box .leftBox {
  float: left;
}
.section04 .balloon {
  position: relative;
  display: inline-block;
  padding: 5.466667vw 2.8vw;
  width: 100%;
  background: #eef0f1;
  border-radius: 8px;
}
.section04 .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 12px solid #eef0f1;
}
.section04 .balloon .midashi {
  font-size: 0.26rem;
  font-weight: bold;
  text-align: center;
}
.section04 .balloon p {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: 6%;
}
.section04 .balloon span {
  font-size: 0.32rem;
  vertical-align: sub;
  display: inline-block;
}
.section04 .balloon span.price {
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: -0.02em;
  vertical-align: middle;
  margin: 0 0.08rem;
}
.section04 .balloon span.yen {
  vertical-align: bottom;
  line-height: 2;
}
.section04 .price_flex {
  display: flex;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  margin: 8% auto 0;
  justify-content: space-around;
  border-bottom: 2px solid #000;
  width: 80%;
  align-items: baseline;
}
.section04 .price_box {
  font-size: 24px;
  white-space: nowrap;
}
.section04 .price_box span.rl {
  font-size: .30rem;
  vertical-align: baseline;
  line-height: 0.8;
}
.section04 .price_flex span.price {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  color: #f00;
  letter-spacing: -0.02rem;
  vertical-align: baseline;
  line-height: 0.9;
  display: inline-block;
  padding: 0 0.8vw;
}
.section04 .price_flex .round {
  color: #fff;
  font-size: .26rem;
  line-height: 1.15;
  text-align: center;
  width: 18vw;
  height: 6vw;
  padding: 1.4vw 1vw;
  background: #00aafa;
  border-radius: 1vw;
  margin: 0 0 0 1vw;
}
.section04 .price_flex .round span {
  font-size: .26rem;
}
.section04 .box .caption {
  margin-top: 1em;
  font-weight: bold;
}
.btn_area .link a:after {
  right: 2.2vw;
}

/*minors*/
body.minors .pdf_area .title {
  color: #fff;
  font-weight: bold;
  text-align: center;
  background: #000;
  border-radius: 5px;
  margin: 9vw auto 5vw;
}
body.minors .pdf_area p {
  margin-top: 0.5em;
}

.inner {
  margin: 0 5.333333%;
}
h2 {
  font-size: 7.2vw;
}
h2 .small {
  font-size: 4.2666vw;
}
h2 .sub {
  font-size: .24rem;
}

/*index*/
body.index #container {
  padding: 8.3333vw 0 8%;
}
body.index .flex li {
  font-size: 3.7333vw;
  width: 43.8805%;
  margin: 10vw auto 0;
}
body.index .flex li img {
  margin-bottom: 6.6666vw;
}

/*sub*/
body.sub #mv img {
  width: 36vw;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0 auto;
}
body.sub #mv span {
  font-size: 3.4666vw;
  padding-top: 13.5vw;
}
body.sub #mv h1 {
  padding-top: 0.5vw;
}
body.sub h2 {
  font-size: 6.4vw;
  margin-top: 8.6666vw;
  padding-bottom: 2.6vw;
  border-bottom: 2px solid #000;
  margin-bottom: 7vw;
}
@media screen and (max-width:767px) {
  body.single-knowledge .font24-sp {
    font-size: 3.2vw;
  }
  body.single-knowledge .font34-sp {
    font-size: 4.5333vw;
  }
}

/* single */
body.single-knowledge #mv {
  background: url(/img/knowledge/single/mv_sp.png) top center no-repeat, #00A9FF;
  background-size: 100% auto;
  height: calc(100vw / var(--viewport) * 440);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  margin-bottom: calc(100vw / var(--viewport) * 270);
  position: relative;
  /*transition: all 0.3s;*/
}
body.single-knowledge #mv h1 {
  font-size: calc(100vw / var(--viewport) * 56);
  line-height: 1.25;
  padding: 0;
}
body.single-knowledge #mv img {
  width: calc(100vw / var(--viewport) * 240);
  height: auto;
  display: block;
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100vw / var(--viewport) * -210);
  margin: 0 auto;
  z-index: 10;
}
body.single-knowledge #mv .categories {
  text-align: center;
  display: flex;
  justify-content: center;
  gap: calc(100vw / var(--viewport) * 10);
  position: absolute;
  left: 0;
  right: 0;
  bottom: calc(100vw / var(--viewport) * 60);
  margin: 0 auto;
}
body.single-knowledge #mv .categories li {
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  line-height: 1;
  background: #20396F;
}
body.single-knowledge #mv .categories li a {
  color: #fff;
  height: calc(100vw / var(--viewport) * 46);
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0.5em;
}

body.single-knowledge h2 {
  color: #00aafa;
  font-size: 6.4vw;
  text-align: left;
  line-height: 1.7;
  padding-bottom: 2.6vw;
  border-bottom: 2px solid #000;
  margin-top: 8.6666vw;
  margin-bottom: 7vw;
}
body.single-knowledge .link a {
  color: #fff;
  font-weight: bold;
  text-align: left;
  background: #000;
  width: 60vw;
  display: block;
  padding: 1vw 0vw 1vw 4.2vw;
  margin: 1em 0 0 auto;
  border-radius: 100vh;
  position: relative;
}
body.single-knowledge .link a:after {
  position: absolute;
  content: url(/hige/images/btn_yajirushi.png);
  right: 2.2vw;
  transform: scale(0.5, 0.5);
  -moz-transform: scale(0.5, 0.5);
  -webkit-transform: scale(0.5, 0.5);
  -o-transform: scale(0.5, 0.5);
  -ms-transform: scale(0.5, 0.5);
}
.section-block .section-block__title {
  min-height: 100px;
  font-size: 25px;
  font-weight: 700;
  text-decoration-line: underline;
  text-decoration-thickness: 20%;
  text-decoration-color: #ef0;
  text-underline-offset: 25%;
}
@media (max-width: 767.98px) {
  .section-block .section-block__title {
    font-size: calc(100vw * 20 / 375);
  }
}
.section-header .section-header__inner {
  display: flex;
  gap: 50px;
}
.section-block .section-block__desc {
  display: flex;
  flex-direction: column;
  gap: 30px;
  font-weight: 400;
  line-height: 1.7;
  color: #000;
}
@media (max-width: 767.98px) {
  .section-block .section-block__desc {
    gap: calc(100vw * 30 / 375);
  }
}
.section-block + .section-block,
.section-header + .section-block {
  margin-top: 80px;
}
@media screen and (max-width:767px) {
  .section-header .section-header__inner {
    flex-direction: column;
  }
}
@media screen and (min-width:768px) {
  body.single-knowledge h2 {
    font-size: 26px;
    padding-bottom: 15px;
    margin-top: 90px;
    margin-bottom: 30px;
    border-bottom: 2px solid #000;
  }
  .section-header .section-header__title {
    font-size: 25px;
    font-weight: 700;
    margin-bottom: 36px;
  }
  body.single-knowledge .link a {
    font-size: 12px;
    width: 225px;
    padding: 9px 0 9px 18px;
    margin: 19px 0 16px auto;
  }
  body.single-knowledge .link a:after {
    right: 8px;
  }
}

/* masui */
body.masui .txt-block03 .gray-part-bg,
body.masui .txt-block04 .gray-part-bg {
  border-radius: calc(10/750*100vw);
}
body.masui .promotion-txt-block h4 {
  margin-top: calc(48.8/750*100vw);
}
body.masui .flex__box {
  width: 100%;
}
body.masui .flex__box p {
  line-height: 1.769;
}
body.masui .ttl-blue-button {
  display: block;
    max-width: 100%;
    padding: 10px 0;
  margin-top: calc(38.6/750*100vw);
    margin-bottom: calc(31.9/750*100vw);
    font-weight: bold;
    text-align: center;
    color: #fff;
    border-radius: 25px;
    background: #00a9f8;
}
body.masui .txt-lgray.txt-lgray-mb {
  display: block;
    margin-bottom: calc(12/750*100vw);
}
body.masui .mlr-auto {
  margin-left: auto;
  margin-right: auto;
}
body.masui .arrow-down {
  display: inline-block;
    width: 0;
    height: 0;
  margin-top: calc(23/750*100vw);
    border-top: 20px solid #222;
    border-right: 20px solid transparent;
    border-left: 20px solid transparent;
}
body.masui .txt-block01,
body.masui .txt-block02 {
  margin-top: 7%;
  margin-bottom: 7%;
}
@media screen and (max-width:767px) {
  body.masui .container {
    width: 84%;
  }
  body.masui #more-promotion-sec .container {
    width: 81.6%;
  }
  body.masui .white-part-bg {
    border-radius: 10px;
  }
  body.masui .masui_h2pad .sp-only {
    display: inline-block;
    line-height: 1.75;
  }
  body.masui .txt-block01 {
    margin-top: calc(80.2/750*100vw);
    padding-bottom: 0;
  }
  body.masui .txt-block03 {
    margin: 17vw 0 7.3vw;
  }
  body.masui .txt-block04 {
    margin: 13.6vw 0 2vw;
  }
  body.masui .knowledge-sec-block01 {
    padding: calc(52/750*100vw) 0 calc(58/750*100vw) ;
  }
  body.masui .knowledge-sec-block02 {
    padding: calc(74/750*100vw) 0 calc(93/750*100vw) ;
  }
  body.masui .masui_h2pad {
    padding: 0;
  }
  body.masui .promotion-txt-block h3 span {
    width: 63%;
  }
}

/*yag*/
body.yag .section01 ul {
  background: url(../yag/images/bg_section01_sp.jpg) top center no-repeat;
  background-size: auto 100%;
  padding: 0 0 84vw;
}
body.yag .section01 li {
  margin-bottom: 3vw;
}
body.yag .section01 .icon_check {
  line-height: 1.5;
  background-position: top left;
}
body.yag .section01 .icon_check span {
  margin-top: 1.5vw;
  display: inline-block;
}
body.yag .table01 thead td {
  width: 33%;
}
body.yag .table02 thead td:nth-child(n+2) {
  width: 50%;
}

/* hige-design */
.hige-design .inner {
  max-width: 1080px;
}

/*design*/
body.design #container {
  padding-bottom: 0;
}
body.design .section01 img {
  margin-top: 3.5866vw;
}
body.design .section02 h2,
body.design .section03 h2 {
  margin-top: 22.6666vw;
}
body.design .section04 .box:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10.4vw;
  border: 10.4vw solid transparent;
  border-top: 6.66666vw solid #fff;
}

/*minors*/
body.minors .section02 h2,
body.minors .section03 h2,
body.minors .section04 h2 {
  margin-top: 22.6666vw;
}
body.minors .section04 h2 {
  letter-spacing: -0.3vw;
}

@media screen and (max-width:767px) {
  .sp {
    display: inline;
  }
  .sp_b {
    display: block;
  }
  .pc,
  .pc_b {
    display: none;
  }
}
@media screen and (min-width:768px) {
  .icon_check {
    font-size: 21px;
    line-height: 36px;
    background-size: 33px auto;
    background-position: left top;
    padding-left: 35px;
  }
  .ttl_aco:hover {
    cursor: pointer;
  }

  /* header */
  header, nav {
    background: #fff;
  }
  .inner {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }

  /* mv */
  #mv {
    background: url(/img/knowledge/common/mv_pc.png) top center no-repeat, #00A9FF;
    background-size: auto 100%;
    height: 125px;
    margin-top: 72px !important;
    margin-bottom: 0;
  }
  #mv h1 {
    font-size: 36px;
    line-height: 50px;
    padding-top: 145px;
  }
  #mv h1 span {
    font-size: 18px;
  }
  #container {
    font-size: 16px;
  }

  .kv img {
      width: 660px;
      display: block;
      margin: 0 auto;
  }

  /*index*/
  body.index #mv {
    background: url(../images/kv_pc.jpg) center center no-repeat;
    background-size: 100% auto;
  }
  body.index #container .flex li {
    font-size: 18px;
    margin-top: 60px;
  }
  body.index #container .flex li img {
    margin-bottom: 16px;
  }
  body.index h2 {
    margin-top: 125px;
  }
  body.index h2.first {
    margin-top: 0;
  }

  /*sub*/
  body.sub #mv {
    text-align: left;
  }
  body.sub #mv .inner {
    position: relative;
  }
  body.sub #mv img {
    width: 275px;
    top: 57px;
    left: 0;
  }
  body.sub #mv span,
  body.sub #mv h1 {
    position: absolute;
    left: 319px;
    padding-top: 0;
  }
  body.sub #mv span {
    font-size: 18px;
    top: 142px;
  }
  body.sub #mv h1 {
    top: 178px;
  }
  body.sub #container {
    padding-bottom: 84px;
  }
  body.sub h2 {
    padding-bottom: 15px;
    margin-bottom: 30px;
    border-bottom: 2px solid #000;
  }
  body.sub h3 {
    font-size: 22px;
    margin-bottom: 36px;
  }
  body.sub .link a {
    font-size: 12px;
    width: 225px;
    padding: 9px 0 9px 18px;
    margin: 19px 0 16px auto;
  }
  /*body.sub .link a:hover:after {
    animation: arrow .4s;
  }
  @keyframes arrow {
    0% {
      right: -2px;
    }
    100% {
      right: 8px;
    }
  }*/
  body.sub .btn_area {
    margin-top: 86px;
  }
  body.sub .btn_area .link a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
  body.sub .btn_area .link a:after {
    right: 12px;
  }
  body.sub .font14-pc {
    font-size: 14px;
  }

  /*yag*/
  body.yag .section01 {
    padding-top: 85px;
  }
  body.yag .section01 > div {
    background: url(../yag/images/bg_section01_pc.jpg) top left no-repeat;
    background-size: auto 425px;
    height: 425px;
    position: relative;
  }
  body.yag .section01 ul {
    position: absolute;
    top: 137px;
    left: 331px;
  }
  body.yag .section01 li {
    margin-bottom: 10px;
  }
  body.yag .section02 h2,
  body.yag .section03 h2,
  body.yag .section04 h2 {
    margin-top: 115px;
  }
  body.yag .section02 img,
  body.yag .section04 img {
    margin-bottom: 0;
  }
  body.yag .section02 .cf img,
  body.yag .section04 .cf img {
    width: 462px;
    float: right;
  }
   body.yag .section02 .cf p,
   body.yag .section04 .cf p {
    width: 494px;
    float: left;
  }
  body.yag .section05 {
    width: 980px;
    padding-bottom: 34px;
    margin: 80px auto 0;
    border-radius: 10px;
  }
  body.yag .section05 .inner {
    padding: 0 56px;
  }
  body.yag .section05 .title {
    font-size: 26px;
    padding: 34px 0;
  }
  body.yag .section05 .cf img {
    width: 290px;
    float: right;
    margin-bottom: 0;
  }
  body.yag .section05 .cf div {
    width: 547px;
    float: left;
  }
  body.yag .section05 .link a {
    margin: 19px auto 16px 0;
  }

  body.single-knowledge #mv {
    background: url(/img/knowledge/single/mv_pc.png) top center no-repeat, #00A9FF;
    background-size: 1080px auto;
    height: 220px;
    display: flex;
    align-items: center;
    margin-bottom: 0;
    position: relative;
  }
  body.single-knowledge #mv .inner {
    width: 1000px;
    height: 220px;
    position: relative;
  }
  body.single-knowledge #mv img {
    width: 160px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    bottom: initial;
    left: initial;
    right: 0;
  }
  body.single-knowledge #mv h1 {
    font-size: 32px;
    font-weight: bold;
    line-height: 1.25;
    text-align: left;
    padding-top: 0;
    padding-left: 160px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }
  body.single-knowledge #mv .categories {
    display: flex;
    gap: 5px;
    position: absolute;
    left: 160px;
    right: initial;
    bottom: 35px;
  }
  body.single-knowledge #mv .categories li {
    font-size: 10px;
    font-weight: bold;
    line-height: 1;
    background: #20396F;
  }
  body.single-knowledge #mv .categories li a {
    color: #fff;
    height: 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 0.5em;
  }
  @media screen and (min-width:1018px) {
    body.thief-beard #mv {
      background-position: top center;
    }
  }

  /*thief-beard*/
  body.thief-beard #container h2 {
    font-size: 26px;
    padding-bottom: 15px;
    margin-top: 0;
    margin-bottom: 30px;
    border-bottom: 2px solid #000;
  }
  body.thief-beard #container h3 {
    font-size: 22px;
    margin-top: 36px;
    margin-bottom: 0.5em;
  }
  body.thief-beard .section01 {
    padding-top: 85px;
  }
  body.thief-beard .section01 ul {
    margin-top: 67px;
  }
  body.thief-beard .section01 li {
    width: 290px;
    float: left;
    margin-top: 0;
    margin-right: 55px;
  }
  body.thief-beard .section01 li:last-child {
    margin-right: 0;
  }
  body.thief-beard .section01 .title {
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.thief-beard .section01 img {
    margin-bottom: 20px;
  }
  body.thief-beard .section02 h2,
  body.thief-beard .section03 h2,
  body.thief-beard .section04 h2,
  body.thief-beard .section05 h2 {
    margin-top: 115px !important;
  }
  body.thief-beard .section02 h3,
  body.thief-beard .section04 h3,
  body.thief-beard .section05 h3 {
    margin-top: 36px;
  }
  body.thief-beard .section05 .cf img {
    width: 462px;
    float: right;
    margin-bottom: 0;
  }
  body.thief-beard .section05 .cf p {
    width: 494px;
    float: left;
  }

  /*design*/
  body.design .section01 {
    padding-top: 85px;
  }
  body.design .section01 .cf img {
    width: 462px;
    float: right;
  }
  body.design .section01 .cf p {
    width: 494px;
    float: left;
  }
  body.design .section02 h2,
  body.design .section03 h2 {
    margin-top: 115px;
  }
  body.design .section02 .midashi {
    font-size: 19px;
    margin-top: 36px;
  }
  body.design .section02 .midashi.first {
    margin-top: 0;
  }
  body.design .section02 h3 {
    font-size: 19px;
    margin-top: 36px;
  }
  body.design .section03 .left,
  body.design .section03 .right {
    width: 462px;
  }
  body.design .section03 .left {
    float: left;
  }
  body.design .section03 .right {
    float: right;
  }
  body.design .section03 .left,
  body.design .section03 .right {
    margin-top: 0;
  }
  body.design .section03 .left .title,
  body.design .section03 .right .title {
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.design .section03 .img {
    background: #fff;
    height: 250px;
  }
  body.design .section03 .img img {
    height: 100%;
    display: block;
    margin: 0 auto;
  }
  body.design .section03 .cf.second {
    margin-top: 44px;
  }
  body.design .section04 {
    width: 980px;
    padding-bottom: 34px;
    margin: 80px auto 0;
    border-radius: 10px;
  }
  body.design .section04 .title {
    font-size: 26px;
    padding: 34px 0;
  }
  body.design .section04 .inner {
    padding: 0 40px;
  }
  body.design .section04 .box {
    padding: 26px 48px;
    border-radius: 8px;
  }
  body.design .section04 .box:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -45px;
    border: 45px solid transparent;
    border-top: 34px solid #fff;
  }
  body.design .section04 .box .title {
    font-size: 17px;
    line-height: 43px;
    width: 458px;
    border-radius: 5px;
    margin: 0 auto 21px;
  }
  body.design .section04 .box .imgBox {
    width: 410px;
    float: left;
    margin-bottom: 0;
    padding: 8px 20px;
    background: #F0F0F0;
  }
  body.design .section04 .box ul {
    padding: 20px 20px 0;
    border-radius: 5px 5px 0 0;
  }
  body.design .section04 .box ul.second {
    padding: 10px 20px 20px;
    margin-bottom: 0;
    border-radius: 0 0 5px 5px;
  }
  body.design .section04 .box ul li {
    /*width: 200px;*/
    margin: 0;
  }
  body.design .section04 .box ul li .title {
    font-size: 12px;
    line-height: 29px;
    width: 100%;
    margin-bottom: 9px;
  }
  body.design .section04 .box ul.second li {
    margin-bottom: 0;
  }
  body.design .section04 .imgBox + div {
    width: 347px;
    float: right;
  }
  body.design .section04 .box .leftBox,
  body.design .section04 .box .rightBox {
    /*width: 215px;*/
  }
  body.design .section04 .balloon {
    padding: 15px;
    border-radius: 5px;
  }
  body.design .section04 .balloon .midashi {
    font-size: 15px;
  }
  body.design .section04 .balloon span {
    font-size: 22px;
  }
  body.design .section04 .balloon span.price {
    font-size: 60px;
  }
  body.design .section04 .box .balloon span.price {
    margin: 0 8px;
  }
  body.design .section04 .price_flex {
    display: inline-flex;
    padding-left: 8px;
    padding-bottom: 6px;
    margin-top: 26px;
  }
  body.design .section04 .price_box span.rl {
    font-size: 26px;
  }
  body.design .section04 .price_flex span.price {
    font-size: 76px;
    letter-spacing: -0.03rem;
  padding: 0;
  }
  .section04 .price_flex .round {
    font-size: 18px;
    width: 100px;
    height: 30px;
    padding: 5px 0 0;
    margin:  0;
    border-radius: 4px;
  }
  .section04 .price_flex .round span {
    font-size: 18px;
  }
  body.design .section04 .box .caption {
    font-size: 14px;
  }
  body.design .section04 .box .caption span {
    font-size: 12px;
  }
  body.design .section04 .btn_area {
    margin-top: 53px;
  }

  /*minors*/
  body.minors .section01 {
    padding-top: 85px;
  }
  body.minors .section02 h2,
  body.minors .section03 h2,
  body.minors .section04 h2 {
    margin-top: 115px;
  }
  body.minors .pdf_area {
    text-align: center;
  }
  body.minors .pdf_area .title {
    width: 462px;
    margin: 44px auto 20px;
  }
  body.minors .pdf_area p {
    margin-top: 0;
  }

  .sp,
  .sp_b {
    display: none;
  }
  .pc {
    display: inline;
  }
  .pc_b {
    display: block;
  }
}
@media screen and (min-width:768px) {
  body.masui .know-un-block .risktxt {
    margin-top: 47px;
  }
  body.masui .white-part-bg {
    padding: 50px 0;
    border-radius: 6px
  }
  body.masui .masui_txt_part {
    width: 880px;
  }
  body.masui .txt-block03 .gray-part-bg,
  body.masui .txt-block04 .gray-part-bg {
    border-radius: 5px;
  }
  body.masui .promotion-txt-block h4 {
    margin-top: 41px;
  }
  body.masui .ttl-blue-button {
    margin: 0 auto 22px;
    padding: 14px 0;
  }
  body.masui .flex {
    margin-top: 25px;
  }
  body.masui .flex__box {
    width: 400px;
  }
  body.masui .txt-lgray.txt-lgray-mb {
    margin-bottom: 14px;
    border-radius: 5px;
  }
  body.masui .arrow-down {
      margin-top: 75px;
    transform: rotate(-90deg);
  }
  body.masui .txt-block01 {
    padding-bottom: 40px;
  }
  body.masui .txt-block03 {
    margin: 7% 0;
  }
  body.masui .txt-block04 {
    margin: 70px auto 0;
  }
}

.voiceBox {
  background: #BFEAFE;
  border-radius: calc(100vw / 750 * 20);
  padding: calc(100vw / 750 * 10) calc(100vw / 750 * 20);
  margin-bottom: calc(100vw / 750 * 36);
}
.voiceBox .name {
  text-align: right;
}
@media screen and (min-width:768px) {
  .voiceBox {
    border-radius: 20px;
    padding: 10px 30px;
    margin-bottom: 36px;
  }
}

/* リード文 */
.overview {
  margin-top: 40px;
}

/* 日付 */
.date-update {
  display: flex;
  gap: 8px;
  align-items: center;
  justify-content: flex-end;
  margin-top: 40px;
  font-size: 14px;
}
.date-update .date-update__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 12px;
  height: 12px;
}

/* イメージボックス */

.section + .section {
  margin-top: 80px;
}
.section-block {
  display: flex;
  gap: 40px;
  justify-content: space-between;
}
.section-block--wrap {
  flex-wrap: wrap;
}
.section-block + .section-header {
  margin-top: 40px;
}
.section-block .section-block__col {
  display: flex;
  flex-shrink: 0;
  flex-direction: column;
  gap: 30px;
  width: 420px;
}
.section-block .section-block__col--grow {
  flex-grow: 1;
  flex-shrink: 1;
  width: auto;
}
@media (max-width: 767.98px) {
  .section-block {
    flex-direction: column;
  }
  .section-block .section-block__col {
    gap: calc(100vw * 30 / 375);
    width: 100%;
  }
}

.section * + .heading {
  margin-top: 40px;
}
@media (max-width: 767.98px) {
  .section * + .heading {
    margin-top: calc(100vw * 24 / 375);
  }
}

.list {
  margin-top: 12px;
}
@media (max-width: 767.98px) {
  .list {
    margin-top: calc(100vw * 12 / 375);
  }
}

.list-item {
  padding-left: 1em;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.4;
  text-indent: -1em;
}
@media (max-width: 767.98px) {
  .list-item {
    font-size: calc(100vw * 14 / 375);
  }
}
.list-item::before {
  content: "・";
}
.list-item + .list-item {
  margin-top: 16px;
}

@media screen and (min-width:768px) {
  .photoBox {
    display: flex;
    flex-direction: row-reverse;
  }
  .photoBox img {
    width: 462px;
    margin-right: 23px;
  }
}

/* 横スクロールの表 */
:root {
  --lightBlue: #00aafa;
}
.scroll table {
  width: 100%;
  border: 3px solid #000;
}
.scroll table + .caption {
  font-size: 90%;
  margin: 1em 0 0;
}
.scroll table th,
.scroll table td {
  font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid #000;
  padding: 0.5em 1em;
}
.scroll table th {
  white-space: nowrap;
}
.scroll table thead td {
  font-weight: bold;
  white-space: nowrap;
  background: #D9D9D9;
}
.scroll table thead .bg_yellow {
  color: var(--lightBlue);
  font-weight: bold;
  border: 3px solid var(--lightBlue);
  border-bottom: none;
}
.scroll table .left {
  text-align: left;
}
.scroll table .marker {
  font-size: 150%;
  font-weight: bold;
  line-height: 1.1;
}
.scroll table .bg_yellow {
  font-weight: bold;
  background: #fffe00;
}
.scroll table tbody .bg_yellow {
  border-left: 3px solid var(--lightBlue);
  border-right: 3px solid var(--lightBlue);
}
.scroll table tbody tr:last-child .bg_yellow {
  border-bottom: 3px solid var(--lightBlue);
}
@media screen and (max-width:767px) {
  .scroll {
    overflow-x: scroll;
    overflow-y: hidden;
  }
  .scroll table {
    width: 200vw;
    margin: 0 7.5vw;
  }
  .scroll table + .caption {
    font-size: 80%;
    width: 200vw;
    margin: 1em 7.5vw 0;
  }
}
@media screen and (min-width:768px) {
  .scroll {
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }
  .scroll table th,
  .scroll table td {
    font-size: 16px;
  }
}

@media screen and (min-width:768px) {
  .know-un-block p {
    max-width: initial;
  }
}

/* 料金ボックス */
.priceBox {
  display: grid;
  flex-grow: 1;
  gap: calc(100vw * (8 / 375));
  margin-top: 2em;
}
.priceBox * {
  /*font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", "游ゴシック", "Yu Gothic", sans-serif;*/
}
.priceBox .card-info {
  position: relative;
  z-index: 0;
  overflow: hidden;
  background-color: #f0f0f0;
  border-radius: calc(100vw * (5 / 375));
}
.priceBox .card-info__header {
  color: #fff;
  font-size: calc(100vw * (14 / 375));
  font-weight: 700;
  line-height: 1;
  text-align: center;
  background-color: #4e88b6;
  padding: calc(100vw * (8 / 375));
  margin-bottom: 0;
}
.priceBox .card-info__body {
  display: flex;
  flex-direction: column;
}
.priceBox .tab-course__list {
  display: flex;
  align-items: flex-start;
  gap: calc(100vw * (2 / 375));
}
.priceBox .tab-course__button {
  color: #fff;
  font-size: calc(100vw * (12 / 375));
  font-weight: 700;
  line-height: 1;
  position: relative;
  z-index: 0;
  display: flex;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  align-items: center;
  justify-content: center;
  min-height: calc(100vw * (30 / 375));
  letter-spacing: 0.05em;
  background-color: #666;
  border: none;
  border-radius: calc(100vw * (5 / 375)) calc(100vw * (5 / 375)) 0px 0px;
}
.priceBox .tab-course__button.is-active {
  color: #333;
  background-color: #f0f0f0;
}
.priceBox .tab-course__button.is-active::before {
  position: absolute;
  bottom: 0;
  width: calc(100vw * (32 / 375));
  height: calc(100vw * (1 / 375));
  content: "";
  background-color: #333;
}
.priceBox .tab-course__button-number {
  font-size: calc(100vw * (18 / 375));
}
.priceBox .tab-course__block {
  color: #333;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: calc(100vw * (10 / 375));
  padding: calc(100vw * (20 / 375)) calc(100vw * (12 / 375));
  border-radius: 0px 0px calc(100vw * (5 / 375)) calc(100vw * (5 / 375));
  background-color: #f0f0f0;
}
.priceBox .tab-course__price {
  color: #f45d2e;
  font-family: Oswald;
  font-size: calc(100vw * (44 / 375));
  font-weight: 500;
  line-height: 1;
  display: flex;
  align-items: flex-end;
  gap: calc(100vw * (6 / 375));
}
.priceBox .tab-course__label-price {
  font-size: calc(100vw * (10 / 375));
  font-weight: 600;
  line-height: 1.1;
  color: #333;
  -webkit-writing-mode: vertical-rl;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.priceBox .tab-course__price {
  font-family: Oswald;
}
.priceBox .tab-course__label-en {
  font-size: calc(100vw * (16 / 375));
  display: inline-flex;
  flex-direction: column;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.1;
  color: #333;
  text-align: center;
}
.priceBox .tab-course__label-en small {
  font-size: calc(100vw * (8 / 375));
}
@media screen and (min-width:768px) {
  .priceBox {
    gap: 8px;
    width: 476px;
    margin-left: auto;
    margin-right: auto;
  }
  .priceBox .card-info {
    border-radius: 5px;
  }
  .priceBox .card-info__header {
    font-size: 20px;
    padding: 10px;
  }
  .priceBox .tab-course__list {
    gap: 2px;
  }
  .priceBox .tab-course__button {
    font-size: 12px;
    min-height: 30px;
    border-radius: 5px 5px 0px 0px;
  }
  .priceBox .tab-course__button.is-active::before {
    width: 32px;
    height: 1px;
  }
  .priceBox .tab-course__button-number {
    font-size: 20px;
  }
  .priceBox .tab-course__block {
    padding: 20px 12px;
    border-radius: 0px 0px 5px 5px;
  }
  .priceBox .tab-course__price {
    font-size: 48px;
    gap: 6px;
  }
  .priceBox .tab-course__label-price {
    font-size: 14px;
  }
  .priceBox .tab-course__label-en {
    font-size: 24px;
  }
  .priceBox .tab-course__label-en small {
    font-size: 10px;
  }
}

.btn_cta {
  margin: 80px auto 0;
  max-width: 490px;
}

/* ドクターエリア */
.text-blue {
  color: #00aafa;
}
.doctorBox {
  font-weight: 400;
  text-align: center;
  margin-top: 80px;
  padding-bottom: 20vw;
}
.doctorBox .pc_flex img {
  width: 31.25vw;
}
.doctorBox .pc_flex .detailDoctor .name {
  font-size: 3.4375vw;
  font-weight: 700;
}
.doctorBox .pc_flex .detailDoctor .position {
  font-size: 3.4375vw;
  font-weight: 700;
}
.doctorBox .pc_flex .detailDoctor .text {
  text-align: left;
  padding: 0;
  margin-top: 3.4375vw;
}
@media screen and (max-width:767px) {
  .doctorBox .pc_flex img {
    margin-bottom: 4.6875vw;
  }
}
@media screen and (min-width:768px) {
  .doctorBox {
    padding-bottom: 0;
  }
  .doctorBox .pc_flex {
    align-items: center;
  }
  .doctorBox .pc_flex img {
    width: 200px;
    margin-right: 40px;
  }
  .doctorBox .pc_flex .detailDoctor {
    text-align: left;
  }
  .doctorBox .pc_flex .detailDoctor .name {
    font-size: 22px;
  }
  .doctorBox .pc_flex .detailDoctor .name .big {
    font-size: 28px;
  }
  .doctorBox .pc_flex .detailDoctor .position {
    font-size: 22px;
  }
  .doctorBox .pc_flex .detailDoctor .text {
    margin-top: 22px;
  }
}

/* 目次 */

.toc {
  line-height: 2;
  background-color: #f5f5f5;
  padding: 24px;
  max-width: 528px;
  margin: 40px auto 0;
}
.toc__title {
  font-size: 18px;
  display: flex;
  align-items: center;
  gap: 16px;
}
.toc__icon {
  width: 18px;
  height: 18px;
  display: flex;
  align-items: center;
  justify-content: center;
}
.toc__icon img {
  width: 100%;
}
.toc__body {
  margin: 16px 0;
  height: 200px;
  overflow: hidden;
}
.toc__list {
  font-size: 14px;
}
.toc__list ul {
  margin-left: 16px;
}
.toc__list a {
  color: #222;
  transition: .3s;
}
.toc__list a:hover {
  color: #00aafa;
}
.toc__list ul ul {
  font-size: 12px;
}
.toc__wrap-btn {
  display: flex;
  justify-content: center;
}
.toc__btn {
  appearance: none;
  display: block;
  font-size: 12px;
  padding: 8px 24px;
  bottom: solid 1px currentColor;
  background-color: #fff;
  min-width: 120px;
  text-align: center;
  font-weight: 500;
}
.toc__label-btn--close {
  display: none;
}

.category-posts {
  width: calc(100vw / var(--viewport) * 686);
  margin: 0 auto;
}
.category-posts .post-item {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  margin-top: calc(100vw / var(--viewport) * 60);
  position: relative;
}
.category-posts .post-item .post-thumb {
  width: calc(100vw / var(--viewport) * 200);
}
.category-posts .post-item .post-thumb img {
  width: 100%;
  height: auto;
}
.category-posts .post-item .post-meta {
  width: calc(100% - calc(100vw / var(--viewport) * 232));
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: calc(100vw / var(--viewport) * 20);
}
.category-posts .post-item .post-meta a {
  align-self: stretch;
}
.category-posts .post-item .post-meta .post-title {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  line-height: 1.5;
}
.category-posts .post-item .post-meta .post-categories {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: calc(100vw / var(--viewport) * 10);
}
.category-posts .post-item .post-meta .post-categories li {
  white-space: nowrap;
}
.category-posts .post-item .post-meta .post-categories li a {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 20);
  height: calc(100vw / var(--viewport) * 46);
  background: #4E88B6;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.category-posts .post-item .post-meta .post-date {
  color: #333;
  font-size: calc(100vw / var(--viewport) * 16);
  font-weight: bold;
  text-align: right;
  width: 100%;
}
@media screen and (min-width:768px) {
  .category-posts {
    width: 485px;
    margin: 0;
  }
  .category-posts .post-item {
    margin-top: 30px;
  }
  .category-posts .post-item .post-thumb {
    width: 100px;
  }
  .category-posts .post-item .post-thumb img {
    width: 100%;
  }
  .category-posts .post-item .post-meta {
    width: calc(100% - 116px);
    gap: 10px;
  }
  .category-posts .post-item .post-meta .post-title {
    font-size: 15px;
  }
  .category-posts .post-item .post-meta .post-categories {
    gap: 5px;
  }
  .category-posts .post-item .post-meta .post-categories li a {
    font-size: 12px;
    height: 26px;
  }
  .category-posts.first .post-item .post-meta .post-categories li a {
    font-size: 12px;
  }
  .category-posts .post-item .post-meta .post-date {
    font-size: 12px;
  }
}

.knowledge-pagination {
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  width: calc(100vw / var(--viewport) * 622);
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 6px;
  padding: 0;
  margin: calc(100vw / var(--viewport) * 60) auto 0;
}
.knowledge-pagination li {
  display: inline-block;
}
.knowledge-pagination .prev,
.knowledge-pagination .next {
  position: relative;
  cursor: pointer;
}
.knowledge-pagination .prev a,
.knowledge-pagination .next a,
.knowledge-pagination .prev span,
.knowledge-pagination .next span {
  display: block;
  width: 1em;
  height: 1em;
}
.knowledge-pagination .prev.disabled,
.knowledge-pagination .next.disabled {
  visibility: hidden;
}
.knowledge-pagination .prev:before,
.knowledge-pagination .next:before {
  content: "";
  border-right: 2px solid #222;
  border-top: 2px solid #222;
  border-radius: 2px;
  width: calc(100vw / var(--viewport) * 17);
  height: calc(100vw / var(--viewport) * 17);
  position: absolute;
  top: 50%;
  pointer-events: none;
}
.knowledge-pagination .prev:before {
  transform: translateY(-50%) rotate(225deg);
  left: 2px;
}
.knowledge-pagination .next:before {
  transform: translateY(-50%) rotate(45deg);
  right: 2px;
}
.knowledge-pagination a,
.knowledge-pagination .current,
.knowledge-pagination .dots {
  display: inline-block;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  box-sizing: border-box;
}
.knowledge-pagination a {
  color: #222;
  transition: background 0.2s, color 0.2s;
}
.knowledge-pagination .numbers a,
.knowledge-pagination .numbers .current,
.knowledge-pagination .dots {
  padding: 0.6em;
}
.knowledge-pagination .numbers a:hover {
  background-color: #4E88B6;
  color: #fff;
}
.knowledge-pagination .current {
  color: #00A9FF;
  font-weight: bold;
}
.knowledge-pagination .dots {
  color: #999;
  cursor: default;
}
@media screen and (min-width:768px) {
  .knowledge-pagination {
    font-size: 16px;
    width: 343px;
    margin: 30px auto 0;
  }
  .knowledge-pagination .prev:before,
  .knowledge-pagination .next:before {
    width: 9px;
    height: 9px;
  }
}

.search-category-section {
  background: #EEF0F5;
  padding: 1px 0;
  margin-top: calc(100vw / var(--viewport) * 80);
}
.search-category-section h2 {
  color: #222 !important;
  font-size: calc(100vw / var(--viewport) * 36) !important;
  font-weight: bold;
  text-align: center !important;
  padding: 0 !important;
  margin: calc(100vw / var(--viewport) * 80) auto calc(100vw / var(--viewport) * 60) !important;
  border: none !important;
}
.search-category-section .category-list {
  width: calc(100vw / var(--viewport) * 686);
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: calc(100vw / var(--viewport) * 20);
  margin: 0 auto;
  padding-bottom: calc(100vw / var(--viewport) * 80);
}
.search-category-section .category-list a {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 32);
  font-weight: bold;
  height: calc(100vw / var(--viewport) * 64);
  background: #4E88B6;
  display: flex;
  align-items: center;
  padding: 0 0.5em;
}
.search-category-section .shadow {
  width: calc(100vw / var(--viewport) * 686);
  box-shadow: 0 0 calc(100vw / var(--viewport) * 8) rgba(0,0,0,.25);
  margin: 0 auto calc(100vw / var(--viewport) * 80);
}
.search-category-section form {
  width: 100%;
  display: flex;
  justify-content: space-between;
}
.search-category-section form input {
  text-align: center;
  font-weight: bold;
  width: calc(100% - calc(100vw / var(--viewport) * 80));
  height: calc(100vw / var(--viewport) * 80);
  border: none;
  padding: 0;
}
.search-category-section form input::placeholder {
  color: #999;
}
.search-category-section form button {
  width: calc(100vw / var(--viewport) * 80);
  height: calc(100vw / var(--viewport) * 80);
  padding: 0;
  margin: 0;
  border: none;
}
@media screen and (min-width:768px) {
  .search-category-section {
    margin-top: 80px;
  }
  .search-category-section .pc_flex {
    width: 1000px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .search-category-section .pc_flex > div {
    width: 485px;
  }
  .search-category-section h2 {
    font-size: 18px !important;
    margin: 40px auto 30px !important;
  }
  .search-category-section .category-list {
    width: 100%;
    gap: 10px;
    padding-bottom: 40px;
  }
  .search-category-section .category-list a {
    font-size: 16px;
    height: 32px;
  }
  .search-category-section .shadow {
    width: 320px;
    box-shadow: 0 0 4px rgba(0,0,0,.25);
    margin: 0 auto 40px;
  }
  .search-category-section form input {
    width: 280px;
    height: 40px;
  }
  .search-category-section form button {
    width: 40px;
    height: 40px;
  }
}

.result-knowledge .main {
  padding: calc(100vw / var(--viewport) * 80) 0 0;
}
.result-knowledge .main h1 {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 64);
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 90);
}
.result-knowledge .noResult {
  font-size: calc(100vw / var(--viewport) * 25.6);
  font-weight: bold;
  text-align: center;
  line-height: 2;
}
@media screen and (min-width:768px) {
  .result-knowledge .main {
    padding: 40px 0 0;
  }
  .result-knowledge .main h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .result-knowledge .main .category-posts {
    width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
  }
  .result-knowledge .main .category-posts .post-item {
    width: 425px;
  }
  .result-knowledge .noResult {
    font-size: 16px;
    margin-top: 45px;
  }
}

.index-knowledge .popular {
  background: #EEF0F5;
  padding: calc(100vw / var(--viewport) * 80) 0;
}
.index-knowledge .recent {
  background: #fff;
  padding: calc(100vw / var(--viewport) * 80) 0;
}
.index-knowledge .popular .subH2,
.index-knowledge .recent .subH2 {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 64);
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 30);
}
.index-knowledge .popular h2,
.index-knowledge .recent h2 {
  font-size: calc(100vw / var(--viewport) * 28);
  font-weight: bold;
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 60);
}
.index-knowledge .popular .category-posts .post-item {
  background: #fff;
  border-radius: calc(100vw / var(--viewport) * 20);
  box-shadow: 0 calc(100vw / var(--viewport) * 8) calc(100vw / var(--viewport) * 8) rgba(0,0,0,.25);
  padding: calc(100vw / var(--viewport) * 32);
}
.index-knowledge .popular .category-posts.first .post-item {
  flex-direction: column;
}
.index-knowledge .popular .category-posts.first .post-item .post-thumb {
  width: 100%;
  margin-bottom: calc(100vw / var(--viewport) * 32);
}
.index-knowledge .popular .category-posts.first .post-item .post-meta {
  width: 100%;
  gap: calc(100vw / var(--viewport) * 32);
}
.index-knowledge .category-posts .post-item .post-meta .post-title {
  color: #333;
  font-size: calc(100vw / var(--viewport) * 28);
}
.index-knowledge .popular .category-posts.first .post-item .post-meta .post-title {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 40);
}
.index-knowledge .recent .category-posts .post-item .post-meta .post-title {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 24);
}
.index-knowledge .search-category-section {
  margin-top: 0;
}
.index-knowledge section .btn {
  width: calc(100vw / var(--viewport) * 480);
}
.index-knowledge section .btn a {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  width: 100%;
  height: calc(100vw / var(--viewport) * 80);
  background: #00A9FF;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0;
  border: none;
}
.index-knowledge .btn section a:before {
  content: none;
}
@media screen and (min-width:768px) {
  .index-knowledge .pc_flex {
    width: 900px;
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
  }
  .index-knowledge .search-category-section .pc_flex {
    width: 1000px;
  }
  .index-knowledge .popular,
  .index-knowledge .recent {
    padding: 40px 0;
  }
  .index-knowledge .popular .subH2,
  .index-knowledge .recent .subH2 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .index-knowledge .popular h2,
  .index-knowledge .recent h2 {
    font-size: 14px;
    margin-bottom: 30px;
  }
  .index-knowledge .popular .category-posts {
    width: 425px;
  }
  .index-knowledge .popular .category-posts .post-item {
    border-radius: 20px;
    box-shadow: 0 4px 4px rgba(0,0,0,.25);
    padding: 16px;
    margin-top: 30px;
  }
  .index-knowledge .popular .category-posts .post-item:nth-child(1) {
    margin-top: 0;
  }
  .index-knowledge .popular .category-posts.first .post-item .post-thumb {
    margin-bottom: 16px;
  }
  .index-knowledge .popular .category-posts.first .post-item .post-meta {
    gap: 16px;
  }
  .index-knowledge .category-posts .post-item .post-meta .post-title {
    font-size: 16px;
  }
  .index-knowledge .popular .category-posts.first .post-item .post-meta .post-title {
    font-size: 20px;
  }
  .index-knowledge .recent .category-posts {
    flex-wrap: wrap;
  }
  .index-knowledge .recent .category-posts .post-item {
    width: 425px;
    margin-top: 0;
  }
  .index-knowledge .recent .category-posts .post-item:nth-child(n+3) {
    margin-top: 30px;
  }
  .index-knowledge .recent .category-posts .post-item .post-meta .post-title {
    font-size: 15px;
  }
  .index-knowledge .recent .category-posts .post-item .post-meta .post-categories li a {
    font-size: 12px;
    height: 26px;
  }
  .index-knowledge section .btn {
    width: 240px;
    margin-top: 30px;
  }
  .index-knowledge section .btn a {
    font-size: 12px;
    height: 40px;
  }
}

.category-knowledge .main {
  padding: calc(100vw / var(--viewport) * 80) 0 0;
}
.category-knowledge .main h1 {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 64);
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 90);
}
@media screen and (min-width:768px) {
  .category-knowledge .main {
    padding: 40px 0 0;
  }
  .category-knowledge .main h1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .category-knowledge .main .category-posts {
    width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
  }
  .category-knowledge .main .category-posts .post-item {
    width: 425px;
  }
}

.article-knowledge .main {
  padding: calc(100vw / var(--viewport) * 80) 0 0;
}
.article-knowledge .main .subH1 {
  color: #00A9FF;
  font-size: calc(100vw / var(--viewport) * 64);
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 30);
}
.article-knowledge .main h1 {
  font-size: calc(100vw / var(--viewport) * 28);
  font-weight: bold;
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 60);
}
@media screen and (min-width:768px) {
  .article-knowledge .main {
    padding: 40px 0 0;
  }
  .article-knowledge .main .category-posts {
    width: 900px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 0 auto;
  }
  .article-knowledge .main .category-posts .post-item {
    width: 400px;
  }
  .article-knowledge .main .subH1 {
    font-size: 32px;
    margin-bottom: 15px;
  }
  .article-knowledge .main h1 {
    font-size: 14px;
    margin-bottom: 30px;
  }
}

@media (max-width: 767.98px) {
  .content-sp {
    display: contents !important;
  }
}
@media (max-width: 767.98px) {
  .order-sp {
    order: var(--order);
  }
}

.scroll-x {
  overflow-x: scroll;
}
.scroll-x::-webkit-scrollbar {
  display: none;
}

.js-scroll {
  cursor: pointer;
  transition: 0.2s;
}
.js-scroll:hover {
  opacity: 0.6;
}

.link--lg a {
  width: 280px !important;
}
@media (max-width: 767.98px) {
  .link--lg a {
    width: calc(100vw * 280 / 375) !important;
  }
}

.table {
  width: 100%;
  min-width: 980px;
  table-layout: fixed;
}
.table .js-scroll:hover {
  text-decoration: underline;
}
@media (max-width: 767.98px) {
  .table {
    min-width: unset;
    font-size: calc(100vw * 12 / 375);
  }
}
@media (max-width: 767.98px) {
  .table--sm {
    min-width: calc(100vw * 600 / 375);
  }
}
.table--risk tbody td {
  vertical-align: middle !important;
}
@media (max-width: 767.98px) {
  .table--risk th,
  .table--risk td {
    width: calc(100vw * 158 / 375);
  }
}
.table,
.table td,
.table th {
  border-collapse: collapse;
  border: 1px solid #000;
}
.table tbody td,
.table tbody th {
  padding: 8px;
}
@media (max-width: 767.98px) {
  .table tbody td,
  .table tbody th {
    padding: calc(100vw * 8 / 375);
  }
}
.table thead td,
.table thead th {
  padding: 8px;
}
@media (max-width: 767.98px) {
  .table thead td,
  .table thead th {
    padding: calc(100vw * 8 / 375);
  }
}
.table thead th {
  vertical-align: middle;
  background-color: #d9d9d9;
}
.table tbody th {
  vertical-align: middle;
}
.table tbody td {
  vertical-align: middle;
}
.table .table__cell--accent {
  background-color: #ffff00;
  border-right: solid 2px #00aafa;
  border-left: solid 2px #00aafa;
}
.table .table__cell--xs {
  width: 130px;
}
@media (max-width: 767.98px) {
  .table .table__cell--xs {
    width: calc(100vw * 130 / 375);
  }
}
.table .table__cell--sm {
  width: 160px;
}
@media (max-width: 767.98px) {
  .table .table__cell--sm {
    width: calc(100vw * 125 / 375);
  }
}
.table thead th.table__cell--accent {
  border-top: solid 2px #00aafa;
}
.table tbody tr:last-child td.table__cell--accent {
  border-bottom: solid 2px #00aafa;
}
.table .table__label {
  font-size: 18px;
  font-weight: 700;
  line-height: 1.2;
  text-align: center;
}
@media (max-width: 767.98px) {
  .table .table__label {
    font-size: calc(100vw * 12 / 375);
  }
}
.table .table__label small {
  font-size: 12px;
  font-weight: 400;
}
@media (max-width: 767.98px) {
  .table .table__label small {
    font-size: calc(100vw * 9 / 375);
  }
}
.table .table__label--sm {
  font-size: 14px;
  text-align: left;
}
@media (max-width: 767.98px) {
  .table .table__label--sm {
    font-size: calc(100vw * 12 / 375);
  }
}
.table .table__image {
  width: 120px;
  margin: 10px auto 0;
}
@media (max-width: 767.98px) {
  .table .table__image {
    width: calc(100vw * 80 / 375);
    margin-top: calc(100vw * 10 / 1024);
  }
}

.baBox .title {
  line-height: 1;
  border-bottom: 1px solid #000;
  margin-top: 1.8em;
  padding: calc(100vw / var(--viewport) * 34) 0;
  margin-bottom: 0.8em;
}
.baBox .beforeafter.flex div {
  width: 48%;
}
.baBox .beforeafter.flex div figure {
  position: relative;
  margin-bottom: 10px;
}
.baBox .beforeafter.flex div figure figcaption {
  color: #fff;
  text-align: center;
  background: rgba(0, 0, 0, 0.5);
  width: 100%;
  padding: 0.2em 0;
  position: absolute;
  left: 0;
  bottom: 0;
}
.baBox .ttl_aco {
  position: relative;
  cursor: pointer;
}
.baBox .ttl_aco i {
  position: absolute;
  background: url(/img/common/plus_icon.png) #00aafa no-repeat;
  background-size: contain;
  width: calc(20px + (45 - 20) * ((100vw - 320px) / (767 - 320)));
  height: calc(20px + (45 - 20) * ((100vw - 320px) / (767 - 320)));
  border-radius: 50%;
  transition: .3s;
  -webkit-transition: .3s;
  top: 22%;
  right: 5px;
}
.baBox .ttl_aco.active i {
  background: url(/img/common/minus_icon.png) #00aafa no-repeat;
  background-size: contain;
}
.baBox .body_aco {
  display: none;
}
@media screen and (min-width:768px) {
  .baBox .title {
    padding: 21px 0;
  }
  .baBox .beforeafter.flex {
    width: 930px;
    margin: 0 auto;
  }
  .baBox .ttl_aco {
    width: 930px;
    margin: 0 auto;
  }
  .baBox .ttl_aco i {
    width: 30px;
    height: 30px;
    top: 14px;
    right: 20px;
  }
}

.newPlanBox {
  border-radius: calc(100vw / var(--viewport) * 10);
  background: #fff;
  margin-bottom: calc(100vw / var(--viewport) * 50);
}
.newPlanBox .pc_flex .box:nth-child(n+2) {
  margin-top: calc(100vw / var(--viewport) * 100);
}
.newPlanBox h3 {
  margin-top: 0;
}
.newPlanBox .box .innerBox .midashi {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 30);
  font-weight: bold;
  text-align: center;
  background: #00aaf8;
  height: calc(100vw / var(--viewport) * 70);
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: calc(100vw / var(--viewport) * 5);
  margin-bottom: calc(100vw / var(--viewport) * 45);
}
.newPlanBox .box .innerBox .partsImage {
  margin-bottom: calc(100vw / var(--viewport) * 20);
  border-radius: 0 0 calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 10);
}
.newPlanBox .box .innerBox .flex .left,
.newPlanBox .box .innerBox .flex .right {
  width: calc(100vw / var(--viewport) * 270);
}
.newPlanBox .box .innerBox .flex .left .flex,
.newPlanBox .box .innerBox .flex .right .flex {
  align-items: center;
}
.newPlanBox .box .innerBox .text {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  text-align: center;
  margin-top: calc(100vw / var(--viewport) * 55);
  margin-bottom: calc(100vw / var(--viewport) * 20);
}
.newPlanBox .box .innerBox .month {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
}
.newPlanBox .box .innerBox .priceBox2 .price {
  font-size: calc(100vw / var(--viewport) * 46);
  vertical-align: baseline;
}
.newPlanBox .box .innerBox .priceBox2 .yen {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  width: auto;
  margin: 0;
}
.newPlanBox .box .innerBox .bunkatsu {
  font-size: calc(100vw / var(--viewport) * 18);
  font-weight: bold;
  text-align: center;
  width: calc(100vw / var(--viewport) * 94);
  height: calc(100vw / var(--viewport) * 34);
  padding-top: calc(100vw / var(--viewport) * 2);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 3px;
}
.newPlanBox .box .innerBox .flex .left > .flex,
.newPlanBox .box .innerBox .flex .right > .flex {
  padding-bottom: calc(100vw / var(--viewport) * 13);
  border-bottom: 1px solid #000;
}
.newPlanBox .box .innerBox .afterText {
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  text-align: center;
  margin: calc(100vw / var(--viewport) * 22) 0;
}
.newPlanBox .bottom {
  margin-top: calc(100vw / var(--viewport) * 60);
}
.newPlanBox .bottom .obi {
  color: #ff0;
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  background: #00AAFA;
  padding: calc(100vw / var(--viewport) * 15) 0;
}
.newPlanBox .bottom .caption {
  font-size: calc(100vw / var(--viewport) * 15);
  font-weight: bold;
  margin-top: 0.8em;
}

.newPlanBox .box02 {
  margin-top: calc(100vw / var(--viewport) * 70);
}
.newPlanBox .box02 .innerBox .midashi {
  background: #000;
  border-radius: calc(100vw / var(--viewport) * 5) calc(100vw / var(--viewport) * 5) 0 0;
  margin-bottom: 0;
}
.newPlanBox .box02 .innerBox .midashi {
  font-size: calc(100vw / var(--viewport) * 40);
  height: calc(100vw / var(--viewport) * 100);
}
.newPlanBox .box02 .innerBox .midashi span {
  color: #00ABF8;
}
.newPlanBox .box02 .innerBox .con {
  background: #eef0f4;
  padding: calc(100vw / var(--viewport) * 33) calc(100vw / var(--viewport) * 32) calc(100vw / var(--viewport) * 36);
}
.newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) {
  margin-top: calc(100vw / var(--viewport) * 60);
}
.newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(1) .con img {
  width: calc(100vw / var(--viewport) * 140);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(2) .con img {
  width: calc(100vw / var(--viewport) * 314);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) .con img {
  width: calc(100vw / var(--viewport) * 254);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(2) .con img {
  width: calc(100vw / var(--viewport) * 254);
  display: block;
  margin: 0 auto calc(100vw / var(--viewport) * 38);
}
.newPlanBox .box02 .pc_flex .innerBox .flex {
  align-items: center;
  padding-bottom: calc(100vw / var(--viewport) * 20);
}
.newPlanBox .box02 .pc_flex .innerBox .flex .course {
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  text-align: center;
  width: calc(100vw / var(--viewport) * 130);
  height: calc(100vw / var(--viewport) * 41);
  display: flex;
  justify-content: center;
  align-items: center;
  border: 1px solid #000;
  border-radius: 3px;
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox {
  position: relative;
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .price {
  color: #f41419;
  font-size: calc(100vw / var(--viewport) * 88);
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .yen {
  font-size: calc(100vw / var(--viewport) * 39);
  font-weight: bold;
  width: auto;
  margin: 0;
}
.newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .zei {
  font-size: calc(100vw / var(--viewport) * 21);
  font-weight: bold;
  position: absolute;
  top: calc(100vw / var(--viewport) * 18);
  right: 0;
}
.newPlanBox .box02 .pc_flex .innerBox .change {
  font-size: calc(100vw / var(--viewport) * 20);
  font-weight: bold;
  text-align: center;
  margin-bottom: calc(100vw / var(--viewport) * 13);
}
.newPlanBox .box02 .pc_flex .innerBox .change span {
  color: #00aaf9;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox {
  text-align: center;
  padding-top: calc(100vw / var(--viewport) * 13);
  border-top: 1px solid #000;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .month {
  font-size: calc(100vw / var(--viewport) * 24);
  writing-mode: initial;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .price {
  font-size: calc(100vw / var(--viewport) * 60);
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .yen {
  font-size: calc(100vw / var(--viewport) * 32);
  font-weight: bold;
  width: auto;
  margin: 0;
}
.newPlanBox .box02 .pc_flex .innerBox .monthBox .bunkatsu {
  font-size: calc(100vw / var(--viewport) * 23);
  font-weight: bold;
  width: auto;
  height: auto;
  border: none;
  display: inline-block;
}
.newPlanBox .box02 .innerBox .bottom {
  color: #fff;
  font-size: calc(100vw / var(--viewport) * 50);
  text-align: center;
  background: #00aaf9;
  border-radius: 0 0 calc(100vw / var(--viewport) * 5) calc(100vw / var(--viewport) * 5);
  padding: calc(100vw / var(--viewport) * 14) 0;
  margin-top: 0;
}
.newPlanBox .box02 .innerBox .bottom .yen {
  font-size: calc(100vw / var(--viewport) * 34);
  font-weight: bold;
  width: auto;
  margin: 0;
  vertical-align: baseline;
}
.newPlanBox .box02 .caption {
  font-size: calc(100vw / var(--viewport) * 15);
  font-weight: bold;
  margin-top: 0.8em;
}

.newPlanBox .tab_area{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newPlanBox .tab{
  display: block;
  width: calc(100vw / var(--viewport) * 212);
  font-size: calc(100vw / var(--viewport) * 28);
  font-weight: bold;
  padding: calc(100vw / var(--viewport) * 20) calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 14);
  box-sizing: border-box;
  border-radius: calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 10) 0 0;
  color: #fff;
  background: #777777;
  text-align: center;
}
.newPlanBox .tab_area_1clm .tab{
  width: 100%;
}
.newPlanBox .tab_area_2clm .tab{
  width: 49%;
}
.newPlanBox .tab.active{
  color: #000;
  background: #EFF0F2;
  position: relative;
}
.newPlanBox .tab.active:after{
  content: "";
  width: 70%;
  height: 2px;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.newPlanBox .tab_area_1clm .tab.active:after{
  width: 30%;
}
.newPlanBox .tab span{
  font-size: calc(100vw / var(--viewport) * 40);
}
.newPlanBox .tab_section_switch .tab_bodyBox{
  display: none;
}
.newPlanBox .tab_section_switch .tab_bodyBox.active{
  display: block;
}
.newPlanBox .tab_body{
  padding: calc(100vw / var(--viewport) * 40) calc(100vw / var(--viewport) * 24) calc(100vw / var(--viewport) * 40);
  background: #EFF0F2;
  border-radius: 0 0 calc(100vw / var(--viewport) * 10) calc(100vw / var(--viewport) * 10);
}
.newPlanBox .tab_body .priceArea{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
.newPlanBox .tab_body .priceBox{
  display: flex;
  align-items: end;
  padding: calc(100vw / var(--viewport) * 10) 0 calc(100vw / var(--viewport) * 10);
  background: #EFF0F2;
  gap: 0;
  flex-grow: initial;
  width: auto;
  margin: 0;
}
.newPlanBox .tab_body .priceBox .plus{
  font-weight: bold;
  font-size: 30px;
  margin-right: 5px;
}
.newPlanBox .tab_body .priceBox .rl{
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  writing-mode: vertical-rl;
  letter-spacing: .2em;
  margin-right: calc(100vw / var(--viewport) * 10);
}
.newPlanBox .tab_body .priceBox .price{
  font-size: calc(100vw / var(--viewport) * 70);
  color: #f00;
}
.newPlanBox .tab_body .priceBox .yen{
  width: auto;
  font-size: calc(100vw / var(--viewport) * 44);
  font-weight: bold;
  margin-left: calc(100vw / var(--viewport) * 4);
  margin-right: 0;
}
.priceBox .yen.tax {
  color: #222;
  font-size: 100%;
  text-align: center;
  line-height: 1;
  width: auto;
  margin: 0 0 0 0.3em;
  display: flex;
  flex-direction: column;
}
.priceBox .yen.tax small {
  font-size: calc(100vw / var(--viewport) * 14);
  line-height: 1.3;
}
.newPlanBox .tab_body .priceBox_split{
  width: 40%;
  padding-left: calc(100vw / var(--viewport) * 30);
  border-left: calc(100vw / var(--viewport) * 1) solid #707070;
}
.newPlanBox .tab_body .priceBox_split_number{
  width: 100%;
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  padding: calc(100vw / var(--viewport) * 8) calc(100vw / var(--viewport) * 10);
  text-align: center;
  border: calc(100vw / var(--viewport) * 1) solid #707070;
  border-radius: calc(100vw / var(--viewport) * 5);
}
.newPlanBox .tab_body .priceBox_split .priceBox{
  padding: calc(100vw / var(--viewport) * 10) 0 calc(100vw / var(--viewport) * 10);
  border-right: none;
}
.newPlanBox .tab_body .priceBox_split .priceBox .rl{
  transform: translateY(4px);
}
.newPlanBox .tab_body .priceBox_split .priceBox .price{
  font-size: calc(100vw / var(--viewport) * 54);
  color: #000;
}
.newPlanBox .tab_body .priceBox_split .priceBox .yen{
  font-size: calc(100vw / var(--viewport) * 33);
}
@media screen and (min-width:768px) {
  .newPlanBox {
    width: 980px;
    margin: 0 auto 78px;
  }
  .newPlanBox > .pc_flex {
    display: flex;
    justify-content: space-between;
  }
  .newPlanBox .box{
    width: 491px;
  }
  .newPlanBox .pc_flex .box:nth-child(n+2) {
    margin-top: 0;
  }
  .newPlanBox .box .pc_flex {
    display: flex;
    justify-content: space-between;
  }
  .newPlanBox .box .innerBox .midashi{
    width: auto;
    border-radius: 10px 10px 0 0;
    margin-bottom: 0;
  }
  .newPlanBox .box .innerBox .partsImage{
      margin-bottom: 36px;
  }
  .newPlanBox .box .innerBox {
    width: 451px;
  }
  .newPlanBox .box .innerBox:nth-child(2) {
    margin-top: 0;
  }
  .newPlanBox .box .innerBox .midashi {
    font-size: 24px;
    height: 48px;
    border-radius: 6px;
    margin-bottom: 33px;
  }
  .newPlanBox .box .innerBox .partsImage {
    margin-bottom: 15px;
    border-radius: 0 0 10px 10px;
  }
  .newPlanBox .box .innerBox .flex .left,
  .newPlanBox .box .innerBox .flex .right {
    width: 210px;
  }
  .newPlanBox .box .innerBox .text {
    font-size: 15px;
    margin-top: 43px;
    margin-bottom: 13px;
  }
  .newPlanBox .box .innerBox .month {
    font-size: 15px;
  }
  .newPlanBox .box .innerBox .priceBox2 .price {
    font-size: 34px;
  }
  .newPlanBox .box .innerBox .priceBox2 .yen {
    font-size: 14px;
  }
  .newPlanBox .box .innerBox .bunkatsu {
    font-size: 14px;
    width: 80px;
    height: 24px;
    padding-top: 2px;
  }
  .newPlanBox .box .innerBox .flex .left > .flex,
  .newPlanBox .box .innerBox .flex .right > .flex {
    padding-bottom: 10px;
  }
  .newPlanBox .box .innerBox .flex .left > .flex.flex_end,
  .newPlanBox .box .innerBox .flex .right > .flex.flex_end {
    align-items: flex-end;
  }
  .newPlanBox .box .innerBox .afterText {
    font-size: 16px;
    margin: 16px 0;
  }
  .newPlanBox .bottom {
    margin-top: 55px;
  }
  .newPlanBox .bottom .obi {
    font-size: 20px;
    padding: 14px 0;
  }
  .newPlanBox .bottom .caption {
    font-size: 16px;
  }
  .newPlanBox .btn {
    margin-top: 20px;
  }

  .newPlanBox .box02 {
    padding: 47px 22px 52px;
    margin-top: 83px;
  }
  .newPlanBox .box02 .innerBox {
    width: 510px;
  }
  .newPlanBox .box02 .innerBox .midashi {
    border-radius: 10px 10px 0 0;
  }
  .newPlanBox .box02 .innerBox .midashi {
    font-size: 36px;
    height: 75px;
    margin-bottom: 0;
  }
  .newPlanBox .box02 .innerBox .con {
    padding: 25px 26px 36px;
  }
  .newPlanBox .box02 .pc_flex {
    align-items: center;
  }
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox {
    margin-top: 32px !important;
  }
  .newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(1) .con img {
    width: 99px;
    margin: 0 0 0 20px;
  }
  .newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(2) .con img {
    width: 156px;
    margin: 0;
  }
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) .con img {
    width: 156px;
    margin: 0;
  }
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(2) .con img {
    width: 156px;
    margin: 0;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex {
    padding-bottom: 13px;
  }
  .newPlanBox .box02 .pc_flex:nth-child(1) .innerBox:nth-child(1) .con .flex,
  .newPlanBox .box02 .pc_flex:nth-child(2) .innerBox:nth-child(1) .con .flex {
    padding-bottom: 37px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .con .pc_flex > div {
    width: 290px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .course {
    font-size: 14px;
    width: 76px;
    height: 31px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox {
    white-space: nowrap;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .price {
    font-size: 54px;
    letter-spacing: -0.02em;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .yen {
    font-size: 24px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .flex .priceBox .zei {
    font-size: 14px;
    top: 8px;
    right: -2px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .change {
    font-size: 12px;
    margin-bottom: 13px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox {
    padding-top: 13px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .month {
    font-size: 16px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .price {
    font-size: 36px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .yen {
    font-size: 20px;
  }
  .newPlanBox .box02 .pc_flex .innerBox .monthBox .bunkatsu {
    font-size: 14px;
  }
  .newPlanBox .box02 .innerBox .bottom {
    font-size: 30px;
    border-radius: 0 0 10px 10px;
    padding: 10px 0;
  }
  .newPlanBox .box02 .innerBox .bottom .yen {
    font-size: 20px;
  }
  .newPlanBox .box02 .caption {
    font-size: 16px;
    text-align: right;
  }
  .newPlanBox .tab{
    width: 160px;
    font-size: 17px;
    padding: 14px 10px 10px;
    border-radius: 10px 10px 0 0;
    cursor: pointer;
  }
  .newPlanBox_switch .tab:hover{
    opacity: .8;
  }
  .newPlanBox .tab.active:after{
    content: "";
    width: 70%;
    height: 2px;
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
  }
  .newPlanBox .tab span{
    font-size: 24px;
  }
  .newPlanBox{
    padding: 24px 0 52px;
    border-radius: 10px 10px 0 0;
  }
  .newPlanBox .tab_bodyBox{
    display: none;
  }
  .newPlanBox .tab_bodyBox.active{
    display: block;
  }
  .newPlanBox .tab_body{
    padding: 30px 14px 20px;
    border-radius: 0 0 10px 10px;
  }
  .newPlanBox .tab_body .priceArea{
  }
  .newPlanBox .tab_body .priceBox{
    padding:10px 0;
  }
  .newPlanBox .tab_body .priceBox .rl{
    font-size: 22px;
    transform: translateY(4px);
    margin-right: 10px;
  }
  .newPlanBox .tab_body .priceBox .price{
    font-size: 60px;
    letter-spacing: -.02em;
  }
  .newPlanBox .tab_body .priceBox .yen{
    width: auto;
    font-size: 37px;
    margin-left:4px;
    margin-right: 0;
  }
  .priceBox .yen.tax small {
    font-size: 10px;
  }
  .newPlanBox .tab_body .priceBox_split{
    width: 156px;
    padding-left: 20px;
    border-left: 1px solid #707070;
  }
  .newPlanBox .tab_body .priceBox_split_number{
    width: 124px;
    font-size: 14px;
    padding: 4px 10px;
    border: 1px solid #707070;
    border-radius: 4px;
  }
  .newPlanBox .tab_body .priceBox_split .priceBox{
    padding: 10px 0;
  }
  .newPlanBox .tab_body .priceBox_split .priceBox .rl{
    font-size: 15px;
    transform: translateY(6px);
  }
  .newPlanBox .tab_body .priceBox_split .priceBox .price{
    font-size: 36px;
  }
  .newPlanBox .tab_body .priceBox_split .priceBox .yen{
    font-size: 22px;
  }
}

.btn_counseling_cta {
  text-align: center;
}

.modSection__inner {
  font-weight: 400;
  text-align: center;
  margin-top: 80px;
}
.modSection__inner .pc_flex img {
  width: 31.25vw;
}
.modSection__inner .pc_flex .detailDoctor {
  line-height: 2;
}
.modSection__inner .pc_flex .detailDoctor .name {
  font-size: 3.4375vw;
  font-weight: 700;
}
.modSection__inner .pc_flex .detailDoctor .position {
  font-size: 3.4375vw;
  font-weight: 700;
}
.modSection__inner .pc_flex .detailDoctor .text {
  padding: 0;
  margin-top: 3.4375vw;
  text-align: left;
}
@media (max-width: 767.98px) {
  .modSection__inner .pc_flex img {
    margin-bottom: 4.6875vw;
  }
}
@media (min-width: 768px), print {
  .modSection__inner .pc_flex {
    align-items: center;
  }
  .modSection__inner .pc_flex img {
    width: 200px;
    margin-right: 40px;
  }
  .modSection__inner .pc_flex .detailDoctor {
    text-align: left;
  }
  .modSection__inner .pc_flex .detailDoctor .name {
    font-size: 22px;
  }
  .modSection__inner .pc_flex .detailDoctor .name .big {
    font-size: 28px;
  }
  .modSection__inner .pc_flex .detailDoctor .position {
    font-size: 22px;
  }
  .modSection__inner .pc_flex .detailDoctor .text {
    margin-top: 22px;
  }
  .modSection body.skin_top .modSection__inner,
  .modSection body.titaniumlift .modSection__inner {
    margin: 0 auto 80px;
  }
}

body.shaving_movie .price-bust-block02 {
  background: #fff;
}
body.shaving_movie #know-list h2 {
  color: #222;
  line-height: 1;
  padding: 0;
  margin: 0;
  border: none;
}
body.shaving_movie h2 p {
  margin-top: 0 !important;
}
body.shaving_movie h2 p .site-name {
  margin-bottom: 50px !important;
}
body.shaving_movie #know-list .cycle_point_block .fav-box.padbtm0 {
  padding-bottom: 0;
}
body.shaving_movie .ani02 h2 p .site-name,
body.shaving_movie .ani03 h2 p .site-name {
  margin-top: 75px !important;
  margin-bottom: 50px !important;
}
@media screen and (max-width:767px) {
  body.shaving_movie #know-list .cycle_point_block .fav-box {
    width: 100%;
    padding-bottom: 60px;
  }
}
@media screen and (min-width:768px) {
  body.shaving_movie .price-bust-block02 {
    padding-top: 40px;
  }
  body.shaving_movie .know-un-block .risktxt {
    margin-top: 47px;
  }
  body.shaving_movie .lick-cmnt6 {
    bottom: -85px;
  }
  body.shaving_movie #know-list .cycle_point_block .fav-box {
    width: 525px;
  }
}

body.hygi .hygi-sec01 {
  background: #fff;
  padding: 12.4% 0 8.93333%;
  line-height: 1.75;
}
body.hygi .hygi-sec01 h2 {
}
body.hygi .lick-cmnt {
  left: 9.33333vw;
  bottom: 11.33333vw;
  display: table;
  line-height: 1.75;
  color: #fff;
}
body.hygi .hygi-sec02 {
  background: #00AAFA;
  padding: 10.66666% 0 8.06666%;
}
body.hygi .hygi-sec02 .main-width {
  width: 84%;
  padding: 10.8% 5.46666% 6.93333%;
  border-radius: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  background: #fff;
  box-sizing: border-box;
}
body.hygi .hygi-sec02 h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border: none;
}
body.hygi .hygi-sec02 .flex {
  display: block;
}
body.hygi .hygi-sec02 h3 {
  margin-bottom: 3.26666vw;
  line-height: 1.5;
}
body.hygi .hygi-sec02 .question-text {
  margin-top: 6.4vw;
  align-items: flex-start;
}
body.hygi .question-text span {
  background: url(/img/common/q_bg_yellow.png)no-repeat;
  background-size: contain;
}
body.hygi .pie-area-period {
  margin-top: 4%;
  line-height: 1.5;
  font-size: 1.33333vw;
  text-align: center;
}
body.hygi .flex .checkpoint-txt {
  background: #eef0f5;
}
body.hygi .checkpoint-txt {
  margin-top: 8%;
  padding: 4%;
  border-radius: 7px;
  line-height: 1.75;
  box-sizing: border-box;
}
body.hygi hr.sp-only {
  color: #707070;
  margin-top: 8%;
}
body.hygi .heading-cube {
  position: relative;
  border-bottom: calc(3px + (7 - 3) * ((100vw - 320px) / (767 - 320))) solid #00aafa;
  margin: 18% auto 9%;
}
body.hygi .heading-cube span {
  position: absolute;
  top: calc(-15px + (-26 + 15) * ((100vw - 320px) / (767 - 320)));
  left: 50%;
  padding: 3% 3% 3%;
  transform: translateX(-50%);
  text-align: center;
  color: #ff0;
  border-radius: 50px;
  background: #00aafa;
  width: 63%;
  box-sizing: border-box;
}
body.hygi .hygi-sec03 {
  background: #eef0f5;
  padding: 0 0 9.06666%;
}
body.hygi .hygi-sec03 h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.hygi .price-bust-point-block .block-tlt .line-ani:after {
  border-bottom: 4px solid #00aafa;
}
body.hygi .price-bust-point-block {
  background-color: #eef0f5;
  background-image: none;
  background-size: none;
}
body.hygi .point-block-cov .point1-col:last-child {
  margin-bottom: 0;
}
body.hygi .hygi-sec03 .lh1-4 h3 span {
  display: inline-block;
}
body.hygi .hygi-sec03 .price-bust-point-block .point-block-cov .line-ani-after:after {
  bottom: 0;
}
body.hygi #planlists {
  background: #eef0f5;
  width: 84%;
  margin: 0 auto;
  padding: 0;
}
@media screen and (max-width:767px) {
  body.hygi .lick-image {
    width: calc(275px + (400 - 275) * ((100vw - 320px) / (767 - 320)));
  }
}
@media screen and (min-width:768px) {
  body.hygi .hygi-sec01 {
    padding: 40px 0 50px;
  }
  body.hygi .lick-img {
    margin: 30px auto 0;
    width: 390px;
  }
  body.hygi .lick-cmnt {
    left: 380px;
    right: 0;
    bottom: 60px;
    display: table;
    line-height: 1.75;
  }
  body.hygi .hygi-sec02 {
    padding: 70px 0 88px;
  }
  body.hygi .hygi-sec02 .main-width {
    width: 1080px;
    padding: 98px 100px 65px;
    border-radius: 3px;
  }
  body.hygi .hygi-sec02 .flex {
    display: flex;
    flex-wrap: wrap;
  }
  body.hygi .hygi-sec02 .pie-area-left,
  body.hygi .hygi-sec02 .pie-area-right {
    width: 50%;
  }
  body.hygi .hygi-sec02 h3 {
    margin-bottom: 8px;
  }
  body.hygi .hygi-sec02 .question-text {
    margin-top: 50px;
  }
  body.hygi .question-text span {
    padding: 10px 0 20px;
  }
  body.hygi .pie-area-period {
    margin-top: 15px;
    font-size: 10px;
  }
  body.hygi .flex .checkpoint-txt {
    margin: 20px auto 0;
    padding: 20px;
    width: 406px;
  }
  body.hygi .checkpoint-txt {
    margin: 0;
    padding: 0;
    width: 100%;
  }
  body.hygi .heading-cube {
    border-bottom: 5px solid #00aafa;
    margin: 100px auto 60px;
  }
  body.hygi .heading-cube span {
    top: -21px;
    padding: 14px 40px;
    width: 28%;
  }
  body.hygi .hygi-sec03 {
    padding: 0 0 76px;
  }
  body.hygi #planlists {
    width: 1080px;
    margin: 0 auto;
  }
  body.hygi #planlists .fav-box {
    width: 47.4%;
    margin: 0 auto;
  }
}

/*effect*/
body.hige-one-time-effect .section01 {
  padding-top: 12.4%;
}
body.hige-one-time-effect .section01 .left .title,
body.hige-one-time-effect .section01 .right .title,
body.hige-one-time-effect .swiper .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.hige-one-time-effect .section01 .right {
  margin-top: 10.6666vw;
}
body.hige-one-time-effect .swiper-container {
  width: 100%;
  padding-bottom: 12%;
}
body.hige-one-time-effect .swiper img {
  margin-bottom: 10px;
}
body.hige-one-time-effect .swiper-pagination-bullet {
  opacity: 1 !important;
  margin: 0 8px !important;
}
body.hige-one-time-effect .swiper-pagination-fraction,
body.hige-one-time-effect .swiper-pagination-custom,
body.hige-one-time-effect .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 10px;
  left: 0;
  width: 100%;
}
body.hige-one-time-effect .swiper-pagination-bullet-active {
  background: url("/hige/common/images/blue_slider_on.png") center center no-repeat !important;
  background-size: contain !important;
  width: 6.4vw !important;
  height: 8.9333vw !important;
  position: relative;
  top: 3vw;
}
body.hige-one-time-effect .section01 h2.second,
body.hige-one-time-effect .section02 h2,
body.hige-one-time-effect .section03 h2,
body.hige-one-time-effect .section04 h2,
body.hige-one-time-effect .section05 h2,
body.hige-one-time-effect .section06 h2 {
  margin-top: 22.6666vw;
}
body.hige-one-time-effect .section02 img,
body.hige-one-time-effect .section05 img {
  margin-bottom: 3.5866vw;
}
body.hige-one-time-effect .section06 .right {
  margin-top: 1em;
}
body.hige-one-time-effect .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.hige-one-time-effect .btn_area a {
  text-align: center;
  width: 78.6666vw;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
body.hige-one-time-effect .swiper-container-horizontal > .swiper-pagination-bullets {
  bottom: 13px;
}
.ba_container_price_area{
    margin-top: 8%;
}
.ba_container_price_area .plan_box {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.ba_container_price_area .plan_box .planname {
  width: 100%;
  font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  font-weight: bold;
  display: flex;
  align-items: center;
  padding: 4% 0;
  line-height: 1.2;
  display: flex;
  align-items: center;
  border-bottom: 1px solid #000;
}
.ba_container_price_area .plan_box .planname:nth-child(1) {
  padding-top: 0;
}
.ba_container_price_area .plan_box .planname:nth-child(4) {
  border-bottom: none;
}
.ba_container_price_area .plan_box span {
  width: 21.33333vw;
  background: #ff0;
  border-radius: 4px;
  padding: 2% 0;
  text-align: center;
  margin-right: 4vw;
  display: inline-block;
  vertical-align: baseline;
}
@media screen and (max-width:767px) {
  body.hige-one-time-effect .swiper-button-next,
  body.hige-one-time-effect .swiper-button-prev {
    display: none;
  }
}
@media screen and (min-width:768px) {
  body.hige-one-time-effect .section01 {
    padding-top: 40px;
  }
  body.hige-one-time-effect .section01 .left,
  body.hige-one-time-effect .section01 .right {
    width: 462px;
  }
  body.hige-one-time-effect .section01 .left {
    float: left;
  }
  body.hige-one-time-effect .section01 .right {
    float: right;
    margin-top: 0;
  }
  body.hige-one-time-effect .section01 .left .title,
  body.hige-one-time-effect .section01 .right .title,
  body.hige-one-time-effect .swiper .title {
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.hige-one-time-effect .swiper .img {
    position: relative;
    overflow: hidden;
  }
  body.hige-one-time-effect .swiper .img:before {
    content: "";
    display: block;
    padding-top: 240px;
  }
  body.hige-one-time-effect .swiper .img img {
    position: absolute;
    width: 100%;
    height: 100%;
    right: 0;
    left: 0;
    bottom: 0;
    margin: auto;
    object-fit: cover;
  }
  body.hige-one-time-effect .section01 h2.second,
  body.hige-one-time-effect .section02 h2,
  body.hige-one-time-effect .section03 h2,
  body.hige-one-time-effect .section04 h2,
  body.hige-one-time-effect .section05 h2,
  body.hige-one-time-effect .section06 h2 {
    margin-top: 100px;
  }
  body.hige-one-time-effect .swiper-container {
    padding-bottom: 74px;
  }
  body.hige-one-time-effect .swiper-pagination-bullet {
    margin: 0 12px !important;
  }
  body.hige-one-time-effect .swiper-pagination-bullet-active {
    width: 24px !important;
    height: 52px !important;
    margin: 0 4px !important;
    top: 16px;
  }
  body.hige-one-time-effect .swiper-button-prev,
  body.hige-one-time-effect .swiper-button-next {
    background: none;
    width: 44px;
    top: 138px;
  }
  body.hige-one-time-effect .swiper-button-next:after,
  body.hige-one-time-effect .swiper-button-prev:after {
    content: none;
  }
  body.hige-one-time-effect .swiper-button-prev {
    left: -65px;
    transform: rotate(-180deg);
  }
  body.hige-one-time-effect .swiper-button-next {
    right: -65px;
  }
  body.hige-one-time-effect .section02 .cf img,
  body.hige-one-time-effect .section03 .cf img ,
  body.hige-one-time-effect .section05 .cf img {
    width: 462px;
    float: right;
  }
  body.hige-one-time-effect .section02 .cf p,
  body.hige-one-time-effect .section03 .cf p,
  body.hige-one-time-effect .section05 .cf p {
    width: 494px;
    float: left;
  }
  body.hige-one-time-effect .section02 img,
  body.hige-one-time-effect .section05 img {
    margin-bottom: 0;
  }
  body.hige-one-time-effect .section06 .midashi {
    font-size: 19px;
    margin-bottom: 0.5em;
  }
  body.hige-one-time-effect .section06 .left,
  body.hige-one-time-effect .section06 .right {
    width: 50%;
  }
  body.hige-one-time-effect .section06 .left {
    float: left;
  }
  body.hige-one-time-effect .section06 .right {
    float: right;
    margin-top: 0;
  }
  body.hige-one-time-effect .section06 .icon_check {
    font-size: 16px;
  }
  body.hige-one-time-effect .btn_area {
    margin-top: 86px;
  }
  body.hige-one-time-effect .btn_area a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
  .ba_container_price_area {
    margin-top: 40px;
    padding: 44px 40px;
    background: #e9ebec;
    border-radius: 5px;
  }
  .ba_container_price_area .plan_box {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .ba_container_price_area .plan_box .planname {
    width: 440px;
    font-size: 12px;
    font-weight: bold;
    display: flex;
    align-items: center;
    padding: 15px 0;
    line-height: 1.2;
    display: flex;
    align-items: center;
  }
  .ba_container_price_area .plan_box .planname:nth-child(1), .ba_container_price_area .plan_box .planname:nth-child(2) {
    padding-bottom: 25px;
    border-bottom: 1px solid #000;
  }
  .ba_container_price_area .plan_box .planname:nth-child(3), .ba_container_price_area .plan_box .planname:nth-child(4) {
    padding-top: 25px;
    border-top: 1px solid #000;
    border-bottom: none;
  }
  .ba_container_price_area .plan_box span {
    width: 80px;
    background: #fff;
    border-radius: 4px;
    padding: 7px 0;
    text-align: center;
    margin-right: 15px;
    display: inline-block;
    vertical-align: baseline;
  }
}

/* five-oclock-shadow */
body.five-oclock-shadow #container {
  padding-bottom: 0;
}
body.five-oclock-shadow .section03 .right {
  margin-top: 10.6666vw;
}
body.five-oclock-shadow .section03 dt span {
  font-size: 3.6vw;
}
body.five-oclock-shadow .section04 .box:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10.4vw;
  border: 10.4vw solid transparent;
  border-top: 6.66666vw solid #fff;
}
body.five-oclock-shadow h3 {
  font-size: 5vw;
  margin-top: 32px;
  margin-bottom: 8px !important;
}
body.five-oclock-shadow .section-block__title {
  font-size: 4.4vw;
  margin-top: 1.5em;
  margin-bottom: 0.5em;
}
body.five-oclock-shadow .section-block__title span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.five-oclock-shadow .section03 .left .title,
body.five-oclock-shadow .section03 .right .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.five-oclock-shadow .section03 .right .title {
  color: #000;
  background: #ff0;
}
body.five-oclock-shadow .section03 dl {
  border-bottom: 1px solid #000;
}
body.five-oclock-shadow .section03 dt span {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  float: left;
  clear: both;
  width: 41%;
  background: #000;
  border-radius: 5px;
  margin: 4.3vw 0;
}
body.five-oclock-shadow .section03 dd {
  line-height: 1.5;
  width: 55.5%;
  float: right;
  padding: 4.3vw 0;
}
body.five-oclock-shadow .section04 {
  background: #f0f0f0;
  padding-bottom: 20vw;
  margin-top: 18vw;
}
body.five-oclock-shadow .section04 img {
  height: auto;
}
body.five-oclock-shadow .section04 .title {
  color: #000;
  font-size: 6.4vw;
  text-align: center;
  border-bottom: none;
  padding: 10.48vw 0;
  margin-bottom: 0;
}
body.five-oclock-shadow .section04 .box {
  font-size: .24rem;
  text-align: left;
  background: #fff;
  width: 100%;
  padding: 8% 5.3333% 5.3333%;
  border-radius: 2.133333333333vw;
  position: relative;
}
body.five-oclock-shadow .section04 .box .title {
  font-size: initial;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #00aafa;
  border-radius: 8px;
  line-height: 9.333333333333333vw;
  padding: 0;
  margin-bottom: 5.3333vw;
}
body.five-oclock-shadow .section04 .box .imgBox {
  margin-bottom: 5.3333vw;
  border-radius: 5px;
  overflow: hidden;
}
body.five-oclock-shadow .section04 .box .leftBox {
  float: left;
}
body.five-oclock-shadow .indentBox {
  padding-left: 1em;
}
body.five-oclock-shadow .indentBox p.bold {
  font-size: 4.4vw;
}
body.five-oclock-shadow .indentBox p:not(.bold) {
  padding-left: 2.2em;
}
body.five-oclock-shadow .link a {
  text-align: center;
  width: 78.6666vw;
  padding: 2.4vw 3vw 2.4vw 0;
  margin: 0 auto;
}
body.five-oclock-shadow .special {
  font-size: 5vw !important;
  line-height: 1;
  display: inline-block;
  background: linear-gradient(transparent 60%, #ff0 0%);
  margin-bottom: 0.5em;
}
body.five-oclock-shadow .special span {
  background: none;
}
body.five-oclock-shadow .btn_area {
  margin-top: 19.2vw;
}
body.five-oclock-shadow .btn_area .link a:after {
  right: 2.2vw;
}
body.five-oclock-shadow .btn_area.secondary {
  margin-top: 2em;
}
@media screen and (max-width:767px) {
  body.five-oclock-shadow .section01 img {
    margin-top: 3.5866vw;
  }
  body.five-oclock-shadow .scroll table {
    margin: 0 5.3333vw;
  }
}
@media screen and (min-width:768px) {
  body.five-oclock-shadow .special {
    font-size: 22px !important;
  }
  body.five-oclock-shadow .indentBox p.bold {
    font-size: 19px;
  }
  body.five-oclock-shadow .section-block__title {
    font-size: 19px;
  }
  body.five-oclock-shadow h3 {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 8px !important;
  }
  body.five-oclock-shadow .section01 .cf img {
    width: 462px;
    float: right;
  }
  body.five-oclock-shadow .section01 .cf p {
    width: 494px;
    float: left;
  }
  body.five-oclock-shadow .section04 .box:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -45px;
    border: 45px solid transparent;
    border-top: 34px solid #fff;
  }
  body.five-oclock-shadow .section03 .left,
  body.five-oclock-shadow .section03 .right {
    width: 462px;
    margin-bottom: 45px;
  }
  body.five-oclock-shadow .section03 .left {
    float: left;
  }
  body.five-oclock-shadow .section03 .right {
    float: right;
  }
  body.five-oclock-shadow .section03 .left .title,
  body.five-oclock-shadow .section03 .right .title {
    font-size: 19px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.five-oclock-shadow .section03 dl {
    width: 462px;
    display: inline-block;
  }
  body.five-oclock-shadow .section03 dl:nth-child(2) {
    float: right;
  }
  body.five-oclock-shadow .section03 dt span {
    line-height: 31px;
    width: 190px;
    margin: 22px 0;
  }
  body.five-oclock-shadow .section03 dd {
    line-height: 31px;
    width: 257px;
    padding: 22px 0;
  }
  body.five-oclock-shadow .section04 {
    width: 980px;
    padding-bottom: 34px;
    margin: 80px auto 0;
    border-radius: 10px;
  }
  body.five-oclock-shadow .section04 .title {
    font-size: 26px;
    padding: 34px 0;
  }
  body.five-oclock-shadow .section04 .inner {
    padding: 0 40px;
  }
  body.five-oclock-shadow .section04 .box {
    padding: 26px 48px;
    border-radius: 8px;
  }
  body.five-oclock-shadow .section04 .box .title {
    font-size: 17px;
    line-height: 43px;
    width: 458px;
    border-radius: 5px;
    margin: 0 auto 21px;
    padding: 0;
  }
  body.five-oclock-shadow .section04 .box .imgBox {
    width: 410px;
    float: left;
    margin-bottom: 0;
    padding: 8px 20px;
    background: #F0F0F0;
  }
  body.five-oclock-shadow .section04 .imgBox + div {
    width: 347px;
    float: right;
  }
  body.five-oclock-shadow .section04 .balloon {
    padding: 15px;
    border-radius: 5px;
  }
  body.five-oclock-shadow .section04 .balloon .midashi {
    font-size: 15px;
  }
  body.five-oclock-shadow .section04 .balloon span {
    font-size: 22px;
  }
  body.five-oclock-shadow .section04 .balloon span.price {
    font-size: 60px;
    letter-spacing: 0;
  }
  body.five-oclock-shadow .section04 .box .balloon span.price {
    margin: 0 8px;
  }
  body.five-oclock-shadow .section04 .price_flex {
    display: inline-flex;
    padding-left: 8px;
    padding-bottom: 6px;
    margin-top: 26px;
    width: 100%;
  }
  body.five-oclock-shadow .section04 .price_box span.rl {
    font-size: 26px;
  }
  body.five-oclock-shadow .section04 .price_flex span.price {
    font-size: 76px;
    letter-spacing: -0.03rem;
  padding: 0;
  }
  body.five-oclock-shadow .section04 .box .caption {
    font-size: 14px;
  }
  body.five-oclock-shadow .section04 .box .caption span {
    font-size: 12px;
  }
  body.five-oclock-shadow .btn_area {
    margin-top: 86px;
  }
  body.five-oclock-shadow .btn_area .link a:after {
    right: 12px;
  }
  body.five-oclock-shadow .link a {
    width: 272px;
    padding: 17px;
  }
}

/* coarser-hair */
body.coarser-hair .risktxt {
  font-weight: normal;
}
body.coarser-hair h3 {
  line-height: 1.5;
  margin-top: calc(100vw / var(--viewport) * 100);
}
body.coarser-hair .riskTable {
  width: 100%;
  border: 3px solid #000;
  margin-top: 1.8em !important;
}
body.coarser-hair .riskTable th,
body.coarser-hair .riskTable td {
  font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  text-align: left;
  line-height: 1.5;
  width: 50%;
  vertical-align: middle;
  border: 1px solid #000;
  padding: 0.5em 1em;
}
body.coarser-hair .riskTable thead td {
  font-weight: bold;
  background: #D9D9D9;
  text-align: center;
}
body.coarser-hair .riskTable tbody td .part_image,
body.coarser-hair .riskTable tbody td .black_box {
  width: 80%;
  margin: 0 auto;
}
body.coarser-hair .riskTable tbody td .part_image *,
body.coarser-hair .riskTable tbody td .black_box * {
  vertical-align: middle;
}
body.coarser-hair .riskTable tbody td .part_image img {
  width: calc(100vw / var(--viewport) * 100);
  height: auto;
}
body.coarser-hair .riskTable tbody td .black_icon {
  width: 85%;
  display: inline-block;
}
body.coarser-hair .riskTable tbody td .black_icon img {
  width: calc(100vw / var(--viewport) * 26);
}
body.coarser-hair .btn {
  width: 100%;
}
body.coarser-hair .btn a {
  width: 78.6666vw;
  margin: 0 auto;
}
body.coarser-hair .small {
  font-size: 2.74vw;
}
@media screen and (min-width:768px) {
  body.coarser-hair h3 {
    margin-top: 30px;
  }
  body.coarser-hair .pc_flex {
    display: flex;
    justify-content: space-between;
  }
  body.coarser-hair .modSection__inner .pc_flex {
    display: flex;
    flex-direction: column;
    justify-content: center;
  }
  body.coarser-hair .modSection__inner .pc_flex img {
    width: 200px;
    margin-right: 40px;
  }
  body.coarser-hair .modSection__inner .pc_flex > * {
    width: 100%;
  }
  body.coarser-hair .pc_flex.reverse {
    flex-direction: row-reverse;
  }
  body.coarser-hair .pc_flex > * {
    width: 47%;
  }
  body.coarser-hair .risktxt img {
    display: block;
    margin: 0 auto;
  }
  body.coarser-hair .photoBox {
    display: flex;
    align-items: flex-start;
    flex-direction: initial;
  }
  body.coarser-hair .photoBox img {
    width: 462px;
    height: auto;
    margin-right: 23px;
  }
  body.coarser-hair .pc_flex.partArea .riskTable {
    width: 40%;
  }
  body.coarser-hair .pc_flex.partArea .risktxt {
    width: 55%;
  }
  body.coarser-hair .riskTable th,
  body.coarser-hair .riskTable td {
    font-size: 16px;
  }
  body.coarser-hair .riskTable tbody td .part_image img {
    width: 85px;
  }
  body.coarser-hair .riskTable tbody td .black_icon img {
    width: 20px;
  }
  body.coarser-hair .btn {
    width: 300px;
  }
  body.coarser-hair .btn a {
    width: 100%;
  }
  body.coarser-hair .small {
    font-size: 13px;
  }
}

/* different */
body.different .coolingoff-sec {
  padding-top: 0;
}
body.different .coolingoff-sec .blue_bg {
  background: #00A9FF;
  padding: 7.33333vw 0 10.8vw;
}
body.different .coolingoff-sec .container .square-tlt {
  align-items: center;
  text-align: center;
  margin-bottom: 3.2vw;
}
body.different .coolingoff-sec .white_bg {
  padding: 0 0 8.26666vw;
}
body.different .cooling-bg {
  padding: 8vw 5.2vw 7vw 5.6vw;
  box-sizing: border-box;
}
body.different .cooling-bg .line-h {
  font-weight: normal;
}
body.different .cooling-bg .line-h:nth-child(2) {
  margin-top: 2.66666vw;
}
body.different .cooling-bg .line-h a {
  color: #222;
  text-decoration: underline;
}
body.different #grid-bg {
  padding: 11.73333vw 0 11.06666vw;
}
body.different #grid-bg .container {
  padding: 6.4vw 4.93333vw 7.33333vw;
  box-sizing: border-box;
  background: #fff;
  border-radius: 10px;
}
body.different #grid-bg h2 {
  color: #222;
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
body.different #grid-bg .know-un-block:nth-of-type(2) {
  margin-top: 6.4vw;
}
body.different .tg {
  border: 2px solid #000;
  text-align: center;
}
body.different .tg td,
body.different .tg th {
  padding: 0;
  box-sizing: border-box;
  background: #F7F7F7;
}
body.different .tg thead th {
  padding: 1vw;
}
body.different .tg thead .txt-blue {
  border-top: 3px solid #00AAFA;
  border-left: 3px solid #00AAFA;
  border-right: 3px solid #00AAFA;
}
body.different .tg thead .dbline {
  background: #D9D9D9;
}
body.different .tg th {
  width: 4vw !important;
  box-sizing: border-box;
}
body.different .tg .tg-0pky {
  width: 33vw !important;
  box-sizing: border-box;
}
body.different .tg tbody .tg-0pky {
  height: 15vw !important;
}
body.different .tg .yellow_bgtb {
  background: #fff000;
  border-left: 3px solid #00AAFA;
  border-right: 3px solid #00AAFA;
}
body.different .tg .yellow_bgtb.bb {
  border-bottom: 3px solid #00AAFA;
}
body.different .tg span,
body.different .tg i {
  display: block;
  margin-top: 1vw;
}
body.different .tg .tg_small {
  font-size: 1.86666vw;
}
@media screen and (max-width: 768px) {
  body.different .square-tlt span {
    margin-right: -1%;
  }
  body.different .coolingoff-sec .blue_bg img {
    width: 42.93333vw;
    height: auto;
  }
  body.different .cooling-bg {
    margin: 5.6vw auto 8.26666vw;
  }
  body.different .tg td,
  body.different .tg th {
    font-size: 2.4vw;
  }
  body.different .tg thead th {
    font-size: 3.2vw;
  }
  body.different .tg .sp-vertical {
    -webkit-writing-mode: vertical-lr;
    -ms-writing-mode: tb-lr;
    writing-mode: vertical-lr;
    min-width: 3vw;
    min-height: 15vw;
    padding: 0 1vw;
  }
}
@media screen and (min-width: 768px) {
  body.different .coolingoff-sec .blue_bg {
    padding: 53px 0 45px;
  }
  body.different .coolingoff-sec .container .square-tlt {
    margin-bottom: 32px;
  }
  body.different .coolingoff-sec .container .square-tlt:first-of-type {
    margin-bottom: 25px;
  }
  body.different .coolingoff-sec .white_bg {
    padding: 0 0 45px;
  }
  body.different .cooling-bg {
    max-width: 880px;
    padding: 68px 50px 68px 43px;
    border-radius: 6px;
  }
  body.different .cooling-bg .line-h:nth-child(2) {
    margin-top: 28px;
  }
  body.different .masui_main img {
    width: 100%;
    min-height: 47.53333vh;
  }
  body.different #grid-bg {
    padding: 64px 0 61px;
  }
  body.different #grid-bg .container {
    max-width: 1080px;
    padding: 50px 100px;
    border-radius: 6px;
  }
  body.different #grid-bg .know-un-block:nth-of-type(2) {
    margin-top: 30px;
  }
  body.different .tg td,
  body.different .tg th {
    padding: 0 10px;
  }
  body.different .tg thead th {
    padding: 8px 10px;
  }
  body.different .tg th {
    width: 82px !important;
  }
  body.different .tg .tg-0pky {
    width: 230px !important;
  }
  body.different .tg tbody .tg-0pky {
    height: 58px !important;
  }
  body.different .tg span,
  body.different .tg i {
    margin-top: 2px;
  }
  body.different .tg .tg_small {
    font-size: 11px;
  }
}

/* cycle */
body.cycle .price-bust-block02 {
  background: #fff;
}
body.cycle h2 {
  white-space: nowrap;
}
body.cycle .doctorBox {
  text-align: left;
  font-weight: bold;
  width: 85%;
  background: #fff;
  border-radius: 1.34vw;
  padding: 5.87vw 5.47vw;
  margin: 0 auto calc(33px + (80 - 33) * ((100vw - 320px) / (767 - 320)));
  box-sizing: border-box;
}
body.cycle .doctorBox .left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5.79vw;
}
body.cycle .doctorBox .left img {
  width: 30.14vw;
  /*float: left;*/
}
body.cycle .doctorBox .left div {
  width: 36.27vw;
  /*padding-left: 36.54vw;*/
}
body.cycle .doctorBox .title {
  color: #00AAFA;
  margin-bottom: 0.5em;
}
body.cycle .doctorBox .name {
  line-height: 1.54;
}
body.cycle .doctorBox .right * {
  line-height: 1.76;
}
body.cycle .doctorBox .right .sub {
  display: inline-block;
  margin-top: 15.6vw;
}
body.cycle .doctorBox .right .sub a {
  color: #2B7BB9;
}
body.cycle .doctorBox .readMore {
  display: none;
}
body.cycle .doctorBox .cmnMore01 {
  text-align: right;
  display: block;
}
body.cycle .doctorBox .cmnMore01 a {
  color: #969696;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-right: 7.78vw;
}
body.cycle .doctorBox .cmnMore01 a::after {
  content: "";
  display: inline-block;
  width: 6.4vw;
  height: 6.4vw;
  background: url(/img/common/plus_icon.png) center right no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3.2vw;
}
body.cycle .doctorBox .cmnMore01.open a::after {
  background: url(/img/common/minus_icon.png) center right no-repeat;
  background-size: 100% auto;
}
body.cycle .doctorBox h2 {
  color: #222;
  font-size: calc(100vw / var(--viewport) * 32);
  text-align: center;
  padding-bottom: 0;
  margin-bottom: 40px;
  border-bottom: none;
}
body.cycle .doctorBox h2 .line-ani-after:after {
  bottom: -3px;
}
@media screen and (max-width:767px) {
  body.cycle .font_26_sp {font-size: 3.47vw;}
}
@media screen and (min-width:768px) {
  body.cycle .font_14_pc {font-size: 14px;}
  body.cycle .doctorBox {
    width: 1080px;
    border-radius: 10px;
    position: relative;
    padding: 47px 50px;
    margin: 0 auto 57px;
  }
  body.cycle .doctorBox .left {
    text-align: center;
    width: 207px;
    float: left;
    display: block;
    margin-bottom: 0;
  }
  body.cycle .doctorBox .left img {
    width: 173px;
    margin-bottom: 17px;
  }
  body.cycle .doctorBox .left div {
    width: auto;
  }
  body.cycle .doctorBox .title {
    position: absolute;
    top: 47px;
    left: 267px;
  }
  body.cycle .doctorBox .right {
    float: right;
    width: 763px;
  }
  body.cycle .doctorBox .moreWrap {
    display: inline;
  }
  body.cycle .doctorBox .right .sub {
    margin-top: 33px;
  }

  body.cycle .doctorBox .moreDot,
  body.cycle .doctorBox .cmnMore01 {
    display: none;
  }
  body.cycle .doctorBox h2 {
    font-size: 34px;
    margin-bottom: 40px;
  }
  body.cycle .doctorBox h2 .line-ani-after:after {
    border-width: 4px;
    bottom: 0;
  }
}

body.salon .price-bust-block02 {
  background: #fff;
}
body.salon .salondots {
  vertical-align: baseline;
}
@media screen and (max-width:767px) {
  body.salon .point2-col-inner .col1 .wd-img {
    width: calc(200px + (330 - 200) * ((100vw - 320px) / (767 - 320)));
    margin-top: 30px;
  }
  body.salon .price-bust-point-block .point1-col:nth-of-type(2) {
    width: 100%;
    max-width: 100%;
    display: block;
    margin: 0 auto;
  }
}
@media screen and (min-width:768px) {
  body.salon .price-bust-block02 .lick-cmnt3 {
    bottom: -86px;
  }
  body.salon .price-bust-point-block .point1-col:nth-of-type(1) {
    width: 710px;
  }
  body.salon .price-bust-point-block .point1-col:nth-of-type(2) {
    width: 340px;
    margin-right: 0;
  }
  body.salon .price-bust-point-block .point1-col .point2-col-inner {
    display: flex;
    padding-top: 32px;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  body.salon .price-bust-point-block .point1-col .point2-col-inner .col1 {
    width: 48%;
    /* padding-top: 5px; */
  }
  body.salon .price-bust-point-block .point1-col .point2-col-inner .col2 {
    width: 48%;
  }
}

/* painful */
body.painful .knowledge-sec-block01 {
  padding: calc(52/750*100vw) 0 0;
}
body.painful .knowledge-sec-block02 {
  padding: calc(32/750*100vw) 0 0;
}
body.painful .knowledge-sec-block02 .block-tlt span.site-name:before {
  top: 25%;
  left: calc(-84/750*100vw);
  width: calc(50/750*100vw);
  height: calc(72/750*100vw);
}
body.painful .knowledge-sec-block02 .block-tlt span.site-name:after {
  top: 25%;
  right: calc(-84/750*100vw);
  width: calc(50/750*100vw);
  height: calc(72/750*100vw);
}
body.painful .all-sec05 {
  padding: 8% 0 0;
}
body.painful .all-sec05 .detail-block .details-inner .right {
  width: 100%;
  justify-content: center;
}
body.painful .popup-txt .border-line {
  padding-bottom: calc(10px + (20 - 10) * ((100vw - 320px) / (767 - 320)));
  border-bottom: 1px solid #222;
}
body.painful #grid-bg h2 {
  color: #222;
  text-align: center;
  padding-bottom: 0;
  margin: 0;
  border-bottom: none;
}
body.painful .anesthesia-fee-block-inner {
  margin-top: calc(56 / 750 * 100vw);
}
body.painful .body-part .label {
  margin-top: 5px;
  padding: 4px 0;
  border-radius: 3px;
  color: #fff;
  background: #000;
}
body.painful .all-sec04 .recommend-txt h2 {
  width: auto;
}
body.painful .all-sec04 .recommend-txt p.font-midashi {
  width: auto;
}
body.painful .knowledge-sec-block05 {
  padding: calc(116/750*100vw) 0 0;
}
body.painful .lick-img2 img {
  max-width: 100%;
  padding-top: 0;
}
body.painful .fav-box {
  width: 100%;
}
body.painful .fav-box .drop-down-content {
  margin-top: calc(60/750*100vw);
  padding: calc(63/750*100vw) calc(39/750*100vw) calc(52/750*100vw) calc(42/750*100vw);
}
body.painful .fav-box .drop-down-content:first-of-type {
  margin-top: calc(69/750*100vw);
}
body.painful .fav-box .risktxt {
  margin-top: calc(20/750*100vw);
}
body.painful .knowledge-sec-block06 {
  padding: calc(116/750*100vw) 0 calc(111/750*100vw);
}
body.painful .fee-col {
  padding: calc(35/750*100vw) calc(24/750*100vw) calc(33/750*100vw) calc(36/750*100vw);
  background: #eef0f5;
}
body.painful .knowledge-sec-block05 h3 {
  line-height: 1.5;
}
body.painful .knowledge-sec-block05 .img-block {
  width: calc(200px + (330 - 200) * ((100vw - 320px) / (767 - 320)));
  padding-top: calc(27px + (100 - 27) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(27px + (100 - 27) * ((100vw - 320px) / (767 - 320)));
  margin: 0 auto;
}
body.painful .lick2-txt {
  position: absolute;
  top: 18.5%;
  left: 0;
  right: 0;
  line-height: 1.2;
}
body.painful .knowledge-sec-block06 {
  background: #EEF0F5;
}
body.painful .knowledge-sec-block06 h2 {
  color: #222;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.painful .knowledge-sec-block06 h2 span {
  vertical-align: baseline;
}
body.painful .doctorBox {
  font-weight: bold;
  text-align: left;
  width: 100%;
  background: #fff;
  border-radius: 1.34vw;
  padding: 5.87vw 5.47vw;
  margin: 16vw auto calc(33px + (80 - 33) * ((100vw - 320px) / (767 - 320)));
  box-sizing: border-box;
}
body.painful .doctorBox .left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5.79vw;
}
body.painful .doctorBox .left img {
  width: 30.14vw;
  /*float: left;*/
}
body.painful .doctorBox .left div {
  width: 36.27vw;
  /*padding-left: 36.54vw;*/
}
body.painful .doctorBox .title {
  color: #00AAFA;
  margin-bottom: 0.5em;
}
body.painful .doctorBox .name {
  line-height: 1.54;
}
body.painful .doctorBox .right * {
  line-height: 1.76;
}
body.painful .doctorBox .right .sub {
  display: inline-block;
  margin-top: 15.6vw;
}
body.painful .doctorBox .right .sub a {
  color: #2B7BB9;
}
body.painful .doctorBox .readMore {
  display: none;
}
body.painful .doctorBox .cmnMore01 {
  text-align: right;
  display: block;
}
body.painful .doctorBox .cmnMore01 a {
  color: #969696;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-right: 7.78vw;
}
body.painful .doctorBox .cmnMore01 a::after {
  content: "";
  display: inline-block;
  width: 6.4vw;
  height: 6.4vw;
  background: url(/img/common/plus_icon.png) center right no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3.2vw;
}
body.painful .doctorBox .cmnMore01.open a::after {
  background: url(/img/common/minus_icon.png) center right no-repeat;
  background-size: 100% auto;
}
body.painful .anesthesia-fee-block-inner {
  margin-top: calc(56/750*100vw);
}
body.painful .anesthesia-fee-block-inner .zeikomi {
  display: inline-block;
  margin-top: 10px;
}
body.painful .add-plus-icon {
  right: 0;
  bottom: 0;
}
body.painful .hide-fee-detail {
  padding: calc(27/750*100vw) 0 calc(33/750*100vw);
}
body.painful .fee-col {
  padding: calc(35/750*100vw) calc(24/750*100vw) calc(33/750*100vw) calc(36/750*100vw);
  background: #eef0f5;
}
body.painful .fee-col-inner .text-block-title {
  padding-bottom: 0;
  border-bottom: none;
}
body.painful .white-part-bg {
  padding: calc(61/750*100vw) calc(40/750*100vw) calc(52/750*100vw);
  border-radius: 10px;
}
@media screen and (max-width:767px) {
  body.painful .all-sec05 {
    padding: 2% 0 54px;
  }
  body.painful .all-sec05 .detail-block .details-inner {
    padding-top: 2%;
  }
  body.painful .all-sec05 .detail-block .details-inner .right .body-part {
    width: 24%;
    margin-right: 1%;
    margin-bottom: 5px;
  }
  body.painful .all-sec05 .overlay {
    display: initial;
    z-index: 2;
  }
  body.painful .all-sec05 .popup-content {
    display: initial;
    width: 90%;
    height: auto;
  }
  body.painful .all-sec05 .popup-img {
    width: 100%;
    height: auto;
    text-align: center;
  }
  body.painful .all-sec05 .popup-txt {
    width: 100%;
    padding-left: 0;
  }
  body.painful .all-sec05 .popup-txt h4 {
    margin: 20px auto;
    text-align: center;
  }
  body.painful .all-sec05 .close {
    top: 20%;
    right: 5%;
  }
  body.painful .body-part:nth-child(1) .popup-content,
  body.painful .body-part:nth-child(2) .popup-content,
  body.painful .body-part:nth-child(3) .popup-content,
  body.painful .body-part:nth-child(4) .popup-content {
    top: 38%;
  }
  body.painful .body-part:nth-child(1) .close,
  body.painful .body-part:nth-child(2) .close,
  body.painful .body-part:nth-child(3) .close,
  body.painful .body-part:nth-child(4) .close {
    top: 4%;
  }
  body.painful .body-part:nth-child(5) .popup-content,
  body.painful .body-part:nth-child(6) .popup-content,
  body.painful .body-part:nth-child(7) .popup-content,
  body.painful .body-part:nth-child(8) .popup-content {
    top: 38%;
  }
  body.painful .body-part:nth-child(5) .close,
  body.painful .body-part:nth-child(6) .close,
  body.painful .body-part:nth-child(7) .close,
  body.painful .body-part:nth-child(8) .close {
    top: 4%;
  }
  body.painful .body-part:nth-child(9) .popup-content,
  body.painful .body-part:nth-child(10) .popup-content,
  body.painful .body-part:nth-child(11) .popup-content,
  body.painful .body-part:nth-child(12) .popup-content {
    top: 44%;
  }
  body.painful .body-part:nth-child(9) .close,
  body.painful .body-part:nth-child(10) .close,
  body.painful .body-part:nth-child(11) .close,
  body.painful .body-part:nth-child(12) .close {
    top: 8%;
  }
  body.painful .body-part:nth-child(13) .popup-content,
  body.painful .body-part:nth-child(14) .popup-content,
  body.painful .body-part:nth-child(15) .popup-content,
  body.painful .body-part:nth-child(16) .popup-content {
    top: 48%;
  }
  body.painful .body-part:nth-child(13) .close,
  body.painful .body-part:nth-child(14) .close,
  body.painful .body-part:nth-child(15) .close,
  body.painful .body-part:nth-child(16) .close {
    top: 14%;
  }
  body.painful .body-part:nth-child(17) .popup-content,
  body.painful .body-part:nth-child(18) .popup-content,
  body.painful .body-part:nth-child(19) .popup-content,
  body.painful .body-part:nth-child(20) .popup-content {
    top: 52%;
  }
  body.painful .body-part:nth-child(17) .close,
  body.painful .body-part:nth-child(18) .close,
  body.painful .body-part:nth-child(19) .close,
  body.painful .body-part:nth-child(20) .close {
    top: 18%;
  }
  body.painful .body-part:nth-child(21) .popup-content,
  body.painful .body-part:nth-child(22) .popup-content,
  body.painful .body-part:nth-child(23) .popup-content,
  body.painful .body-part:nth-child(24) .popup-content {
    top: 60%;
  }
  body.painful .body-part:nth-child(21) .close,
  body.painful .body-part:nth-child(22) .close,
  body.painful .body-part:nth-child(23) .close,
  body.painful .body-part:nth-child(24) .close {
    top: 26%;
  }
}
@media screen and (min-width:768px) {
  body.painful .knowledge-sec-block01 {
    padding: 85px 0 0;
  }
  body.painful .knowledge-sec-block02 {
    padding: 36px 0 0;
  }
  body.painful .nurseman-img {
    margin-left: -40px;
  }
  body.painful .knowledge-sec-block02 .block-tlt span.site-name {
    margin-bottom: 0;
  }
  body.painful .knowledge-sec-block02 .block-tlt span.site-name:before {
    width: 25px;
    height: 50px;
    top: 0px;
    left: -50px;
  }
  body.painful .knowledge-sec-block02 .block-tlt span.site-name:after {
    width: 25px;
    height: 50px;
    top: 0px;
    right: -50px;
  }
  body.painful #grid-bg {
    padding: 74px 0 109px;
  }
  body.painful .knowledge-sec-block05 {
    padding: 86px 0 0;
  }
  body.painful .popup-txt .border-line {
    padding-bottom: 20px;
  }
  body.painful .all-sec04 .recommend-txt {
    left: 51.8%;
  }
  body.painful .knowledge-sec-block06 {
    padding: 66px 0 82px;
  }
  body.painful .fav-box {
    width: 342px;
  }
  body.painful .fav-box .drop-down-content {
    margin-top: 60px !important;
    padding: 35px 22px 34px 31px;
  }
  body.painful .all-sec05 {
  padding: 20px 20px 80px;
  background: #fff;
  }
  body.painful .all-sec05 .detail-block .details-inner {
  padding: 40px 65px 12px;
  }
  body.painful .all-sec05 .detail-block .details-inner .right .body-part {
  margin-right: 18px;
  margin-bottom: 30px;
  }
  body.painful .all-sec05 .detail-block .details-inner .right .body-part:nth-child(4),
  body.painful .all-sec05 .detail-block .details-inner .right .body-part:nth-child(8) {
  margin-right: auto;
  }
  body.painful .knowledge-sec-block05 .img-block {
    width: 100%;
    padding: 40px 0;
  }
  body.painful .lick-img2 img {
    width: 330px;
  }
  body.painful .lick2-txt {
    line-height: 1.8;
    top: 36%;
    left: 37%;
    right: initial;
  }
  body.painful .anesthesia-fee-block-inner {
    margin-top: 34px;
  }
  body.painful .fee-col {
    width: 430px;
    padding: 24px 21px 29px 25px;
  }
  body.painful .doctorBox {
    width: 1080px;
    border-radius: 10px;
    position: relative;
    padding: 47px 50px;
    margin: 72px auto 57px;
  }
  body.painful .doctorBox .left {
    text-align: center;
    width: 207px;
    float: left;
    display: block;
    margin-bottom: 0;
  }
  body.painful .doctorBox .left img {
    width: 173px;
    margin-bottom: 17px;
  }
  body.painful .doctorBox .left div {
    width: auto;
  }
  body.painful .doctorBox .title {
    position: absolute;
    top: 47px;
    left: 267px;
  }
  body.painful .doctorBox .right {
    float: right;
    width: 763px;
  }
  body.painful .doctorBox .moreWrap {
    display: inline;
  }
  body.painful .doctorBox .right .sub {
    margin-top: 33px;
  }
  body.painful .doctorBox .moreDot,
  body.painful .doctorBox .cmnMore01 {
    display: none;
  }
  body.painful .anesthesia-fee-block-inner {
    margin-top: 34px;
  }
  body.painful .fee-col {
    width: 430px;
    padding: 24px 21px 29px 25px;
  }
  body.painful .fee-col-inner {
    width: auto;
  }
  body.painful .fee-col-inner.text-block {
    width: 183px;
    padding: 0;
  }
  body.painful .fee-col-inner .text-block-title {
    margin-bottom: 10px;
  }
  body.painful .hide-fee-detail {
    padding: 26px 0 0 0;
    line-height: 1.8;
  }
  body.painful .white-part-bg {
    width: 1080px;
    margin-bottom: 44px;
    padding: 46px 100px 48px;
    box-sizing: border-box;
    border-radius: 6px;
  }
}

/* kaigodatsumo */
body.kaigodatsumo section p {
  line-height: 1.8;
}
body.kaigodatsumo .dot {
  position: relative;
}
body.kaigodatsumo .dot:before {
  color: #fff;
  content: "・";
  width: 1em;
  height: 1em;
  position: absolute;
  top: -1em;
}
body.kaigodatsumo .section01 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(42px + (105 - 42) * ((100vw - 320px) / (767 - 320)));
}
body.kaigodatsumo h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.kaigodatsumo h2 span {
  vertical-align: baseline;
}
body.kaigodatsumo .section01 img {
  margin-top: 10vw;
}
body.kaigodatsumo .section02 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(42px + (105 - 42) * ((100vw - 320px) / (767 - 320)));
  background: #00a9ff;
}
body.kaigodatsumo .section02 h2 .line-ani:after {
  border-bottom: 4px solid #fff;
}
body.kaigodatsumo .section02 .white-part-bg {
  margin: 40px 0 0;
}
body.kaigodatsumo .section02 .promotion-txt-block h3 span {
  color: #ff0;
}
body.kaigodatsumo .section02 .txt-block03 {
  margin: 17% 0 0;
}
body.kaigodatsumo .section02 .white-part-bg .risktxt {
  margin: 50px 0 30px;
}
body.kaigodatsumo .section02 .gray-part-bg {
  border-radius: 0;
}
body.kaigodatsumo .section03 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(42px + (105 - 42) * ((100vw - 320px) / (767 - 320)));
}
body.kaigodatsumo .section03 .site-name {
  line-height: 1.2;
}
body.kaigodatsumo .section03 .block-tlt {
  padding-top: 40px;
}
body.kaigodatsumo .section03 .block-tlt span.site-name:before,
body.kaigodatsumo .section03 .block-tlt span.site-name:after {
  top: 10% !important;
}
body.kaigodatsumo .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body.kaigodatsumo .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body.kaigodatsumo .section04 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(42px + (105 - 42) * ((100vw - 320px) / (767 - 320)));
  background: #eef0f5 !important;
}
body.kaigodatsumo .section04 h2 {
  line-height: 1;
}
body.kaigodatsumo .section04 h2 .site-name:before,
body.kaigodatsumo .section04 h2 .site-name:after {
  top: -10px !important;
  left: -20px !important;
  width: 20px !important;
  height: 30px !important;
}
body.kaigodatsumo .section04 h2 .site-name:after {
  left: initial !important;
  right: -20px !important;
}
body.kaigodatsumo .section04 h2 .bg_white {
  background: #fff;
  padding: 4px 1em;
  border-radius: 4px;
  display: inline-block;
}
body.kaigodatsumo .section04 .lh1-4 {
  letter-spacing: -0.1em;
}
body.kaigodatsumo .section04 .p3 {
  margin-bottom: 0 !important;
}
@media screen and (max-width: 767px) {
  body.kaigodatsumo .font_20_sp {
    font-size: 2.67vw;
  }
  body.kaigodatsumo .font_22_sp {
    font-size: 2.94vw;
  }
  body.kaigodatsumo .font_31_sp {
    font-size: 4.14vw;
  }
  body.kaigodatsumo .font_35_sp {
    font-size: 4.67vw;
  }
  body.kaigodatsumo .font_40_sp {
    font-size: 5.34vw;
  }
  body.kaigodatsumo .font_46_sp {
    font-size: 6.14vw;
  }
  body.kaigodatsumo .font_48_sp {
    font-size: 6.4vw;
  }
  body.kaigodatsumo .font_52_sp {
    font-size: 6.94vw;
  }
  body.kaigodatsumo .font_69_sp {
    font-size: 9.2vw;
  }
  body.kaigodatsumo .section04 .point-mrg {
    margin-top: 80px;
  }
  body.kaigodatsumo .vio.full-plan .drop-down-content.flex .left {
    width: 64%;
  }
}
@media screen and (min-width: 768px) {
  body.kaigodatsumo .font_11_pc {
    font-size: 11px;
  }
  body.kaigodatsumo .font_22_pc {
    font-size: 22px;
  }
  body.kaigodatsumo .font_31_pc {
    font-size: 31px;
  }
  body.kaigodatsumo .font_33_pc {
    font-size: 33px;
  }
  body.kaigodatsumo .font_46_pc {
    font-size: 46px;
  }
  body.kaigodatsumo .font_49_pc {
    font-size: 49px;
  }
  body.kaigodatsumo .font_65_pc {
    font-size: 65px;
  }
  body.kaigodatsumo .section01 {
    padding-top: 72px;
    padding-bottom: 85px;
  }
  body.kaigodatsumo .section01 .know-un-block .risktxt:nth-child(1) {
    margin-top: 60px;
  }
  body.kaigodatsumo .section01 img.pc {
    width: 625px;
    display: block;
    margin: 45px auto 0;
  }
  body.kaigodatsumo .section02 {
    padding: 73px 0 60px;
  }
  body.kaigodatsumo .section02 .font_white {
    text-align: center;
  }
  body.kaigodatsumo .section02 .white-part-bg {
    padding: 50px 74px 74px;
    margin-top: 76px;
  }
  body.kaigodatsumo .section02 .txt-block03 {
    margin: 7% 0 0;
  }
  body.kaigodatsumo .section02 .promotion-txt-block {
    width: 430px;
    float: left;
  }
  body.kaigodatsumo .section02 .promotion-txt-block:nth-child(2) {
    float: right;
  }
  body.kaigodatsumo .section02 .btn a:before {
    right: 2%;
  }
  body.kaigodatsumo .section03 {
    padding-top: 72px;
    padding-bottom: 85px;
  }
  body.kaigodatsumo .section03 h2 {
    margin-bottom: 50px;
  }
  body.kaigodatsumo .youtube {
    width: 430px;
    height: 242px;
    padding-top: 0;
    margin: 0 auto;
  }
  body.kaigodatsumo .section03 .caption {
    width: 430px;
    margin: 0 auto;
  }
  body.kaigodatsumo .section04 {
    padding-top: 72px;
    padding-bottom: 85px;
  }
  body.kaigodatsumo .section04 h2 .site-name:before,
  body.kaigodatsumo .section04 h2 .site-name:after {
    top: -23px !important;
    left: -38px !important;
    width: 29px !important;
    height: 56px !important;
  }
  body.kaigodatsumo .section04 h2 .site-name:after {
    left: initial !important;
    right: -40px !important;
  }
  body.kaigodatsumo .section04 .lh1-4 {
    letter-spacing: -2px;
  }
  body.kaigodatsumo .section04.price-bust-point-block .point1-col .text {
    padding-top: 40px;
  }
  body.kaigodatsumo .full-plan .drop-down-content.flex {
    flex-wrap: nowrap;
  }
}
body.kaigodatsumo .lead {
  color: #fff;
  background: url(/img/knowledge/kaigodatsumo/bg_lead_sp.jpg) top center no-repeat;
  background-size: 100% auto;
  height: 69.34vw;
  position: relative;
  margin-top: 1.2em;
}
body.kaigodatsumo .lead .txt_midashi,
body.kaigodatsumo .lead .bg_midashi {
  position: absolute;
  top: 6.4vw;
  left: 0;
  right: 0;
  margin: 0 auto;
}
body.kaigodatsumo .lead .txt_midashi {
  font-size: 5.87vw;
  text-align: center;
  line-height: 1.25;
  padding-top: 2vw;
}
body.kaigodatsumo .lead .bg_midashi {
  background: linear-gradient(125deg, rgba(0,170,245,0.6), rgba(152,0,0,0.6));
  mix-blend-mode: multiply;
  height: 20.27vw;
}
body.kaigodatsumo .ranking {
  font-family: 'Noto Serif JP';
  font-weight: 500;
  position: absolute;
  left: 4vw;
  bottom: 4vw;
}
body.kaigodatsumo .ranking .rank1,
body.kaigodatsumo .ranking .rank2,
body.kaigodatsumo .ranking .rank3 {
  line-height: 1.2;
}
body.kaigodatsumo .ranking .rank1 {
  font-weight: 700;
}
body.kaigodatsumo .ranking .rank2,
body.kaigodatsumo .ranking .rank3 {
  font-weight: 600;
}
body.kaigodatsumo .ranking .rank2 span:nth-child(1),
body.kaigodatsumo .ranking .rank3 span:nth-child(1) {
  padding: 0 0.5vw;
}
@media screen and (min-width: 768px) {
  body.kaigodatsumo .lead {
    background: url(/img/knowledge/kaigodatsumo/bg_lead_pc.jpg) top center no-repeat;
    background-size: 100% auto;
    height: 502px;
  }
  body.kaigodatsumo .lead .txt_midashi,
  body.kaigodatsumo .lead .bg_midashi {
    top: 74px;
  }
  body.kaigodatsumo .lead .txt_midashi {
    font-size: 34px;
    line-height: 77px;
    padding-top: 0;
  }
  body.kaigodatsumo .lead .bg_midashi {
    height: 77px;
  }
  body.kaigodatsumo .ranking {
    width: 930px;
    padding-top: 205px;
    margin: 0 auto;
    position: initial;
  }
  body.kaigodatsumo .ranking .rank2 span:nth-child(1),
  body.kaigodatsumo .ranking .rank3 span:nth-child(1) {
    padding: 0 4px;
  }
}

/* athlete */
body.athlete h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.athlete .section01 {
  line-height: 1.75;
  padding-top: calc((67/750) * 100vw);
  padding-bottom: calc((93/750) * 100vw);
  line-height: 1.75;
}
body.athlete .section01 h2 {
  font-size: calc(100vw / var(--viewport) * 33);
  line-height: 1.75;
  text-align: left;
}
body.athlete .section01 .square-tlt {
  border: none;
  background: #fff;
  padding-left: 0;
}
body.athlete .section01 .square-tlt span.square {
  border: 2px solid #00A0F9;
  background: #ff0;
  color: #00A9F9;
  margin-bottom: 0;
}
body.athlete .section01 .square-tlt .txt-right {
  line-height: 1;
}
body.athlete .section01 .square-tlt span.blk-txt {
  color: #000;
  border: none;
  padding-left: 0;
}
body.athlete .section01 .lick-cmnt {
  top: 5vw;
  left: 0;
  right: 0;
  bottom: auto;
  display: flex;
  justify-content: center;
  line-height: 1.75;
}
body.athlete .section01 .lick-image img {
  width: calc(498vw / 7.5);
}
body.athlete .section02 {
  padding-top: calc((73/750) * 100vw);
  padding-bottom: calc((93/750) * 100vw);
  background: #00AAFA;
}
body.athlete .section02 .container {
  width: 84%;
  padding: 10.8% 5.46666% 6.93333%;
  border-radius: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  background: #fff;
  box-sizing: border-box;
}
body.athlete .price-bust-chr-fee-block {
  background: #00AAFA;
}
body.athlete .price-bust-chr-fee-block h2 {
  line-height: 1.8;
}
body.athlete .price-bust-chr-fee-block h2 .line-ani-after:after {
  border-color: #fff;
}
body.athlete .merit-sec04 h2 img {
  width: 78.66666vw;
}
body.athlete .merit-sec04 .round {
  height: 6.4vw;
  width: 6.4vw;
  border-radius: 50%;
  line-height: 6.4vw;
  text-align: center;
  background: #ff0;
  color: #000;
  margin-right: 2.13333%;
}
body.athlete .flex.merits {
  display: block;
}
body.athlete .merit-box {
  margin-top: 13.46666%;
}
body.athlete .merits li {
  width: 100%;
  box-sizing: border-box;
}
body.athlete .merit-list {
  display: flex;
  align-items: baseline;
  margin-bottom: 4.2vw;
}
body.athlete .merit-list h3 {
  line-height: 1.5;
}
body.athlete .merit-list-num {
  display: inline-block;
  width: calc(23px + (50 - 23) * ((100vw - 320px) / (767 - 320)));
  height: calc(23px + (50 - 23) * ((100vw - 320px) / (767 - 320)));
  padding-top: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  margin-right: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  box-sizing: border-box;
  transform: none;
  text-align: center;
  color: #00AAFA;
  border-radius: 50%;
  background: #ff0;
}
body.athlete .merit-box p {
  line-height: 1.75;
  margin-top: 5.2%;
  letter-spacing: 0.04em;
}
body.athlete .question-text h4 {
  line-height: 1.5;
}
body.athlete .menu-lists2 {
  margin-top: 2%;
  margin-left: 8.5%;
  margin-bottom: 0;
}
body.athlete .menu-lists2 li {
  width: 100%;
  padding-left: 8%;
  margin-bottom: 5%;
}
body.athlete .menu-lists2 li:before {
  background: url("/img/price/vio/merit/list-style-yellow.png") no-repeat;
  background-size: contain;
  top: -2.8vw;
}
body.athlete hr.sp-only {
  width: 100%;
  color: #646464;
  margin-top: calc((47/750) * 100vw);
}
body.athlete .section03 {
  padding-top: calc((116/750) * 100vw);
  padding-top: calc((86/750) * 100vw);
  background: #eef0f5 !important;
}
body.athlete .section03 .promotion-txt-block.txt-block01:first-of-type h3{
  margin-top: calc(99vw / 7.5);
}
body.athlete .section03 .promotion-txt-block.txt-block01 h3{
  margin-top: calc(75vw / 7.5);
}
@media screen and (max-width:767px) {
  body.athlete .price-bust-chr-fee-block h2.font-m-33-sp {
    font-size: calc(100vw / var(--viewport) * 33);
  }
}
@media screen and (min-width:768px) {
  body.athlete .section01 {
    padding-top: 94px;
    padding-bottom: 96px;
  }
  body.athlete .section01 h2 {
    font-size: 28px;
    text-align: left;
    line-height: 1.75;
  }
  body.athlete .section01 .square-tlt {
    justify-content: flex-start;
    margin-bottom: 40px;
  }
  body.athlete .section01 .square-tlt span.blk-txt {
    vertical-align: sub;
  }
  body.athlete .section01 .lick-img {
    margin-left: 0;
  }
  body.athlete .section01 .lick-cmnt {
    top: 58px;
    left: 338px;
    right: 0;
    bottom: auto;
    width: 300px;
  }
  body.athlete .section01 .lick-image, .section01 .lick-image img {
    width: 390px;
  }
  body.athlete .section01 .risktxt:first-of-type {
    margin-top: 0;
  }
  body.athlete .risktxt {
    margin-top: 47px;
  }
  body.athlete .container_pc50 {
    width: calc((100% - 69px) / 2);
  }
  body.athlete .section02 {
    padding-top: 94px;
    padding-bottom: 96px;
  }
  body.athlete .section02 .max-width {
    width: 1080px;
    margin: 0 auto;
    padding: 98px 100px 65px;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
  }
  body.athlete .section02 .container {
    width: 880px;
    max-width: 880px;
    padding: 0;
  }
  body.athlete .section02 .main-h2-ttl {
    color: #222;
    font-size: 26px;
    text-align: center;
    line-height: 1.7;
    padding: 0;
    margin: 0;
    border-bottom: none;
    transform: scale(1) rotate(0deg) translate(0px, 0px) skew(-5deg, 0deg);
  }
  body.athlete .flex.merits {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 930px;
    margin: 0 auto;
  }
  body.athlete .merit-box {
    margin-top: 58px;
  }
  body.athlete .merits li {
    width: 275px;
    margin-right: 52px;
  }
  body.athlete .merits li:nth-of-type(3) {
    margin-right: 0;
  }
  body.athlete .merit-list {
    margin-bottom: 10px;
  }
  body.athlete .merit-list-num {
    width: 30px;
    height: 30px;
    padding-top: 5px;
    margin-right: 5px;
  }
  body.athlete .merit-box p {
    line-height: 1.75;
    margin-top: 15px;
    letter-spacing: 0.04em;
  }
  body.athlete .section03 {
    padding-top: 72px;
    padding-bottom: 85px;
  }
  body.athlete .section03 .promotion-txt-block.txt-block01 h3 {
    margin-top: 68px !important;
  }
}
body.athlete .tax {
  font-weight: bold;
  text-align: center;
  margin-top: 3vw;
}
body.athlete .price-bust-chr-fee-block {
  background: #00AAFA;
}
body.athlete .price-bust-chr-fee-block .col3-cov .col3-block {
  padding: 7.2vw 3.86666vw 9.6vw;
}
body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:first-child {
  padding: 7.2vw 9.2vw 3.86666vw;
}
body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:first-child .font-oswald {
  line-height: 1;
  vertical-align: text-bottom;
}
body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .col3-block-inner {
  justify-content: center;
  text-align: center;
  border-bottom: none;
}
body.athlete .col3-block .bg-lgray {
  margin-top: 3.73333vw;
  padding: 3.333% 4%;
  line-height: 1.733;
  background: #EDEFF4;
}
body.athlete .lick-cmnt {
  line-height: 1.25;
}
@media screen and (max-width:767px) {
  body.athlete .price-bust-chr-fee-block .block-tlt .line-ani-after:after {
    bottom: 0;
    border-bottom: calc(3px + (6 - 3) * ((100vw - 320px) / (767 - 320))) solid #fff !important;
  }
  body.athlete .vio.full-plan .drop-down-content.flex .left {
    width: 64%;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .col3-block-inner {
    padding-top: 4.8vw;
    padding-bottom: calc(12px + (28 - 12) * ((100vw - 320px) / (767 - 320)));
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .col3-block-inner .span-block {
    display: block;
    line-height: 1.5;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .col3-block-inner .text-block {
    width: 100%;
  }
  body.athlete .example-img {
    margin-top: 2vw;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .blue-box-button {
    width: 100%;
    display: block;
    float: none;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .blue-box-button span {
    width: 100%;
    height: auto;
    padding: 0;
    line-height: 7.6vw;
    border-radius: 20px;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .change-ptn {
    width: 100%;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:nth-child(2) .change-ptn {
    width: 80.444%;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .change-ptn .change-ptn-inner {
    width: 100%;
    margin-top: 2.66666vw;
    padding-left: 0;
  }
  body.athlete .chr-price-text {
    float: none !important;
    width: 100% !important;
    text-align: center !important;
  }
  body.athlete .border-box-sp {
    float: none !important;
    padding-top: 4vw !important;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .change-ptn .change-ptn-inner .blue-text-box {
    border-radius: 0.53vw;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .black-link {
    width: 100%;
    margin-top: 4.26666vw;
  }
  body.athlete .lick-img {
    margin-top: 3.6vw;
  }
  body.athlete .lick-cmnt {
    right: 54%;
    bottom: 33%;
    text-align: left;
  }
  body.athlete .lick-image img {
    width: 26.4vw;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:nth-child(2) .black-link {
    width: 61.866vw;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .price-custom-pd {
    margin-top: 3%;
  }
}
@media screen and (min-width:768px) {
  body.athlete .tax {
    margin-top: 0;
    margin-bottom: 26px;
  }
  body.athlete .order {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  body.athlete .order1 {
    order: 1;
    width: 271px;
  }
  body.athlete .order2 {
    order: 2;
    width: 212px;
  }
  body.athlete .price-bust-chr-fee-block h2 .line-ani:after {
    border-bottom: 4px solid #fff !important;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block {
    padding: 42px 14px 27px 21px;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:first-child {
    width: 690px;
    padding: 42px 90px 27px 95px;
  }
  body.athlete .example {
    margin-top: 10px;
  }
  body.athlete .example-img {
    margin-top: 14px;
  }
  body.athlete .col3-block .bg-lgray {
    margin-top: 14px;
    padding: 14px;
    border-radius: 5px;
    line-height: 1.625;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:first-child .blue-box-button span {
    width: 100%;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .blue-box-button span {
    border-radius: 5px;
    margin: 0 auto;
    width: 247px;
  }
  body.athlete .chr-price-text {
    margin-top: 5px !important;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .blue-text-box {
    margin-top: 10px;
    margin-bottom: 16px;
    width: 269px;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:nth-child(2) .blue-text-box {
    margin-top: 16px;
    margin-left: 0;
    margin-bottom: 15px;
    width: 245px;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block:first-child .tax {
    margin-top: 36px;
    margin-bottom: 0;
    text-align: left;
  }
  body.athlete .flex-cv {
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
  }
  body.athlete .flex-cv div:first-child {
    margin-left: 144px;
  }
  body.athlete .lick-img {
    margin-left: 30px;
  }
  body.athlete .lick-cmnt {
    width: 90px;
    right: 30px;
    bottom: 20px;
    text-align: left;
  }
  body.athlete .lick-image {
    width: 100px;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block .price-custom-pd {
    margin-top: 30px;
  }
  body.athlete .price-bust-chr-fee-block .col3-cov .col3-block p.line-ani:after {
    bottom: -7px;
  }
  body.athlete .price-bust-chr-fee-block .middle-text {
    margin-bottom: 13px;
  }
  body.athlete .price-bust-chr-fee-block .gray-icon-block span {
    padding: 10px 0;
  }
}

/* senior */
body.senior h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.senior section p {
  line-height: 1.625;
}
body.senior .lead {
  color: #fff;
  background: url(/img/knowledge/senior/bg_lead_sp.jpg) top center no-repeat;
  background-size: 100% auto;
  height: 69.34vw;
  position: relative;
  margin-top: 1.2em;
}
body.senior .lead .bg_lead {
  position: absolute;
  top: calc(126/750 * 100vw);
  right: calc(36/750 * 100vw);
  background: linear-gradient(125deg, rgba(0,170,245,0.6), rgba(152,0,0,0.6));
  mix-blend-mode: multiply;
  width: calc(413/750 * 100vw);
  height: calc(277/750 * 100vw);
}
body.senior .lead .mv_lead {
  position: absolute;
  top: calc(159/750 * 100vw);
  left: calc(343/750 * 100vw);
}
body.senior .section01 {
  padding-top: calc((67/750) * 100vw);
  padding-bottom: calc((93/750) * 100vw);
}
body.senior .section02 {
  padding-top: calc((73/750) * 100vw);
  padding-bottom: calc((93/750) * 100vw);
  background: #00AAFA;
}
body.senior .section02 .container {
  width: 84%;
  padding: 10.8% 5.46666% 6.93333%;
  border-radius: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  background: #fff;
  box-sizing: border-box;
}
body.senior .section02 .question-text {
  margin: calc((56/750) * 100vw) auto calc((68/750) * 100vw);
}
body.senior .section02 .container_pc50:first-of-type .question-text {
  margin-top: calc((44/750) * 100vw);
}
body.senior .section02 .question-text span {
  background: url(/img/common/q_bg_yellow.png) no-repeat;
  background-size: contain;
}
body.senior .section02 .question-text-period {
  color: #898989;
  margin-top: 3%;
}
body.senior .question-cmt {
  margin-top: calc((54/750) * 100vw);
  line-height: 1.769;
}
body.senior hr.sp-only {
  width: 100%;
  color: #646464;
  margin-top: calc((47/750) * 100vw);
}
body.senior .section03 {
  padding-top: calc((116/750) * 100vw);
  padding-top: calc((86/750) * 100vw);
  background: #eef0f5 !important;
}
body.senior .section03 h2 .site-name:before,
body.senior .section03 h2 .site-name:after {
  top: -10px !important;
  left: -20px !important;
  width: 20px !important;
  height: 30px !important;
}
body.senior .section03 h2 .site-name:after {
  left: initial !important;
  right: -20px !important;
}
body.senior .price-bust-point-block .block-tlt .line-ani:after {
  border-bottom: 4px solid #00aafa;
}
body.senior .section03 .point-mrg {
  margin: calc((77/750) * 100vw) auto calc((110/750) * 100vw);
}
body.senior .section03 .point1-col {
  margin-top: calc((49/750) * 100vw);
  margin-bottom: 0 !important;
}
body.senior .section03 .point1-col:first-of-type {
  margin-top: 0;
}
body.senior .youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
body.senior .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
body.senior .link-gray {
  margin-top: 4%;
}
body.senior .link-gray a {
  color: #898989;
  text-decoration: underline;
}
@media screen and (max-width:767px) {
  body.senior .price-bust-point-block .block-tlt .line-ani {
    display: inline;
  }
}
@media screen and (min-width:768px) {
  body.senior .link-gray {
    width: 430px;
    margin: 20px auto 0;
  }
  body.senior .lead {
    color: #fff;
    background: url(/img/knowledge/senior/bg_lead_pc.jpg) top center no-repeat;
    background-size: 100% auto;
    height: 502px;
  }
  body.senior .lead_inner {
    width: 1200px;
    height: 502px;
    margin: 0 auto;
    position: relative;
  }
  body.senior .lead .bg_lead {
    top: 115px;
    right: 15px;
    width: 428px;
    height: 272px;
  }
  body.senior .lead .mv_lead {
    top: 146px;
    left: 797px;
    line-height: 1.78125;
  }
  body.senior .section01 .container {
    max-width: 930px;
  }
  body.senior .risktxt {
    margin-top: 47px;
  }
  body.senior .container_pc50 {
    width: calc((100% - 69px) / 2);
  }
  body.senior .section01 {
    padding-top: 94px;
    padding-bottom: 96px;
  }
  body.senior .section02 {
    padding-top: 94px;
    padding-bottom: 96px;
  }
  body.senior .section02 .max-width {
    width: 1080px;
    margin: 0 auto;
    padding: 98px 100px 65px;
    background: #fff;
    border-radius: 3px;
    box-sizing: border-box;
  }
  body.senior .section02 .container {
    width: 880px;
    max-width: 880px;
    padding: 0;
  }
  body.senior .section02 .question-text,
  body.senior .section02 .container_pc50:first-of-type .question-text {
    margin: 57px auto 36px;
  }
  body.senior .section02 .question-text-period {
    margin-top: 5px;
  }
  body.senior .question-cmt {
    margin-top: 35px;
  }
  body.senior .section03 {
    padding-top: 72px;
    padding-bottom: 85px;
  }
  body.senior .section03 h2 .site-name:before,
  body.senior .section03 h2 .site-name:after {
    top: -23px !important;
    left: -38px !important;
    width: 29px !important;
    height: 56px !important;
  }
  body.senior .section03 h2 .site-name:after {
    left: initial !important;
    right: -40px !important;
  }
  body.senior .section03 h2 .line-ani:after {
    bottom: 3px;
  }
  body.senior .section03 .point-mrg {
    margin: 52px auto 81px;
  }
  body.senior .section03 .point1-col {
    margin-top: 0;
  }
  body.senior .section03.price-bust-point-block .point1-col .text {
    padding-top: 40px;
  }
  body.senior .youtube {
    width: 430px;
    height: 242px;
    padding-top: 0;
    margin: 0 auto;
  }
}

/* count */
body.count h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.count h2 span {
  vertical-align: baseline;
}
body.count .mens-pie1 {
  text-align: center;
  margin: -1em auto 1em;
}
body.count .mens-pie1 + p {
  line-height: 1.5;
}
body.count .section01 {
  padding: calc(65/750 * 100vw) 0 0;
}
body.count .section01 h2 {
  font-size: calc(100vw / var(--viewport) * 33);
  text-align: left;
  line-height: 1.73;
}
body.count .section01 .square-tlt span.square {
  border: 2px solid #00A0F9;
  background: #ff0;
  color: #00A9F9;
  margin-bottom: 0;
  padding: 0;
  text-align: center;
  line-height: 1.375;
}
body.count .square-tlt {
  padding: 0;
}
body.count .section01 .square-tlt .blk_txt {
  color: #222;
}
body.count .section02 {
  padding: 10.66666% 0 8.06666%;
  background: #fff;
}
body.count .section02 .main-width {
  background: #EEF0F5;
}
body.count .section02 .main-width {
  width: 84%;
  padding: 6% 5.46666% 6.93333%;
  border-radius: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  background: #EEF0F5;
  box-sizing: border-box;
}
body.count .section02 .flex {
  display: block;
}
body.count .section02 h3 {
  margin-bottom: 3.26666vw;
  line-height: 1.5;
}
body.count .section02 .question-text {
  text-align: center;
  justify-content: center;
  align-items: flex-start;
}
body.count .pie-area-period {
  margin-top: 4%;
  line-height: 1.5;
  font-size: 1.33333vw;
  text-align: center;
}
body.count .checkpoint-txt {
  margin-top: 8%;
  padding: 4%;
  border-radius: 7px;
  line-height: 1.75;
  box-sizing: border-box;
}
body.count #grid-bg.section03 {
  padding: calc(88/750 * 100vw) 0 calc(96/750 * 100vw);
}
body.count .section03 .container{
  padding: 10.8% 5.46666% 6.93333%;
  background: #fff;
  border-radius: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  box-sizing: border-box;
}
body.count .heading-cube {
  line-height: 1;
  position: relative;
  border-bottom: calc(3px + (7 - 3) * ((100vw - 320px) / (767 - 320))) solid #00aafa;
  margin: 18% auto 9%;
}
body.count .heading-cube span {
  position: absolute;
  top: calc(-15px + (-26 + 15) * ((100vw - 320px) / (767 - 320)));
  left: 50%;
  padding: 3% 3% 3%;
  transform: translateX(-50%);
  text-align: center;
  color: #ff0;
  border-radius: 50px;
  background: #00aafa;
  width: 63%;
  box-sizing: border-box;
}
body.count .section04 {
  padding: calc(81/750 * 100vw) 0 calc(114/750 * 100vw);
  background: #EEF0F5;
}
body.count .section04 .inner-contents-sp {
  width: calc(550/750 * 100vw);
  margin: 0 auto;
}
body.count .section04 .flex {
  flex-wrap: wrap;
  justify-content: flex-start;
}
body.count .section04 .flex__box {
  width: 100%;
  line-height: 1.8;
}
body.count .section04 .flex__box .graph {
  display: block;
  margin: 0 auto;
}
body.count .section04 .flex__box .h4 {
  margin-top: 2.5em;
  margin-bottom: 1em;
}
body.count .section04 .ttl-ellipse {
  margin: calc(41/750 * 100vw) auto calc(32/750 * 100vw);
  color: #FFFF00;
}
body.count .section04 .ttl-ellipse:first-child {
  margin: calc(56/750 * 100vw) auto calc(32/750 * 100vw);
}
body.count .section04 .arrow-triangle {
  margin-top: calc(39/750 * 100vw);
}
body.count .section04 .box-contents .ttl-ellipse {
  margin: calc(46/750 * 100vw) auto calc(32/750 * 100vw);
  color: #00AAFA;
  background: #EEF0F5;
}
body.count .section04 .box-contents .flex__box:nth-child(2){
  margin-top: calc(70/750 * 100vw)
}
body.count .section05 h2 {
  line-height: 1;
}
body.count .section05 .point-block-cov {
  margin-top: calc(165/750 * 100vw);
  background: #00AAFA;
}
body.count .section05 .point-block-cov .btn {
  margin-top: calc(29/750 * 100vw);
}
body.count .price-bust-point-block .point1-col {
  margin-bottom: calc(121/750 * 100vw);
}
body.count .section05 h2.block-tlt .upper-circle {
  letter-spacing: -0.2em;
}
body.count .box-contents {
  margin: calc(93/750 * 100vw) 0 0;
  padding: calc(47/750 * 100vw) calc(38/750 * 100vw) calc(92/750 * 100vw);
  background: #fff;
  border-radius: calc(3px + (8 - 3) * ((100vw - 320px) / (767 - 320)));

}
body.count .box-contents .link {
  color: #222;
  text-decoration: underline;
}
@media screen and (max-width:767px) {
  body.count .section01 .square-tlt span.square {
    width: 10vw;
    height: 10vw;
  }
  body.count .section03 .flex_pc .flex_pc-img {
    text-align: center;
  }
}
@media screen and (min-width:768px) {
  body.count .know_count .container {
    max-width: 880px;
  }
  body.count .section01 {
    padding: 48px 0 0;
  }
  body.count .section01 h2 {
    font-size: 28px;
    display: table;
    margin: 0 auto;
  }
  body.count .section01 .square-tlt span.square {
    width: 58px;
    height: 58px;
  }
  body.count .square-tlt {
    justify-content: flex-start;
    margin: 18px 0 0;
  }
  body.count .section02 {
    padding: 48px 0 62px;
  }
  body.count .section02 .main-width {
    width: 880px;
    padding: 32px 20px 28px;
    border-radius: 12px;
  }
  body.count .section02 .flex {
    display: flex;
    flex-wrap: wrap;
  }
  body.count .section02 .pie-area-left {
    width: 280px;
  }
  body.count .section02 .pie-area-right {
    width: 518px;
  }
  body.count .section02 h3 {
    margin-bottom: 8px;
    letter-spacing: -0.02em;
  }
  body.count .section02 .question-text span {
    width: 24px;
    margin-right: 6px;
    padding: 10px 0 20px;
  }
  body.count .pie-area-period {
    margin-top: 15px;
    font-size: 10px;
  }
  body.count #grid-bg.section03 {
    padding: 65px 0;
  }
  body.count .section03 .container {
    width: 880px;
    padding: 46px 45px 57px 50px;
  }
  body.count .section03 .flex_pc {
    justify-content: space-between;
  }
  body.count .section03 .know-un-block {
    margin-top: 60px;
  }
  body.count .heading-cube {
    border-bottom: 5px solid #00aafa;
    margin: 67px auto;
  }
  body.count .heading-cube span {
    top: -21px;
    padding: 14px 40px;
    width: 28%;
  }
  body.count .section03 .checkpoint-txt {
    width: 440px;
    margin: 0;
    padding: 0;
  }
  body.count .section04 {
    padding: 84px 0 76px;
  }
  body.count .know_count .section04 .container {
    max-width: 1080px;
  }
  body.count .section04 .inner-contents-sp {
    width: auto;
  }
  body.count .section04 .flex.area_topic {
    width: 880px;
    margin: 25px auto 0;
  }
  body.count .section04 .area_topic .flex__box:nth-child(2) {
    width: 560px;
  }
  body.count .section04 .flex {
    width: 1080px;
    margin-top: 20px;
  }
  body.count .section04 .flex.second {
    display: block;
    width: 880px;
    margin: 20px auto 0;
  }
  body.count .section04 .flex.second .flex__box {
    width: 100%;
  }
  body.count .section04 .flex.second a:hover {
    text-decoration: none !important;
  }
  body.count .section04 .flex__box {
    width: 315px;
  }
  body.count .flex__box.know-un-block {
    width: 315px;
  }
  body.count .section04 .flex__box .arrow-triangle {
    margin: 0 23px;
  }
  body.count .section04 .arrow-triangle {
    margin-top: 186px;
  }
  body.count .box-contents {
    width: 880px;
    margin: 71px auto 0;
    padding: 38px 48px;
    box-sizing: border-box;
    border-radius: 12px;
  }
  body.count .section04 .ttl-ellipse:first-child,
  body.count .section04 .ttl-ellipse {
    margin: 35px auto 23px;
    padding: 12px;
  }
  body.count .section04 .box-contents .ttl-ellipse {
    margin: 0 auto 23px;
  }
  body.count .section04 .box-contents .flex {
    width: 100%;
    justify-content: space-between;
  }
  body.count .section04 .box-contents .flex__box {
    width: 372px;
  }
  body.count .section04 .box-contents .flex__box:nth-child(2) {
    margin-top: -15px;
  }
  body.count .section04 .box-contents .icon_topic {
    text-align: left;
  }
  body.count .know_count .section05 .container {
    max-width: 1080px;
  }
  body.count .section05.price-bust-point-block {
    background: #00aafa;
  }
  body.count .section05.price-bust-point-block .point1-col {
    margin-bottom: 0;
  }
  body.count .section05 .point-block-cov {
    margin-top: 110px;
  }
  body.count .section05 .point-block-cov .btn {
    width: 288px;
    padding-left: 0;
  }
  body.count .section05 .point-block-cov .p1 .btn {
    margin-top: 145px;
  }
  body.count .section05 .point-block-cov .p2 .btn {
    margin-top: 116px;
  }
  body.count .section05 .point-block-cov .p3 .btn {
    margin-top: 30px;
  }
}

/* mechanism */
body.mechanism h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.mechanism h2 span {
  vertical-align: baseline;
}
body.mechanism .knowledge-sec-block01,
body.mechanism .knowledge-sec-block02 {
  padding: 40px 0;
}
body.mechanism .txt-block01,
body.mechanism .txt-block02 {
  margin-top: 7%;
  margin-bottom: 7%;
}
body.mechanism .txt-block01 {
  padding-bottom: 40px;
}
body.mechanism .lick-img2 {
  position: relative;
  margin-top: 30px;
  margin-bottom: 30px;
}
body.mechanism .lick-cmnt {
  position: absolute;
  right: calc(92px + (303 - 92) * ((100vw - 320px) / (767 - 320)));
  bottom: calc(24px + (30 - 24) * ((100vw - 320px) / (767 - 320)));
  line-height: 1.5;
  color: #fff;
}
body.mechanism .lick-image {
  width: calc(275px + (400 - 275) * ((100vw - 320px) / (767 - 320)));
  max-width: 400px;
  margin: 0 auto;
}
body.mechanism .btn {
  width: 100%;
  padding-left: 0;
  margin: 60px 0 0 0;
}
body.mechanism .txt-block03 {
  margin: 7% 0;
}
body.mechanism .txt-block04 {
  margin: 7% 0 2% 0;
}
body.mechanism .btn.detail-btn {
  width: calc(216px + (520 - 216) * ((100vw - 320px) / (767 - 320)));
  padding-left: 0;
  margin: 20px auto;
}
body.mechanism .price-bust-point-block .block-tlt span.site-name:before,
body.mechanism .price-bust-point-block .block-tlt span.site-name:after {
  top: -10px;
  height: 70px;
}
body.mechanism .mecanismhige .price-bust-point-block {
  padding: 5px 0 76px;
}
body.mechanism .mecanismhige h2 {
  line-height: 1;
}
body.mechanism .mecanismhige .block-tlt span.site-name:before {
  top: -10px;
  left: -20px;
  width: 20px;
  height: 30px;
}
body.mechanism .mecanismhige .block-tlt span.site-name:after {
  top: -10px;
  right: -20px;
  width: 20px;
  height: 30px;
}
  body.mechanism .price-bust-point-block h3 {
    line-height: 1.7;
  }
body.mechanism .mecanismhige .white-text-box {
  padding: 35px 25px;
  margin-right: 0;
}
body.mechanism .mecanismhige .point1-col.lastcol {
  margin-bottom: 0;
}
@media screen and (min-width:768px) {
  body.mechanism .lick-cmnt {
    position: absolute;
    right: 505px;
    bottom: 45px;
    line-height: 1.5;
    color: #fff;
  }
  body.mechanism .lick-image {
    width: 400px;
  }
  body.mechanism .mecanismhige h2 {
    margin-top: 100px;
  }
  body.mechanism .mecanismhige .point-block-cov {
    flex-wrap: wrap;
  }
  body.mechanism .mecanismhige .white-text-box {
    width: 525px;
  }
  body.mechanism .mecanismhige .white-text-box:nth-child(3) {
    margin-top: 30px;
  }
  body.mechanism .btn {
    width: 288px;
    margin: 60px auto;
  }
  body.mechanism .risktxt.medio {
    margin-top: 40px;
  }
  body.mechanism .white-text-box:nth-child(1) .risktxt.medio img {
    max-width: 42.8%;
  }
  body.mechanism .white-text-box .risktxt.medio img {
    max-width: 35%;
  }
  body.mechanism .btn.detail-btn {
    width: 299px;
  }
}

/* mediostar */
body.mediostar h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.mediostar h2 span {
  vertical-align: baseline;
}
body.mediostar h2 .line-ani-after:after {
  border-width: 4px;
  bottom: 0;
}
body.mediostar .mt20 {
  margin-top: 20px;
}
body.mediostar .link {
  color:#969696;
  text-decoration:underline;
}
body.mediostar .medio img {
  max-width: 100%;
}
body.mediostar .know-un-block .se-th,
body.mediostar .know-un-block .se-td {
  vertical-align: top;
}
body.mediostar .know-un-block .se-th {
  white-space: nowrap;
}
body.mediostar .lick-cmnt {
  right: calc(35px + (220 - 35) * ((100vw - 320px) / (767 - 320)));
  bottom: calc(184px + (250 - 184) * ((100vw - 320px) / (767 - 320)));
}
body.mediostar #know-list .lick-img2 .wd-img {
  width: calc(250px + (330 - 250) * ((100vw - 320px) / (767 - 320)));
}
body.mediostar #know-list .lick-img2 img {
  display: block;
  max-width: 100%;
  padding-top: 60px;
  margin: 0 auto;
}
body.mediostar .price-bust-point-block h2 {
  line-height: 1;
}
body.mediostar .all-sec-new {
  padding: 70px 0 0;
}
@media screen and (min-width:768px) {
  body.mediostar h2 {
    font-size: 34px;
  }
  body.mediostar .lick-cmnt {
    right: 438px;
    bottom: 250px;
  }
  body.mediostar #know-list .lick-img2 .wd-img {
    width: 930px;
  }
  body.mediostar #know-list .lick-img2 img {
    max-width: 330px;
  }
  body.mediostar .price-bust-point-block {
    padding: 50px 0 70px;
  }
  body.mediostar .price-bust-point-block h2 {
    margin-top: 100px;
  }
  body.mediostar .title-pad {
    padding-bottom: 65px;
  }
  body.mediostar .flex_btn3clm {
    display: flex;
  }
}

/* lasya */
body.lasya h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.lasya h2 span {
  vertical-align: baseline;
}
body.lasya h2 .line-ani-after:after {
  border-width: 4px;
  bottom: 0;
}
body.lasya .mt20 {
  margin-top: 20px;
}
body.lasya .link {
 color:#969696;
 text-decoration:underline;
}
body.lasya .medio img {
  max-width: 100%;
}
body.lasya .know-un-block .se-th,
body.lasya .know-un-block .se-td {
  vertical-align: top;
}
body.lasya .know-un-block .se-th {
  white-space: nowrap;
}
body.lasya .price-bust-point-block h2 {
  line-height: 1;
}
body.lasya .all-sec-new {
  padding: 70px 0 0;
}
@media screen and (min-width:768px) {
  body.lasya h2 {
    font-size: 34px;
  }
  body.lasya .price-bust-point-block {
    padding: 50px 0 70px;
  }
  body.lasya .price-bust-point-block h2 {
    margin-top: 100px;
  }
  body.lasya .price-bust-point-block .white-text-box {
    width: 525px;
  }
  body.lasya .title-pad {
    padding-bottom: 65px;
  }
  body.lasya .flex_btn3clm {
    display: flex;
  }
}

/* skincare */
body.skincare h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.skincare h2 span {
  vertical-align: baseline;
}
body.skincare h2 .line-ani-after:after {
  border-width: 4px;
  bottom: calc(-5px + (-10 + 5) * ((100vw - 320px) / (767 - 320)));
}
body.skincare .txt-block03 {
  margin: 17% 0;
}
body.skincare .btn.detail-btn {
  margin: 0 auto 20px;
}
@media screen and (min-width:768px) {
  body.skincare .knowledge-sec-block01 .main-h2-ttl {
    color: #222;
    font-weight: bold;
    text-align: center;
    line-height: 1.7;
  }
  body.skincare .txt-block03 {
    margin: 7% 0;
  }
}

/* inbu */
body.inbu section p {
  line-height: 1.8;
}
body.inbu h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.inbu h2 span {
  vertical-align: baseline;
}
body.inbu h2 .line-ani-after:after {
  border-width: 4px;
  bottom: calc(-5px + (-10 + 5) * ((100vw - 320px) / (767 - 320)));
}
body.inbu .section01 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(42px + (105 - 42) * ((100vw - 320px) / (767 - 320)));
}
body.inbu .section01 .image {
  margin-top: 30px;
}
body.inbu .section01 .image .left .left,
body.inbu .section01 .image .left .right {
  font-size: 3.1vw;
  font-weight: bold;
  text-align: center;
  width: 50%;
  display: inline-block;
}
body.inbu .section01 .image .left .left img {
  margin-bottom: 14px;
}
body.inbu .section01 .image .left .right img {
  margin-bottom: 0;
}
body.inbu .section01 .image .left .caption {
  margin-top: 2em;
}
body.inbu .lick-img2 img {
  display: block;
  width: 200px;
  max-width: 240px;
  margin: 0 auto;
}
body.inbu .lick-img2 p {
  color: #fff;
  letter-spacing: -0.05em;
  max-width: 930px;
  margin: 0 auto;
}
body.inbu .lick-cmnt7 {
  right: 35px;
  bottom: -90px;
}
body.inbu .section01 .image .left .left {
  float: left;
}
body.inbu .section01 .image .left .right {
  float: right;
}
body.inbu .section02 h2 .line-ani:after {
  border-color: #fff;
}
body.inbu .section02 .textBox {
  font-weight: bold;
  margin-top: 30px;
}
body.inbu .section02 .textBox .font-m-24 {
  color: #fff;
}
body.inbu .section02 .textBox .description-txt {
  margin-top: 1em;
}
body.inbu .section03 {
  background: #eef0f5;
  padding: 70px 0;
}
body.inbu .fav-box .drop-down-content h3 {
  padding-bottom: 4px !important;
}
body.inbu .section02 .risktxt {
  margin-top: calc(16px + (47 - 16) * ((100vw - 320px) / (767 - 320)));
}
body.inbu .line-title span,
body.inbu .line-title:after {
  background: #00aafa;
}
body.inbu .swiper-slide {
  height: auto;
}
body.inbu .swiper-slide .max-width {
  background: #fff;
  width: 100%;
  border-radius: 4px;
  padding: calc(27px + (53 - 27) * ((100vw - 320px) / (767 - 320))) calc(22px + (58 - 22) * ((100vw - 320px) / (767 - 320)));
  box-sizing: border-box;
  height: 100%; /*高さを揃えない場合は削除*/
}
body.inbu .swiper-slide .container {
  width: 100%;
}
body.inbu .swiper-slide h3 + div {
  font-size: 2.8vw;
  font-weight: bold;
  display: table;
  margin: 0 auto;
}
body.inbu .swiper-slide h3 + div p:before {
  content: "";
  background: url(/img/knowledge/common/list-style-yellow.png) left center no-repeat;
  background-size: 100% auto;
  display: inline-block;
  width: 28px;
  height: 28px;
  vertical-align: baseline;
}
body.inbu .fav-box {
  max-width: 525px;
  margin: 0 auto;
}
body.inbu .fav-box .drop-down-content {
  border-radius: 4px !important;
  padding: 35px 25px !important;
}
body.inbu .swiper-blue-slider {
  background: #eef0f5;
  padding-top: calc(25px + (50 - 25) * ((100vw - 320px) / (767 - 320)));
  padding-bottom: calc(30px + (60 - 30) * ((100vw - 320px) / (767 - 320)));
}
body.inbu .swiper-pagination {
  left: 0 !important;
}
body.inbu .swiper-pagination-bullet {
  width: calc(7px + (16 - 7) * ((100vw - 320px) / (767 - 320)));
  height: calc(7px + (16 - 7) * ((100vw - 320px) / (767 - 320)));
}
body.inbu .section04 {
  padding: 70px 0 0;
}
body.inbu .section04 ul {
  display: flex;
  flex-wrap: wrap;
  flex-direction: row;
}
body.inbu .section04 li {
  font-size: 3vw;
  font-weight: bold;
  width: 50%;
  padding: 0 5vw;
  margin-top: 10vw;
  box-sizing: border-box;
}
body.inbu .section04 li img {
  width: 80%;
  margin: 0 auto 0.5em;
}
@media screen and (max-width:767px) {
  body.inbu .section01 .image .left .left img,
  body.inbu .section01 .image .left .right img {
    height: 113px;
  }
  body.inbu .flex {
    flex-direction: column;
  }
  body.inbu .fav-box .drop-down-content {
    margin-top: 40px !important;
  }
  body.inbu .fav-box .drop-down-content.first {
    margin-top: calc(25px + (50 - 25) * ((100vw - 320px) / (767 - 320))) !important;
  }
}
@media screen and (min-width:768px) {
  body.inbu h2 {
    font-size: 34px;
  }
  body.inbu .section01 {
    padding-top: 72px;
    padding-bottom: 85px;
  }
  body.inbu .section01 .image {
    margin-top: 60px;
  }
  body.inbu .section01 .image > .left {
    width: 450px;
    padding-left: 150px;
    box-sizing: content-box;
  }
  body.inbu .section01 .image > .right {
    padding-right: 150px;
    margin-top: -55px;
  }
  body.inbu .section01 .left {
    float: left;
  }
  body.inbu .section01 .right {
    float: right;
  }
  body.inbu .section01 .image .left .left,
  body.inbu .section01 .image .left .right {
    font-size: 16px;
  }
  body.inbu .section01 .image .left .left img,
  body.inbu .section01 .image .left .right img {
    width: 160px;
  }
  body.inbu .section02 .risktxt {
    margin-top: 30px;
  }
  body.inbu .lick-img2 img {
    width: 240px;
  }
  body.inbu .lick-img2 p {
    letter-spacing: 0 !important;
  }
  body.inbu .lick-cmnt7 {
    right: 44px;
    bottom: -100px;
  }
  body.inbu .fav-box {
    width: 525px;
    margin: 0;
  }
  body.inbu .fav-box .drop-down-content {
    margin-top: 30px;
  }
  body.inbu .fav-box .drop-down-content h3 {
    padding-top: 0;
  }
  body.inbu .swiper-blue-slider {
    padding-bottom: 50px;
  }
  body.inbu .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
  }
  body.inbu .swiper-slide .max-width {
    padding: 53px 40px 60px;
  }
  body.inbu .swiper-slide h3 + div {
    font-size: 16px;
  }
  body.inbu .section04 h2 img {
    width: 407px;
  }
  body.inbu .section04 li {
    font-size: 16px;
    width: 33%;
    padding: 0 20px;
    margin-top: 60px;
  }
  body.inbu .section04 li img {
    width: 100%;
  }
  body.inbu .section04 li p {
    padding: 0 32px;
  }
}

/* hige-pain-relief */
body.hige-pain-relief .section01 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
}
body.hige-pain-relief .section01 .lead {
  font-size: 4.5vw;
  margin-bottom: 1.5em;
}
body.hige-pain-relief .section01 .lead span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-pain-relief .bg_ranking {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  background: #000;
  border-radius: 5px;
  padding: 2px 0.8em;
}
body.hige-pain-relief .bg_ranking span {
  color: #ff0;
}
body.hige-pain-relief .section02 {
  margin-top: 15.4666vw;
}
body.hige-pain-relief .section02 h3 {
  margin-bottom: 5.4666vw;
}
body.hige-pain-relief .section02 img {
  margin: 5.3333vw 0 3.5866vw;
}
body.hige-pain-relief .section02 li p {
  line-height: 1.6666;
}
body.hige-pain-relief .section02 li {
  margin-top: 9vw;
}
body.hige-pain-relief .section02 li:nth-child(1) {
  margin-top: 0;
}
body.hige-pain-relief .section02 .caution {
  margin-top: 8.4vw;
}
body.hige-pain-relief .section03 {
  margin-top: 15.4666vw;
}
body.hige-pain-relief .section03 h3 {
  margin-bottom: 5.4666vw;
}
body.hige-pain-relief .section03 img {
  margin-bottom: 3.5866vw;
}
body.hige-pain-relief .section04 h2 {
  margin-top: 22.6666vw;
}
body.hige-pain-relief .section04 .midashi {
  font-size: 4.5333vw;
  font-weight: bold;
  margin-top: 8.3vw;
}
body.hige-pain-relief .section04 .midashi span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-pain-relief .section05 h2 {
  margin-top: 22.6666vw;
}
body.hige-pain-relief .section05 h3 {
  margin-bottom: 4.8vw;
}
body.hige-pain-relief .section05 img {
  margin: 8vw 0 3.8666vw;
}
body.hige-pain-relief .section05 .midashi {
  font-weight: bold;
}
body.hige-pain-relief .section05 .midashi span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-pain-relief .section05 h3.second {
  margin-top: 16.72vw;
}
body.hige-pain-relief .section05 li {
  margin-top: 7.8vw;
}
body.hige-pain-relief .section05 li:nth-child(1) {
  margin-top: 0;
}
body.hige-pain-relief .section06 h2 {
  margin-top: 22.6666vw;
}
body.hige-pain-relief .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.hige-pain-relief .btn_area a {
  text-align: center;
  width: 78.6666vw;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
@media screen and (min-width:768px) {
  body.hige-pain-relief .section01 {
    padding-top: 85px;
  }
  body.hige-pain-relief .section01 .lead {
    font-size: 22px;
    margin-bottom: 30px;
  }
  body.hige-pain-relief .bg_ranking {
    font-size: 19px;
    padding: 3px 14px;
  }
  body.hige-pain-relief .section02 {
    margin-top: 83px;
  }
  body.hige-pain-relief .section02 h3 {
    font-size: 22px;
    margin-bottom: 36px;
  }
  body.hige-pain-relief .section02 li {
    width: 290px;
    float: left;
    margin-top: 0;
    margin-right: 55px;
  }
  body.hige-pain-relief .section02 li:last-child {
    margin-right: 0;
  }
  body.hige-pain-relief .section02 img {
    margin: 20px 0;
  }
  body.hige-pain-relief .section02 .caution {
    font-size: 12px;
    margin-top: 40px;
  }
  body.hige-pain-relief .section03 {
    margin-top: 84px;
  }
  body.hige-pain-relief .section03 h3 {
    font-size: 22px;
    margin-bottom: 36px;
  }
  body.hige-pain-relief .section03 img {
    width: 462px;
    float: left;
  }
  body.hige-pain-relief .section03 p {
    padding-left: 485px;
  }
  body.hige-pain-relief .section04 h2 {
    margin-top: 115px;
  }
  body.hige-pain-relief .section04 .midashi {
    font-size: 19px;
    margin-top: 36px;
  }
  body.hige-pain-relief .section05 h2 {
    margin-top: 115px;
  }
  body.hige-pain-relief .section05 h3 {
    font-size: 22px;
    margin-bottom: 24px;
  }
  body.hige-pain-relief .section05 .lead span {
    font-size: 19px;
    margin-right: 1em;
    vertical-align: baseline;
  }
  body.hige-pain-relief .section05 .left,
  body.hige-pain-relief .section05 .right {
    width: 462px;
  }
  body.hige-pain-relief .section05 .left {
    float: left;
  }
  body.hige-pain-relief .section05 .right {
    float: right;
  }
  body.hige-pain-relief .section05 img {
    margin: 28px 0 20px;
  }
  body.hige-pain-relief .section05 h3.second {
    margin-top: 82px;
  }
  body.hige-pain-relief .section05 .midashi {
    font-size: 19px;
  }
  body.hige-pain-relief .section05 li {
    width: 290px;
    float: left;
    margin-top: 0;
    margin-right: 55px;
  }
  body.hige-pain-relief .section05 li:last-child {
    margin-right: 0;
  }
  body.hige-pain-relief .section06 h2 {
    margin-top: 115px;
  }
  body.hige-pain-relief .btn_area {
    margin-top: 86px;
  }
  body.hige-pain-relief .btn_area a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
}

/*hige-anesthesia*/
body.hige-anesthesia .section01 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
}
body.hige-anesthesia .section01 .lead {
  font-size: 4.5vw;
  margin-bottom: 1.5em;
}
body.hige-anesthesia .section01 .lead span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-anesthesia .section01 h3 {
  margin-top: 8vw;
  margin-bottom: 0.5em;
}
body.hige-anesthesia .section01 .ttl_aco {
  font-size: 4.2666vw;
  font-weight: bold;
  line-height: 7.4666vw;
  text-align: center;
  color: #fff;
  background: #00aafa;
  padding: 1em 7.4666vw 1em 0;
  position: relative;
  margin: 4px -6% 0;
}
body.hige-anesthesia .section01 .body_aco {
  padding-top: 5vw;
}
body.hige-anesthesia .section01 .ttl_aco img {
  width: 7.4666vw;
  transform:rotate(90deg);
  position: absolute;
  right: 5.3333%;
}
body.hige-anesthesia .section01 .ttl_aco.active img {
  transform:rotate(-90deg);
}
body.hige-anesthesia .section01 .cf > div p {
  margin-bottom: 5vw;
}
body.hige-anesthesia .section01 .body_aco .body_aco {
  padding: 5.3333vw 0 8vw;
}
body.hige-anesthesia .section01 .body_aco .first.inner {
  padding-bottom: 8vw;
}
body.hige-anesthesia .section02 .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.hige-anesthesia .section02 img {
  margin-bottom: 4.4vw;
}
body.hige-anesthesia .section02 .title span {
  color: #ff0;
}
body.hige-anesthesia .section02 h3.second,
body.hige-anesthesia .section03 h3.second {
  margin-top: 8vw;
  margin-bottom: 5.4666vw;
}
body.hige-anesthesia .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.hige-anesthesia .btn_area a {
  text-align: center;
  width: 78.6666vw;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
@media screen and (max-width:767px) {
  body.hige-anesthesia .section02 li {
    margin-top: 10.6666vw;
  }
  body.hige-anesthesia .section02 li:nth-child(1) {
    margin-top: 0;
  }
}
@media screen and (min-width:768px) {
  body.hige-anesthesia .section01 {
    padding-top: 85px;
  }
  body.hige-anesthesia .section01 .cf > img {
    width: 462px;
    float: left;
  }
  body.hige-anesthesia .section01 .cf > div {
    width: 494px;
    float: right;
  }
  body.hige-anesthesia .section01 .cf.imgRight img {
    float: right;
  }
  body.hige-anesthesia .section01 .cf.imgRight > div {
    float: left;
  }
  body.hige-anesthesia .section01 .lead {
    font-size: 22px;
    margin-bottom: 30px;
  }
  body.hige-anesthesia .section01 h3 {
    margin-top: 83px;
  }
  body.hige-anesthesia .section01 .ttl_aco {
    font-size: 19px;
    line-height: 1;
    width: 494px;
    padding: 22px 0;
    margin: 15px auto 0;
    border-radius: 10px;
  }
  body.hige-anesthesia .section01 .ttl_aco:hover {
    opacity: 0.8;
  }
  body.hige-anesthesia .section01 .ttl_aco img {
    width: 28px;
    top: 50%;
    right: 40px;
    margin-top: -14px;
  }
  body.hige-anesthesia .section01 .cf > div p {
    margin-bottom: 1em;
  }
  body.hige-anesthesia .section01 .body_aco {
    padding: 24px 0 36px;
  }
  body.hige-anesthesia .section02 h2 {
    margin-top: 115px;
  }
  body.hige-anesthesia .section02 li {
    width: 290px;
    float: left;
    margin-right: 55px;
  }
  body.hige-anesthesia .section02 li:last-child {
    margin-right: 0;
  }
  body.hige-anesthesia .section02 .title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.hige-anesthesia .section02 img {
    margin-bottom: 20px;
  }
  body.hige-anesthesia .section02 h3,
  body.hige-anesthesia .section03 h3 {
    font-size: 22px;
    margin-bottom: 36px;
  }
  body.hige-anesthesia .section02 h3.second,
  body.hige-anesthesia .section03 h3.second {
    margin-top: 83px;
    margin-bottom: 36px;
  }
  body.hige-anesthesia .section03 h2 {
    margin-top: 115px;
  }
  body.hige-anesthesia .btn_area {
    margin-top: 86px;
  }
  body.hige-anesthesia .btn_area a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
}

/* hige-risk-care */
body.hige-risk-care .section01 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
}
body.hige-risk-care .section02 .ttl_aco {
  font-size: 4.2666vw;
  font-weight: bold;
  line-height: 7.4666vw;
  text-align: center;
  background: #00aafa;
  padding: 1em 7.4666vw 1em 0;
  margin-top: 4px;
  position: relative;
}
body.hige-risk-care .section02 .ttl_aco img {
  width: 7.4666vw;
  transform:rotate(90deg);
  position: absolute;
  right: 5.3333%;
}
body.hige-risk-care .section02 .ttl_aco.active img {
  transform:rotate(-90deg);
}
body.hige-risk-care .section02 .body_aco {
  padding: 5.3333vw 0 8vw;
}
body.hige-risk-care .section02 .body_aco.last {
  padding-bottom: 0;
}
body.hige-risk-care .section02 .body_aco h2 {
  margin-top: 4.1733vw;
}
body.hige-risk-care .section02 .cf img {
  margin-bottom: 3.5866vw;
}
body.hige-risk-care .section02 .h3 {
  font-weight: bold;
  margin-top: 7vw;
  margin-bottom: 4.8vw;
}
body.hige-risk-care .section03 h2 {
  margin-top: 22.6666vw;
}
body.hige-risk-care .section03 ul {
  margin-top: 1em;
}
body.hige-risk-care .section03 li .title {
  font-weight: bold;
  margin-bottom: 0.8em;
}
body.hige-risk-care .section03 dl {
  border-bottom: 1px solid #000;
}
body.hige-risk-care .section03 dt span {
  color: #fff;
  font-weight: bold;
  text-align: center;
  line-height: 31px;
  float: left;
  clear: both;
  width: 41%;
  background: #000;
  border-radius: 5px;
  margin: 4.3vw 0;
}
body.hige-risk-care .section03 dd {
  line-height: 1;
  width: 55.3%;
  float: right;
  padding: 4.3vw 0;
}
body.hige-risk-care .section03 dd img {
  height: 31px;
}
body.hige-risk-care .section03 li {
  margin-top: 12.48vw;
}
body.hige-risk-care .section03 li.first {
  margin-top: 0;
}
body.hige-risk-care .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.hige-risk-care .btn_area a {
  text-align: center;
  width: 78.6666vw;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
@media screen and (min-width:768px) {
  body.hige-risk-care .section01 {
    padding-top: 85px;
    padding-bottom: 60px;
  }
  body.hige-risk-care .section02 {
    width: 980px;
    margin: 0 auto;
  }
  body.hige-risk-care .section02 .ttl_aco {
    font-size: 19px;
    line-height: 1;
    width: 692px;
    padding: 22px 0;
    margin: 15px auto 0;
    border-radius: 10px;
  }
  body.hige-risk-care .section02 .ttl_aco:hover {
    opacity: 0.8;
  }
  body.hige-risk-care .section02 .ttl_aco img {
    width: 28px;
    top: 50%;
    right: 40px;
    margin-top: -14px;
  }
  body.hige-risk-care .section02 .body_aco {
    padding: 33px 0 60px;
  }
  body.hige-risk-care .section02 .body_aco h2 {
    margin-top: 33px;
  }
  body.hige-risk-care .section02 .cf img {
    width: 462px;
    float: left;
    margin-bottom: 0;
  }
  body.hige-risk-care .section02 .cf p {
    width: 494px;
    float: right;
  }
  body.hige-risk-care .section02 .h3 {
    margin-top: 30px;
    margin-bottom: 24px;
  }
  body.hige-risk-care .section02 .body_aco .body_aco {
    padding: 24px 0 36px;
  }
  body.hige-risk-care .section02 .body_aco .body_aco:last-child {
    padding-bottom: 0;
  }
  body.hige-risk-care .section03 h2 {
    margin-top: 115px;
  }
  body.hige-risk-care .section03 ul {
    width: 980px;
    margin: 1em auto 0;
  }
  body.hige-risk-care .section03 li {
    width: 462px;
    float: left;
    margin-top: 69px;
  }
  body.hige-risk-care .section03 li:nth-child(1),
  body.hige-risk-care .section03 li:nth-child(2) {
    margin-top: 65px;
  }
  body.hige-risk-care .section03 li:nth-child(2n) {
    float: right;
  }
  body.hige-risk-care .section03 li .img {
    background: #F4F2F2;
    height: 250px;
  }
  body.hige-risk-care .section03 li .img img {
    height: 100%;
    display: block;
    margin: 0 auto;
  }
  body.hige-risk-care .section03 dt span {
    width: 190px;
    margin: 22px 0;
  }
  body.hige-risk-care .section03 dd {
    width: 257px;
    padding: 22px 0;
  }
  body.hige-risk-care .btn_area {
    margin-top: 86px;
  }
  body.hige-risk-care .btn_area a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
}

/* hige-regret */
body.hige-regret .section02 h2,
body.hige-regret .section03 h2 {
  margin-top: 22.6666vw;
}
body.hige-regret .section02 .lead {
  font-size: 4.5vw;
  margin-top: 8vw;
  margin-bottom: 0.5em;
}
body.hige-regret .section02 .lead.first {
  margin-top: 0;
}
body.hige-regret .section02 .lead span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-regret .section02 img {
  margin-bottom: 3.5866vw;
}
body.hige-regret .section03 .midashi {
  font-weight: bold;
  margin-top: 7.8vw;
}
body.hige-regret .section03 .midashi.first {
  margin-top: 0;
}
body.hige-regret .link a {
  width: 75vw;
  text-align: center;
  padding: 2.4vw 3vw 2.4vw 0;
}
@media screen and (min-width:768px) {
  body.hige-regret .section02 h2,
  body.hige-regret .section03 h2 {
    margin-top: 115px;
  }
  body.hige-regret .section02 .lead {
    font-size: 22px;
    margin-top: 28px;
    margin-bottom: 30px;
  }
  body.hige-regret .section02 img {
    margin-bottom: 0;
  }
  body.hige-regret .section02 .cf img {
    width: 462px;
    float: left;
  }
  body.hige-regret .section02 .cf p {
    padding-left: 485px;
  }
  body.hige-regret .section03 .midashi,
  body.hige-regret .section03 .midashi.first {
    font-size: 19px;
    margin-top: 36px;
  }
  body.hige-regret .section03 .cf img {
    width: 462px;
    float: left;
  }
  body.hige-regret .section03 .cf p {
    padding-left: 485px;
  }
  body.hige-regret .link a {
    text-align: left;
    width: 300px;
    padding: 9px 0 9px 18px;
    margin: 19px 0 16px auto;
  }
}

/* hige-acne */
body.hige-acne #container {
  padding-bottom: 0;
}
body.hige-acne .section01 {
  padding-top: calc(45px + (110 - 45) * ((100vw - 320px) / (767 - 320)));
}
body.hige-acne .section01 .lead {
  font-size: 4.5vw;
  margin-bottom: 1.5em;
}
body.hige-acne .section01 .lead span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-acne .section01 .midashi {
  font-weight: bold;
  margin-top: 7.8vw;
}
body.hige-acne .txt-block03 {
  margin: 17% 0;
}
body.hige-acne .btn.detail-btn {
  margin: 0 auto 20px;
}
body.hige-acne .section02 h2 {
  margin-top: 22.6666vw;
}
body.hige-acne .section02 .midashi {
  font-size: 4.5333vw;
  font-weight: bold;
  margin-bottom: 5vw;
}
body.hige-acne .section02 .midashi span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.hige-acne .section02 .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.hige-acne .section02 .title span {
  color: #ff0;
}
body.hige-acne .section02 li {
  margin-top: 10.6666vw;
}
body.hige-acne .section02 li:nth-child(1) {
  margin-top: 5.4666vw;
}
body.hige-acne .section02 img {
  margin-bottom: 4.4vw;
}
body.hige-acne .section02 .midashi.second {
  margin-top: 8.2666vw;
}
body.hige-acne .section03 {
  background: #f0f0f0;
  padding-bottom: 20vw;
  margin-top: 18vw;
}
body.hige-acne .section03 img {
  height: auto;
}
body.hige-acne .balloon .midashi img {
  margin-left: 2%;
}
body.hige-acne .section03 .title {
  color: #000;
  font-size: 6.4vw;
  text-align: center;
  border-bottom: none;
  padding: 10.48vw 0;
  margin-bottom: 0;
}
body.hige-acne .section03 .box {
  font-size: .24rem;
  text-align: left;
  background: #fff;
  width: 100%;
  padding: 8% 5.3333% 5.3333%;
  border-radius: 2.133333333333vw;
  position: relative;
}
body.hige-acne .section03 .box:after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -10.4vw;
  border: 10.4vw solid transparent;
  border-top: 6.66666vw solid #fff;
}
body.hige-acne .section03 .box .title {
  font-size: initial;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #00aafa;
  border-radius: 8px;
  line-height: 9.333333333333333vw;
  padding: 0;
  margin-bottom: 5.3333vw;
}
body.hige-acne .section03 .box .imgBox {
  margin-bottom: 5.3333vw;
  border-radius: 5px;
  overflow: hidden;
}
body.hige-acne .section03 .box .leftBox {
  float: left;
}
body.hige-acne .section03 .balloon {
  position: relative;
  display: inline-block;
  padding: 5.466667vw 2.8vw;
  width: 100%;
  background: #eef0f1;
  border-radius: 8px;
}
body.hige-acne .section03 .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 12px solid #eef0f1;
}
body.hige-acne .section03 .balloon .midashi {
  font-size: calc(100vw / var(--viewport) * 30);
  font-weight: bold;
  text-align: center;
  margin-left: 2%;
}
body.hige-acne .section03 .balloon p {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: 6%;
}
body.hige-acne .section03 .balloon span {
  font-size: calc(100vw / var(--viewport) * 32);
  vertical-align: sub;
  display: inline-block;
}
body.hige-acne .section03 .balloon span.price {
  font-size: calc(100vw / var(--viewport) * 100);
  font-weight: normal;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: -0.02em;
  vertical-align: middle;
  margin: 0 0.08rem;
}
body.hige-acne .section03 .balloon span.yen {
  vertical-align: bottom;
  line-height: 2;
}
body.hige-acne .section03 .price_flex {
  display: flex;
  font-size: .30rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  margin: 8% auto 0;
  justify-content: space-around;
  border-bottom: 2px solid #000;
  width: 80%;
  align-items: baseline;
}
body.hige-acne .section03 .price_box {
  white-space: nowrap;
  font-size: 24px;
}
body.hige-acne .section03 .price_box span.rl {
  font-size: calc(100vw / var(--viewport) * 30);
  vertical-align: baseline;
  line-height: 0.8;
}
body.hige-acne .section03 .price_flex span.price {
  font-family: 'Bebas Neue', sans-serif;
  font-size: calc(100vw / var(--viewport) * 125);
  font-weight: normal;
  color: #f00;
  letter-spacing: -0.02rem;
  vertical-align: baseline;
  line-height: 0.9;
  display: inline-block;
  padding: 0 0.8vw;
}
body.hige-acne .section03 .price_flex .round {
  color: #000;
  font-size: calc(100vw / var(--viewport) * 26);
  line-height: 1.15;
  text-align: center;
  width: 18vw;
  height: 6vw;
  padding: 1.4vw 1vw;
  color: #fff;
  background: #00aafa;
  border-radius: 1vw;
  margin: 0 0 0 1vw;
}
body.hige-acne .section03 .price_flex .round span {
  font-size: calc(100vw / var(--viewport) * 26);
}
body.hige-acne .section03 .box .caption {
  font-size: calc(100vw / var(--viewport) * 24);
  font-weight: bold;
  margin-top: 1em;
}
body.hige-acne .btn_area {
  color: #00aafa;
  font-weight: bold;
  text-align: center;
  margin-top: 19.2vw;
}
body.hige-acne .btn_area a {
  text-align: center;
  width: 78.6666vw;
  padding: 6.1333vw 0;
  margin: 0.5em auto 0;
}
@media screen and (min-width:768px) {
  body.hige-acne .section01 {
    padding-top: 85px;
  }
  body.hige-acne .section01 .lead {
    font-size: 22px;
    margin-bottom: 1em;
  }
  body.hige-acne .section01 .midashi {
    font-size: 19px;
    margin-top: 36px;
  }
  body.hige-acne .section02 h2 {
    margin-top: 115px;
  }
  body.hige-acne .section02 .midashi {
    font-size: 22px;
    margin-bottom: 1em;
  }
  body.hige-acne .section02 li {
    width: 290px;
    float: left;
    margin-top: 36px;
    margin-right: 55px;
  }
  body.hige-acne .section02 li:nth-child(1) {
    margin-top: 36px;
  }
  body.hige-acne .section02 ul.second li {
    margin-top: 70px;
  }
  body.hige-acne .section02 li:last-child {
    margin-right: 0;
  }
  body.hige-acne .section02 .title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.hige-acne .section02 img {
    margin-bottom: 20px;
  }
  body.hige-acne .section02 .midashi.second {
    margin-top: 68px;
  }
  body.hige-acne .txt-block03 {
    margin: 7% 0;
  }
  body.hige-acne .section03 {
    width: 980px;
    padding-bottom: 34px;
    margin: 80px auto 0;
    border-radius: 10px;
  }
  body.hige-acne .section03 .title {
    font-size: 26px;
    padding: 34px 0;
  }
  body.hige-acne .section03 .inner {
    padding: 0 40px;
  }
  body.hige-acne .section03 .box {
    padding: 26px 48px;
    border-radius: 8px;
  }
  body.hige-acne .section03 .box .title {
    font-size: 17px;
    line-height: 43px;
    width: 458px;
    border-radius: 5px;
    margin: 0 auto 21px;
  }
  body.hige-acne .section03 .box .imgBox {
    width: 410px;
    float: left;
    margin-bottom: 0;
    padding: 8px 20px;
    background: #F0F0F0;
  }
  body.hige-acne .section03 .imgBox + div {
    width: 347px;
    float: right;
  }
  body.hige-acne .section03 .balloon {
    padding: 15px;
    border-radius: 5px;
  }
  body.hige-acne .section03 .balloon .midashi {
    font-size: 15px;
  }
  body.hige-acne .section03 .balloon img {
    /* margin: 15px 0 20px; */
  }
  body.hige-acne .section03 .balloon span {
    font-size: 22px;
  }
  body.hige-acne .section03 .balloon span.price {
    font-size: 60px;
  }
  body.hige-acne .section03 .box .balloon span.price {
    margin: 0 8px;
  }
  body.hige-acne .section03 .price_flex {
    display: inline-flex;
    padding-left: 8px;
    padding-bottom: 6px;
    margin-top: 26px;
    width: 100%;
  }
  body.hige-acne .section03 .price_box span.rl {
    font-size: 26px;
  }
  body.hige-acne .section03 .price_flex span.price {
    font-size: 76px;
    letter-spacing: -0.03rem;
    padding: 0 4px;
  }
  body.hige-acne .section03 .price_flex .round {
    font-size: 18px;
    width: 100px;
    height: 30px;
    padding: 5px 0 0;
    margin: 0;
    border-radius: 4px;
  }
  body.hige-acne .section03 .price_flex .round span {
    font-size: 18px;
  }
  body.hige-acne .section03 .box .caption {
    font-size: 14px;
  }
  body.hige-acne .section03 .box .caption span {
    font-size: 12px;
  }
  body.hige-acne .section03 .btn_area {
    margin-top: 53px;
  }
  body.hige-acne .section03 .box:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -45px;
    border: 45px solid transparent;
    border-top: 34px solid #fff;
  }
  body.hige-acne .btn_area {
    margin-top: 86px;
  }
  body.hige-acne .btn_area a {
    width: 272px;
    padding: 17px;
    margin: 10px auto 0;
  }
}

/* hige-number-of-treatments */
body.hige-number-of-treatments h2 {
  margin-top: 22.6666vw;
}
body.hige-number-of-treatments h3 {
  font-size: 5vw;
}
body.hige-number-of-treatments .link a {
  width: 75vw;
}
body.hige-number-of-treatments .section-block__title {
  font-size: 4.4vw;
}
body.hige-number-of-treatments table {
  border: 3px solid #000;
  margin: 0 auto;
}
body.hige-number-of-treatments table thead td {
  font-weight: bold;
  background: #d9d9d9;
}
body.hige-number-of-treatments table th,
body.hige-number-of-treatments table td {
  text-align: center;
  line-height: 1.5;
  vertical-align: middle;
  border: 1px solid #000;
  padding: 0.5em 1em;
}
body.hige-number-of-treatments .link a {
  text-align: center;
  padding: 2.4vw 0;
}
body.hige-number-of-treatments .btn_area.secondary {
  margin-top: 2em;
}
body.hige-number-of-treatments .link.secondary a {
  margin-top: 0;
}
body.hige-number-of-treatments .section03 .small {
  font-size: 85%;
}
@media screen and (min-width:768px) {
  body.hige-number-of-treatments h2 {
    margin-top: 115px;
  }
  body.hige-number-of-treatments h3 {
    font-size: 22px;
  }
  body.hige-number-of-treatments .link a {
    width: 300px;
  }
  body.hige-number-of-treatments .link a {
    width: 300px;
    padding: 9px 0;
    margin: 19px 0 16px auto;
  }
  body.hige-number-of-treatments .link.secondary {
    margin-top: -20px;
  }
}

/* vio-benefits */
body.vio-benefits .yellow {
  color: #ff0;
}
body.vio-benefits h2 {
  color: #000;
  line-height: 1.75;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.vio-benefits .merit-sec02 {
  background: #00AAFA;
}
body.vio-benefits .merit-sec01 {
  background: #fff;
  padding: 12.4% 0 8.93333%;
  line-height: 1.75;
}
body.vio-benefits .merit-sec01 .square-tlt {
  border: none;
  background: #fff;
  padding-left: 0;
  line-height: 1.75;
}
body.vio-benefits .merit-sec01 .square-tlt span.square {
  border: 2px solid #00A0F9;
  background: #ff0;
  color: #00A9F9;
}
body.vio-benefits .merit-sec01 .square-tlt span.blk-txt {
  color: #000;
  border: none;
  padding-left: 0;
}
body.vio-benefits .lick-cmnt {
  left: 7.33333vw;
  bottom: 8.33333vw;
  display: table;
  line-height: 1.75;
}
body.vio-benefits .lick-image {
  max-width: 100%;
}
body.vio-benefits .merit-sec02 {
  padding: 12.8% 0 0;
}
body.vio-benefits .merit-sec02 h2 {
  text-align: center;
  line-height: 1;
  letter-spacing: -0.02em;
}
body.vio-benefits .merit-sec02 .col-2-img-txt h2 {
  margin-bottom: calc(25px + (60 - 25) * ((100vw - 320px) / (767 - 320)));
}
body.vio-benefits .merit-sec02 .col-2-img-txt h2 img {
  width: calc(119px + (280 - 119) * ((100vw - 320px) / (767 - 320)));
}
body.vio-benefits .merit-sec02 .block-tlt .upper-circle {
  color: #ff0 !important;
  letter-spacing: -0.2em;
}
body.vio-benefits .melit-lists li {
  display: flex;
  align-items: center;
  letter-spacing: -0.06em;
  margin-top: 2%;
}
body.vio-benefits .melit-lists li .round {
  height: 6.4vw;
  width: 6.4vw;
  border-radius: 50%;
  line-height: 6.4vw;
  text-align: center;
  background: #fff;
  color: #000;
  margin-right: 2.13333%;
}
body.vio-benefits .melit-lists li .round.font-oswald {
  transform: none;
}
body.vio-benefits .merit-sec03 {
  background: #00AAFA;
  padding: 10.66666% 0 8.06666%;
}
body.vio-benefits .merit-sec03 .main-width {
  width: 84%;
  padding: 10.8% 5.46666% 6.93333%;
  border-radius: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  background: #fff;
  box-sizing: border-box;
}
body.vio-benefits .merit-sec03 h3 {
  margin-bottom: 3.26666vw;
  line-height: 1.5;
}
body.vio-benefits .merit-sec03-period {
  text-align: center;
}
body.vio-benefits .merit-sec03 .flex {
  display: block;
}
body.vio-benefits .merit-sec03-box1 {
  margin-top: 6.66666%;
  line-height: 1.75;
}
body.vio-benefits .merit-sec03-box1 .right {
  margin-top: 3.8%;
}
body.vio-benefits .merit-sec03 .heading, .merit-sec03 .heading_pink {
  background: #41c1fd;
  color: #fff;
  margin-top: 7.73333vw;
  padding: 1.33333vw 0;
  border-radius: calc(2.5px + (5 - 2.5) * ((100vw - 320px) / (767 - 320)));
}
body.vio-benefits .merit-sec03 .heading_pink {
  background: #FEA0CB;
  margin-top: 17.33333vw;
}
body.vio-benefits .merit-sec03 .question-text {
  margin-top: 6.4vw;
  align-items: flex-start;
}
body.vio-benefitshr.sp-only {
  color: #707070;
  margin-top: 8%;
}
body.vio-benefits .question-text span {
  background: url(/img/common/q_bg_yellow.png)no-repeat;
  background-size: contain;
}
body.vio-benefits .question-text span.mi-txt {
  width: 100%;
  background: none;
  padding: 0;
  margin-right: 0;
  text-align: left;
  color: #000;
}
body.vio-benefits .merit-sec04 {
  background: #eef0f5;
  padding: 6.4% 0 9.06666%;
}
body.vio-benefits .merit-sec04 h2 {
  text-align: center;
  line-height: 1;
}
body.vio-benefits .merit-sec04 h2 img {
  width: 78.66666vw;
}
body.vio-benefits .merit-sec04 .round {
  height: 6.4vw;
  width: 6.4vw;
  border-radius: 50%;
  line-height: 6.4vw;
  text-align: center;
  background: #ff0;
  color: #000;
  margin-right: 2.13333%;
}
body.vio-benefits .flex.merits {
  display: block;
}
body.vio-benefits .merit-box {
  margin-top: 13.46666%;
}
body.vio-benefits .merits li {
  width: 100%;
  box-sizing: border-box;
}
body.vio-benefits .merit-list {
  display: flex;
  align-items: baseline;
  margin-bottom: 4.2vw;
}
body.vio-benefits .merit-list h3 {
  line-height: 1.5;
}
body.vio-benefits .merit-list-num {
  display: inline-block;
  width: 30px;
  height: 30px;
  padding-top: 5px;
  margin-right: 27px;
  box-sizing: border-box;
  transform: none;
  text-align: center;
  color: #000;
  border-radius: 50%;
  background: #ff0;
}
body.vio-benefits .merit-box p {
  line-height: 1.75;
  margin-top: 5.2%;
  letter-spacing: 0.04em;
}
body.vio-benefits .question-text h4 {
  line-height: 1.5;
}
body.vio-benefits .menu-lists2 {
  margin-top: 2%;
  margin-left: 8.5%;
  margin-bottom: 0;
}
body.vio-benefits .menu-lists2 li {
  width: 100%;
  padding-left: 8%;
  margin-bottom: 5%;
}
body.vio-benefits .menu-lists2 li:before {
  background: url("/img/price/vio/merit/list-style-yellow.png") no-repeat;
  background-size: contain;
  top: -2.8vw;
}
body.vio-benefits .check-box {
  background: #EEF0F5;
  position: relative;
  margin-top: 14vw;
  padding: 6.4vw 0 4.53333vw 4vw;
  line-height: 1.75;
}
body.vio-benefits .check-box::before {
  content: "";
  position: absolute;
  background: #EEF0F5;
  width: 22.4vw;
  height: 22.4vw;
  top: -6vw;
  left: 0;
  right: 0;
  text-align: center;
  margin: 0 auto;
  border-radius: 50%;
}
body.vio-benefits .check-box .check-heading {
  transform: none;
  line-height: 1;
  text-align: center;
  position: absolute;
  top: -5%;
  left: 0;
  right: 0;
}
body.vio-benefits .check-box .yellow-box p {
  display: inline-block;
  width: calc(38px + (90 - 38) * ((100vw - 320px) / (767 - 320)));
  margin: 0 calc(-1px + (-5 + 1) * ((100vw - 320px) / (767 - 320)));
  line-height: 1;
  background: #ff0;
  text-align: center;
  vertical-align: baseline;
}
body.vio-benefits .checkpoint-txt {
  margin-top: 4.4%;
  line-height: 1.75;
}
@media screen and (max-width:767px) {
  body.vio-benefits #grid-bg {
    padding: 0;
  }
  body.vio-benefits .breadcrumb ul li {
    font-size: calc(11px + (25 - 11) * ((100vw - 320px) / (767 - 320)));
  }
  body.vio-benefits .all-inner {
    width: 100%;
    padding-top: calc(26px + (64 - 26) * ((100vw - 320px) / (767 - 320)));
  }
  body.vio-benefits .price-main-visual img {
    width: 100%;
  }
  body.vio-benefits .block-tlt .upper-circle:before {
    top: -8px;
    left: 50%;
    width: 6px;
    height: 6px;
  }
  body.vio-benefits .merit-list-num {
    width: calc(23px + (50 - 23) * ((100vw - 320px) / (767 - 320)));
    height: calc(23px + (50 - 23) * ((100vw - 320px) / (767 - 320)));
    padding-top: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
    margin-right: calc(5px + (10 - 5) * ((100vw - 320px) / (767 - 320)));
  }
}
@media screen and (min-width:768px) {
  body.vio-benefits h2 {
    font-size: 36px;
  }
  body.vio-benefits .merit-sec01 {
    padding: 81px 0 50px;
  }
  body.vio-benefits .merit-sec01 .container {
    max-width: 880px;
  }
  body.vio-benefits .merit-sec01 .flex-pc {
    display: flex;
    align-items: baseline;
  }
  body.vio-benefits .merit-sec01 .square-tlt {
    margin-left: 5px;
    margin-bottom: 40px;
    padding-left: 0;
    align-items: baseline;
  }
  body.vio-benefits .merit-sec01 .square-tlt span.blk-txt {
    padding-left: 0;
  }
  body.vio-benefits .lick-img {
    margin: 30px auto 0;
    width: 390px;
  }
  body.vio-benefits .lick-cmnt {
    left: 22px;
    right: 0;
    bottom: 36px;
    display: table;
    line-height: 1.75;
  }
  body.vio-benefits .merit-sec02 {
    padding: 70px 0 0;
  }
  body.vio-benefits .merit-sec02 .col-2-img-txt h2 {
    margin-bottom: 47px;
  }
  body.vio-benefits .merit-sec02 .col-2-img-txt h2 img {
    width: 229px;
  }
  body.vio-benefits .col-2-img-txt h2 {
    margin-bottom: 47px;
  }
  body.vio-benefits .col-2-img-txt h2 img {
    width: 229px;
  }
  body.vio-benefits .melit-lists {
    display: table;
    margin: 0 auto;
  }
  body.vio-benefits .melit-lists li {
    letter-spacing: 0;
    margin-top: 12px;
  }
  body.vio-benefits .melit-lists li .round {
    width: 40px;
    height: 40px;
    line-height: 40px;
    margin-right: 13px;
  }
  body.vio-benefits .merit-sec03 {
    padding: 70px 0 88px;
  }
  body.vio-benefits .merit-sec03 .main-width {
    width: 1080px;
    padding: 98px 100px 65px;
    border-radius: 3px;
  }
  body.vio-benefits .merit-sec03 h3 {
    margin-bottom: 8px;
  }
  body.vio-benefits .merit-sec03-period {
    text-align: right;
  }
  body.vio-benefits .merit-sec03 .flex {
    display: flex;
    flex-wrap: wrap;
  }
  body.vio-benefits .merit-sec03-box1 {
    margin-top: 28px;
  }
  body.vio-benefits .merit-sec03-box1.flex {
    align-items: center;
    justify-content: center;
    padding: 0px 42px 0 64px;
  }
  body.vio-benefits .merit-sec03-box1 .left {
    margin-right: 33px;
  }
  body.vio-benefits .merit-sec03-box1 .left img {
    width: 330px;
  }
  body.vio-benefits .merit-sec03-box1 .right {
    width: 50%;
  }
  body.vio-benefits .merit-sec03 .question-text {
    margin-top: 50px;
  }
  body.vio-benefits .question-text span {
    padding: 10px 0 20px;
  }
  body.vio-benefits .merit-sec03 .heading,
  body.vio-benefits .merit-sec03 .heading_pink {
    margin-top: 50px;
    padding: 5px 0;
    border-radius: 3px;
  }
  body.vio-benefits .merit-sec03 .heading_pink {
    margin-top: 77px;
  }
  body.vio-benefits .merit-sec03 .pie-area-left,
  body.vio-benefits .merit-sec03 .pie-area-right {
    width: 50%;
  }
  body.vio-benefits .pie-check-area {
    display: flex;
    align-items: center;
    margin-top: 50px;
  }
  body.vio-benefits .pie-check-area .left {
    width: 440px;
    margin-right: 38px;
  }
  body.vio-benefits .pie-check-area .right {
    width: 380px;
  }
  body.vio-benefits .check-box {
    margin-top: 45px;
    padding: 22px 0 32px 26px;
    line-height: 2.3;
    width: 440px;
    box-sizing: border-box;
  }
  body.vio-benefits .check-box::before {
    width: 95px;
    height: 95px;
    top: -35px;
    left: 0;
    right: 0;
    text-align: center;
    margin: 0 auto;
  }
  body.vio-benefits .check-box .yellow-box p {
    width: 75px;
    margin: 0 -6px;
    line-height: 1;
    background: #ff0;
  }
  body.vio-benefits .check-box .yellow-box p .ml-minus {
    margin-left: 0;
  }
  body.vio-benefits .menu-lists2 {
    margin-top: 10px;
    margin-left: 0;
    margin-bottom: 0;
    padding-left: 0;
  }
  body.vio-benefits .menu-lists2 li {
    margin-bottom: 18px;
    padding-left: 0;
    text-align: center;
    line-height: 1;
  }
  body.vio-benefits .menu-lists2 li:before {
    width: 33px;
    height: 38px;
    top: -10px;
    left: 25px;
  }
  body.vio-benefits .merit-sec04 {
    padding: 78px 0 76px;
  }
  body.vio-benefits .merit-sec04 h2 img {
    width: 407px;
  }
  body.vio-benefits .flex.merits {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    width: 910px;
    margin: 0 auto;
  }
  body.vio-benefits .merit-box {
    margin-top: 70px;
  }
  body.vio-benefits .merits li {
    width: 275px;
    margin-right: 42px;
  }
  body.vio-benefits .merits li:nth-child(3) {
    margin-right: 0;
  }
  body.vio-benefits .merits li:nth-child(4) {
    margin-top: 30px;
  }
  body.vio-benefits .merits li:nth-child(5) {
    margin-top: 30px;
  }
  body.vio-benefits .merit-list {
    margin-bottom: 10px;
  }
  body.vio-benefits .merit-list-num {
    margin-right: 5px;
  }
  body.vio-benefits .merit-box p {
    line-height: 1.75;
    margin-top: 15px;
    letter-spacing: 0.04em;
  }
}

/* skin-irritation */
body.skin-irritation .price-bust-block02 {
  background: #fff;
}
body.skin-irritation .price-bust-block02 h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.skin-irritation .risk-all-sec-new {
  padding: 40px 0 0;
}
body.skin-irritation .risk-all-sec-new h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.skin-irritation .risk-all-sec-new h2 span {
  vertical-align: baseline;
}
@media screen and (min-width:768px) {
  body.skin-irritation .risk-all-sec-new {
    padding: 70px 0 0;
  }
}

/* folliculitis */
body.folliculitis h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.folliculitis .price-bust-block02 {
  background: #fff;
}
body.folliculitis .risk-all-sec-new {
  padding: 40px 0 0;
}
body.folliculitis .risk-all-sec-new h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.folliculitis .risk-all-sec-new h2 span {
  vertical-align: baseline;
}
@media screen and (min-width:768px) {
  body.folliculitis .risk-all-sec-new {
    padding: 70px 0 0;
  }
}

/* burns */
body.burns .price-bust-block02 {
  background: #fff;
}
body.burns .price-bust-block02 h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.burns .risk-all-sec-new {
  padding: 40px 0 0;
}
body.burns .risk-all-sec-new h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.burns .risk-all-sec-new h2 span {
  vertical-align: baseline;
}
@media screen and (min-width:768px) {
  body.burns .risk-all-sec-new {
    padding: 70px 0 0;
  }
}

/* hair-removal-miss */
body.hair-removal-miss h2 {
  color: #222;
  text-align: center;
  line-height: 1;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.hair-removal-miss .price-bust-block02 {
  background: #fff;
}
body.hair-removal-miss .risk-all-sec-new {
  padding: 40px 0 0;
}
body.hair-removal-miss .risk-all-sec-new h2 {
  line-height: 1;
}
@media screen and (min-width:768px) {
  body.hair-removal-miss .price-bust-point-block .point1-col {
    width: 1080px;
    margin-right: 0;
    padding: 32px 100px;
  }
}

/* acne */

/*acne*/
body.acne h2 {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0;
  border-bottom: none;
}
body.acne h2 span {
  vertical-align: baseline;
}
body.acne .txt-block03 {
  margin: 17% 0;
}
body.acne .btn.detail-btn {
  margin: 0 auto 20px;
}
body.acne .section01 .lead {
  font-size: 4.5vw;
  margin-bottom: 1.5em;
}
body.acne .section01 .lead span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.acne .section01 .midashi {
  font-weight: bold;
  margin-top: 7.8vw;
}
body.acne .section02 .midashi {
  font-size: 4.5333vw;
  font-weight: bold;
  margin-bottom: 5vw;
}
body.acne .section02 .midashi span {
  background: linear-gradient(transparent 60%, #ff0 0%);
}
body.acne .section02 .title {
  color: #fff;
  font-size: 4.4vw;
  font-weight: bold;
  text-align: center;
  background: #000;
  padding: 2px 0;
  margin-bottom: 5.92vw;
  border-radius: 5px;
}
body.acne .section02 .title span {
  color: #ff0;
}
body.acne .section02 li {
  margin-top: 10.6666vw;
}
body.acne .section02 li:nth-child(1) {
  margin-top: 5.4666vw;
}
body.acne .section02 img {
  margin-bottom: 4.4vw;
}
body.acne .section02 .midashi.second {
  margin-top: 8.2666vw;
}
body.acne .section03 {
  background: #f0f0f0;
  padding-bottom: 20vw;
  margin-top: 18vw;
}
body.acne .section03 img {
  height: auto;
}
body.acne .balloon .midashi img {
  margin-left: 2%;
}
body.acne .section03 .title {
  color: #000;
  font-size: 6.4vw;
  text-align: center;
  border-bottom: none;
  padding: 10.48vw 0;
  margin-bottom: 0;
}
body.acne .section03 .box {
  font-size: .24rem;
  text-align: left;
  background: #fff;
  width: 100%;
  padding: 8% 5.3333% 5.3333%;
  border-radius: 2.133333333333vw;
  position: relative;
}
body.acne .section03 .box .title {
  font-size: initial;
  font-weight: bold;
  text-align: center;
  color: #fff;
  background: #00aafa;
  border-radius: 8px;
  line-height: 9.333333333333333vw;
  padding: 0;
  margin-bottom: 5.3333vw;
}
body.acne .section03 .box .imgBox {
  margin-bottom: 5.3333vw;
  border-radius: 5px;
  overflow: hidden;
}
body.acne .section03 .box .leftBox {
  float: left;
}
body.acne .section03 .balloon {
  position: relative;
  display: inline-block;
  padding: 5.466667vw 2.8vw;
  width: 100%;
  background: #eef0f1;
  border-radius: 8px;
}
body.acne .section03 .balloon:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -8px;
  border: 8px solid transparent;
  border-top: 12px solid #eef0f1;
}
body.acne .section03 .balloon .midashi {
  font-size: 0.30rem;
  font-weight: bold;
  text-align: center;
  margin-left: 2%;
}
body.acne .section03 .balloon p {
  font-weight: bold;
  text-align: center;
  line-height: 1;
  margin-top: 6%;
}
body.acne .section03 .balloon span {
  font-size: 0.32rem;
  vertical-align: sub;
  display: inline-block;
}
body.acne .section03 .balloon span.price {
  font-size: 1rem;
  font-weight: normal;
  font-family: 'Bebas Neue', sans-serif;
  letter-spacing: -0.02em;
  vertical-align: middle;
  margin: 0 0.08rem;
}
body.acne .section03 .balloon span.yen {
  vertical-align: bottom;
  line-height: 2;
}
body.acne .section03 .price_flex {
  display: flex;
  font-size: .30rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: bold;
  margin: 8% auto 0;
  justify-content: space-around;
  border-bottom: 2px solid #000;
  width: 80%;
  align-items: baseline;
}
body.acne .section03 .price_box {
  white-space: nowrap;
  font-size: 24px;
}
body.acne .section03 .price_box span.rl {
  font-size: .30rem;
  vertical-align: baseline;
  line-height: 0.8;
}
body.acne .section03 .price_flex span.price {
  font-family: 'Bebas Neue', sans-serif;
  font-size: 1.25rem;
  font-weight: normal;
  color: #f00;
  letter-spacing: -0.02rem;
  vertical-align: baseline;
  line-height: 0.9;
  display: inline-block;
  padding: 0 0.8vw;
}
body.acne .section03 .price_flex .round {
  color: #000;
  font-size: .26rem;
  line-height: 1.15;
  text-align: center;
  width: 18vw;
  height: 6vw;
  padding: 1.4vw 1vw;
  color: #fff;
  background: #00aafa;
  border-radius: 1vw;
  margin: 0 0 0 1vw;
}
body.acne .section03 .price_flex .round span {
  font-size: .26rem;
}
body.acne .section03 .box .caption {
  margin-top: 1em;
  font-weight: bold;
}
@media screen and (min-width:768px) {
  body.acne .txt-block03 {
    margin: 7% 0;
  }
  body.acne .section01 {
    padding-top: 85px;
  }
  body.acne .section01 .lead {
    font-size: 22px;
    margin-bottom: 1em;
  }
  body.acne .section01 .midashi {
    font-size: 19px;
    margin-top: 36px;
  }
  body.acne .section02 h2 {
    margin-top: 115px;
  }
  body.acne .section02 .midashi {
    font-size: 22px;
    margin-bottom: 1em;
  }
  body.acne .section02 li {
    width: 290px;
    float: left;
    margin-top: 36px;
    margin-right: 55px;
  }
  body.acne .section02 li:nth-child(1) {
    margin-top: 36px;
  }
  body.acne .section02 ul.second li {
    margin-top: 70px;
  }
  body.acne .section02 li:last-child {
    margin-right: 0;
  }
  body.acne .section02 .title {
    font-size: 16px;
    line-height: 1.5;
    margin-bottom: 18px;
  }
  body.acne .section02 img {
    margin-bottom: 20px;
  }
  body.acne .section02 .midashi.second {
    margin-top: 68px;
  }
  body.acne .section03 {
    width: 980px;
    padding-bottom: 34px;
    margin: 80px auto 0;
    border-radius: 10px;
  }
  body.acne .section03 .title {
    font-size: 26px;
    padding: 34px 0;
  }
  body.acne .section03 .inner {
    padding: 0 40px;
  }
  body.acne .section03 .box {
    padding: 26px 48px;
    border-radius: 8px;
  }
  body.acne .section03 .box .title {
    font-size: 17px;
    line-height: 43px;
    width: 458px;
    border-radius: 5px;
    margin: 0 auto 21px;
  }
  body.acne .section03 .box .imgBox {
    width: 410px;
    float: left;
    margin-bottom: 0;
    padding: 8px 20px;
    background: #F0F0F0;
  }
  body.acne .section03 .imgBox + div {
    width: 347px;
    float: right;
  }
  body.acne .section03 .balloon {
    padding: 15px;
    border-radius: 5px;
  }
  body.acne .section03 .balloon .midashi {
    font-size: 15px;
  }
  body.acne .section03 .balloon img {
    /* margin: 15px 0 20px; */
  }
  body.acne .section03 .balloon span {
    font-size: 22px;
  }
  body.acne .section03 .balloon span.price {
    font-size: 60px;
  }
  body.acne .section03 .box .balloon span.price {
    margin: 0 8px;
  }
  body.acne .section03 .price_flex {
    display: inline-flex;
    padding-left: 8px;
    padding-bottom: 6px;
    margin-top: 26px;
    width: 100%;
  }
  body.acne .section03 .price_box span.rl {
    font-size: 26px;
  }
  body.acne .section03 .price_flex span.price {
    font-size: 76px;
    letter-spacing: -0.03rem;
    padding: 0 4px;
  }
  body.acne .section03 .price_flex .round {
    font-size: 18px;
    width: 100px;
    height: 30px;
    padding: 5px 0 0;
    margin: 0;
    border-radius: 4px;
  }
  body.acne .section03 .price_flex .round span {
    font-size: 18px;
  }
  body.acne .section03 .box .caption {
    font-size: 14px;
  }
  body.acne .section03 .box .caption span {
    font-size: 12px;
  }
  body.acne .section03 .btn_area {
    margin-top: 53px;
  }
  body.acne .section03 .box:after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -45px;
    border: 45px solid transparent;
    border-top: 34px solid #fff;
  }
}

/* hige-cream */
body.hige-cream .toc .toc__body {
  height: auto !important;
  margin-bottom: 0;
}
body.hige-cream .sup {
  font-size: 75%;
  vertical-align: super;
}
body.hige-cream .small {
  font-size: 75%;
}
body.hige-cream h3 {
  font-size: 5vw;
  margin-top: 32px;
  margin-bottom: 8px !important;
}
body.hige-cream .btn_area {
  margin-top: 19.2vw;
}
body.hige-cream .btn_area .link a:after {
  right: 2.2vw;
}
body.hige-cream .btn_area.secondary {
  margin-top: 2em;
}
body.hige-cream .link a {
  text-align: center;
  width: 78.6666vw;
  padding: 2.4vw 3vw 2.4vw 0;
  margin: 0 auto;
}
@media screen and (max-width:767px) {
  body.hige-cream .section04 .pc_flex > .scroll table {
    width: 106vw;
  }
}
@media screen and (min-width:768px) {
  body.hige-cream h3 {
    font-size: 22px;
    margin-top: 32px;
    margin-bottom: 8px !important;
  }
  body.hige-cream .section04 .pc_flex {
    display: flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1080px;
    margin: 0 auto;
  }
  body.hige-cream .section04 .pc_flex > .scroll {
    width: 496px;
    margin: 0;
  }
  body.hige-cream .section04 .pc_flex > .inner {
    width: 500px;
    margin: 0;
  }
  body.hige-cream .section04 .link a {
    margin: 0 0 0 auto;
  }
  body.hige-cream .btn_area {
    margin-top: 86px;
  }
  body.hige-cream .btn_area .link a:after {
    right: 12px;
  }
  body.hige-cream .link a {
    width: 272px;
    padding: 17px;
  }
}








































body.single-knowledge h2.full-plan-tlt {
  color: #222;
  text-align: center;
  padding: 0;
  margin: 0 0 calc(28px + (75 - 28) * ((100vw - 320px) / (767 - 320)));
  border-bottom: none;
}


body.single-knowledge .faq-sec {
  padding-bottom: 0;
}
body.single-knowledge .faq-sec h2 {
  color: #222;
  font-size: calc(28px + (62 - 28) * ((100vw - 320px) / (767 - 320)));
  text-align: center;
  border-bottom: none;
  padding-bottom: 0;
  margin-top: 0;
  margin-bottom: calc(35px + (70 - 35) * ((100vw - 320px) / (767 - 320)));
}
body.single-knowledge .faq-sec .more-text a {
  text-decoration: underline;
}
@media screen and (min-width:768px) {
  body.single-knowledge .faq-sec h2 {
    font-size: 42px;
    margin-bottom: 76px;
  }
}


.doctorBox.doctorBox-gray {
  font-weight: bold;
  text-align: left;
  width: 85%;
  background: #EEF0F5;
  border-radius: 1.34vw;
  padding: 5.87vw 5.47vw;
  margin: calc((90/750) * 100vw) auto calc(33px + (80 - 33) * ((100vw - 320px) / (767 - 320)));
  box-sizing: border-box;
}
.doctorBox.doctorBox-gray .left {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 5.79vw;
}
.doctorBox.doctorBox-gray .left img {
  width: 30.14vw;
  /*float: left;*/
}
.doctorBox.doctorBox-gray .left div {
  width: 36.27vw;
  /*padding-left: 36.54vw;*/
}
.doctorBox.doctorBox-gray .title {
  color: #00AAFA;
  margin-bottom: 0.5em;
}
.doctorBox.doctorBox-gray .name {
  line-height: 1.54;
}
.doctorBox.doctorBox-gray .right * {
  line-height: 1.76;
}
.doctorBox.doctorBox-gray .right .sub {
  font-size: 2.67vw;
  display: inline-block;
  margin-top: 15.6vw;
}
.doctorBox.doctorBox-gray .right .sub a {
  color: #2B7BB9;
}
.doctorBox.doctorBox-gray .readMore {
  display: none;
}
.doctorBox.doctorBox-gray .cmnMore01 {
  text-align: right;
  display: block;
}
.doctorBox.doctorBox-gray .cmnMore01 a {
  color: #969696;
  display: inline-block;
  text-decoration: none;
  position: relative;
  padding-right: 7.78vw;
}
.doctorBox.doctorBox-gray .cmnMore01 a::after {
  content: "";
  display: inline-block;
  width: 6.4vw;
  height: 6.4vw;
  background: url(/img/common/plus_icon.png) center right no-repeat;
  background-size: 100% auto;
  position: absolute;
  top: 50%;
  right: 0;
  margin-top: -3.2vw;
}
.doctorBox.doctorBox-gray .cmnMore01.open a::after {
  background: url(/img/common/minus_icon.png) center right no-repeat;
  background-size: 100% auto;
}
@media screen and (max-width:767px) {
  .doctorBox.doctorBox-gray .right * {
    font-size: calc(100vw / var(--viewport) * 26);
  }
}
@media screen and (min-width:768px) {
  .doctorBox.doctorBox-gray {
    width: 1080px;
    border-radius: 10px;
    position: relative;
    padding: 47px 50px;
    margin: 56px auto 57px;
  }
  .doctorBox.doctorBox-gray .left {
    text-align: center;
    width: 207px;
    float: left;
    display: block;
    margin-bottom: 0;
  }
  .doctorBox.doctorBox-gray .left img {
    width: 173px;
    margin-bottom: 17px;
  }
  .doctorBox.doctorBox-gray .left div {
    width: auto;
  }
  .doctorBox.doctorBox-gray .title {
    position: absolute;
    top: 47px;
    left: 267px;
  }
  .doctorBox.doctorBox-gray .right {
    float: right;
    width: 763px;
  }
  .doctorBox.doctorBox-gray .moreWrap {
    display: inline;
  }
  .doctorBox.doctorBox-gray .right .sub {
    font-size: 11px;
    margin-top: 33px;
  }
  .doctorBox.doctorBox-gray .moreDot,
  .doctorBox.doctorBox-gray .cmnMore01 {
    display: none;
  }
}