body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: fixed;
  left: 0;
  top: 50% !important;
  transform: translateY(-50%);
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
  display: flex;
  flex-wrap: wrap;
  flex-direction: column-reverse;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  max-height: none;
  border-radius: 10px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
  /* Background color behind image.
     This is visible during transitions. */
  background-color: white;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(../img/lightbox/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==");
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(../img/common/arrow_prev.png) left 40px center no-repeat;
  background-size: 24px auto;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(../img/common/arrow_next.png) right 40px center no-repeat;
  background-size: 24px auto;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  z-index: 100;
  position: relative;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-caption a {
  color: #4ae;
}

.lb-data .lb-number {
  display: none !important;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  width: 30px;
  height: 30px;
  position: absolute;
  top: 20px;
  right: 20px;
  z-index: 990;
  background: url(../img/lightbox/close.png) top right no-repeat;
  text-align: right;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

@media only screen and (max-width: 768px) {
  .lb-nav a.lb-prev,
  .lb-nav a.lb-next {
    background-size: 18px auto;
  }
  .lb-nav a.lb-prev {
    background-position: left 15px center;
  }
  .lb-nav a.lb-next {
    background-position: right 15px center;
  }
}

/*# sourceMappingURL=lightbox.css.map */
@charset "UTF-8";
/* COMPASS
 * ----------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
  display: block;
}

/* BASE
 * ----------------------------------------------- */
/* ADDITIONAL RESET
 * ----------------------------------------------- */
*,
*:before,
*:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

body * {
  max-height: 99999em;
}

body img {
  max-height: none;
  max-width: 100%;
  display: inline-block;
  vertical-align: middle;
  height: auto;
}

input,
label,
select,
button,
textarea {
  margin: 0;
  border: 0;
  padding: 0;
  display: inline-block;
  vertical-align: middle;
  white-space: normal;
  background: none;
  font: inherit;
  line-height: 1;
}

input:focus,
button:focus,
select:focus {
  outline: 0;
}

/* Make webkit render the search input like a normal text field */
input[type=search] {
  -webkit-appearance: textfield;
}

/* Turn off the recent search for webkit. It adds about 15px padding on the left */
::-webkit-search-decoration {
  display: none;
}

/* Turn off scroll bars in IE unless needed */
textarea {
  overflow: auto;
  white-space: pre-line;
}

/* PRINTING
 * ----------------------------------------------- */
@media print {
  body {
    -webkit-print-color-adjust: exact;
  }

  html,
  body {
    margin: 0;
  }

  @page {
    margin: 0;
  }
  @page :left {
    margin: 0;
  }
  @page :right {
    margin: 0;
  }
  @page :first {
    margin-top: 0;
  }
}
/* GENERAL
 * ----------------------------------------------- */
body {
  color: #000;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 300;
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  -ms-text-size-adjust: none;
}

.ft-serif {
  font-family: "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "Hiragino Mincho Pro", "Times New Roman", "游明朝", YuMincho, "メイリオ", Meiryo, Georgia, serif;
}
.noto-thin {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 100;
  font-style: normal;
}
.noto-light {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 200;
  font-style: normal;
}
.noto-reg {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 400;
  font-style: normal;
}
.noto-med {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 500;
  font-style: normal;
}
.noto-bold {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.ft-opera {
  font-family: "operetta-12", serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.01em;
}
.ft-opera-ttl {
  font-family: "operetta-12", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.3em;
}
.ft-zhongsong {
  font-family: "source-han-serif-sc", 'Songti SC' ,'SimSun' ,  serif;
  font-weight: 400;
  font-style: normal;
}
.ft-zhongsong-ttl {
  font-family: "source-han-serif-sc", 'Songti SC' , 'SimSun' , serif;
  font-weight: 600;
  font-style: normal;
}
.ft-zhongsong-head {
  font-family: "source-han-serif-sc", 'Songti SC' , serif;
  font-weight: 300;
  font-style: normal;
  letter-spacing: 0.05em;
}
.ft-opera-head {
  font-family: "operetta-12", serif;
  font-weight: 500;
  font-style: normal;
  letter-spacing: 0.05em;
}
.ft-mont {
  font-family: "montserrat", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0.05em;
}
.ft-hanserif  {
  font-family: "source-han-serif-japanese", serif;
  font-weight: 700;
}
.ft-anton  {
  font-family: "anton", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.txt-red {
  color: #c4012d;
}
.txt-or {
  color: #ffd200;
}

@media screen and (max-width: 768px) {
	.ft-opera-head {
	  font-family: noto-sans-cjk-jp, sans-serif;
	  font-weight: 500;
	  color: #fff;
	}
}


/* margin & padding
 * ----------------------------------------------- */
.mgT10 {
	margin-top: 10px;
}
.mgT20 {
	margin-top: 20px;
}
.mgT25 {
	margin-top: 25px;
}
.mgT30 {
	margin-top: 30px;
}
.mgT40 {
	margin-top: 40px;
}
.mgT50 {
	margin-top: 50px;
}
.mgT60 {
	margin-top: 60px;
}
.mgT70 {
	margin-top: 70px;
}
.mgT80 {
	margin-top: 80px;
}
.mgT90 {
	margin-top: 90px;
}
.mgT100 {
	margin-top: 100px;
}
.mgB10 {
	margin-bottom: 10px;
}
.mgB20 {
	margin-bottom: 20px;
}
.mgB25 {
	margin-bottom: 25px;
}
.mgB30 {
	margin-bottom: 30px;
}
.mgB40 {
	margin-bottom: 40px;
}
.mgB50 {
	margin-bottom: 50px;
}
.mgB60 {
	margin-bottom: 60px;
}
.mgB70 {
	margin-bottom: 70px;
}
.mgB80 {
	margin-bottom: 80px;
}
.mgB90 {
	margin-bottom: 90px;
}
.mgB100 {
	margin-bottom: 100px;
}
.pdT10 {
	padding-top: 10px;
}
.pdT20 {
	padding-top: 20px;
}
.pdT25 {
	padding-top: 25px;
}
.pdT30 {
	padding-top: 30px;
}
.pdT40 {
	padding-top: 40px;
}
.pdT50 {
	padding-top: 50px;
}
.pdT60 {
	padding-top: 60px;
}
.pdT70 {
	padding-top: 70px;
}
.pdT80 {
	padding-top: 80px;
}
.pdT90 {
	padding-top: 90px;
}
.pdT100 {
	padding-top: 100px;
}
.pdT110 {
	padding-top: 110px;
}
.pdT120 {
	padding-top: 120px;
}
.pdB10 {
	padding-bottom: 10px;
}
.pdB20 {
	padding-bottom: 20px;
}
.pdB25 {
	padding-bottom: 25px;
}
.pdB30 {
	padding-bottom: 30px;
}
.pdB40 {
	padding-bottom: 40px;
}
.pdB50 {
	padding-bottom: 50px;
}
.pdB60 {
	padding-bottom: 60px;
}
.pdB70 {
	padding-bottom: 70px;
}
.pdB80 {
	padding-bottom: 80px;
}
.pdB90 {
	padding-bottom: 90px;
}
.pdB100 {
	padding-bottom: 100px;
}

@media screen and (max-width: 768px) {
	.smgB80 {
	  padding-bottom: 80px;
	}
}

/* HELPERS
 * ----------------------------------------------- */
a {
  color: #000;
  text-decoration: none;
}

.trans {
  filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
  opacity: 1;
  -moz-transition: opacity 0.26s ease;
  -o-transition: opacity 0.26s ease;
  -webkit-transition: opacity 0.26s ease;
  transition: opacity 0.26s ease;
}
.trans:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
}

.hidden {
  display: none;
}

.invisible {
  visibility: hidden;
}

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

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

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

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

.text-nowrap {
  white-space: nowrap;
}

.text-lowercase {
  text-transform: lowercase;
}

.text-uppercase {
  text-transform: uppercase;
}

.text-capitalize {
  text-transform: capitalize;
}

.container {
  min-width: 1170px;
  overflow: hidden;
}

.wrapper {
  width: 1160px;
  margin-left: auto;
  margin-right: auto;
}
.wrapper.uline {
  border-bottom: dotted 1px #333;
  padding-bottom: 50px;
}

.d-flex {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
}

.wow {
  visibility: hidden;
}

.anchor-link {
  position: relative;
  visibility: hidden;
  top: -60px;
}

/* RESPONSIVE
 * ----------------------------------------------- */
.sm {
  display: none !important;
}

@media only screen and (min-width: 769px) {
  body {
    position: relative !important;
    top: auto !important;
  }
}
@media only screen and (max-width: 768px) {
  .md {
    display: none !important;
  }

  .sm {
    display: block !important;
    /*display: inline-block !important;*/
  }

  .trans,
  .trans:hover {
    filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false);
    opacity: 1;
  }

  html {
    font-size: 13.02083vw;
    width: 100%;
    overflow-x: hidden;
  }

  body {
    font-size: 0.28rem;
    width: 100%;
    overflow-x: hidden;
  }

  .container {
    width: auto;
    min-width: 320px;
    padding-top: 0.9rem;
    overflow: hidden;
  }

  .wrapper {
    width: auto;
    margin: 0;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
  }

  .anchor-link {
    top: -0.9rem;
  }

  .fancybox-slide {
    padding: 30px 6px;
  }
}
/* PARTS
 * ----------------------------------------------- */
/* COMMON HEADER
 * ----------------------------------------------- */
header {
  position: relative;
  z-index: 9;
}
header .logo {
  margin-top: 5px;
}
header .logo img {
  width: 147px;
  height: 49px;
}
header .up-header {
  background: #fff;
  padding: 18px 0 0;
  position: relative;
  z-index: 3;
  box-shadow: 0 3px 10px rgba(0,0,0,0.2);
}
header .up-header .wrapper {
  justify-content: space-between;
}
header .up-header .righ-head .language-list {
  align-items: center;
  justify-content: flex-end;
  margin-bottom: 13px;
}
header .up-header .righ-head .language-list li {
  font-size: 12px;
  color: #000;
  align-items: center;
  letter-spacing: 0.05em;
  padding-left: 14px;
  margin-left: 14px;
  font-weight: 100;
}
header .up-header .righ-head .language-list li::nth-child(2) {
  border-left: none;
}
header .up-header .righ-head .language-list li span {
  margin-left: 6px;
}
header .up-header .righ-head .language-list li a {
  font-size: 12px;
  color: #000;
  position: relative;
}
header .up-header .righ-head .language-list li.shop-tel {
  margin-right: 10px;
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.01em;}
header .up-header .righ-head .language-list li.shop-tel a {

}
header .up-header .righ-head .language-list li.shop-tel::before {
  content: url("../img/common/ico_tel_bk.png");
  padding-right: 4px;
}
header .up-header .righ-head .language-list li.shop-ico.bk a {
  color: #fff;
}
header .up-header .righ-head .language-list li a:before {
  display: inline-block;
  margin-top: -2px;
  margin-right: 2px;
  font-size: 7px;
  vertical-align: middle;
}
header .up-header .righ-head .language-list li.active a {
  font-weight: 700;
}


/* ↓↓202007:headerへのショップ導線追加↓↓ */
header .up-header .righ-head li.shop-ico {
  display: inline-block;
  font-size: 11px;
  font-weight: 400;
  border: 1px solid #333;
  padding: 6px 15px 8px;
  width: 110px;
}
header .up-header .righ-head li.shop-ico a::before {
  content: none;
}
header .up-header .righ-head li.shop-ico.bk {
  background: #000;
  color: #fff;
  border: solid 2px #000;
}
header .up-header .righ-head .shop-ico img {
  width: 17px;
  height: 13px;
}
footer .wrap {
  margin: 0 auto;
  text-align: center;
}
footer .wrap .bnr-foot {
  display: flex;
  justify-content: center;
  width: 800px;
  margin: 0 auto;
  margin-top: 10px;
}
footer .wrap .bnr-foot:nth-child(2) {
  margin-right: 0;
}
footer .wrap .bnr-foot.group {
  width: 1000px;
  justify-content: space-between;
}
footer .wrap .bnr-foot.group img {
  width: 180px;
}
.FTico-shop img {
  width: 28px;
  height: 20px;
}

@media screen and (max-width: 768px) {
	footer .wrap .bnr-foot {
	  flex-wrap: wrap;
	  width: 100%;
	  margin-top: 20px;
	}
	footer .wrap .bnr-foot.group {
	  width: 100%;
	}
	footer .wrap .bnr-foot.group img {
	  width: 100%;
	}
}

/* ↑↑202007:headerへのショップ導線追加↑↑ */


/* NAVIGATION */
.navigation .menu > li {
  margin-left: 50px;
  padding-bottom: 28px;
  position: relative;
}
.navigation .menu > li > a {
  font-weight: 600;
  color: #000;
  font-size: 15px;
  position: relative;
}
.navigation .menu > li > a:after {
  content: "";
  position: absolute;
  top: 25px;
  left: -2px;
  width: calc(100% + 4px);
  height: 4px;
  -webkit-transform: scaleX(0);
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  background-color: #000;
  -webkit-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.navigation .ico-shop {
  display: none;
}
@media screen and (max-width: 768px) {
	.navigation .ico-shop {
	  display: inline-block;
	}
}


.navigation .menu .sub-menu {
  position: absolute;
  top: 100%;
  left: -215px;
  width: 280px;
  display: none;
}
.navigation .menu .sub-menu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.7);
}
.navigation .menu .sub-menu li a {
  display: block;
  font-weight: 400;
  font-size: 15px;
  letter-spacing: 0.025em;
  color: #fff;
  background: #ae193b url("../img/common/ico_arrow.png") no-repeat right 20px center/7px;
  padding: 15px 20px;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  z-index: 1;
  display: none;
}

@media only screen and (min-width: 769px) {
  .navigation {
    display: block !important;
    height: auto !important;
  }
  .navigation .menu > li {
    /*&.hide-pc
     * > a.active
     *   &:after
     *     display: none */
  }
  .navigation .menu > li > a:hover:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .navigation .menu > li > a.active:after {
    -webkit-transform: scaleX(1);
    -ms-transform: scaleX(1);
    transform: scaleX(1);
  }
  .navigation .sp-oln {
    display: none !important;
  }

  .overlay {
    display: none !important;
  }

  header.sub-type {
    position: relative;
    z-index: 8;
  }
  header.sub-type .up-header {
    background: #fff;
  }
  header.sub-type .up-header .righ-head .language-list li {
    color: #000;
  }
  header.sub-type .up-header .righ-head .language-list li a {
    color: #000;
  }
  header.sub-type .navigation .menu > li > a {
    color: #000;
  }
  header.sub-type .navigation .menu > li > a:after {
    background: #000;
  }
  header.sub-type .sub-nav {
    height: 60px;
  }
  header.sub-type .sub-nav .iner-sub {
    background: #333;
    height: 60px;
  }
  header.sub-type .sub-nav.fixed .iner-sub {
    position: fixed;
    width: 100%;
    top: 0;
    left: 0;
  }
  header.sub-type .sub-nav .wrapper {
    justify-content: space-between;
    align-items: center;
  }
  header.sub-type .sub-nav .lgo-sub {
    font-size: 18px;
    font-weight: 700;
    line-height: 3.3;
  }
  header.sub-type .sub-nav .lgo-sub a {
    color: #4dd1f2;
    letter-spacing: 0.025em;
  }
  header.sub-type .sub-nav .menu-nav > li {
    margin-left: 60px;
    padding: 11px 0;
    position: relative;
  }
  header.sub-type .sub-nav .menu-nav > li > a {
    color: #fff;
    font-weight: 700;
    font-size: 14px;
    line-height: 1.42857;
    padding-left: 12px;
    background: url("../img/common/ico_arrow_white.png") no-repeat left top 4px/7px;
    display: block;
  }
  header.sub-type .sub-nav .menu-nav > li > a:hover {
    color: #4dd1f2;
    background: url("../img/common/ico_arrow_blue.png") no-repeat left top 4px/7px;
  }
  header.sub-type .sub-nav .menu-nav > li > a.active {
    color: #4dd1f2;
    background: url("../img/common/ico_arrow_blue.png") no-repeat left top 4px/7px;
  }
  header.sub-type .sub-nav .menu-nav .mn-sub {
    position: absolute;
    top: 100%;
    left: 0;
    width: 260px;
    z-index: 2;
    border-top: 1px solid #fff;
    display: none;
  }
  header.sub-type .sub-nav .menu-nav .mn-sub li a {
    display: block;
    font-weight: 400;
    font-size: 15px;
    letter-spacing: 0.025em;
    color: #fff;
    background: rgba(0, 0, 0, 0.9) url(../img/common/ico_arrow.png) no-repeat right 20px center/7px;
    padding: 15px 20px;
    border-bottom: 1px solid #bababa;
  }
  header.women-type .sub-nav .lgo-sub a {
    color: #fd4b4b;
  }
  header.women-type .sub-nav .menu-nav > li > a:hover {
    color: #fd4b4b;
    background: url("../img/common/ico_arrow_red.png") no-repeat left top 4px/7px;
  }
  header.women-type .sub-nav .menu-nav > li > a.active {
    color: #fd4b4b;
    background: url("../img/common/ico_arrow_red.png") no-repeat left top 4px/7px;
  }
  header.med-type .sub-nav .lgo-sub a {
    color: #92c75f;
  }
  header.med-type .sub-nav .menu-nav > li {
    margin-left: 37px;
  }
  header.med-type .sub-nav .menu-nav > li > a:hover {
    color: #92c75f;
    background: url("../img/common/ico_arrow_green.png") no-repeat left top 4px/7px;
  }
  header.med-type .sub-nav .menu-nav > li > a.active {
    color: #92c75f;
    background: url("../img/common/ico_arrow_green.png") no-repeat left top 4px/7px;
  }
}
@media only screen and (max-width: 768px) {
  header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 9;
  }
  header .sub-nav {
    display: none;
  }
  header .logo {
    margin-top: -8px;
    width: 1.84rem;
  }
  header .logo img {
    width: 85%;
    height: auto;
  }
  header .up-header {
    padding: 0.3rem 0 0.28rem;
    height: 0.9rem;
  }
  header .up-header .wrapper {
    align-items: center;
  }
  header .up-header .righ-head .language-list {
    margin-bottom: 0;
    margin-right: 0.8rem;
  }
  header .up-header .righ-head .language-list .lang-ico {
    display: none;
  }
  header .up-header .righ-head .language-list .shop-ico {
    display: none;
  }
  header .up-header .righ-head .language-list li {
    font-size: 0.18rem;
    padding-left: 0;
    margin-left: 0.35rem;
    border-left: none;
    font-weight: 100;
  }
  header .up-header .righ-head .language-list li a {
    font-size: 20px;
  }
  header .up-header .righ-head .language-list li a:before {
    font-size: 0.1rem;
  }
  header .up-header .righ-head .language-list li.shop-tel {
  margin: -7px 0 0 0;
  }

  .nav-toggle {
    position: absolute;
    right: 0.4rem;
    top: 50%;
    transform: translateY(-50%);
    height: 0.36rem;
    z-index: 4;
  }
  .nav-toggle div {
    position: relative;
    width: 0.3rem;
  }
  .nav-toggle span {
    display: block;
    height: 0.07rem;
    background: #000;
    position: absolute;
    width: 150%;
    left: 0;
    -webkit-transition: 0.5s ease-in-out;
    -moz-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out;
  }
  .nav-toggle span:nth-child(1) {
    top: 0;
  }
  .nav-toggle span:nth-child(2) {
    top: 9px;
  }
  .nav-toggle span:nth-child(3) {
    top: 18px;
  }
  .nav-toggle.open span:nth-child(1) {
    top: 9px;
    -webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
    transform: rotate(135deg);
  }
  .nav-toggle.open span:nth-child(2) {
    width: 0;
    left: 50%;
  }
  .nav-toggle.open span:nth-child(3) {
    top: 9px;
    -webkit-transform: rotate(-135deg);
    -moz-transform: rotate(-135deg);
    transform: rotate(-135deg);
  }

  .navigation {
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    border-top: 1px solid #fff;
    height: calc(100vh - 0.9rem);
    overflow-y: scroll;
    display: none;
  }
  .navigation .menu {
    flex-wrap: wrap;
    background: none;
    position: relative;
    z-index: 2;
  }
  .navigation .menu > li {
    width: 100%;
    margin: 0;
    padding: 0;
  }
  .navigation .menu > li > a {
    display: block;
    font-weight: 400;
    font-size: 0.28rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding: 0.3rem 0.7rem;
    background: url("../img/common/sp/ico_arrow.png") no-repeat right 0.8rem top 0.35rem/0.15rem;
    background-color: rgba(174, 25, 59, 0.9);
    color: #fff;
  }
  .navigation .menu > li > a:after {
    display: none;
  }
  .navigation .menu > li.has-sub > a {
    background: none;
    background-color: rgba(174, 25, 59, 0.9);
    position: relative;
/*    color: #fff;*/
  }
  .navigation .menu > li.has-sub > a:before {
    position: absolute;
    content: "+";
    font-size: 0.5rem;
    color: #fff;
    right: 0.75rem;
    top: 0.23rem;
    line-height: 1;
  }
  .navigation .menu > li.has-sub > a.sm-active:before {
    content: "－";
    font-size: 0.4rem;
    right: 0.68rem;
    top: 0.25rem;
  }
  .navigation .menu .sub-menu {
    position: relative;
    top: auto;
    left: auto;
    width: 100%;
  }
  .navigation .menu .sub-menu li {
    border-bottom: none;
  }
  .navigation .menu .sub-menu li a {
    display: block;
    font-weight: 400;
    font-size: 0.26rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding: 0.28rem 0.95rem;
    background: url("../img/common/sp/ico_arrow.png") no-repeat right 0.8rem top 0.35rem/0.15rem;
    background-color: rgba(0, 0, 0, 0.95);
  }
  .navigation .menu .sub-menu li.add-sub > a {
    background: none;
    background-color: rgba(0, 0, 0, 0.95);
    position: relative;
  }
  .navigation .menu .sub-menu li.add-sub > a:before {
    position: absolute;
    content: "+";
    font-size: 0.5rem;
    color: #fff;
    right: 0.75rem;
    top: 0.23rem;
    line-height: 1;
  }
  .navigation .menu .sub-menu li.add-sub > a.sm-active:before {
    content: "－";
    font-size: 0.4rem;
    right: 0.68rem;
    top: 0.25rem;
  }
  .navigation .menu .sub-menu .menu-in-sub {
    display: none;
  }
  .navigation .menu .sub-menu .menu-in-sub li a {
    padding-left: 1.26rem;
    background-color: rgba(68, 68, 68, 0.95);
  }
}
/* COMMON FOOTER
 * ----------------------------------------------- */
.l-footer {
  background: #000;
  color: #fff;
}
.l-footer a {
  color: inherit;
}

.logo-footer {
  padding: 80px 0 45px;
}
.logo-footer img {
  width: 150px;
  height: auto;
}

.bnr-fortune {
  display: flex;
  justify-content: center;
  width: 180px;
  margin: 20px 10px 0;
}

.footer-bottom {
  border-top: 1px solid #6e6e6e;
  padding: 30px 0 40px;
}
.footer-bottom .sns {
  margin-bottom: 38px;
  justify-content: center;
  align-items: center;
}
.footer-bottom .sns li {
  margin: 0 18px;
}
.footer-bottom .sns a {
  display: block;
}
.footer-bottom .copyright {
  font-size: 12px;
  letter-spacing: 0.025em;
}
.footer-bottom h5 {
  color: #999;
  font-size: 17px;
  font-weight: bold;
  letter-spacing: 0.05em;
}
.section-cmn-contact {
  background: #595858;
  padding: 70px 0 80px;
}
.section-cmn-contact .list-contact {
  justify-content: space-between;
  margin-top: 50px;
}
.section-cmn-contact .list-contact ul {
  position: relative;
  background: #fff;
  color: #000;
  line-height: 1.4;
  text-align: center;
  padding: 35px 25px;
  width: 360px;
  width: 31.5%;
  height: 250px;
}
.section-cmn-contact .list-contact.bk ul {
  background: #000;
  color: #fff;
}
.section-cmn-contact .list-contact .link-to::before {
  position: absolute;
  content: "";
  background-image: url("../img/common/ico_btn_arrow.png");
  background-repeat: no-repeat;
  height: 40px;
  width: 40px;
  background-size: 100%;
  right: 0;
  top: 0;
}
.section-cmn-contact .list-contact .ttl {
  font-size: 38px;
  font-weight: 600;
  margin-bottom: 20px;
}
.section-cmn-contact .list-contact .ttl.search {
  margin-bottom: 63px;
}
.section-cmn-contact .list-contact .txt {
  font-size: 16px;
  color: #333;
  margin-bottom: 20px;
}
.section-cmn-contact .list-contact.bk .txt {
  color: #fff;
}
.section-cmn-contact .list-contact li a {
  display: block;
  margin: 0 auto;
}
.section-cmn-contact .list-contact .cnt-btn {
  background: #000;
  color: #fff;
  font-size: 18px;
  font-family: "source-han-serif-sc", 'Songti SC' ,'SimSun' ,  serif;
  font-weight: 400;
  padding: 15px;
  width: 80%;
}
.section-cmn-contact .list-contact.bk .cnt-btn {
  background: #fff;
  color: #000;
}
.section-cmn-contact .list-contact .tel .tel-numb {
  align-items: center;
  font-size: 40px;
  letter-spacing: 0.02em;
  line-height: 1;
  color: #c30110;
  white-space: nowrap;
}
.section-cmn-contact .list-contact .tel .tel-numb::before {
  content: '';
  display: inline-block;
  width: 28px;
  height: 36px;
  background: url("../img/common/ico_tel.png") no-repeat;
  background-size: contain;
  margin: 8px -8px 0 0;
}
.section-cmn-contact .list-contact .link-to a {
  position: relative;
}
.section-cmn-contact .list-contact .link-to .ttl-link {
  text-align: center;
  letter-spacing: 0.025em;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
}
.section-cmn-contact .list-contact .store-link .ttl-link {
  font-size: 40px;
  font-weight: 700;
  margin-top: 15px;
}

.section-fortune {
  background: #eee;
  padding: 80px 0;
}

@media only screen and (max-width: 768px) {
	.section-fortune {
	  padding: 40px 0;
	}
}

.btn-to-top {
  position: fixed;
  bottom: -90px;
  right: 25px;
  width: 85px;
  cursor: pointer;
  z-index: 22;
  transition: all 0.3s;
}
.btn-to-top.show {
  bottom: 30px;
}
.btn-to-reserve {
  position: fixed;
  bottom: -90px;
  right: 25px;
  width: 85px;
  cursor: pointer;
  z-index: 22;
  transition: all 0.3s;
}
.btn-to-whatsapp {
  position: fixed;
  bottom: -90px;
  right: 30px;
  width: 96px;
  cursor: pointer;
  z-index: 22;
  transition: all 0.3s;
}
.btn-to-reserve.show {
  bottom: 225px;
}
.btn-to-whatsapp.show {
  bottom: 230px;
}
.btn-to-shop.show {
  bottom: 125px;
}
.btn-to-shop {
  position: fixed;
  bottom: -90px;
  right: 25px;
  width: 85px;
  cursor: pointer;
  z-index: 22;
  transition: all 0.3s;
}

@media only screen and (min-width: 769px) {
  .l-footer .gr-menu {
    display: flex;
    justify-content: space-around;
    width: 100%;
    margin-bottom: 40px;
  }
/*  .group-footer-menu {
    width: 245px;
  }
  .group-footer-menu:last-child {
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: auto;
  }*/
  .group-footer-menu a {
    display: inline-block;
    letter-spacing: 0.025em;
  }
  .group-footer-menu .txt-link {
    display: inline-block;
    font-size: 18px;
    font-weight: 700;
    border-bottom: 1px solid #c0c0c0;
    padding: 3px 0;
  }
  .group-footer-menu ul + ul {
    margin-top: 25px;
  }
  .group-footer-menu li {
    margin-bottom: 18px;
  }
  .group-footer-menu .submenu {
    margin: 12px 0 0;
    display: block !important;
  }
  .group-footer-menu .submenu li {
    margin-bottom: 8px;
  }
  .group-footer-menu .submenu a {
    font-size: 12px;
    line-height: 1.4;
  }
  .group-footer-menu .submenu ul {
    margin-top: 5px;
    padding-left: 10px;
  }
  .group-footer-menu .menu-in-sub {
    display: none !important;
  }

  .section-cmn-contact .tel a {
    pointer-events: none;
  }
}
@media only screen and (max-width: 768px) {
  .btn-to-top {
    right: 0.3rem;
    width: 1.12rem;
  }
  .btn-to-top.show {
    bottom: 0.4rem;
    right: 0.3rem;
  }
  .btn-to-reserve {
    right: 0.3rem;
    width: 1.12rem;
  }
  .btn-to-reserve.show {
    bottom: 4.3rem;
  }
  .btn-to-tel {
    position: fixed;
    bottom: 3.02rem;
    right: 0.3rem;
    width: 1.12rem;
    cursor: pointer;
    z-index: 22;
    transition: all 0.3s;
  }
  .btn-to-tel.show {
    bottom: 1.7rem;
    right: 0.3rem;
  }
  .btn-to-whatsapp {
    right: 0.3rem;
    width: 1.12rem;
  }
  .btn-to-whatsapp.show {
    bottom: 3rem;
  }
  .btn-to-shop {
    right: 1.7rem;
    width: 1.12rem;
  }
  .btn-to-shop.show {
    bottom: 1.7rem;
    right: 0.3rem;
  }
  .l-footer .gr-menu {
    flex-wrap: wrap;
    padding: 0 0.1rem;
  }

  .logo-footer {
    width: 2.85rem;
    padding: 0.9rem 0 0.6rem;
    margin: 0 auto;
  }
  .logo-footer img {
    height: auto;
  }

  .bnr-fortune {
    width: 100%;
    margin: 0.2rem 0.5rem;
  }

  .group-footer-menu {
    width: 100%;
  }
  .group-footer-menu:first-child {
    border-top: 1px solid #fff;
    flex: auto;
    width: 100%;
  }
  .group-footer-menu a,
  .group-footer-menu .txt-link {
    display: block;
    font-weight: 400;
    font-size: 0.28rem;
    border-bottom: 1px solid rgba(255, 255, 255, 0.7);
    padding: 0.3rem 0.3rem;
    background: url("../img/common/sp/ico_arrow.png") no-repeat right 0.35rem top 0.35rem/0.15rem;
  }
  .group-footer-menu a.js-accor-menu,
  .group-footer-menu .txt-link.js-accor-menu {
    background: none;
    position: relative;
  }
  .group-footer-menu a.js-accor-menu:before,
  .group-footer-menu .txt-link.js-accor-menu:before {
    position: absolute;
    content: "+";
    font-size: 0.5rem;
    color: #fff;
    right: 0.3rem;
    top: 0.23rem;
    line-height: 1;
  }
  .group-footer-menu a.js-accor-menu.active:before,
  .group-footer-menu .txt-link.js-accor-menu.active:before {
    content: "－";
    font-size: 0.4rem;
    right: 0.24rem;
    top: 0.24rem;
  }
  .group-footer-menu .submenu {
    display: none;
  }
  .group-footer-menu .submenu a {
    background-color: #333;
    font-weight: 400;
    font-size: 0.26rem;
    padding: 0.28rem 0.95rem;
  }
  .group-footer-menu .submenu li.add-sub > a {
    background: none;
    background-color: #333;
    position: relative;
  }
  .group-footer-menu .submenu li.add-sub > a:before {
    position: absolute;
    content: "+";
    font-size: 0.5rem;
    color: #fff;
    right: 0.3rem;
    top: 0.23rem;
    line-height: 1;
  }
  .group-footer-menu .submenu li.add-sub > a.active:before {
    content: "－";
    font-size: 0.4rem;
    right: 0.24rem;
    top: 0.24rem;
  }
  .group-footer-menu .submenu .menu-in-sub {
    display: none;
  }
  .group-footer-menu .submenu .menu-in-sub li a {
    padding-left: 1.26rem;
    background-color: #666;
  }
  .group-footer-menu .submenu ul {
    display: none;
  }

  .section-cmn-contact {
    padding: 0.9rem 0 1.2rem;
  }
  .section-cmn-contact .list-contact {
    flex-wrap: wrap;
    margin-top: 0.8rem;
  }
  .section-cmn-contact .list-contact ul {
    text-align: left;
    line-height: 1.2;
    width: 100%;
    height: 200px;
    margin-bottom: 30px;
    padding: 6% 8%;
  }
  .section-cmn-contact .list-contact .ttl {
    margin-bottom: 15px;
  }
  .section-cmn-contact .list-contact .cnt-btn {
    text-align: center;
    width: 100%;
    padding: 15px 18px;
  }
  .section-cmn-contact .list-contact .ttl.search {
    margin-bottom: 40px;
   }
  .section-cmn-contact .list-contact .tel .ttl-tel {
    text-align: left;
    font-size: 0.6rem;
    position: absolute;
    left: 0.6rem;
    top: 0.6rem;
  }
  .section-cmn-contact .list-contact .tel .tel-numb {
    align-items: flex-start;
    font-size: .7rem;
    margin-top: 0.2rem;
  }
  .section-cmn-contact .list-contact .tel .tel-numb::before {
    margin: 7px -35px 0 0;
  }
  .section-cmn-contact .list-contact .tel .tel-numb img {
    height: 0.5rem;
    margin-top: 0.03rem;
  }
  .section-cmn-contact .list-contact .store-link .ttl-link {
    font-size: 0.6rem;
    margin-top: 0;
  }
  .footer-bottom {
    margin: 0.7rem 0 0;
    padding: 0.5rem 0 .5rem;
  }
  .footer-bottom .sns {
    margin-bottom: 0.4rem;
  }
  .footer-bottom .sns li {
    margin: 0 0.3rem;
  }
  .footer-bottom .sns li img {
    /*height: 0.44rem;*/
  }
}

/* COMMON TITLES
 * ----------------------------------------------- */
.cmn-ttl {
  font-size: 54px;
  font-weight: 600;
  font-feature-settings: "palt";
  color: #fff;
  letter-spacing: 0.025em;
  line-height: 1.2;
  position: relative;
  padding-bottom: 40px;
}
.cmn-ttl:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 80px;
  bottom: 0;
  left: 0;
  background: #fff;
}
.cmn-ttl.center::before {
  left: 50%;
  margin-left: -40px;
}
.cmn-ttl.center {
  text-align: center;
  margin-bottom: 80px;
}
.cmn-ttl.linered:before {
  background: #dc0112;
}
.cmn-ttl.ttl-black {
  color: #000;
  font-weight: 600;
}
.cmn-ttl.ttl-black:before {
  background: #dc0112;
}
.cmn-ttl.right-place {
  text-align: right;
}
.cmn-ttl.right-place:before {
  left: auto;
  right: 0;
}
.cmn-ttl.red-bd:before {
  background: #dc0112;
}
.cmn-ttl.text-center:before {
  width: 200px;
  left: 50%;
  margin-left: -100px;
}
.cmn-ttl.detail {
  font-size: 50px;
  margin-bottom: 20px;
  letter-spacing: 0;
}
.cmn-ttl.detail::before {
  width: 100px;
  left: 54%;
}
.cmn-ttl span {
  color: #c71f45;
}
.cmn-ttl span.fts {
  color: #fff;
  font-size: 40px;
}
.cmn-ttl small {
  display: block;
  font-size: 36px;
  line-height: 1.2;
  margin-bottom: 12px;
}
.cmn-ttl-L {
  font-size: 56px;
  font-weight: 600;
  font-feature-settings: "palt";
  color: #fff;
  letter-spacing: 0.025em;
  line-height: 1.2;
  position: relative;
  padding-bottom: 40px;
}
.cmn-ttl-L:before {
  position: absolute;
  content: "";
  height: 5px;
  width: 80px;
  bottom: 0;
  left: 0;
  background: #fff;
}
.cmn-ttl-L.ttl-black {
  color: #000;
}
.cmn-ttl-L.ttl-black:before {
  background: #dc0112;
}
.cmn-ttl-L.right-place {
  text-align: right;
}
.cmn-ttl-L.right-place:before {
  left: auto;
  right: 0;
}
.cmn-ttl-L.red-bd:before {
  background: #dc0112;
}
.cmn-ttl-L.text-center:before {
  width: 200px;
  left: 50%;
  margin-left: -100px;
}
.cmn-ttl-L span {
  color: #c71f45;
}
.cmn-ttl-L span.txt-small {
  color: #000;
  font-size: 30px;
  line-height: 1.8;
}
.cmn-ttl-L small {
  display: block;
  font-size: 36px;
  line-height: 1;
  margin-bottom: 12px;
}
.shop-ttl {
  font-size: 22px;
  text-align: center;
  margin-bottom: 15px;
}
p.text-under {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.ttl-serif {
  font-size: 40px;
  line-height: 1;
  color: #333;
  letter-spacing: 0.05em;
}

.ttl-med {
  font-feature-settings: "palt";
  font-size: 40px;
  font-weight: 600;
  line-height: 1.1;
  letter-spacing: 0.02em;
  margin-bottom: 35px;
}
.ttl-med span {
  display: block;
  position: relative;
  font-size: 1em;
  line-height: 1.4;
}
.ttl-med span:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_repeat_bg.png") repeat;
  height: 20px;
  width: 100%;
  left: 0;
  top: 17px;
}
.ttl-med span small {
  display: inline-block;
  font-weight: 600;
  padding-right: 30px;
  background: #fff;
  position: relative;
}
.ttl-med span small em {
  font-size: 16px;
  line-height: 1;
  color: #333;
  padding: 3px 20px;
  border: 1px solid #000;
  letter-spacing: 0.05em;
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  margin-left: 18px;
}

@media only screen and (max-width: 768px) {
  .cmn-ttl {
    font-size: 0.8rem;
    padding-bottom: 0.6rem;
  }
  .cmn-ttl:before {
    height: 0.05rem;
    width: 1rem;
  }
  .cmn-ttl.center::before {
    margin-left: -33px;
  }
  .cmn-ttl.text-center:before {
    width: 2rem;
    margin-left: -1rem;
  }
  .cmn-ttl small {
    font-size: 0.36rem;
    margin-bottom: 0.1rem;
  }
  .cmn-ttl.glorious small {
    font-size: 0.36rem;
    margin-bottom: 0.1rem;
    text-shadow: 
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
  }
  .cmn-ttl.detail::before {
    left: 50%;
  }
  .cmn-ttl-L {
    font-size: 0.7rem;
    padding-bottom: 0.4rem;
  }
  .cmn-ttl-L:before {
    height: 0.05rem;
    width: 1rem;
  }
  .cmn-ttl-L.text-center:before {
    width: 2rem;
    margin-left: -1rem;
  }
  .cmn-ttl-L small {
    font-size: 0.36rem;
    margin-bottom: 0.1rem;
  }

  p.text-under {
    line-height: 1.5;
    margin-top: 0.3rem;
  }

  .ttl-serif {
    font-size: 0.7rem;
  }

  .ttl-med {
    font-size: 0.7rem;
    line-height: 1.2;
    margin-bottom: 0.4rem;
  }
  .ttl-med span {
    font-size: .6rem;
    padding-bottom: 0.46rem;
  }
  .ttl-med span:before {
    height: 0.3rem;
    top: auto;
    bottom: 0;
    background-size: 0.06rem;
  }
  .ttl-med span small {
    display: block;
    padding-right: 0;
    background: none;
  }
  .ttl-med span small em {
    font-size: 0.2rem;
    padding: 0.08rem 0.2rem;
    margin-left: 0.26rem;
  }
}
/* COMMON BUTTONS
 * ----------------------------------------------- */
.btn-cm {
  width: 220px;
}
.btn-cm a {
  letter-spacing: 0.05em;
  font-size: 15px;
  font-weight: 700;
  display: block;
  border: 3px solid #000;
  background: #fff;
  padding: 15px 0 16px 30px;
  position: relative;
  transition: 0.3s;
}
.btn-cm a:before {
  position: absolute;
  content: "→";
  font-size: 16px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-cm.white-ver a {
  border: none;
}

@media only screen and (min-width: 769px) {
  .btn-cm a:hover {
    color: #fff;
    background: #000;
  }
  .btn-cm a:hover:before {
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  .btn-cm {
    width: 4.8rem;
  }
  .btn-cm a {
    border-width: 0.03rem;
    padding: 0.27rem 0;
    text-align: center;
    font-size: 0.3rem;
  }
  .btn-cm a:before {
    font-size: 0.3rem;
  }
}
/* COMMON BREADCRUMBS
 * ----------------------------------------------- */
.breadcrumb {
  letter-spacing: 0.025em;
  border-bottom: 1px solid #bbbbbb;
  padding: 21px 0;
}
.breadcrumb ul li {
  padding-right: 20px;
  margin-right: 15px;
  position: relative;
}
.breadcrumb ul li a, .breadcrumb ul li span {
  font-size: 12px;
  display: block;
}
.breadcrumb ul li:before {
  position: absolute;
  content: ">";
  font-size: 12px;
  right: 0;
  top: 0;
}
.breadcrumb ul li:last-child:before {
  display: none;
}

@media only screen and (max-width: 768px) {
  .breadcrumb {
    padding: 0.27rem 0;
  }
  .breadcrumb ul li {
    padding-right: 0.25rem;
    margin-right: 0.2rem;
  }
  .breadcrumb ul li a, .breadcrumb ul li span {
    font-size: 0.2rem;
  }
  .breadcrumb ul li:before {
    font-size: 0.2rem;
  }
}
/* COMMON FORMS
 * ----------------------------------------------- */
.mw-wrap {
  display: block;
}

.form-group {
  margin-bottom: 50px;
  width: 100%;
}
.form-group:last-child {
  margin-bottom: 0 !important;
}
.form-group .form-cnt {
  margin: 15px 0 0 0;
}
.form-group .caution {
  color: #e60012;
  font-size: 14px;
  line-height: 1.4;
  margin-bottom: 10px;
}
.form-label {
  display: block;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.2;
  margin-bottom: 12px;
}
.form-label .required {
  display: inline-block;
  color: #e60012;
  margin-left: 5px;
  font-style: normal;
}

.form-control {
  display: block;
  width: 100%;
  height: 65px;
  font-size: 18px;
  line-height: normal;
  letter-spacing: 0.025em;
  border: 1px solid #bbb;
  border-radius: 5px;
  padding: 10px 30px;
  outline: none;
  -webkit-appearance: none;
  box-shadow: none;
}
.error {
  color: #e60012;
  margin-top: 4px;
}

textarea.form-control {
  height: 200px;
  max-width: 100%;
}

/* Custom checkbox */
.mwform-checkbox-field {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  line-height: 1;
}
.mwform-checkbox-field label {
  display: inline-block;
  cursor: pointer;
}
.mwform-checkbox-field.vertical-item {
  display: block;
}
.mwform-checkbox-field.vertical-item + .vertical-item {
  margin-top: 0.8em;
}

input[type='checkbox'] {
  position: absolute;
  width: 1px;
  visibility: hidden;
  opacity: 0;
}

.mwform-checkbox-field-text {
  display: inline-block;
  min-height: 25px;
  min-width: 25px;
  line-height: 1.3;
  background: url(../img/common/ico_check_form.png) no-repeat 0 0;
  background-size: 25px 25px;
  padding-left: 45px;
}
.mwform-checkbox-field-text .in-field .img-field {
  width: 170px;
  margin-left: 50px;
}
.mwform-checkbox-field-text .in-field .left-field {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.mwform-checkbox-field-text .in-field .left-field .strong-text {
  display: block;
  line-height: 1.22222;
  letter-spacing: 0.025em;
  margin-bottom: 10px;
}
.mwform-checkbox-field-text .in-field .left-field .text-desciption {
  line-height: 1.6;
  font-size: 15px;
  letter-spacing: 0.025em;
  font-weight: 200;
}
input[type='checkbox']:checked + .mwform-checkbox-field-text {
  background-image: url(../img/common/ico_checked_form.png);
}
ol.formList {
  padding-left: 16px;
}

@media only screen and (max-width: 768px) {
	ol.formList {
	  padding-left: 12px;
	}
}

/* Select dropdown */
.f-select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.f-select::-ms-expand {
  display: none;
}
.f-select:required:invalid {
  color: gray;
}
.f-select option[value=""][disabled] {
  display: none;
}
.f-select option {
  color: #000;
}
.f-select,
.sl-datepicker {
  background: url(../img/common/ico_dropdown.png) no-repeat right center;
}
.sl-datepicker::-ms-clear {
  display: none;
}
.apply-check {
  padding: 0 !important;
  border: none !important;
}
.apply-check .mwform-checkbox-field.vertical-item {
  margin: 0;
  padding: 20px 0;
  border-top: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  margin-top: -1px;
}
.apply-check .mwform-checkbox-field label, .apply-check .mwform-checkbox-field .mwform-checkbox-field-text {
  width: 100%;
}

@media only screen and (max-width: 768px) {
  .form-group {
    margin-bottom: 0.5rem;
  }

  .form-label {
    font-size: 1.2em;
    letter-spacing: 0.02em;
    margin-bottom: 0.2rem;
  }

  .form-control {
    height: 0.66rem;
    font-size: 1em;
    border-radius: 3px;
    padding: 0 0.2rem;
  }

  .mwform-checkbox-field {
    font-size: 1em;
  }

  .mwform-checkbox-field-text {
    min-height: 0.25rem;
    min-width: 0.25rem;
    background-position: 0 center;
    background-size: 0.25rem auto;
    padding: 0.2em 0 0.2em 2em;
  }
  .mwform-checkbox-field-text .in-field .img-field {
    width: 1.7rem;
    margin-left: 0.25rem;
  }
  .mwform-checkbox-field-text .in-field .left-field .strong-text {
    line-height: 1.16666;
    margin-bottom: 0.1rem;
    font-size: 0.24rem;
  }
  .mwform-checkbox-field-text .in-field .left-field .text-desciption {
    line-height: 1.5;
    font-size: 0.27rem;
  }

  .mwform-checkbox-field.vertical-item + .vertical-item {
    margin-top: 0.6em;
  }

  .f-select,
  .sl-datepicker {
    background-size: 0.5rem auto;
    padding-right: 0.5rem;
  }

  .apply-check .mwform-checkbox-field.vertical-item {
    margin: 0;
    padding: 0.4rem 0;
  }
  .apply-check .mwform-checkbox-field.vertical-item .mwform-checkbox-field-text {
    background-position: 0 0.06rem;
  }
}
/* COMMON PAGINATIONS
 * ----------------------------------------------- */
.pager {
  max-width: 1170px;
  margin: 0 auto;
  padding: 10px 0;
}
.pager .ul-pager {
  display: -webkit-inline-flex;
  display: inline-flex;
}
.pager li {
  margin-left: 10px;
}
.pager .page-button,
.pager .page-numbers {
  display: block;
  width: 40px;
  height: 40px;
  padding-top: 10px;
  text-align: center;
  font-size: 16px;
  line-height: 1.2;
  border-radius: 3px;
  background: #fff;
}
.pager .page-button {
  position: relative;
}
.pager .page-button:after {
  content: "≫";
  position: absolute;
  width: 100%;
  font-size: 1.2em;
  left: 0;
  top: 7px;
}
.pager .page-button-prev:after {
  -moz-transform: scale(-1, 1);
  -ms-transform: scale(-1, 1);
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}
.pager .current {
  background: #333;
  color: #fff;
}

@media only screen and (min-width: 769px) {
  .page-button:hover,
  .page-numbers:hover {
    background: #333;
    color: #fff;
  }
}
@media only screen and (max-width: 768px) {
  .pager {
    padding: 0.2rem 0 0;
  }
  .pager li {
    margin-left: 0.14rem;
  }
  .pager .page-button,
  .pager .page-numbers {
    width: 0.6rem;
    height: 0.6rem;
    font-size: 1em;
    padding-top: 0.65em;
  }
  .pager .page-button:after {
    top: 0.1rem;
  }
}
/* PAGES
 * ----------------------------------------------- */
.section-keyvisual {
  position: relative;
}
.section-keyvisual .frame-ttl {
  width: 1160px;
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -580px;
  padding-left: 640px;
  padding-top: 175px;
  z-index: 4;
}
.section-keyvisual .frame-ttl .ttl-slide {
  font-size: 70px;
  letter-spacing: 0.025em;
  line-height: 1;
  color: #e60012;
  margin-bottom: 20px;
}
.section-keyvisual .frame-ttl .big-text {
  font-size: 36px;
  letter-spacing: 0.025em;
  line-height: 1.22222;
  position: relative;
  padding-bottom: 27px;
}
.section-keyvisual .frame-ttl .big-text:before {
  position: absolute;
  content: "";
  bottom: 0;
  left: 0;
  width: 80px;
  height: 5px;
  background: #000;
}
.section-keyvisual .frame-ttl .big-text span {
  color: #e60012;
}
.section-keyvisual .frame-ttl .normal-txt {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 25px;
}
.section-keyvisual .slide-top {
  position: relative;
  /*&:before
   * position: absolute
   * content: ""
   * bottom: 0
   * right: 0
   * width: 0
   * height: 0
   * border-style: solid
   * border-width: 0 0 340px 540px
   * border-color: transparent transparent #dc0112 transparent
   * z-index: 1 */
}
.section-keyvisual .slide-top .slide-img {
  background: #f4f5f6;
}
.section-keyvisual .slide-top .slick-arrow {
  position: absolute;
  top: 50%;
  text-indent: -9999px;
  width: 30px;
  height: 52px;
  transform: translateY(-50%);
  background-repeat: no-repeat;
  background-size: 100%;
  cursor: pointer;
  z-index: 5;
}
.section-keyvisual .slide-top .slick-arrow.slick-next {
  background-image: url("../img/common/ico_next_slide.png");
  right: 38%;
  margin-right: -580px;
}
.section-keyvisual .slide-top .slick-arrow.slick-prev {
  background-image: url("../img/common/ico_prev_slide.png");
  left: 38%;
  margin-left: -580px;
}
@media screen and (max-width: 1600px) {
	.section-keyvisual .slide-top .slick-arrow.slick-next {
	  background-image: url("../img/common/ico_next_slide.png");
	  right: 45%;
	}
	.section-keyvisual .slide-top .slick-arrow.slick-prev {
	  background-image: url("../img/common/ico_prev_slide.png");
	  left: 45%;
	}
}
.section-keyvisual .slide-top .slick-dots {
  position: absolute;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: flex-end;
  width: 1160px;
  left: 50%;
  bottom: 33px;
  transform: translateX(-50%);
  z-index: 3;
}
.section-keyvisual .slide-top .slick-dots li {
  line-height: 1;
  margin-left: 18px;
}
.section-keyvisual .slide-top .slick-dots li button {
  text-indent: -9999px;
  height: 14px;
  width: 14px;
  border-radius: 50%;
  background: #000;
  cursor: pointer;
}
.section-keyvisual .slide-top .slick-dots li.slick-active button {
  background: #fff;
}

.section-service {
  padding: 110px 0 60px;
}
.section-service .list-serivce li {
  margin-bottom: 100px;
}
.section-service .list-serivce .ttl-shop h2.shop-ttl {
  font-size: 20px;
  text-align: center;
  margin-bottom: 12px;
}
.section-service .list-serivce .info-service {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 35px;
}
.section-service .list-serivce .info-service p {
  width: 330px;
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin: 30px 0 35px;
}
.section-service .list-serivce .img-service {
  width: 780px;
}
.section-service .list-serivce .img-service img {
  margin-right: 0;
  margin-left: auto;
  display: block;
}
.section-service .list-serivce .img-service a {
  display: block;
}
.section-service .list-serivce .reverse .info-service {
  padding-left: 47px;
  padding-right: 0;
}
.section-service .list-serivce .reverse .img-service img {
  margin-right: auto;
  margin-left: 0;
}

/* ↓TOP:shop-list↓ */
.section-service .shopBox .ttlbox {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 70px;
}
.section-service .shopBox .storeList {
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
}
.section-service .shopBox .storeList::before {
  content: '';
  display: block;
  width: 23%;
  order:1;
}
.section-service .shopBox .storeList::after {
  content: '';
  display: block;
  width: 23%;
}
.section-service .shopBox .storeList ul {
  width: 22%;
  margin-bottom: 60px;
}
.section-service .shopBox .storeList li {
  margin: 0;
}
.section-service .shopBox .storeList li.ttl {
  font-size: 1em;
  font-weight: bold;
  line-height: 1.4;
  margin: 25px 0 15px;
  position: relative;
}
.section-service .shopBox .storeList li.txt {
  font-size: .9em;
  line-height: 1.4;
  letter-spacing: 0.02em;
}
.section-service .shopBox .storeList li.ttl::after {
  content: '⇀';
  color: #b3010f;
  font-size: 24px;
  position: absolute;
  top: -10px;
  right: 0;
}
.section-service .shopBox .storeList li.img {
  position: relative;
}
.section-service .shopBox .storeList li.img p.type {
  position: absolute;
  bottom: 0;
  right: 0;
  background: #000;
  color: #fff;
  font-size: 12px;
  padding: 7px 0 9px;
  width: 90px;
  text-align: center;
}

@media screen and (max-width: 768px) {
	.section-service .shopBox .ttlbox {
	  flex-wrap: wrap;
	}
	.section-service .shopBox .ttlbox h3 {
	  margin-bottom: 60px;
	}
	.section-service .shopBox .storeList::before {
	  width: 47%;
	}
	.section-service .shopBox .storeList::after {
	  width: 47%;
	}
	.section-service .shopBox .storeList ul {
	  width: 47%;
	}
	.section-service .shopBox .storeList li.ttl {
	  width: 80%;
	}
	.section-service .shopBox .storeList li.ttl::after {
	  font-size: 20px;
	  top: -4px;
	  right: -23%;
	}
}
/* ↑TOP:shop-list↑ */


/* ↓SHOP:shop-detail↓ */
.box-gray {
  background: #f4f4f4;
}
.section-store-location {
  padding: 80px 0 140px;
  margin-bottom: 0;
}
.section-store-location .sec-title {
  margin-bottom: -30px;
}
.section-store-location .ttl-shop {
  margin-bottom: 30px;
}
.location-item .img-store img {
  border-radius: 5px;
}
.location-item .heading {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.2;
  margin-bottom: 12px;
  position: relative;
  top: -4px;
}
.location-item table {
  width: 100%;
  border-top: 2px solid #e0dede;
}
.location-item table th,
.location-item table td {
  text-align: left;
  vertical-align: top;
  padding: 10px 0;
  border-bottom: 2px solid #e0dede;
  line-height: 1.875;
}
.location-item table th {
  font-size: 18px;
  font-weight: 600;
  width: 140px;
}
.location-item table td {
  font-size: 16px;
}
.location-item .btn-map {
  margin: 10px 0;
}

.badges {
  display: block;
  padding: 15px 5px;
  border-radius: 5px;
  background-color: #7e8293;
  color: #ffffff;
  font-size: 12px;
  text-align: center;
  line-height: 1.3;
  font-weight: 400;
  letter-spacing: 0.025em;
}

.store-detail {
  border-radius: 5px;
  overflow: hidden;
  background-color: #fff;
  margin-bottom: 50px;
}
.store-row {
  display: flex;
}
.store-figure {
  flex-shrink: 0;
  width: 620px;
  max-width: 100%;
}
.store-info {
  padding: 43px 30px 50px 50px;
}
.store-title {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-bottom: 15px;
}
.store-title span.type {
  display: block;
  background: #333;
  color: #fff;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  padding: 7px 15px;
  margin: 17px 0 20px;
  width: 100px;
}
.store-address {
  margin-bottom: 30px 0 20px;
}
.store-address a[href^="tel:"] {
  pointer-events: none;
}
.store-address li {
  letter-spacing: 0.05em;
  font-size: 16px;
  line-height: 1.85;
  padding-left: 30px;
  background-position: 0 2px;
  background-repeat: no-repeat;
}
.store-address li:not(:last-child) {
  margin-bottom: 15px;
}
.store-address .address {
  background-image: url(../img/shop/icon_map.png);
}
.store-address .tel {
  background-image: url(../img/shop/icon_tel.png);
}
.store-address .calendar {
  background-image: url(../img/shop/icon_calender.png);
}
.store-address .url a:link,
.store-address .url a:visited,
.store-address .url a:hover,
.store-address .url a:active {
  text-decoration: underline;
  color: #20b0ca;
}
.store-address .url {
  background-image: url(../img/shop/icon_website.png);
}
.store-address .address span {
  font-size: 13px;
  color: #666;
}
.store-badges {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -5px;
  list-style-type: none;
}
.store-badges > * {
  width: 25%;
  padding: 0 5px;
  margin-bottom: 10px;
  list-style-type: none;
}
.store-gallery {
  display: flex;
  flex-wrap: wrap;
  margin: 40px -10px 0;
  padding: 0 40px 50px;
}
.store-gallery > * {
  width: 33.3%;
  padding: 0 20px;
  margin-bottom: 10px;
}
.store-gallery img {
  border-radius: 5px;
}
.store-gmap {
  line-height: 0;
  border-radius: 5px;
  overflow: hidden;
  margin-bottom: 50px;
}
.store-gmap iframe {
  width: 100%;
  height: 380px;
  border: 0;
}
.store-btn {
  display: block;
  width: 420px;
  line-height: 1.3;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.1em;
  border: 1px solid #333;
  border-radius: 5px;
  margin: 10px auto 0;
  padding: 26px 10px;
  background: #fff url(../img/common/arrow_prev-b.png) no-repeat left 40px center;
  background-size: 10px auto;
  color: #333;
  text-align: center;
}
.location-item {
  margin-top: 120px;
}
.location-item .store-detail {
  margin-top: -65px;
}
.location-item .img-store {
  width: 480px;
}
.location-item .store-info {
  width: 640px;
}

.store-photos {
  margin-top: 60px;
}
.store-photos > figure {
  width: 360px;
  border-radius: 5px;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
	.section-store-location {
	  padding: 0.9rem 0;
	  margin-bottom: 0;
	}
	.section-store-location .sec-title {
	  font-size: 0.6rem;
	  letter-spacing: 0.025em;
	}
	.section-store-location .ttl-shop {
	  margin-bottom: 1.8rem;
	}
	.location-item {
	  margin-top: 1rem;
	}
	.location-item .heading {
	  font-size: 0.4rem;
	  margin-bottom: 0.16rem;
	  top: 0;
	}
	.location-item table {
	  border-top-width: 1px;
	}
	.location-item table th,
	.location-item table td {
	  font-size: 1em;
	  line-height: 1.6;
	  padding: 0.2rem 0;
	  border-bottom-width: 1px;
	}
	.location-item table th {
	  width: 20%;
	}
	.location-item .btn-map {
	  margin: 0.1rem 0;
	}
	.location-item .img-store {
	  margin-top: 0.6rem;
	}

	.store-photos figure {
	  margin-top: 0.4rem;
	  width: 47.157%;
	}
	.store-photos figure:nth-child(2n + 1):last-child {
	  width: 100%;
	}

	.badges span {
	  font-size: 3vw;
	  padding: 10px 5px;
	}

	.store-detail {
	  margin: -30px 0 30px;
	}
	.store-row {
	  display: block;
	}
	.store-info {
	  padding: 15px 15px 30px;
	}
	.store-info .store-title {
	  font-size: 0.5rem;
	  margin-top: 20px;
	}
	.store-address a[href^="tel:"] {
	  pointer-events: auto;
	}
	.store-address li {
	  font-size: 0.24rem;
	  line-height: 1.5;
	  padding: 4px 0 4px 25px;
	  background-position: 0 0.06rem;
	  background-size: 15px;
	  margin-bottom: 0 !important;
	}
	.store-address li + li {
	  margin-top: 8px;
	}
	.store-badges > * {
	  width: 33.33%;
	}
	.store-gallery {
	  padding: 0 10px 10px 10px;
	  margin: 0 -5px;
	}
	.store-gallery > * {
	  width: 50%;
	  padding: 0 5px;
	}
	.store-gmap {
	  margin-bottom: 30px;
	}
	.store-gmap iframe {
	  width: 100%;
	}
	.store-btn {
	  width: 100%;
	  font-size: 14px;
	  background-size: 0.15rem auto;
	  background-position: left 7% center;
	  padding: 18px 10px 18px 30px;
	}
	.store .store-badges {
	  margin: 0 -5px;
	}
	.store .store-badges li {
	  padding: 0 2.5px;
	}
	.store .badges {
	  padding: 12px 5px;
	  font-size: 0.2rem;
	}
}

/* ↑SHOP:shop-detail↑ */







.section-product .list-product {
  justify-content: space-between;
  margin-top: 50px;
}
.section-product .list-product li {
  width: 260px;
  margin-right: 3%;
}
.section-product .list-product li:nth-child(5) {
  margin-right: 0;
}

@media screen and (max-width: 768px) {
	.section-product .list-product li {
	  margin-right: 0;
	}
}

.section-product .list-product li:nth-child(even) {
  margin-top: 50px;
}
.section-product .list-product li a {
  display: block;
}
.section-product .list-product li .ttl-products {
  font-size: 24px;
  letter-spacing: 0.025em;
  line-height: 1;
  margin-top: 25px;
  background: url("../img/common/ico_red_arrow.png") no-repeat right top 2px/34px;
}

.section-about-us {
  margin-top: 80px;
  padding-bottom: 150px;
}
.section-about-us .btn-cm {
  margin: 30px 0 0 auto;
}
.section-about-us .list-about {
  justify-content: space-between;
}
.section-about-us .list-about li a {
  display: block;
}
.section-about-us .list-about li .ttl-ab {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.4;
  margin-top: 30px;
}
.section-about-us .list-about li .ttl-ab.ext span {
  display: inline-block;
  padding-right: 30px;
  background: url("../img/common/ico_ext.png") no-repeat right center/20px;
}

.section-news {
  padding: 80px 0 70px;
  background: #333;
}
.section-news .newsBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.section-news .newsBox .ttlBox {
  width: 30%;
}
.section-news .newsBox .newsList {
  width: 70%;
}
.section-news .newsBox .ttlBox p.txt {
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.05em;
  margin: 60px 0 30px;
}
.section-news .newsBox .newsList ul.listBox {
  display: flex;
  flex-wrap: wrap;
  letter-spacing: 0.05em;
  border-bottom: solid 1px #666;
  padding-bottom: 30px;
  margin-bottom: 32px;
  width: 100%;
}
.section-news .newsBox .newsList li {
  color: #fff;
  text-align: left;
}
.section-news .newsBox .newsList li.img {
  width: 20%;
  margin-right: 50px;
}
.section-news .newsBox .newsList li.img img {
  border-radius: 5px;
}
.section-news .newsBox .newsList .txtBox {
  width: 70%;
}
.section-news .newsBox .newsList li.date {
  font-size: 15px;
  font-weight: bold;
}
.section-news .newsBox .newsList li.ttl {
  font-size: 17px;
  font-weight: bold;
  margin: 20px 0 25px;
}
.section-news .newsBox .newsList li.txt {
  color: #bbb;
  font-size: 13px;
  line-height: 1.8;
}

@media only screen and (max-width: 768px) {
	.section-news .newsBox {
	  padding: 1.5rem 0 1.4rem;
	}
	.section-news .newsBox {
	  flex-wrap: wrap;
	}
	.section-news .newsBox .ttlBox {
	  width: 100%;
	}
	.section-news .newsBox .newsList {
	  margin-top: 60px;
	  width: 100%;
	}
	.section-news .newsBox .ttlBox p.txt {
	  margin: 30px 0;
	}
	.section-news .newsBox .newsList ul.listBox {
	  width: 100%;
	}
	.section-news .newsBox .newsList li.img {
	  width: 40%;
	  margin: 0 0 20px 0;
	}
	.section-news .newsBox .newsList .txtBox {
	  width: 100%;
	}
}

/* ↓TOP:SNS↓ */
.section-sns {
  padding: 80px 0 120px;
}
.section-sns .ttl {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin: 60px 0 20px;
}
.section-sns .ttl h4 {
  font-size: 40px;
  font-weight: 500;
}
.section-sns .insta-feed {
  margin: 0 auto;
  padding-bottom: 30px;
  width: 1160px !important;
}
#sb_instagram .sbi_photo img {
  border-radius: 15px !important;
}
.section-sns .snsBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.section-sns .snsBox h4 {
  font-size: 36px;
  font-weight: 500;
  margin-bottom: 40px;
}
.section-sns .snsBox .otherBox {
  width: 62%;
}
.section-sns .snsBox .otherBox .otherList ul.listBox {
  display: flex;
  align-items: center;
  font-size: 14px;
  border-bottom: dashed 1px #bbb;
  padding-bottom: 30px;
  margin-bottom: 30px;
}
.section-sns .snsBox .otherBox .otherList .txt {
  line-height: 1.6;
}
.section-sns .snsBox .otherBox .otherList ul.listBox .link {
  color: #555;
  line-height: 1.6;
  margin-top: 10px;
  text-decoration: underline;
}
.section-sns .snsBox .otherBox .otherList ul.listBox .link a {
  color: #555;
}
.section-sns .snsBox .otherBox .otherList ul.listBox .link::after {
  content: url("../img/common/ico_link-window_gr.png");
  padding-left: 5px;
}
.section-sns .snsBox .otherBox .otherList img {
  width: 130px;
  margin-right: 30px;
}

@media only screen and (max-width: 768px) {
	.section-sns h3 {
	  font-size: 1rem;
	}
	.section-sns .ttl {
	  flex-wrap: wrap;
	}
	.section-sns .insta-feed {
	  width: 100% !important;
	}
	.section-sns .snsBox {
	  flex-wrap: wrap;
	}
	.section-sns .snsBox .facebook {
	  margin-bottom: 80px;
	}
	.section-sns .snsBox .otherBox {
	  width: 100%;
	}
	.section-sns .snsBox .otherBox .otherList ul.listBox {
	  width: 100%;
	}
	.section-sns .snsBox .otherBox .otherList img {
	  width: 85%;
	}
	.section-sns .snsBox .otherBox .otherList .txtBox {
	  width: 70%;
	}
}

/* ↑TOP:SNS↑ */

/* ↓TOP:OnlineShop↓ */
.section-onlineshop {
  background: #eee;
  padding: 100px 0;
  margin: 0 auto;
}
/* ↑TOP:OnlineShop↑ */

@media only screen and (min-width: 769px) {
  .section-keyvisual .slide-top .slide-img img.md {
    display: inline-block !important;
  }
}
@media only screen and (max-width: 768px) {
  .section-keyvisual .frame-ttl {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    margin-left: 0;
    padding-left: 0.3rem;
    padding-right: 3.5rem;
    padding-top: 1.6rem;
  }
  .section-keyvisual .frame-ttl .ttl-slide {
    font-size: 0.7rem;
    letter-spacing: 0.025em;
    line-height: 1;
    color: #000;
    margin-bottom: 0.2rem;
  }
  .section-keyvisual .frame-ttl .big-text {
    font-size: 0.4rem;
    letter-spacing: 0.025em;
    line-height: 1.25;
    padding-bottom: 0.4rem;
  }
  .section-keyvisual .frame-ttl .big-text:before {
    width: 0.8rem;
    height: 0.05rem;
  }
  .section-keyvisual .frame-ttl .normal-txt {
    line-height: 1.5;
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
    margin-top: 0.25rem;
  }
  .section-keyvisual .slide-top {
    /*&:before
     * border-width: 0 0 2.7rem 4.2rem */
  }
  .section-keyvisual .slide-top .wrapper {
    padding: 0;
  }
  .section-keyvisual .slide-top .slick-arrow {
    display: none;
  }
  .section-keyvisual .slide-top .slick-dots {
    display: none;
  }
  .section-keyvisual .slide-top .slide-img img.sm {
    display: inline-block !important;
  }

  .section-service {
    padding: .8rem 0 1rem;
  }
  .section-service .list-serivce {
    margin-top: 0.6rem;
  }
  .section-service .list-serivce li {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 2rem;
  }
  .section-service .list-serivce .info-service {
    flex: auto;
    width: 100%;
    padding: 0 !important;
    margin-top: 0.5rem;
    order: 2;
  }
  .section-service .list-serivce .info-service .cmn-ttl {
    display: inline-block;
    font-size: 0.7rem;
    line-height: 1;
    padding-bottom: 0;
    padding-right: 0.7rem;
    background: url("../img/common/ico_red_arrow.png") no-repeat right bottom 0.1rem/0.44rem;
    margin-bottom: 10px;
  }
  .section-service .list-serivce .info-service .cmn-ttl:before {
    display: none;
  }
  .section-service .list-serivce .info-service p {
    letter-spacing: 0.05em;
    line-height: 1.875;
    margin: 0.25rem 0 0.35rem;
    width: 100%;
  }
  .section-service .list-serivce .img-service {
    width: 100%;
    order: 1;
  }

  .section-product .list-product {
    flex-wrap: wrap;
    margin-top: 0.6rem;
  }
  .section-product .list-product li {
    width: 3.34rem;
    margin-bottom: 0.6rem;
  }
  .section-product .list-product li:nth-child(even) {
    margin-top: 0.5rem;
  }
  .section-product .list-product li .ttl-products {
    font-size: 0.46rem;
    display: inline-block;
    padding-right: 0.53rem;
    margin-top: 0.3rem;
    background: url("../img/common/ico_red_arrow.png") no-repeat right bottom 0.1rem/0.33rem;
  }
  .section-product .list-product li .ttl-products.small-ttl {
    font-size: 0.4rem;
  }

  .section-about-us {
    margin-top: 1.2rem;
    padding-bottom: 2.2rem;
  }
  .section-about-us .wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .section-about-us .cmn-ttl {
    order: 1;
  }
  .section-about-us .btn-cm {
    margin: -0.4rem auto 0;
    order: 2;
  }
  .section-about-us .list-about {
    margin-top: 0.5rem;
    width: 100%;
    order: 1;
    flex-wrap: wrap;
  }
  .section-about-us .list-about li {
    width: 100%;
    margin-bottom: .8rem;
  }
  .section-about-us .list-about li .ttl-ab {
    font-size: 0.4rem;
    margin-top: 0.2rem;
  }
  .section-about-us .list-about li .ttl-ab.ext span {
    padding-right: 0.5rem;
    background: url("../img/common/ico_ext.png") no-repeat right center/0.3rem;
  }

  .section-news {
    padding: 0.9rem 0 1.4rem;
  }
  .section-news .wrapper {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .section-news .cmn-ttl {
    order: 1;
  }
  .section-news .btn-cm {
    margin-right: 0;
    order: 2;
  }
  .section-news .list-news {
    margin: 0.6rem 0 0.3rem;
    flex-wrap: wrap;
    order: 1;
  }
  .section-news .list-news li {
    width: 100%;
    margin: 0 0 0.5rem;
  }
  .section-news .list-news li a {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .section-news .list-news li .img-news {
    border-radius: 5px;
    overflow: hidden;
    width: 3rem;
  }
  .section-news .list-news li .if-news {
    flex: 1;
    padding-left: 0.34rem;
  }
  .section-news .list-news li .time {
    font-size: 0.3rem;
    margin: 0 0 0.15rem;
  }
  .section-news .list-news li p {
    font-size: 0.24rem;
    line-height: 1.5;
  }
  .section-news .list-news li:nth-child(even) .if-news {
    order: 1;
    padding-left: 0;
    padding-right: 0.3rem;
  }
  .section-news .list-news li:nth-child(even) .img-news {
    order: 2;
  }
}
.mens-style .frame-ttl {
  padding-left: 100px;
  padding-top: 125px;
}
.mens-style .frame-ttl .cmn-ttl {
  font-size: 50px;
  color: #333;
  padding-bottom: 35px;
}
.mens-style .frame-ttl .cmn-ttl:before {
  background: #003157;
}
.mens-style .slide-top {
  /*&:before
   * border-width: 290px 0 0 450px
   * border-color: transparent transparent transparent #003157
   * right: auto
   * left: 0 */
}

.section-mens-service {
  margin-top: 110px;
  padding-bottom: 200px;
/*  padding: 110px 80px 70px;*/
}
.section-mens-service .ttl-ser {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1;
}
.section-mens-service .text-head {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-top: 27px;
}
.section-mens-service .list-ser {
  margin-top: 55px;
  padding: 0 80px;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 100%;
}
.section-mens-service .list-ser li {
  width: 47%;
  margin-bottom: 50px;
}
.section-mens-service .list-ser li a {
  display: block;
}
.section-mens-service .list-ser li .info-service {
  padding-right: 30px;
  margin-top: 25px;
  transition: 0.3s;
}
.section-mens-service .list-ser li .info-service .ttl-info {
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1.0869;
  background: url("../img/common/ico_blue_arrow.png") no-repeat right bottom 12px/45px;
}
.section-mens-service .list-ser li .info-service .ttl-info.ftsm {
  font-size: 42px;
  font-feature-settings: "palt";
}
@media only screen and (max-width: 768px) {
	.section-mens-service .list-ser li .info-service .ttl-info.ftsm {
	  font-size: 0.38rem;
	  font-feature-settings: "palt";
	  margin-bottom: 15px;
	}
}

.section-mens-service .list-ser li .info-service .ttl-info.cn {
  font-size: 44px;
  letter-spacing: 0em;
  line-height: 1.0869;
  background: url("../img/common/ico_blue_arrow.png") no-repeat right bottom 12px/45px;
}
.section-mens-service .list-ser li .info-service p {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-top: 20px;
}
.section-mens-service .list-ser li .img-service {
  transition: 0.3s;
}
.section-mens-service .list-ser li.rev {
  margin-bottom: 40px;
}
.section-mens-service .list-ser li.rev .info-service {
  padding-right: 0;
  padding-left: 50px;
  margin-top: 0;
}
.section-mens-service .list-ser li.rev .img-service {
  margin-top: 22px;
}
.section-mens-service .list-ser li.spec .info-service {
  padding-left: 110px;
}

.section-trial {
  background: url("../img/mens/bg_trial.jpg") no-repeat right top/cover;
  padding: 90px 0 140px;
}
.section-trial .ttl-trial {
  color: #fff;
  font-size: 56px;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.section-trial .text {
  line-height: 1.875;
  letter-spacing: 0.05em;
  color: #fff;
  margin-top: 25px;
}
.section-trial .list-trial {
  margin: 32px -20px 0;
}
.section-trial .list-trial li {
  width: 260px;
  margin: 0 20px;
  position: relative;
}
.section-trial .list-trial li a {
  display: block;
  border-radius: 10px;
  position: relative;
}
.section-trial .list-trial li .mark {
  position: absolute;
  top: 10px;
  left: -5px;
  font-size: 15px;
  letter-spacing: 0.025em;
  color: #fff;
  font-weight: 700;
  padding: 8px 12px;
  background: #dc0112;
}
.section-trial .list-trial li .mark.trial {
  background: #fcbe03;
}
.section-trial .list-trial li .img {
  border-radius: 10px;
  overflow: hidden;
}
.section-trial .list-trial li .name {
  position: absolute;
  width: 100%;
  bottom: 0;
  left: 0;
  background: #fff url("../img/common/ico_black_arrow.png") no-repeat right 20px center/27px;
  letter-spacing: 0.025em;
  color: #333;
  font-weight: bold;
  font-size: 18px;
  padding: 31px 22px;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
}

.section-recm-product .inner {
  background: #1363a1;
  padding: 85px 0 140px;
}
.section-recm-product .ttl-rec {
  font-size: 50px;
  color: #fde201;
  letter-spacing: 0.01em;
}
.section-recm-product .list-rec {
  margin: 50px -20px 0;
}
.section-recm-product .list-rec li {
  margin: 0 20px;
  width: 260px;
}
.section-recm-product .list-rec li a {
  display: block;
  border-radius: 5px;
  position: relative;
  overflow: hidden;
}
.section-recm-product .list-rec li .info-item {
  background: #eee;
  padding: 29px 20px;
  color: #333;
  letter-spacing: 0.05em;
}
.section-recm-product .list-rec li .info-item p {
  font-size: 15px;
}
.section-recm-product .list-rec li .info-item .name {
  font-size: 22px;
  letter-spacing: 0.025em;
  font-weight: bold;
}
.section-recm-product .btn-cm {
  margin: 35px 0 0 auto;
}

.section-contents {
  padding: 50px 0 80px;
}
.section-contents .list-contents {
  flex-wrap: wrap;
  margin-top: 40px;
}
.section-contents .list-contents li {
  width: 33.33333%;
}
.section-contents .list-contents li a {
  display: block;
  position: relative;
}
.section-contents .list-contents li a:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background: rgba(0, 0, 0, 0.2);
  opacity: 1;
  transition: 0.3s;
}
.section-contents .list-contents li a:hover:before {
  opacity: 0;
}
.section-contents .list-contents li h3 {
  position: absolute;
  width: 100%;
  text-align: center;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.08em;
  text-shadow:
    black 1px 1px 10px, black -1px 1px 10px, black 1px -1px 10px;
}
.section-contents .ttl-ct {
  font-size: 50px;
  font-weight: 600;
  letter-spacing: 0.025em;
}

@media only screen and (min-width: 769px) {
  .section-mens-service .list-ser li a:hover {
    color: #1c6aa4;
  }
  .section-mens-service .list-ser li a:hover .img-service {
    opacity: 0.7;
  }
}
@media only screen and (max-width: 768px) {
  .mens-style .frame-ttl {
    padding: 0.9rem 0.3rem 0;
  }
  .mens-style .frame-ttl .cmn-ttl {
    font-size: 0.7rem;
    line-height: 1.0857;
    padding-bottom: 0.3rem;
  }
  .mens-style .frame-ttl .normal-txt {
    padding-right: 3.5rem;
  }
  .mens-style .slide-top {
    /*&:before
     * border-width: 2.7rem 0 0 4.2rem */
  }

  .section-mens-service {
    padding: 0.9rem 0 1rem;
  }
  .section-mens-service .ttl-ser {
    font-size: 0.7rem;
  }
  .section-mens-service .text-head {
    line-height: 1.5;
    margin-top: 0.23rem;
  }
  .section-mens-service .list-ser {
    margin-top: 0.7rem;
    padding: 0;
  }
  .section-mens-service .list-ser li .info-service {
    padding-right: 0.3rem;
    margin-top: 0.25rem;
  }
  .section-mens-service .list-ser li .info-service .ttl-info {
    font-size: 0.36rem;
    background: url("../img/common/ico_blue_arrow.png") no-repeat right bottom 0.1rem/0.43rem;
  }
  .section-mens-service .list-ser li .info-service .ttl-info.cn {
    font-size: 0.4rem;
    background: url("../img/common/ico_blue_arrow.png") no-repeat right bottom 0.1rem/0.43rem;
  }
  .section-mens-service .list-ser li .info-service p {
    margin-top: 0.12rem;
    font-size: .9em;
    line-height: 1.5;
  }
  .section-mens-service .list-ser li.rev {
    margin-bottom: 0.8rem;
  }
  .section-mens-service .list-ser li.rev .info-service {
    padding-left: 0.3rem;
  }
  .section-mens-service .list-ser li.rev .img-service {
    margin-top: 0.2rem;
  }
  .section-mens-service .list-ser li.spec .info-service {
    padding-left: 0.3rem;
  }

  .section-trial {
    background: url("../img/mens/sp/bg_trial.jpg") no-repeat right top/cover;
    padding: 0.8rem 0 0.15rem;
  }
  .section-trial .ttl-trial {
    font-size: 0.7rem;
  }
  .section-trial .text {
    line-height: 1.5;
    margin-top: 0.2rem;
  }
  .section-trial .list-trial {
    margin: 0.5rem 0 0;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  .section-trial .list-trial li {
    width: 3.2rem;
    margin: 0 0 0.9rem;
  }
  .section-trial .list-trial li a {
    border-radius: 0.1rem;
  }
  .section-trial .list-trial li .mark {
    top: 0.1rem;
    left: -0.1rem;
    font-size: 0.24rem;
    padding: 0.14rem 0.25rem;
  }
  .section-trial .list-trial li .img {
    border-radius: 0.1rem;
  }
  .section-trial .list-trial li .name {
    background: #fff url("../img/common/ico_black_arrow.png") no-repeat right 0.3rem center/0.25rem;
    font-size: 0.3rem;
    padding: 0.3rem 0.2rem;
    border-bottom-right-radius: 0.1rem;
    border-bottom-left-radius: 0.1rem;
  }

  .section-recm-product {
    padding: 0;
  }
  .section-recm-product .inner {
    padding: 0.9rem 0 1.85rem;
  }
  .section-recm-product .ttl-rec {
    font-size: 0.7rem;
    line-height: 1.08;
  }
  .section-recm-product .list-rec {
    margin: 0.5rem 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section-recm-product .list-rec li {
    margin: 0 0 0.4rem;
    width: 3.33rem;
  }
  .section-recm-product .list-rec li a {
    border-radius: 0.05rem;
  }
  .section-recm-product .list-rec li .info-item {
    padding: 0.3rem 0.16rem;
  }
  .section-recm-product .list-rec li .info-item p {
    font-size: 0.24rem;
  }
  .section-recm-product .list-rec li .info-item .name {
    font-size: 0.32rem;
  }
  .section-recm-product .btn-cm {
    margin: 0.3rem auto 0;
  }

  .section-contents {
    padding: 1.5rem 0 1rem;
  }
  .section-contents .list-contents {
    margin-top: 0.5rem;
  }
  .section-contents .list-contents li {
    width: 50%;
  }
  .section-contents .list-contents li h3 {
    font-size: 0.25rem;
  }
  .section-contents .ttl-ct {
    font-size: 0.7rem;
  }
}
/* PAGE MENS CHECK */
.section-bnr-page {
  height: 500px;
  padding-bottom: 100px;
  position: relative;
}
.section-bnr-page.txt-white {
  height: 500px;
  padding-bottom: 100px;
  position: relative;
  color: #fff;
}
.section-bnr-page:before {
  position: absolute;
  content: "";
  width: 100%;
  left: 0;
  right: 0;
  height: 100%;
  margin-left: ;
  background: #fff
}
.section-bnr-page .inner-bnr {
  background: url(../img/mens/men_check/bnr_page.jpg) no-repeat left bottom/cover;
  height: 500px;
  left: 0;
  right: 0;
  position: absolute;
}
/*.section-bnr-page .inner-bnr {
  background: url(../img/mens/men_check/bnr_page.jpg) no-repeat left bottom/cover;
  height: 500px;
  left: 0;
  right: 50%;
  position: absolute;
  margin-right: -400px;
}*/
.section-bnr-page .wrapper {
  position: relative;
  text-shadow:
	white 1px 1px 5px, white -1px 1px 5px,
	white 1px 1px 5px, white -1px 1px 5px,
	white 1px -1px 5px, white -1px -1px 5px;
}
.section-bnr-page .wrapper.about {
  position: relative;
  text-shadow:
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px 1px 5px, black -1px 1px 5px,
	black 1px -1px 5px, black -1px -1px 5px;
}
.section-bnr-page .wrapper .txt {
  text-align: right;
  font-size: 30px;
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.3;
  padding-top: 100px;
}
.section-bnr-page .wrapper .txt.evolution {
  padding-top: 150px;
}
.section-bnr-page .wrapper .txt.under {
  text-align: left;
  padding-top: 20px;
}
.section-bnr-page .wrapper .ttl-bnr {
  text-align: right;
  font-weight: 600;
  font-size: 60px;
  font-feature-settings: "palt";
  letter-spacing: 0.02em;
  line-height: 1.0857;
  padding-top: 14px;
}
.section-bnr-page .wrapper .ttl-bnr.left {
  text-align: left;
  font-size: 58px;
  padding-top: 7%;
}
.section-bnr-page .wrapper .btn-bnr {
  text-align: right;
  margin-top: 27px;
  text-shadow: none;
}
.section-bnr-page .wrapper .btn-bnr.left {
  text-align: left;
}
.section-bnr-page .wrapper .btn-bnr a {
  display: inline-block;
  width: 280px;
  text-align: center;
  height: 60px;
  line-height: 58px;
  border: 1px solid;
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.1em;
  background: #a70127 url("../img/common/ico_arrow_btn_white.png") no-repeat right 20px center/8px;
  transition: 0.3s;
  color: #fff;
  text-shadow: none;
}
.section-bnr-page .wrapper .btn-bnr a:hover {
  background: #000 url("../img/common/ico_arrow_btn_white.png") no-repeat right 20px center/8px;
  color: #fff;
}
.section-bnr-page .wrapper .btn-bnr.white-color a {
  color: #fff;
  background: url("../img/common/ico_arrow_btn_white.png") no-repeat right 20px center/8px;
}
.section-bnr-page .wrapper .btn-bnr.white-color a:hover {
  background: #000 url("../img/common/ico_arrow_btn_black.png") no-repeat right 20px center/8px;
  color: #fff;
}
.section-bnr-page .wrapper.txt-white {
  color: #fff;
}

@media only screen and (max-width: 768px) {
	.section-bnr-page .wrapper .ttl-bnr.left {
	  font-size: 32px;
	  font-weight: 700;
	  padding-top: 16%;
	}
	.section-bnr-page .wrapper .txt.under {
	  font-size: 20px;
	  padding-top: 10px;
	}
	.section-bnr-page .wrapper .btn-bnr.left {
	  margin-top: 0.4rem;
	}
	.section-bnr-page .wrapper .txt.evolution {
	  padding-top: 250px;
	}
}

.section-intro {
  margin-top: 120px;
}
.section-intro .cmn-ttl {
  font-size: 36px;
  font-weight: 700;
  line-height: 1.27778;
  padding-bottom: 35px;
}
.section-intro .text {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
.section-intro p.ttl-rd {
  font-size: 30px;
  font-weight: 600;
  font-feature-settings: "palt";
  line-height: 1.2;
  color: #a70127;
  letter-spacing: 0.03em;
}
.section-intro .afterser-img {
  border: solid 1px #ddd;
}
.section-about-men {
  margin-top: 60px;
}
.section-about-men.mgnone {
  margin-top: 0;
}
.section-about-men .list-about {
  margin-top: 30px;
}
.section-about-men .list-about li {
  margin-bottom: 50px;
}
.section-about-men .list-about li .img-ab {
  width: 433px;
}
.section-about-men .list-about li .info-ab {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 40px;
}
.section-about-men .list-about li .info-ab .ttl {
  font-size: 28px;
  font-weight: 600;
  letter-spacing: 0.01em;
  margin: -5px 0 20px;
}
.section-about-men .list-about li .info-ab p {
  letter-spacing: 0.025em;
  line-height: 1.875;
  margin-top: 15px;
}
.section-about-men .list-about li.rev .info-ab {
  padding-left: 0;
  padding-right: 40px;
}

.section-trial-offer {
  background: #fff;
  padding: 60px 0 80px;
}
.section-trial-offer.order {
  padding: 0 0 50px;
}
.section-trial-offer .ttl-trial-offer {
  font-size: 46px;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #fea801;
  line-height: 1;
}
.section-trial-offer .ttl-trial-offer span {
  color: #a70127;
}
.section-trial-offer .ttl-trial-offer.red {
  font-size: 50px;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  color: #a70127;
  line-height: 1;
  padding-bottom: 30px;
}
.section-trial-offer .list-contact {
  margin-top: 45px;
}
.section-trial-offer .list-contact li a {
  background: #000;
  color: #fff;
}
.section-trial-offer .list-contact .link-to .mark {
  color: #000;
  background: #fff;
}

.section-flow {
  background: #2e2e2e;
  padding: 222px 0 280px;
  position: relative;
  margin-top: 10px;
}
.section-flow:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100vw 220px 0;
  border-color: transparent #fff transparent transparent;
  transform: rotate(0deg);
  right: 0;
  top: 0;
}
.section-flow:after {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 275px 0 0 100vw;
  border-color: transparent transparent transparent #fff;
  transform: rotate(0deg);
  left: 0;
  bottom: 0;
}
.section-flow .text-f {
  color: #fff;
  margin-top: 20px;
  line-height: 1.6;
  letter-spacing: 0.04em;
}
.section-flow .list-flow {
  flex-wrap: wrap;
  margin: 50px -27px 0;
}
.section-flow .list-flow li {
  width: 350px;
  margin: 0 27px 56px;
  color: #fff;
  position: relative;
}
.section-flow .list-flow li:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_arrow_btn_red.png") no-repeat;
  width: 18px;
  height: 30px;
  background-size: 100%;
  right: -38px;
  top: 105px;
}
.section-flow .list-flow li:nth-child(3n):before, .section-flow .list-flow li:last-child:before {
  display: none;
}
.section-flow .list-flow li .ttl-flow {
  font-size: 24px;
  font-weight: 600;
  line-height: 1.25;
  letter-spacing: 0.04em;
  margin-top: 25px;
}
.section-flow .list-flow li p {
  letter-spacing: 0.025em;
  line-height: 1.875;
  margin-top: 15px;
}
.section-flow .list-flow li p.remark {
  color: #999;
  font-size: 13px;
}
.section-flow .list-flow li a.btn-modal {
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #ffd200;
  padding-right: 27px;
  background: url("../img/common/ico_more.png") no-repeat right center/10px;
  margin-top: 20px;
  display: inline-block;
}
.section-flow .wrapper {
  margin-top: -70px;
}
.section-flow .btn-flow {
  border: solid 2px #ffd200;
  width: 280px;
  padding: 10px 20px;
  color: #ffd200;
  font-weight: bold;
  margin-top: 100px;
}
.section-flow .btn-flow:hover {
  background: #ffd200;
  color: #333;
}

.modal-box {
  max-width: 980px;
  padding: 110px 210px 150px;
  background: #fff;
  border-radius: 8px;
  position: relative;
  display: none;
}
.modal-box .fancybox-close-small {
  display: none;
}
.modal-box .ttl-modal {
  font-size: 24px;
  color: #333;
  letter-spacing: 0.05em;
  margin: 15px 0 -20px;
}
.modal-box p {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-top: 30px;
}
.modal-box p.modal-ttl {
  font-size: 30px;
  font-weight: bold;
  letter-spacing: 0.01em;
  line-height: 1.4;
}
.modal-box .btn-close-modal {
  position: absolute;
  right: 30px;
  bottom: 30px;
  cursor: pointer;
}

.fancybox-is-open .fancybox-bg {
  opacity: 0.8;
}

.section-exclusive {
  margin-top: -85px;
  padding-bottom: 60px;
}
.section-exclusive .text-f {
  margin: 25px 0px 20px;
}
.section-exclusive p {
  letter-spacing: 0.05em;
  line-height: 1.8em;
}
.section-exclusive .text-f strong {
  font-weight: bold;
  font-size: 32px;
}
.section-exclusive .list-exc {
  margin: 55px -20px 0;
}
.section-exclusive .list-exc.setup {
  margin: 32px 0 20px;
}
.section-exclusive .list-exc li {
  width: 260px;
  margin: 0 20px;
}
.section-exclusive .list-exc .mark {
  font-size: 24px;
  color: #ba0110;
}
.section-exclusive .list-exc .mark span {
  font-size: 14px;
  vertical-align: middle;
  margin-right: 5px;
}
.section-exclusive .list-exc .img-exc {
  margin-top: 10px;
}
.section-exclusive .list-exc .ttl {
  font-size: 24px;
  font-weight: 700;
  line-height: 1.2;
  margin: 25px 0 16px;
}
.section-exclusive .list-exc.setup .ttl {
  margin: 35px 0 20px;
}
.section-exclusive .list-exc.setup .txt {
  font-size: 16px;
  line-height: 1.8;
  letter-spacing: 0.05em;
}
.section-exclusive .list-exc p {
  letter-spacing: 0.05em;
  line-height: 1.5;
  margin-top: 5px;
}

@media only screen and (max-width: 1186px) {
  .section-flow:before {
    border-width: 0 1186px 220px 0;
  }
  .section-flow:after {
    border-width: 275px 0 0 1186px;
  }
}
@media only screen and (max-width: 768px) {
  .section-bnr-page {
/*    height: 9rem;*/
    padding-bottom: 0;
  }
  .section-bnr-page:before {
    left: 0;
    right: 50%;
/*    margin-left: -0.65rem;*/
  }
  .section-bnr-page .inner-bnr {
    background: url(../img/mens/men_check/sp/bnr_page.jpg) no-repeat left bottom/cover;

/*    height: 8rem;*/
    left: 0;
    right: 0;
    margin-right: 0;
  }
  .section-bnr-page .wrapper .txt {
    text-align: left;
    font-size: 0.3rem;
    font-weight: 700;
    padding-top: 1.5rem;
  }
  .section-bnr-page .wrapper .txt.position {
    padding-top: 3.5rem;
  }
  .section-bnr-page .wrapper .ttl-bnr {
    text-align: left;
    font-size: 0.8rem;
    margin-top: 0;
    padding-top: 5px;
  }
  .section-bnr-page .wrapper .btn-bnr {
    text-align: left;
    margin-top: 0.25rem;
  }
  .section-bnr-page .wrapper .btn-bnr a {
    width: 3.5rem;
    height: 0.8rem;
    line-height: 0.78rem;
    font-size: 0.3rem;
    letter-spacing: 0.2em;
    background-size: 0.1rem;
    background-position: right 0.3rem center;
  }
  .section-bnr-page .wrapper .btn-bnr a:hover {
    background-size: 0.1rem;
    background-position: right 0.3rem center;
  }

  .section-intro {
    margin-top: 0.9rem;
  }
  .section-intro .cmn-ttl {
    font-size: 0.56rem;
    line-height: 1.2;
    padding-bottom: 0.4rem;
  }
  .section-intro .text {
    line-height: 1.5;
    margin-top: 0.38rem;
  }
  .section-intro.tech {
    padding-bottom: 60px;
  }
  .section-about-men {
    margin-top: 1.2rem;
  }
  .section-about-men .list-about {
    margin-top: 0.6rem;
  }
  .section-about-men .list-about li {
    margin-bottom: 1.4rem;
    flex-wrap: wrap;
  }
  .section-about-men .list-about li .img-ab {
    width: 100%;
    order: 1;
  }
  .section-about-men .list-about li .info-ab {
    flex: auto;
    width: 100%;
    padding: 0 !important;
    order: 2;
    margin-top: 0.4rem;
  }
  .section-about-men .list-about li .info-ab .ttl {
    font-size: 0.4rem;
    margin-top: 0;
  }
  .section-about-men .list-about li .info-ab p {
    line-height: 1.5;
    margin-top: 0.3rem;
  }
  .section-about-men .list-about li:last-child {
    margin-bottom: 0;
  }

  .section-trial-offer {
    padding: 1rem 0 0;
  }
  .section-trial-offer .ttl-trial-offer {
    font-size: 0.6rem;
  }
  .section-trial-offer .ttl-trial-offer.red {
    font-size: 0.6rem;
  }
  .section-trial-offer .list-contact {
    margin-top: 0.4rem;
  }

  .section-flow {
    padding: 1.2rem 0 0.8rem;
    margin-top: 0.3rem;
  }
  .section-flow:before {
    border-width: 0 7.67rem 1.2rem 0;
  }
  .section-flow:after {
    border-width: 1.5rem 0 0 7.67rem;
  }
  .section-flow .text-f {
    margin-top: 0.3rem;
  }
  .section-flow .list-flow {
    margin: 0.7rem 0 0;
  }
  .section-flow .list-flow li {
    width: 100%;
    margin: 0 0 0.5rem;
    padding-bottom: 0.7rem;
  }
  .section-flow .list-flow li:before {
    width: 0.26rem;
    height: 0.5rem;
    transform: rotate(90deg);
    background-size: 100%;
    right: 50%;
    margin-right: -0.13rem;
    top: auto;
    bottom: 0;
  }
  .section-flow .list-flow li:first-child:before {
    margin-top: 50p;
  }
  .section-flow .list-flow li:nth-child(3n):before {
    display: block;
  }
  .section-flow .list-flow li:last-child:before {
    display: none;
  }
  .section-flow .list-flow li .ttl-flow {
    font-size: 0.4rem;
    line-height: 1.15;
    margin-top: 0.35rem;
  }
  .section-flow .list-flow li p {
    line-height: 1.5;
    margin-top: 0.2rem;
  }
  .section-flow .list-flow li a.btn-modal {
    padding-right: 0.6rem;
    background: url("../img/common/ico_more.png") no-repeat right center/0.18rem;
    margin-top: 0.3rem;
    font-size: 0.36rem;
  }
  .section-flow .wrapper {
    margin-top: 0;
  }

  .section-exclusive {
    margin-top: 0.3rem;
    padding-bottom: 1.2rem;
  }
  .section-exclusive .text-f {
    margin-top: 0.2rem;
  }
  .section-exclusive .text-f strong {
    font-size: 0.4rem;
    line-height: 1.15;
    display: inline-block;
    margin-bottom: 0.3rem;
    margin-top: 0.2rem;
  }
  .section-exclusive .list-exc {
    margin: 0.7rem 0 0;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 100%;
  }
  .section-exclusive .list-exc li {
    /* 頭皮チェックのデバイス*/
    width: 47%;
    margin: 0 0 1rem;
  }
  .section-exclusive .list-exc.onebox li {
    width: 48%;
  }
  .section-exclusive .list-exc .mark {
    font-size: 0.4rem;
  }
  .section-exclusive .list-exc .mark span {
    font-size: 0.16rem;
    margin-right: 0.05rem;
  }
  .section-exclusive .list-exc .img-exc {
    margin-top: 0.15rem;
  }
  .section-exclusive .list-exc .ttl {
    font-size: 0.4rem;
    margin-top: 0.25rem;
  }
  .section-exclusive .list-exc p {
    line-height: 1.5;
    margin-top: 0.2rem;
  }

  .modal-box {
    max-width: 7.08rem;
    padding: 0.75rem 0.73rem 1.3rem;
    background: #fff;
    border-radius: 0.08rem;
  }
  .modal-box p {
    line-height: 1.5;
/*    margin-top: 0.2rem;*/
  }
  .modal-box .btn-close-modal {
    right: 0.3rem;
    bottom: 0.3rem;
  }
  .modal-box .btn-close-modal img {
    height: 0.6rem;
  }
}
/* PAGE PINPOINT */
.section-bnr-page.pin-page .inner-bnr {
  background: url("../img/mens/pin_point/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE MENS WIG */
.section-bnr-page.wig-page .inner-bnr {
  background: url("../img/mens/wig/top/bnr_page.jpg") no-repeat left bottom/cover;
}

/* PAGE MENS WIG MENSADERANS */
.section-bnr-page.wig-page-ma .inner-bnr {
  background: url("../img/mens/wig/mensaderans/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE MENS WIG Hair Evolution */
.section-bnr-page.wig-page-evolution .inner-bnr {
  background: url("../img/mens/wig/hairevolution/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE MENS WIG Hair Evolution */
.section-bnr-page.wig-page-evolutionL {
  color: #fff;
}
.section-bnr-page.wig-page-evolutionL .wrapper {
  text-shadow: none;
}
.section-bnr-page.wig-page-evolutionL .inner-bnr {
  background: url("../img/mens/wig/evolutionL/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE MENS WIG FLEX */
.section-bnr-page.wig-page-flex .inner-bnr {
  background: url("../img/mens/wig/flex/bnr_page.jpg") no-repeat left bottom/cover;
}
.section-bnr-page.wig-page-flex .wrapper {
  text-shadow: none;
}
.section-bnr-page.wig-page-flex {
  color: #fff;
}
/* PAGE MENS WIG HAIRSKIN */
.section-bnr-page.wig-page-hairskin .inner-bnr {
  background: url("../img/mens/wig/hairskin/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE WOMEN'S PINPOINT */
.section-bnr-page.pin-page-women .inner-bnr {
  background: url("../img/women/pinpoint/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE WOMEN'S OrdermadeWIG */
.section-bnr-page.order-women-page .wrapper .txt .ttl-bnr {
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
}
.section-bnr-page.order-women-page .inner-bnr {
  background: url("../img/women/ordermade/bnr_page.jpg") no-repeat left bottom/cover;
}
.order-women-page:before {
  background: #fff;
}
/* PAGE MEDIA */
.section-bnr-page.media-page .inner-bnr {
  background: url("../img/media/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE PRODUCTS */
.section-bnr-page.prdct-page .wrapper .txt .ttl-bnr {
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
}
.section-bnr-page.prdct-page .inner-bnr {
  background: url("../img/product/bnr_page.jpg") no-repeat left bottom/cover;
}
.prdct-page:before {
  background: #fff;
}
.section-pin-maintenance {
  position: relative;
  margin-top: 80px;
}
.section-pin-maintenance .img-pin {
  left: 50%;
  right: 0;
  position: relative;
  margin-left: -80px;
  width: 680px;
}
.section-pin-maintenance .img-pin.order {
  margin-left: 0;
  width: 50%;
}
.section-pin-maintenance .img-pin.left {
  right: 50%;
  left: 18%;
  position: relative;
}
.section-pin-maintenance .img-about-left {
  text-align: left;
  margin-left: 80px;
}
.section-pin-maintenance .wrapper {
  position: absolute;
  top: 0;
  left: 50%;
  margin-left: -580px;
}
.section-pin-maintenance .wrapper .info-pin {
  width: 500px;
  padding-right: 60px;
}
.section-pin-maintenance .wrapper .info-pin.order {
  width: 47%;
  padding-right: 0;
}
.section-pin-maintenance .wrapper .info-pin .cmn-ttl {
  font-size: 36px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.27778;
  padding-bottom: 35px;
}
.section-pin-maintenance .wrapper .info-pin .cmn-ttl-L {
  font-size: 54px;
  font-weight: 600;
  font-feature-settings: "palt";
  line-height: 1.2;
  padding-bottom: 35px;
}
.section-pin-maintenance .wrapper .info-pin .ttl {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  margin-top: 30px;
}
.section-pin-maintenance .wrapper .info-pin p {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
.section-pin-maintenance .wrapper .info-pin p span {
  font-weight: bold;
}
.section-about-ma {
  text-align: center;
  margin: 100px 0;
}

@media screen and (max-width: 768px) {
	.section-pin-maintenance .wrapper .info-pin .cmn-ttl-L {
	  font-size: 40px;
	  line-height: 1.27778;
	}
	.section-pin-maintenance .wrapper .info-pin.order .ttl {
	  margin-top: 80px;
	}
	.section-pin-maintenance .wrapper .info-pin.order {
	  width: 100%;
	}
	.section-pin-maintenance .img-pin.order {
	  width: 100%;
	}
}

/* OrderWig 追記
 * ----------------------------------------------- */

.flexbox {
  display: flex;
  flex-wrap: wrap;
}
.section-orderwig {
  margin: 80px 0;
}
.section-orderwig .order-wrap {
  width: 1160px;
  margin: 0 auto;
}
.section-orderwig .text-imgBox {
  justify-content: space-between;
}
.section-orderwig .text-imgBox .imgBox {
  width: 43%;
}
.section-orderwig .text-imgBox .imgBox img {
  margin-bottom: 5px;
}
.section-orderwig .border {
  border: solid 1px #bbb;
}
.section-orderwig .text-imgBox .txtBox {
  width: 53%;
  line-height: 1.4;
}
.section-orderwig .text-imgBox .txtBox.bg {
  background-image: url("../img/women/ordermade/about_bg.jpg");
  background-repeat: no-repeat;
  background-size: 102% 88%;
  height: 760px;
  margin-top: 30px;
}
.section-orderwig .text-imgBox .txtBox h3.ttl {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.01em;
  margin-bottom: 30px;
  width: 75%;
}
.section-orderwig .text-imgBox .txtBox p {
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.section-orderwig .text-imgBox .txtBox p.about {
  width: 61%;
  margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	.section-orderwig .text-imgBox {
	  justify-content: space-between;
	}
	.section-orderwig .text-imgBox .imgBox {
	  width: 100%;
	  margin: 15px 0 30px;
	}
	.section-orderwig .text-imgBox .txtBox {
	  width: 100%;
	}
	.section-orderwig .text-imgBox .txtBox.bg {
	  background-size: contain;
	  height: 78svh;
	  margin-top: 60px;
	  background-position: top 100% right 0;
	}
	.section-orderwig .text-imgBox .txtBox h3.ttl {
	  margin-bottom: 30px;
	  width: 100%;
	}
	.section-orderwig .text-imgBox .txtBox p.about {
	  width: 68%;
	}
}

.section-orderwig h2.ttl {
  font-size: 56px;
  font-weight: 600;
  line-height: 1.2;
}
.section-orderwig h2.ttl.center {
  margin: 0 auto;
  text-align: center;
}
.section-orderwig .bespokeBox {
  position: relative;
  background-image: url("../img/women/ordermade/detail_01.jpg"),url("../img/women/ordermade/detail_02.jpg");
  width: 100%;
  height: 0;
  padding-top: 46.88%;
  background-repeat: no-repeat,no-repeat;
  background-size: 50%;
  background-position: left,right 100px;
  margin-bottom: 100px;
}
.section-orderwig .bespokeBox .list-txt {
  position: absolute;
  top: 55%;
  left: 10%;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  background: rgba(255,255,255,0.5);
  padding: 20px 40px;
  list-style: disc;
}
.section-orderwig .bespokeBox .txtBox {
  position: absolute;
  top: 63%;
  left: 56%;
}
.section-orderwig .bespokeBox .txtBox .ttl {
  font-size: 35px;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 20px;
}
.section-orderwig .bespokeBox .txtBox .ttl.cn {
  font-size: 36px;
  font-weight: 600;
}
.section-orderwig .bespokeBox .txtBox .txt {
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  width: 80%;
}

@media screen and (max-width: 768px) {
	.section-orderwig h2.ttl {
	  font-size: 44px;
	  padding-top: 100px;
	}
	.section-orderwig .bespokeBox {
	  background-image: url("../img/women/ordermade/sp/detail_bg.jpg");
	  width: 100%;
	  height: 0;
	  padding-top: 306%;
	  background-repeat: no-repeat;
	  margin: 30px 0 0;
	  background-size: contain;
	  background-position: left;
	}
	.section-orderwig .bespokeBox .list-txt {
	  position: absolute;
	  top: 23%;
	  left: 6%;
	  font-size: 14px;
	}
	.section-orderwig .bespokeBox .txtBox {
	  position: absolute;
	  top: 73%;
	  left: 8%;
	  width: 90%;
	}
	.section-orderwig .bespokeBox .txtBox .ttl {
	  font-size: 34px;
	  margin-bottom: 20px;
	}
	.section-orderwig .bespokeBox .txtBox .txt {
	  font-size: 15px;
	  width: 90%;
	}
}

.section-orderwig .order-menuBox {
  margin: 40px 0 100px;
  justify-content: space-between;
}
.section-orderwig .order-menuBox ul {
  display: flex;
  justify-content: space-between;
}
.section-orderwig .order-menuBox .btn {
  position: relative;
  border: solid 1px #333;
  padding: 15px 15px 15px 20px;
  height: 150px;
  width: 32%;
  font-size: 22px;
}
.section-orderwig .order-menuBox .btn::before {
  content: "";
  top: 0;
  left: 0;
  border-bottom: 1.4em solid transparent;
  border-left: 1.4em solid #333;
  position: absolute;
  z-index: 100;
}
.section-orderwig .order-menuBox li.ttl {
  position: relative;
  line-height: 5.4;
}
.section-orderwig .order-menuBox li.ttl::after {
  content: "▼";
  font-size: 50%;
  position: absolute;
  top: 26%;
  left: 107%;
}

@media screen and (max-width: 768px) {
	.section-orderwig .order-menuBox {
	  margin: 40px 0 100px;
	}
	.section-orderwig .order-menuBox .btn {
	  width: 100%;
	  height: 143px;
	  padding: 10px 10px 10px 20px;
	  margin-bottom: 20px;
	}
	.section-orderwig .order-menuBox .btn::before {
	  top: 0;
	  left: 0;
	  border-bottom: 1.4em solid transparent;
	  border-left: 1.4em solid #333;
	}
	.section-orderwig .order-menuBox li.ttl {
	  font-size: 27px;
	  line-height: 4.5;
	}
	.section-orderwig .order-menuBox li.ttl::after {
	  font-size: 50%;
	  position: absolute;
	  top: 26%;
	  left: 107%;
	}
}

.section-orderwig .order-products {
  margin: 60px 0 80px;
}
.section-orderwig .order-products .productsBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
.section-orderwig .order-products .productsBox .box1 {
  width: 54%;
}
.section-orderwig .order-products .productsBox .box2 {
  width: 40%;
  margin-top: 30px;
}
.section-orderwig .order-products .products-Left,
.section-orderwig .order-products .products-Right {
  position: relative;
  margin-bottom: 120px;
}
.section-orderwig .order-products .products-Left.gr::before {
  position: absolute;
  content: "";
  top: 25%;
  right: 0;
  background-color: rgb(221, 241, 238);
  width: 58%;
  height: 74svh;
  z-index: -1;
}
.section-orderwig .order-products .products-Left.bl::before {
  position: absolute;
  content: "";
  top: 25%;
  right: 0;
  background-color: rgb(194, 211, 223);
  width: 58%;
  height: 74svh;
  z-index: -1;
}
.section-orderwig .order-products .products-Right.or::before {
  position: absolute;
  content: "";
  top: 25%;
  left: 0;
  background-color: rgb(231, 230, 223);
  width: 58%;
  height: 74svh;
  z-index: -1;
}
.section-orderwig .order-products .ttl {
  font-size: 44px;
  font-weight: 600;
  margin-bottom: 15px;
}
.section-orderwig .order-products .ttl.right {
  top: 0;
  left: 12%;
}
.section-orderwig .order-products .ttl.third {
  top: 0;
  right: 22%;
}
.section-orderwig .order-products .ttl::before {
  content: "▸";
  padding-right: 10px;
}

@media screen and (max-width: 768px) {
	.section-orderwig .order-products {
	  margin: 60px 0 80px;
	}
	.section-orderwig .order-products .productsBox {
	  flex-wrap: wrap;
	}
	.section-orderwig .order-products .productsBox.reverse {
	  flex-direction: column-reverse;
	}
	.section-orderwig .order-products .productsBox .box1 {
	  width: 100%;
	}
	.section-orderwig .order-products .productsBox .box2 {
	  width: 100%;
	  margin-top: 30px;
	}
	.section-orderwig .order-products .products-Left,
	.section-orderwig .order-products .products-Right {
	  margin-bottom: 120px;
	}
	.section-orderwig .order-products .products-Left.gr::before {
	  top: 15%;
	  width: 60%;
	  height: 90svh;
	}
	.section-orderwig .order-products .products-Left.bl::before {
	  top: 15%;
	  width: 60%;
	  height: 90svh;
	}
	.section-orderwig .order-products .products-Right.or::before {
	  top: 15%;
	  width: 84%;
	  height: 100svh;
	}
	.section-orderwig .order-products .ttl {
	  font-size: 38px;
	  margin-bottom: 15px;
	}
	.section-orderwig .order-products .ttl.right {
	  top: 0;
	  left: 12%;
	}
	.section-orderwig .order-products .ttl.third {
	  top: 0;
	  right: 22%;
	}
	.section-orderwig .order-products .ttl::before {
	  content: "▸";
	  padding-right: 10px;
	}
}

.section-orderwig h4.sline {
  font-size: 50px;
  font-weight: 600;
  padding: 0 0.3em;
  background: transparent;
  border-left: solid 10px #dc0112;
  line-height: 1.1;
}
.section-orderwig .subttl {
  font-size: 32px;
  font-weight: 500;
  line-height: 1.2;
  margin: 30px 0 40px;
}
.section-orderwig .subttls {
  font-size: 22px;
  margin-bottom: 30px;
}
.section-orderwig .subttls.bold {
  font-weight: 500;
  line-height: 1.6;
}
.section-orderwig h3.subttl {
  font-size: 22px;
  margin-bottom: 30px;
}
.section-orderwig h3.subttl.bold {
  font-weight: 500;
  line-height: 1.4;
}
.ftc-rd {
  color: #dc0112;
}
.section-orderwig .text-imgBox .txtBox .flexbox {
  justify-content: space-between;
}
.section-orderwig .text-imgBox .txtBox .flexbox.cn {
  justify-content: flex-start;
}
.section-orderwig .text-imgBox .txtBox .flexbox.cn ul {
  margin-right: 60px;
}
.section-orderwig .text-imgBox .txtBox .flexbox .ttl {
  font-size: 20px;
  font-weight: bold;
  list-style: none;
  margin-bottom: 10px;
  margin-left: 0;
}
.section-orderwig .text-imgBox .txtBox .flexbox li {
  font-size: 16px;
  line-height: 1.6;
  list-style: disc;
  margin-left: 15px;
}
.section-orderwig .materialBox .box {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
}
.section-orderwig .materialBox .box li {
  list-style: none;
}
.section-orderwig .materialBox .box li.img {
  width: 20%;
}
.section-orderwig .materialBox .box li.txt {
  line-height: 1.6;
  width: 70%;
}



@media screen and (max-width: 768px) {
	.section-orderwig .order-wrap {
	  width: 100%;
	  padding-left: 0.3rem;
	  padding-right: 0.3rem;
	}
	.section-orderwig .materialBox .box {
	  margin-bottom: 30px;
	}
	.section-orderwig .text-imgBox .txtBox .flexbox ul {
	  margin-bottom: 30px;
	}
	.section-orderwig h4.sline {
	  font-size: 42px;
	  line-height: 1.2;
	}

}


/* ----------------------------------------------- */


.section-pinpointL {
  margin: 50px 0 100px;
}
.section-pinpointL .wrapper .info-pin .cmn-ttl {
  font-size: 36px;
  line-height: 1.27778;
  padding-bottom: 35px;
}
.section-pinpointL .wrapper .info-pin .cmn-ttl-L {
  font-size: 56px;
  line-height: 1.27778;
  padding-bottom: 35px;
}
.section-pinpointL .wrapper .info-pin .ttl {
  font-size: 36px;
  line-height: 1.27778;
  letter-spacing: 0.05em;
  margin: 30px 0;
}
.section-pinpointL .wrapper .info-pin p {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 30px;
}

.bnr-grow {
  margin-top: 70px;
}

.section-essential {
  margin-top: 140px;
}
.section-essential .wrapper {
  position: relative;
}
.section-essential .wrapper .block-abs {
  position: absolute;
  top: 0;
  right: 0;
}
.section-essential .wrapper .block-abs p {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-top: 30px;
}
.section-essential .list-essen {
  margin: 0 -25px;
}
.section-essential .list-essen li {
  width: 260px;
  margin: 0 25px;
  position: relative;
}
.section-essential .list-essen li:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_arrow_btn_black.png") no-repeat;
  width: 18px;
  height: 30px;
  background-size: 100%;
  right: -35px;
  top: 115px;
}
.section-essential .list-essen li:nth-child(4n):before, .section-essential .list-essen li:last-child:before {
  display: none;
}
.section-essential .list-essen li .ttl {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.4;
  letter-spacing: 0.025em;
  margin: 18px 0 20px;
}
.section-essential .list-essen li p {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 10px;
}
.section-essential .list-essen li.pd-top {
  margin-top: 310px;
}

.section-tech-dedication {
  position: relative;
  background: #2e2e2e;
  padding: 220px 0 50px;
}
.section-tech-dedication:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100vw 220px 0;
  border-color: transparent #fff transparent transparent;
  transform: rotate(0deg);
  right: 0;
  top: 0;
}
.section-tech-dedication.evolutionL {
  position: relative;
  background: #000;
  padding: 220px 0 50px;
}
.section-tech-dedication.evolutionL:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100vw 220px 0;
  border-color: transparent #2e2e2e transparent transparent;
  transform: rotate(0deg);
  right: 0;
  top: 0;
}
.section-tech-dedication.evolutionL p.subttl {
  font-size: 20px;
  color: #edc683;
  margin: -20px 0;
}
.section-tech-dedication.evolutionL p.evl-ttl {
  font-size: 36px;
  color: #edc683;
}

@media screen and (max-width: 768px) {
	.section-tech-dedication.evolutionL p.subttl {
	  margin-bottom: 10px;
	}
}

.section-tech-dedication .wrapper {
  margin-top: -75px;
}
.section-tech-dedication .list-tech {
  color: #fff;
  margin-top: 10px;
}
.section-tech-dedication .list-tech li {
  margin-top: 50px;
}
.section-tech-dedication .list-tech li .img-tech {
  width: 400px;
}
.section-tech-dedication .list-tech li .info-tech {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 40px;
}
.section-tech-dedication .list-tech li .info-tech .ttl {
  font-size: 26px;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  margin-bottom: 20px;
}
.section-tech-dedication .list-tech li .info-tech p {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 15px;
}
.section-tech-dedication .list-tech li.rev .info-tech {
  padding-left: 0;
  padding-right: 40px;
}


/* PAGE MENS WIG Hair Evolution LEGEND */
.section-evolutionL {
  text-align: center;
  margin: 0 auto;
  margin-top: 40px;
}
.section-evolutionL img {
}
.section-evolutionL .subttl {
  font-size: 24px;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin: 30px 0 0;
}
.section-evolutionL .ttl {
  font-size: 56px;
  letter-spacing: 0.03em;
  line-height: 1.4;
  margin-bottom: 50px;
}
.section-evolutionL .imgbox img {
  margin-bottom: 40px;
}
@media screen and (max-width: 768px) {
	.section-evolutionL .subttl {
	  font-size: 20px;
	  line-height: 1.4;
	  margin: 30px 0 10px;
	}
	.section-evolutionL .ttl {
	  font-size: 40px;
	  line-height: 1.2;
	}
}

.section-style {
  color: #fff;
}
.section-style .text {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-top: 30px;
}
.section-style .style-block {
  background: #000;
  position: relative;
  padding-top: 145px;
}
.section-style .style-block:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100vw 270px 0;
  border-color: transparent #2e2e2e transparent transparent;
  transform: rotate(0deg);
  right: 0;
  top: 0;
}
.section-style .style-block.block02 {
  background: #2e2e2e;
/*  margin-top: -70px;*/
  padding: 250px 0 110px;
}
.section-style .style-block.block02:before {
  border-width: 0 100vw 250px 0;
  border-color: transparent #000 transparent transparent;
}
.section-style .style-block.block02 p.abs-text {
  left: auto;
  right: 0;
}
.section-style .style-block.block02 .ttl-style {
  right: auto;
  left: 20px;
}

.section-style .style-block03 {
  background: #000;
  position: relative;
  padding-top: 145px;
}
.section-style .style-block03:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 0 100vw 270px 0;
  border-color: transparent #fff transparent transparent;
  transform: rotate(0deg);
  right: 0;
  top: 0;
}
.section-style .style-block03.block03 {
  background: #2e2e2e;
/*  margin-top: -70px;*/
  padding: 250px 0 110px;
}
.section-style .style-block03.block03:before {
  border-width: 0 100vw 250px 0;
  border-color: transparent #000 transparent transparent;
}
.section-style .style-block03.block03 p.abs-text {
  left: auto;
  right: 0;
}
.section-style .style-block03.block03 .ttl-style {
  right: auto;
  left: 20px;
}
/*.section-style .style-block03 .ttl-style.color-yellow {
  left: auto;
  right: 0;
  color: #fee901;
}*/
.section-style .content-style {
  position: relative;
  margin-top: 60px;
}
.section-style .content-style p.abs-text {
  position: absolute;
  width: 350px;
  min-height: 225px;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #fff;
  padding: 20px 0;
  letter-spacing: 0.05em;
  line-height: 1.875;
  left: 0;
  top: 0;
}
.section-style .content-style .ttl-style {
  writing-mode: vertical-lr;
  position: absolute;
  font-size: 56px;
  line-height: 1;
  letter-spacing: 0.025em;
  border-left: 5px solid;
  padding-left: 12px;
  top: 50px;
  right: 25px;
}
.section-style .content-style .ttl-style.color-red {
  writing-mode: vertical-lr;
  position: absolute;
  font-size: 50px;
  line-height: 1;
  letter-spacing: 0.025em;
  border-left: 5px solid;
  padding-left: 12px;
  top: 55px;
  right: 25px;
  color: #b70110;
}
.section-style .content-style .ttl-style.color-gray {
  writing-mode: vertical-lr;
  position: absolute;
  font-size: 56px;
  line-height: 1;
  letter-spacing: 0.025em;
  border-left: 5px solid;
  padding-left: 12px;
  top: 50px;
  right: 25px;
  color: #6c6c6c;
}
.section-style .content-style .phase {
  text-align: center;
  margin: 60px 0 20px;
}
.section-style .pp-point h3 {
  font-size: 26px;
  font-weight: bold;
}
.section-style .pp-point h3 .pinpoint-num {
  font-size: 40px;
}
.section-style .pp-point p.txt {
  font-size: 16px;
  line-height: 1.6;
  margin: 15px 0 30px;
}

.section-experience {
  padding: 90px 0 50px;
}
.section-experience .text {
  line-height: 1.875;
  letter-spacing: 0.025em;
  margin-top: 30px;
}
.section-experience .list-exp {
  margin-top: 40px;
}
.section-experience .list-exp li {
  margin-bottom: 50px;
  align-items: flex-start;
}
.section-experience .list-exp li .img-exp {
  width: 480px;
}
.section-experience .list-exp li .info-exp {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding: 0 240px 0 50px;
  color: #333;
}
.section-experience .list-exp li .info-exp .frame-if {
  min-height: 230px;
  border-bottom: 2px solid #000;
}
.section-experience .list-exp li .info-exp .ttl {
  font-size: 28px;
  line-height: 1;
  font-weight: 700;
}
.section-experience .list-exp li .info-exp .ttl span {
  font-size: 60px;
  margin-right: 25px;
  display: inline-block;
  position: relative;
  bottom: -3px;
}
.section-experience .list-exp li .info-exp p {
  letter-spacing: 0.075em;
  line-height: 1.875;
  margin-top: 27px;
}
.section-experience .list-exp li.rev .info-exp {
  padding: 0 90px 0 200px;
}

.section-voice {
  padding: 85px 0 65px;
  color: #fff;
  background: #000;
}
.section-voice .list-voice {
  margin: 55px -27px 0;
  flex-wrap: wrap;
}
.section-voice .list-voice li {
  width: 350px;
  margin: 0 27px 60px;
  border: 1px solid #fff;
  padding: 50px 25px 40px;
  position: relative;
}
.section-voice.landscape .list-voice li {
  width: 100%;
  margin: 0 27px 60px;
  border: 1px solid #fff;
  padding: 50px 25px 40px;
  position: relative;
}
.section-voice .list-voice li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 40px 40px 0 0;
  border-color: #ffffff transparent transparent transparent;
  top: -1px;
  left: -1px;
}
.section-voice .list-voice li .ttl {
  font-size: 28px;
  font-weight: 700;
  font-feature-settings: "palt";
  letter-spacing: 0.025em;
  line-height: 1.35714;
}
.section-voice .list-voice li p {
  letter-spacing: 0.025em;
  line-height: 1.875;
  margin-top: 20px;
}
.section-voice.white-version {
  background: #fff;
  color: #000;
}
.section-voice.white-version .list-voice li {
  border: 1px solid #000;
}
.section-voice.white-version .list-voice li:before {
  border-color: #000 transparent transparent transparent;
}

.section-qa {
  padding: 85px 0 110px;
}
.section-qa .list-qa {
  margin-top: 55px;
}
.section-qa .list-qa li {
  padding: 36px 0 44px;
  border-top: 1px solid #a4a4a4;
  border-bottom: 1px solid #a4a4a4;
}
.section-qa .list-qa li .row-text {
  align-items: flex-start;
}
.section-qa .list-qa li .row-text .ico {
  font-size: 36px;
}
.section-qa .list-qa li .row-text .text {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 30px;
  letter-spacing: 0.05em;
  margin-top: 18px;
}
.section-qa .list-qa li .question {
  margin-bottom: 20px;
}
.section-qa .list-qa li .question .text {
  font-weight: 700;
  line-height: 1.5;
  font-size: 20px;
}
.section-qa .list-qa li .answer .ico {
  color: #e00110;
}
.section-qa .list-qa li .answer .text {
  line-height: 1.875;
}

@media only screen and (max-width: 1186px) {
  .section-tech-dedication:before {
    border-width: 0 1186px 220px 0;
  }
  .section-tech-dedication.evolutionL:before {
    border-width: 0 1186px 220px 0;
  }

  .section-style .style-block:before {
    border-width: 270px 0 0 1186px;
  }
  .section-style .style-block03:before {
    border-width: 270px 0 0 1186px;
  }
}
@media only screen and (max-width: 768px) {
  .section-bnr-page.pin-page .inner-bnr {
    background: url("../img/mens/pin_point/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.wig-page .inner-bnr {
    background: url("../img/mens/wig/top/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.wig-page-ma .inner-bnr {
    background: url("../img/mens/wig/mensaderans/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.wig-page-evolution .inner-bnr {
    background: url("../img/mens/wig/hairevolution/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.wig-page-evolutionL .inner-bnr {
    background: url("../img/mens/wig/evolutionL/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.wig-page-flex .inner-bnr {
    background: url("../img/mens/wig/flex/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.wig-page-hairskin .inner-bnr {
    background: url("../img/mens/wig/hairskin/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.pin-page-women .inner-bnr {
    background: url("../img/women/pinpoint/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.order-women-page .inner-bnr {
    background: url("../img/women/ordermade/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.media-page .inner-bnr {
    background: url("../img/media/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.prdct-page .inner-bnr {
    background: url("../img/product/sp/bnr_page.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-page.pin-page .wrapper .ttl-bnr,
.section-bnr-page.pin-page .wrapper .txt,
.section-bnr-page.wig-page .wrapper .txt {
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
  }
  .section-bnr-page.pin-page .wrapper .btn-bnr {
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
  }
  .section-bnr-page.pin-page .wrapper .btn-bnr a {
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.75);
  }

  .section-pin-maintenance {
/*
    margin-top: 30%;
    margin-top: 0.95rem;*/
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    flex-wrap: wrap;
  }
  .section-pin-maintenance .img-pin {
    left: 0;
    width: 100%;
    margin-left: 0;
    order: 2;
    padding: 0 0.3rem;
    margin-top: 0.45rem;
  }
  .section-pin-maintenance .img-pin.left {
    right: 0;
    left: 0;
    width: 100%;
    margin-right: 0;
    order: 2;
    padding: 0 0.3rem;
    margin-top: 0.45rem;
  }
  .section-pin-maintenance .wrapper {
    position: relative;
    top: auto;
    left: auto;
    margin-left: 0;
    width: 100%;
    order: 1;
  }
  .section-pin-maintenance .wrapper .info-pin {
    width: 100%;
    padding-right: 0;
  }
  .section-pin-maintenance .wrapper .info-pin .cmn-ttl {
    font-size: 0.56rem;
    line-height: 1.2;
    padding-bottom: 0.35rem;
  }
  .section-pin-maintenance .wrapper .info-pin p {
    line-height: 1.5;
    margin-top: 0.4rem;
  }

  .section-pinpointL {
    margin-top: 0.95rem;
  }
  .section-pinpointL .wrapper .info-pin {
    width: 100%;
    padding-right: 0;
  }
  .section-pinpointL .wrapper .info-pin .cmn-ttl {
    font-size: 0.56rem;
    line-height: 1.07143;
    padding-bottom: 0.35rem;
  }
  .section-pinpointL .wrapper .info-pin p {
    line-height: 1.5;
    margin-top: 0.4rem;
  }

  .bnr-grow {
    margin-top: 0.6rem;
  }

  .section-essential {
    margin-top: 1.7rem;
  }
  .section-essential .wrapper .block-abs {
    position: relative;
  }
  .section-essential .wrapper .block-abs p {
    line-height: 1.5;
    margin-top: 0.3rem;
  }
  .section-essential .list-essen {
    margin: 0;
    margin-top: 0.7rem;
    flex-wrap: wrap;
  }
  .section-essential .list-essen li {
    width: 3.1rem;
    margin: 0 0.5rem 0.9rem 0;
  }
  .section-essential .list-essen li:before {
    width: 0.18rem;
    height: 0.3rem;
    background-size: 100%;
    right: -0.35rem;
    top: 1.4rem;
  }
  .section-essential .list-essen li:nth-child(2) {
    margin-right: 0.38rem;
  }
  .section-essential .list-essen li .ttl {
    font-size: 0.36rem;
    line-height: 1.1111;
    margin-top: 0.2rem;
    height: auto !important;
  }
  .section-essential .list-essen li p {
    line-height: 1.5;
    margin-top: 0.15rem;
  }
  .section-essential .list-essen li.pd-top {
    margin-top: 0;
    margin-right: 0;
    margin-left: 0.38rem;
  }
  .section-essential .list-essen li.pd-top:last-child {
    margin-left: 0.5rem;
  }

  .section-tech-dedication {
    padding: 1.2rem 0 0.8rem;
    margin-top: 1.1rem;
  }
  .section-tech-dedication .wrapper {
    margin-top: 0;
  }
  .section-tech-dedication:before {
    border-width: 0 7.67rem 1.2rem 0;
  }


  .section-tech-dedication.evolutionL {
    padding: 1.2rem 0 0.8rem;
    margin-top: 0;
  }
  .section-tech-dedication.evolutionL .wrapper {
    margin-top: 0;
  }
  .section-tech-dedication.evolutionL:before {
    border-width: 0 7.67rem 1.2rem 0;
  }

  .section-tech-dedication .list-tech {
    margin-top: 0.6rem;
  }
  .section-tech-dedication .list-tech li {
    margin-top: 0;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
  }
  .section-tech-dedication .list-tech li:last-child {
    margin-bottom: 0;
  }
  .section-tech-dedication .list-tech li .img-tech {
    width: 100%;
    order: 1;
  }
  .section-tech-dedication .list-tech li .info-tech {
    flex: auto;
    width: 100%;
    padding: 0 !important;
    order: 2;
    margin-top: 0.3rem;
  }
  .section-tech-dedication .list-tech li .info-tech .ttl {
    font-size: 0.4rem;
    line-height: 1.08;
    margin-top: 0;
  }
  .section-tech-dedication .list-tech li .info-tech p {
    line-height: 1.5;
    margin-top: 0.25rem;
  }

  .section-style .text {
    line-height: 1.5;
    margin-top: 0.3rem;
  }
  .section-style .style-block {
    padding-top: 1.5rem;
  }
  .section-style .style-block:before {
    border-width: 0 7.67rem 1.5rem 0;
  }
  .section-style .style-block.block02 {
    padding: 1.5rem 0 1.3rem;
    background: #000;
    margin-top: 0;
  }
  .section-style .style-block.block02:before {
    display: none;
  }
  .section-style .style-block.block02 p.abs-text {
    left: auto;
    right: 0;
  }
  .section-style .style-block.block02 .ttl-style {
    left: 0.2rem;
  }
  .section-style .style-block.block02 .content-style {
    margin-top: 0;
  }

  .section-style .style-block03 {
    padding-top: 1.5rem;
  }
  .section-style .style-block03:before {
    border-width: 0 7.67rem 1.5rem 0;
  }
  .section-style .style-block03.block03 {
    padding: 1.5rem 0 1.3rem;
    background: #000;
    margin-top: 0;
  }
  .section-style .style-block03.block03:before {
    display: none;
  }
  .section-style .style-block03.block03 p.abs-text {
    left: auto;
    right: 0;
  }
  .section-style .style-block03.block03 .ttl-style {
    left: 0.2rem;
  }
  .section-style .style-block03.block03 .content-style {
    margin-top: 0;
  }

  .section-style .content-style {
    margin-top: 0.7rem;
  }
  .section-style .content-style .rounder {
    position: relative;
    margin-top: 0.5rem;
  }
  .section-style .content-style p.abs-text {
    position: relative;
    width: 100%;
    min-height: auto;
    padding: 0.35rem 0;
    line-height: 1.5;
    left: 0;
    top: auto;
  }
  .section-style .content-style .ttl-style {
    font-size: 0.56rem;
    border-left: 0.05rem solid;
    padding-left: 0.12rem;
    top: 0.3rem;
    right: 0.2rem;
  }
  .section-style .content-style .ttl-style.color-red {
    font-size: 36px;
    padding-left: 10px;
    top: 20px;
    right: 10px;
  }
  .section-experience {
    padding: 0.85rem 0 0.9rem;
  }
  .section-experience .text {
    line-height: 1.5;
    margin-top: 0.3rem;
  }
  .section-experience .list-exp {
    margin-top: 0.5rem;
  }
  .section-experience .list-exp li {
    margin-bottom: 0.7rem;
    flex-wrap: wrap;
  }
  .section-experience .list-exp li .img-exp {
    width: 100%;
    order: 2;
    margin-top: 0.7rem;
  }
  .section-experience .list-exp li .info-exp {
    flex: auto;
    width: 100%;
    padding: 0 !important;
    order: 1;
  }
  .section-experience .list-exp li .info-exp .frame-if {
    min-height: auto;
    border-bottom: 1px solid #000;
    padding-bottom: 0.4rem;
  }
  .section-experience .list-exp li .info-exp .ttl {
    font-size: 0.46rem;
  }
  .section-experience .list-exp li .info-exp .ttl span {
    font-size: 0.8rem;
    margin-right: 0.25rem;
    margin-bottom: -1px;
  }
  .section-experience .list-exp li .info-exp p {
    line-height: 1.5;
    margin-top: 0.25rem;
  }

  .section-voice {
    padding: 0.7rem 0 0.8rem;
  }
  .section-voice .list-voice {
    margin: 0.5rem 0 0;
    flex-wrap: wrap;
  }
  .section-voice .list-voice li {
    width: 100%;
    margin: 0 0 0.5rem;
    padding: 0.5rem 0.5rem 0.4rem;
  }
  .section-voice .list-voice li:before {
    border-width: 0.6rem 0.6rem 0 0;
  }
  .section-voice .list-voice li .ttl {
    font-size: 0.56rem;
    line-height: 1.07143;
  }
  .section-voice .list-voice li p {
    line-height: 1.5;
    margin-top: 0.25rem;
  }

  .section-qa {
    padding: 0.65rem 0 2.45rem;
  }
  .section-qa .list-qa {
    margin-top: 0.55rem;
  }
  .section-qa .list-qa li {
    padding: 0.3rem 0 0.34rem;
  }
  .section-qa .list-qa li .row-text .ico {
    font-size: 0.4rem;
    line-height: 1.25;
  }
  .section-qa .list-qa li .row-text .text {
    padding-left: 0.25rem;
    margin-top: 0;
  }
  .section-qa .list-qa li .question {
    margin-bottom: 0.2rem;
  }
  .section-qa .list-qa li .question .text {
    line-height: 1.11111;
    font-size: 0.36rem;
  }
  .section-qa .list-qa li .answer .text {
    line-height: 1.5;
  }
}
/* PAGE AFTERSERVICE */
.afterservice-page2 .wrapper {
  text-shadow: none;
}
.afterservice-page.bnr-page-bnr-page .ttl-bnr {
  letter-spacing: 0.025em;
  color: #fff;
}
.afterservice-page.section-about-men .list-about li .info-ab .ttl {
  line-height: 1.15;
  letter-spacing: 0.025em;
}

.inspections-info {
  position: relative;
  color: #222;
}
.inspections-info .inspec-img {
  display: block;
  height: 100%;
}
.inspections-info .list-months {
  width: auto;
  position: absolute;
  z-index: 1;
}
.inspections-info .list-months .item {
  letter-spacing: 0.025em;
  line-height: 1.2;
  text-shadow: #fff 2px 0 0, #fff 1.75517px 0.95885px 0, #fff 1.0806px 1.68294px 0, #fff 0.14147px 1.99499px 0, #fff -0.83229px 1.81859px 0, #fff -1.60229px 1.19694px 0, #fff -1.97998px 0.28224px 0, #fff -1.87291px -0.70157px 0, #fff -1.30729px -1.5136px 0, #fff -0.42159px -1.95506px 0, #fff 0.56732px -1.91785px 0, #fff 1.41734px -1.41108px 0, #fff 1.92034px -0.55883px 0;
}
.inspections-info .list-check {
  right: 0;
  position: absolute;
  z-index: 1;
  letter-spacing: 0.05em;
  line-height: 1.875;
}
.inspections-info .list-check .ttl {
  line-height: 1.5;
}
.inspections-info .list-check dt {
  font-family: noto-sans-cjk-jp, sans-serif;
  font-weight: 700;
  font-style: normal;
}
.inspections-info .list-check dd {
  position: relative;
}
.inspections-info .list-check dd:before {
  content: "";
  position: absolute;
  background-color: #222;
  border-radius: 50%;
  left: 0;
}
.inspections-info .list-check .item {
  overflow-y: auto;
}

@media print, (min-width: 769px) {
  .afterservice-page2.section-bnr-page .inner-bnr {
    background: url("../img/mens/men_afterservice/bnr_page.jpg") no-repeat left bottom/cover;
  }
  .afterservice-page.section-about-men {
    padding-bottom: 100px;
    margin-top: 80px;
  }
  .afterservice-page.section-about-men.mgnone {
    padding-bottom: 0;
    margin-top: 0;
  }
  .afterservice-page.section-about-men .list-about {
    margin-top: 150px;
  }
  .afterservice-page.section-about-men .list-about.mgnone {
    margin-top: 0;
  }
  .afterservice-page.section-about-men .list-about li {
    margin-bottom: 80px;
  }
  .afterservice-page.section-about-men .list-about li .info-ab .ttl {
    font-size: 40px;
  }
  .afterservice-page.section-about-men .list-about li .info-ab p {
    margin-top: 15px;
  }
  .afterservice-page.section-about-men .info-ab ul {
    margin-top: 35px;
  }
  .afterservice-page.section-about-men .info-ab ul li {
    margin-bottom: 8px;
  }
  .afterservice-page.section-intro {
    margin-top: 100px;
  }

  .inspections-info {
    margin-top: 45px;
  }
  .inspections-info .inspec-img {
    margin-left: 188px;
  }
  .inspections-info .list-months {
    top: 206px;
    left: 42px;
  }
  .inspections-info .list-months .item {
    margin-bottom: 40px;
    font-size: 20px;
  }
  .inspections-info .list-months .item:first-child {
    margin-bottom: 64px;
  }
  .inspections-info .list-months .item:nth-child(3), .inspections-info .list-months .item:nth-child(8) {
    margin-bottom: 65px;
  }
  .inspections-info .list-check {
    top: 40px;
    padding-right: 40px;
    width: 592px;
    font-size: 16px;
  }
  .inspections-info .list-check .ttl {
    font-size: 22px;
  }
  .inspections-info .list-check .txt.mt7 {
    margin-top: 7px;
  }
  .inspections-info .list-check dt {
    margin-top: 5px;
  }
  .inspections-info .list-check dd {
    padding-left: 23px;
  }
  .inspections-info .list-check dd:before {
    width: 12px;
    height: 12px;
    top: 11px;
  }
  .inspections-info .list-check .item:first-child {
    height: 125px;
    margin-bottom: 53px;
  }
  .inspections-info .list-check .item:nth-child(2) {
    height: 222px;
    margin-bottom: 57px;
  }
  .inspections-info .list-check .item:nth-child(3) {
    height: 190px;
    margin-bottom: 80px;
  }
  .inspections-info .list-check .item:last-child {
    height: 265px;
  }
}
@media screen and (max-width: 768px) {
  .afterservice-page2.section-bnr-page .inner-bnr {
    background: url("../img/mens/men_afterservice/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }
  .afterservice-page.section-bnr-page .txt {
    padding-top: 0.87rem;
  }
  .afterservice-page.section-bnr-page .btn-bnr {
    margin-top: 0.3rem;
  }
  .afterservice-page.section-bnr-page .txt,
  .afterservice-page.section-bnr-page .ttl-bnr {
    text-shadow: #fff 0 0 0.14rem, #fff 0 0 0.14rem;
  }
  .afterservice-page.section-about-men {
    padding-bottom: 0.85rem;
    margin-top: 0.8rem;
  }
  .afterservice-page.section-about-men .cmn-ttl {
    padding-bottom: 0.5rem;
  }
  .afterservice-page.section-about-men .cmn-ttl:before {
    width: 0.8rem;
  }
  .afterservice-page.section-about-men .list-about {
    margin-top: 1.45rem;
  }
  .afterservice-page.section-about-men .list-about li {
    margin-bottom: 0.95rem;
  }
  .afterservice-page.section-about-men .list-about li .img-ab {
    -webkit-order: 2;
    order: 2;
  }
  .afterservice-page.section-about-men .list-about li .info-ab {
    -webkit-order: 1;
    order: 1;
    margin: 0 0 0.35rem;
  }
  .afterservice-page.section-about-men .list-about li .info-ab .ttl {
    font-size: 0.56rem;
    line-height: 1.071;
  }
  .afterservice-page.section-about-men .list-about li .info-ab p {
    margin-top: 0.23rem;
  }
  .afterservice-page.section-about-men .info-ab ul {
    margin: 0.42rem 0 -0.1rem;
  }
  .afterservice-page.section-about-men .info-ab ul li {
    margin-bottom: 0.08rem;
  }
  .afterservice-page.section-intro {
    margin-top: 1rem;
  }
  .afterservice-page.section-intro .text {
    margin-top: 0.45rem;
  }

  .inspections-info {
    margin-top: 0.5rem;
  }
  .inspections-info .inspec-img {
    margin-left: 1.45rem;
    max-width: 1.42rem;
    max-height: 13.8rem;
    height: auto;
  }
  .inspections-info .list-months {
    top: 2.67rem;
    left: 0;
  }
  .inspections-info .list-months .item {
    margin-bottom: 0.38rem;
    font-size: 0.22rem;
    line-height: 1.18;
  }
  .inspections-info .list-months .item:nth-child(2) {
    margin-bottom: 2.9rem;
  }
  .inspections-info .list-check {
    top: -0.05rem;
    width: 4.04rem;
    font-size: 0.16rem;
    font-size: 0.24rem;
    line-height: 1.5;
  }
  .inspections-info .list-check .ttl {
    font-size: 0.3rem;
    line-height: 1.2;
  }
  .inspections-info .list-check .txt {
    margin-top: 0.05rem;
  }
  .inspections-info .list-check .txt.mt7 {
    margin-top: 0.14rem;
  }
  .inspections-info .list-check .txt.mt18 {
    margin-top: 0.18rem;
  }
  .inspections-info .list-check dt {
    margin-top: 0.2rem;
  }
  .inspections-info .list-check dd {
    padding-left: 0.3rem;
    font-size: 0.2rem;
  }
  .inspections-info .list-check dd:before {
    width: 0.14rem;
    height: 0.14rem;
    top: 0.11rem;
  }
  .inspections-info .list-check .item:first-child {
    height: 1.45rem;
    margin-bottom: 0.26rem;
  }
  .inspections-info .list-check .item:nth-child(2) {
    height: 4.2rem;
    margin-bottom: 0.32rem;
  }
  .inspections-info .list-check .item:nth-child(3) {
    height: 3.2rem;
    margin-bottom: 0.32rem;
  }
  .inspections-info .list-check .item:nth-child(3) dt {
    margin-top: 0.1rem;
  }
  .inspections-info .list-check .item:last-child {
    height: 4.2rem;
  }
  .inspections-info .list-check .item:last-child dt {
    margin-top: 0.07rem;
  }
}
/* PAGE CARE SUPPORT */
.hair-support-page .inner-bnr {
  background: url("../img/mens/support/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE CARE SUPPORT-SUPPORT */
.hair-support-page-support .inner-bnr {
  background: url("../img/mens/support/care-support/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE CARE SUPPORT-PHYSICAL */
.hair-support-page-physical .inner-bnr {
  background: url("../img/mens/support/care-physical/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE TECHNOLOGIES */
.main-technologies .inner-bnr {
  background: url("../img/mens/technology/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE MENS VOICE */
.voice-page .inner-bnr {
  background: url("../img/mens/voice/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE WOMENS VOICE */
.voice-women-page .inner-bnr {
  background: url("../img/women/voice/bnr_page.jpg") no-repeat left bottom/cover;
}
/* PAGE WOMENS AFTERSERVICE */
.main-afterservice .inner-bnr {
  background: url("../img/women/afterservice/bnr_page.jpg") no-repeat left bottom/cover;
}


.sbttl {
  font-size: 26px;
  font-weight: 700;
  font-feature-settings: "palt";
  line-height: 1.3;
  letter-spacing: 0.05em;
}
.sbttl span {
  font-size: 20px;
}
.after-sbttl {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin: 15px 0 -20px;
  color: #a70127;
}
.after-sbttl span.arrow-red {
  color: #a70127;
}

@media screen and (max-width: 768px) {
	.after-sbttl {
	  font-size: 32px;
	  margin: 15px 0 10px;
	}
}

.img-box-four {
  display: flex;
  justify-content: space-between;
  border: solid 1px #dddddd;
  padding: 40px;
  margin: 50px 0;
}
.img-box-four .fourbox {
  width: 255px;
}
.img-box-four .fourbox .ttl {
  font-size: 20px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 12px;
}

.img-box-three {
  display: flex;
  flex-direction: row;
  margin: 50px 0;
}
.img-box-three.box-afterservice {
  display: flex;
  justify-content: space-between;
  margin: 50px 0;
}
.img-box-three .threebox {
  width: 350px;
  margin-right: 50px;
}
.img-box-three.box-afterservice .threebox {
  width: 350px;
  margin-right: 0;
}
.img-box-three .threebox .ttl {
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.img-box-three .threebox .ttl-media {
  font-size: 36px;
  letter-spacing: 0.03em;
  line-height: 1em;
  margin: 20px 0 30px;
}
.img-box-three .threebox .ttl-media span {
  font-size: 24px;
}
.img-box-three .threebox p.txt {
  letter-spacing: 0.05em;
  line-height: 1.8em;
  margin-top: 20px;
}

.img-box-two {
  display: flex;
  flex-direction: row;
  margin: 50px 0;
}
.img-box-two .twobox {
  width: 420px;
  margin-right: 50px;
}
.img-box-two .twobox p.text {
  letter-spacing: 0.05em;
  line-height: 1.8em;
  margin-top: 20px;
}

@media screen and (max-width: 768px) {
  .img-box-four {
    flex-wrap: wrap;
    padding: 20px;
    margin: 30px 0;
  }
  .img-box-four .fourbox {
    width: 48%;
  }
  .img-box-four .fourbox .ttl {
    font-size: 16px;
  }
  .img-box-four .fourbox:nth-child(3),
  .img-box-four .fourbox:nth-child(4) {
    margin-top: 30px;
  }

  .img-box-three {
    flex-wrap: wrap;
    margin: 50px 0 0;
  }
  .img-box-three .threebox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .img-box-three .threebox img {
    width: 100%;
  }
  .img-box-three.box-afterservice .threebox {
    width: 100%;
  }
  .img-box-three.box-afterservice .threebox img {
    width: 100%;
  }
  .img-box-two {
    flex-wrap: wrap;
    margin: 50px 0 0;
  }
  .img-box-two .twobox {
    width: 100%;
    margin-right: 0;
    margin-bottom: 50px;
  }
  .img-box-two .twobox img {
    width: 100%;
  }
}

/* PAGE FAQ */
.main-faq .inner-bnr {
  background: url("../img/mens/faq/bnr_page.jpg") no-repeat left bottom/cover;
}

section.faq .wrapper {
	width: 1160px;
	margin: 0 auto;
}
section.faq .subTtl {
	margin-bottom: 60px;
}
section.faq .faqbox {
	padding: 0 0 80px;
	letter-spacing: 0.05em;
}
section.faq .faqbox h4 {
	font-size: 28px;
	font-weight: bold;
	color:#fff;
	line-height:1.6 !important;
	padding: 30px;
	margin:0 auto 25px;
	background: #333;
	border-bottom: 5px solid #ffcd04;
	text-align:center;
}
section.faq .faqbox .qText {
	position: relative;
	padding: 20px 30px 20px 30px;
	margin-bottom: 0;
	background: #787777;
	border-bottom: 1px solid #fff;
	cursor: pointer;
	overflow: hidden;
	font-size: 18px;
	color:#fff;
	overflow: hidden;
	line-height: 1.6 !important;
}
section.faq .faqbox .qText .text {
	text-align: left;
	width: 980px;
	float: right;
	margin: 0;
	line-height: 1.6 !important;
}
section.faq .faqbox .qText .num {
	color: #ffcd04;
	width:40px;
	float:left;
	font-size:22px;
}
section.faq .faqbox .qText .uiIcon {
	position:absolute;
	top: 50%;
	right: 40px;
	width: 28px;
	height: 28px;
	margin-top: -14px;
	background: url(../img/mens/faq/icon_toggle.png) no-repeat 0 0;
	display:block;
}
section.faq .faqbox .qText:hover {
	filter: alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
}
section.faq .faqbox .qText.on {
	border-bottom: 1px solid #fff !important;
}
section.faq .faqbox .qText.on .uiIcon {
	background-position: -28px 0;
}
section.faq .faqbox .aText {
	display: none;
	padding: 15px 30px 15px 30px;
	margin-bottom: 0;
	border-bottom: 1px solid #fff;
	background: #d7d6d6;
	overflow:hidden;
	line-height:1.6 !important;	
}
section.faq .faqbox .aText img {
	margin: 20px 0;
}
section.faq .faqbox .aText .text {
	font-size: 16px;
	text-align: left;
	width: 980px;
	float: right;	
}
section.faq .faqbox .aText .num {
	font-size:22px;
	width:40px;
	float:left;
}
section.faq .faqbox .aText p {
	text-align:left;
	line-height:1.6 !important;
	margin:0;
}
section.faq .faqbox .aText a {
    color: #da0202;
	text-decoration:underline;
}
section.faq .faqbox .aText a:hover {
	text-decoration:none;
}

@media screen and (max-width: 768px) {
	section.faq .wrapper {
	  width: 100%;
	}
	section.faq .faqbox {
	  padding:0 0 2.0em;
	}
	section.faq .faqbox h4 {
	  font-size: 20px;
	  color:#fff;
	  padding: 1.5em 5%;
	  margin:0 auto 1.0em;
	  background: #333;
	  border-bottom: 5px solid #ffcd04;
	  text-align:center;
	}
	section.faq .faqbox .qText {
	  position: relative;
	  padding: 1.0em 5%;
	  margin-bottom: 0;
	  background: #787777;
	  border-bottom: 1px solid #fff;
	  cursor: pointer;
	  color:#fff;
	  overflow:hidden;
	}
	section.faq .faqbox .qText .text {
	  text-align:left;
	  width: 86%;
	  float: left;
	  margin:0;
	  padding-left: 4%;
	}
	section.faq .faqbox .qText .num {
	  color: #ffcd04;
	  width:5%;
	  float:left;
	}
	section.faq .faqbox .qText .uiIcon {
	  position:absolute;
	  top: 50%;
	  right: 3%;
	  width: 20px;
	  height: 20px;
	  margin-top: -10px;
	  background: url(../img/mens/faq/sp/icon_toggle.png) no-repeat 0 0;
	  display:block;
	  z-index:10;
	}
	section.faq .faqbox .qText.on {
	  border-bottom: 1px solid #fff !important;
	}
	section.faq .faqbox .qText.on .uiIcon {
	  background-position: -20px 0;
	}
	section.faq .faqbox .aText {
	  display: none;
	  padding: 1.0em 5%;
	  margin-bottom: 0;
	  border-bottom: 1px solid #fff;
	  background: #d7d6d6;
	  overflow:hidden;  
	}
	section.faq .faqbox .aText .text {
	  text-align: left;
	  width: 86%;
	  float: left;
	  padding-left: 4%;
	}
	section.faq .faqbox .aText .num {
	  width:5%;
	  float:left;
	}
	section.faq .faqbox .aText p {
	  text-align:left;
	  line-height:1.6 !important;
	  margin:0;
	}
	section.faq .faqbox .aText a {
	    color: #da0202;
	  text-decoration:underline;
	}
	section.faq .faqbox .aText a:hover {
	  text-decoration:none;
	}
	section.faq .faqbox .aText ol li {
	  text-indent:-1.2em;
	  margin-left:1.2em;
	}
	section.faq .faqbox .aText .pht {
	  padding:1.0em 0 0;
	}
	section.faq .faqbox .aText ul.contactBtns li {
	      margin-bottom: 0.5em;
	}
}

.section-point-support {
  margin-top: 100px;
}
.section-point-support .text-f {
  font-weight: bold;
  font-size: 32px;
  letter-spacing: 0.02em;
}
.section-point-support .text-f span {
  color: #dc0112;
}
.section-point-support .area-point {
  padding: 65px 80px 70px;
  background: url("../img/mens/support/bg_point.jpg") no-repeat center/cover;
  margin-top: 45px;
}
.section-point-support .area-point .list-p-support li {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: flex-start;
  margin-bottom: 40px;
}
.section-point-support .area-point .list-p-support li:last-child {
  margin-bottom: 0;
}
.section-point-support .area-point .list-p-support li .stt-no {
  width: 60px;
  height: 60px;
  background: #fff;
  border: 1px solid #000;
  line-height: 58px;
  font-size: 40px;
  font-weight: 700;
  text-align: center;
}
.section-point-support .area-point .list-p-support li .info-p-support {
  padding-left: 29px;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-shadow: #fff 0 0 0.14rem, #fff 0 0 0.14rem;
}
.section-point-support .area-point .list-p-support li .info-p-support .ttl {
  font-size: 36px;
  letter-spacing: 0.025em;
  line-height: 1.27777;
  margin-top: -6px;
}
.section-point-support .area-point .list-p-support li .info-p-support p {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.66667;
  margin-top: 5px;
}

.section-ser-support {
  padding-bottom: 270px;
}

.men-flow-support {
  margin-top: -90px;
}
.men-flow-support.ladies {
  margin: 90px 0;
}
.men-flow-support .men-flow {
  flex-wrap: wrap;
  margin: 0 0 40px;
}
.men-flow-support .men-flow li {
  width: 245px;
  height: 150px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  padding: 0 40px 0 30px;
  font-size: 24px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: 0.025em;
  margin-right: 45px;
  margin-top: 30px;
  background: #aa2141;
  color: #fff;
  position: relative;
}
.men-flow-support .men-flow li:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 75px 0 75px 45px;
  border-color: transparent transparent transparent #aa2141;
  top: 0;
  left: 100%;
}
.men-flow-support .men-flow li.have-mg {
  margin-left: 50px;
}

.men-flow-support .men-flow li.yellow {
  background: #fecb00;
  color: #fff;
}
.men-flow-support .men-flow li.yellow:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 75px 0 75px 45px;
  border-color: transparent transparent transparent #fecb00;
  top: 0;
  left: 100%;
}
.men-flow-support .men-flow li span {
  font-size: 20px;
  line-height: 1.1;
}
.men-flow-support h3 {
  font-size: 40px;
  font-weight: 600;
}
.men-flow-support h3 span {
  font-size: 30px;
}
.men-flow-support p.text {
  line-height: 1.4;
}
.section-flow-men-support {
  padding: 150px 0 175px;
  margin: 40px 0 60px;
}
.section-flow-men-support:before {
  border-width: 0 100vw 175px 0;
}
.section-flow-men-support:after {
  border-width: 175px 0 0 100vw;
}
.section-flow-men-support .wrapper {
  margin-top: -25px;
}
.section-flow-men-support .list-flow li:before {
  display: none;
}
.section-flow-men-support .list-flow li .ttl-flow {
  font-size: 40px;
  color: #dc0112;
}

.section-voice-men-support {
  padding: 40px 0 100px;
}

@media screen and (min-width: 769px) {
  .men-flow-support .men-flow li.white-frame {
    background: #fff;
    color: #000;
    border: 1px solid #a70127;
  }
  .men-flow-support .men-flow li.white-frame:before {
    border: none;
    width: 46px;
    height: 150px;
    top: -1px;
    background: url("../img/mens/support/bg_arrow_flow.png") no-repeat;
    background-size: 100%;
  }
  .men-flow-support .men-flow li.yellow-frame {
    background: #fff;
    color: #feb300;
    border: 1px solid #fecb00;
  }
  .men-flow-support .men-flow li.yellow-frame:before {
    border: none;
    width: 46px;
    height: 150px;
    top: -1px;
    background: url("../img/mens/support/bg_arrow_flow-y.png") no-repeat;
    background-size: 100%;
  }
}

@media screen and (max-width: 768px) {
  .men-flow-support .men-flow li span {
    font-size: 20px;
    text-align: center;
  }
  .hair-support-page .inner-bnr {
    background: url("../img/mens/support/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }

/* PAGE CARE SUPPORT-SUPPORT */
  .hair-support-page-support .inner-bnr {
    background: url("../img/mens/support/sp/care-support/bnr_page.jpg") no-repeat left bottom/cover;
  }
/* PAGE CARE SUPPORT-PHYSICAL */
  .hair-support-page-physical .inner-bnr {
    background: url("../img/mens/support/sp/care-physical/bnr_page.jpg") no-repeat left bottom/cover;
  }
/* PAGE TECHNOLOGIES */
  .main-technologies .inner-bnr {
    background: url("../img/mens/technology/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }
/* PAGE MENS VOICE */
  .voice-page .inner-bnr {
    background: url("../img/mens/voice/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }
/* PAGE WOMENS VOICE */
  .voice-women-page .inner-bnr {
    background: url("../img/women/voice/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }
/* PAGE WOMENS AFTERSERVICE */
  .main-afterservice .inner-bnr {
    background: url("../img/women/afterservice/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }

  .section-point-support {
    margin-top: 1rem;
    padding-bottom: 0;
  }
  .section-point-support .text-f {
    font-size: 0.32rem;
  }
  .section-point-support .area-point {
    padding: 0.5rem 0.2rem 0.6rem 0.3rem;
    background: url("../img/mens/support/sp/bg_point.jpg") no-repeat center/cover;
    margin-top: 0.6rem;
  }
  .section-point-support .area-point .list-p-support li {
    margin-bottom: 0.45rem;
  }
  .section-point-support .area-point .list-p-support li .stt-no {
    width: 0.6rem;
    height: 0.6rem;
    line-height: 0.58rem;
    font-size: 0.4rem;
  }
  .section-point-support .area-point .list-p-support li .info-p-support {
    padding-left: 0.3rem;
  }
  .section-point-support .area-point .list-p-support li .info-p-support .ttl {
    font-size: 0.4rem;
    line-height: 1.15;
    margin-top: -0.06rem;
  }
  .section-point-support .area-point .list-p-support li .info-p-support p {
    font-size: 0.24rem;
    line-height: 1.5;
    margin-top: 0.1rem;
  }

  .section-ser-support {
    padding-bottom: 1.5rem;
  }

  .men-flow-support {
    margin-top: -0.5rem;
  }
  .men-flow-support .men-flow {
    margin: 0.55rem 0 15px;
  }
  .men-flow-support .men-flow li {
    width: 100%;
    height: auto;
    justify-content: center;
    padding: 0.27rem 0.2rem;
    font-size: 0.36rem;
    line-height: 1;
    margin: 0 !important;
  }
  .men-flow-support .men-flow li:before {
    border-width: 0.2rem 0.2rem 0 0.2rem;
    border-color: #a70128 transparent transparent transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .men-flow-support .men-flow li:nth-child(even) {
    background: #fff;
    color: #000;
    border: 1px solid #a70127;
    border-top: none;
    border-bottom: none;
  }
  .men-flow-support .men-flow li:last-child {
    background: #a70127;
    color: #fff;
    border: 1px solid #a70127;
    border-top: none;
    border-bottom: 1px solid #a70127;
  }
  .men-flow-support .men-flow li:nth-child(even):before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.2rem 0.2rem 0 0.2rem;
    border-color: #fff transparent transparent transparent;
    top: 100%;
  }
  .men-flow-support .men-flow li:last-child:before {
    display: none;
  }

  .men-flow-support .men-flow li.yellow {
    width: 100%;
    height: auto;
    justify-content: center;
    padding: 0.27rem 0.2rem;
    font-size: 0.36rem;
    line-height: 1;
    margin: 0 !important;
  }
  .men-flow-support .men-flow li.yellow:before {
    border-width: 0.2rem 0.2rem 0 0.2rem;
    border-color: #fecb00 transparent transparent transparent;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    z-index: 1;
  }
  .men-flow-support .men-flow li.yellow:nth-child(even) {
    background: #fff;
    color: #feb300;
    border: 1px solid #feb300;
    border-top: none;
    border-bottom: none;
  }
  .men-flow-support .men-flow li.yellow:nth-child(even):before {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0.2rem 0.2rem 0 0.2rem;
    border-color: #fff transparent transparent transparent;
    top: 100%;
  }
  .men-flow-support .men-flow li.yellow:last-child:before {
    display: none;
  }




  .section-flow-men-support {
    padding: 1.2rem 0 1.4rem;
    margin: 0.4rem 0;
  }
  .section-flow-men-support:before {
    border-width: 0 100vw 1.25rem 0;
  }
  .section-flow-men-support:after {
    border-width: 1.6rem 0 0 100vw;
  }
  .section-flow-men-support .wrapper {
    margin-top: 0.1rem;
  }
  .section-flow-men-support .list-flow li .ttl-flow {
    font-size: 0.6rem;
  }
  .section-voice-men-support {
    padding: 0 0 1.3rem;
  }
}

/* PAGE CARE SUPPORT-PHYSICAL */
.section-intro .three-box {
  display: flex;
  justify-content: space-between;
  margin: 70px 0;
}
.section-intro .three-box .boxdetail .ttl {
  font-size: 24px;
  margin: 30px 0 20px;
  line-height: 1.4;
}
.section-intro .three-box .boxdetail .txt {
  letter-spacing: 0.05em;
  line-height: 1.8em;
}
.section-intro .three-box .boxdetail {
  width: 30%;
}
.section-intro .three-box .boxdetail img {
  width: 350px;
}
.section-intro p.txt {
  line-height: 1.8em;
  letter-spacing: 0.05em;
}
.section-intro .after-menu {
  display: flex;
  flex-direction: row;
  margin: 60px 0 80px;
}
.section-intro .after-menu img {
  margin-right: 50px;
}
.section-intro .after-menu p.months {
  border: solid 3px #a70127;
  padding: 15px 30px;
  margin-bottom: 30px;
  font-weight: bold;
}

@media screen and (max-width: 768px) {
	.section-intro .after-menu {
	  width: 100%;
	}
	.section-intro .after-menu img {
	  margin-right: 0;
	  margin-top: 100px;
	  margin-bottom: 20px;
	  width: 100%;
	}
	.section-intro .after-menu img:first-child {
	  margin-top: 0;
	}
	.section-intro .after-menu p.months {
	  font-size: 20px;
	}
}

.section-exclusive .about {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-exclusive .about .txt-box {
  width: 660px;
}
.section-exclusive .about .txt-box h4 {
  font-size: 20px;
  font-weight: bold;
  margin: 40px 0 20px;
}
.section-exclusive .about .txt-box ul {
  color: #555;
  line-height: 1.6;
}
.section-exclusive .about .about-box p {
  width: 690px;
}
.section-exclusive .about .about-box img {
  width: 433px;
}
.section-exclusive .about .about-box li.ttl-trial {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}
.section-exclusive .about .about-box li.remark {
  color: #555;
  font-size: 14px;
  line-height: 1.4;
  margin-top: 15px;
}


/* ===== ↓↓202111：追記↓↓ ===== */
.section-point-support .about-led {
  display: flex;
  justify-content: space-between;
}
.section-point-support .about-led .imgBox img {
  width: 420px;
}
.section-point-support .about-led .txtBox {
  width: 690px;
}
.section-point-support .about-led .txtBox .ttl {
  font-size: 32px;
  font-weight: bold;
  margin-bottom: 40px;
  line-height: 1.4;
}
.section-point-support .about-led .txtBox .ttl span {
  font-size: 16px;
  display: block;
}
.section-point-support .about-led .txtBox .fts20 {
  font-size: 20px;
  font-weight: bold;
}
.section-point-support .about-led .txtBox .txt {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.section-mens-service .serviceBox {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}
.section-mens-service .serviceBox li {
  width: 560px;
}
.section-mens-service .serviceBox .ttl {
  background: #1c6aa4;
  color: #fff;
  font-size: 32px;
  font-weight: 700;
  padding: 20px 40px 15px;
  line-height: 1.4;
}
.section-mens-service .serviceBox .ttl.bl {
  background: #06497b;
}
.section-mens-service .serviceBox .ttl span {
  display: block;
  font-size: 20px;
}
.section-mens-service .serviceBox .txt.ser01 {
  background: url(../img/mens/support/menu-bg-serviceBox_01.jpg) no-repeat;
  background-size: cover;
}
.section-mens-service .serviceBox .txt.ser02 {
  background: url(../img/mens/support/menu-bg-serviceBox_02.jpg) no-repeat;
  background-size: cover;
}
.section-mens-service .serviceBox .txt {
  border: solid 4px #1c6aa4;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.8;
  letter-spacing: 0.05em;
  text-shadow: white 1px 1px 5px, white -1px 1px 5px, white 1px 1px 5px, white -1px 1px 5px, white 1px -1px 5px, white -1px -1px 5px;
  padding: 40px 120px 40px 30px;
}
.section-mens-service .serviceBox .txt.bl {
  border: solid 4px #06497b;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
	.section-mens-service .serviceBox .txt.ser01 {
	  background: url(../img/mens/support/menu-bg-serviceBox_01.jpg) no-repeat right;
	  background-size: cover;
	}
	.section-mens-service .serviceBox .txt.ser02 {
	  background: url(../img/mens/support/menu-bg-serviceBox_02.jpg) no-repeat right;
	  background-size: cover;
	}
	.section-mens-service .serviceBox .txt {
	  font-size: 16px;
	  line-height: 1.8;
	  padding: 30px;
	}
	.section-mens-service .serviceBox ul {
	  margin-bottom: 40px;
	}
	.section-mens-service .serviceBox {
	flex-wrap: wrap;
	}
	.section-mens-service .serviceBox li {
	  width: 100%;
	}
	.section-point-support .about-led {
	  flex-wrap: wrap;
	}
	.section-point-support .about-led .imgBox {
	  padding-bottom: 30px;
	}
	.section-point-support .about-led .imgBox img {
	  width: 100%;
	}
	.section-point-support .about-led .txtBox {
	  width: 100%;
	}
}


/* ===== ↑↑202111：追記↑↑ ===== */


.section-exclusive .repair {
  display: flex;
  justify-content: space-between;
}
.section-exclusive .repair .repair-box {
  width: 20%;
  margin-top: 50px;
  position: relative;
}
.section-exclusive .repair .repair-box:after {
  position: absolute;
  content: url(../img/mens/support/care-physical/support_arrow_bk.png);
  top: 85px;
  left: 245px;
}
.section-exclusive .repair .repair-box:last-child:after {
  content: "";
}
.section-exclusive .repair .repair-box img {
  margin-bottom: 30px;
  width: 200px;
}

@media only screen and (max-width: 768px) {
  .section-intro .three-box {
    flex-wrap: wrap;
    margin-bottom: 100px;
  }
  .section-intro .three-box .boxdetail {
    width: 100%;
    margin-top: 80px;
  }
  .section-intro .three-box.tech {
    margin-top: 0;
  }
  .section-intro .three-box .boxdetail.tech {
    margin-top: 0;
  }
  .section-intro .three-box .boxdetail img {
    width: 100%;
  }
  .section-exclusive .about {
    flex-wrap: wrap;
  }
  .section-exclusive .about.tech {
    margin-bottom: 180px;
  }
  .section-exclusive .about .about-box p {
    width: 100%;
  }
  .section-exclusive .about .about-box img {
    padding-left: 0;
    padding-top: 30px;
    width: 100%;
  }
  .section-exclusive .repair {
    flex-wrap: wrap;
  }
  .section-exclusive .repair .repair-box {
    width: 44%;
  }
  .section-exclusive .repair .repair-box:after {
    position: absolute;
    content: url(../img/mens/support/care-physical/support_arrow_bk.png);
    top: 25%;
    left: 110%;
  }
  .section-exclusive .repair .repair-box:nth-child(even):after {
    content: "";
  }
  .section-exclusive .repair .repair-box img {
    margin-bottom: 20px;
  }

}

.women-style .slide-top:before {
  border-color: transparent transparent transparent #c71f45;
}

.women-service .list-ser li a:hover {
  color: #c71f45;
}
.women-service .list-ser li .info-service .ttl-info {
  background: url(../img/common/ico_red_arrow_ttl.png) no-repeat right bottom 12px/45px;
}

.women-trial {
  background: url("../img/women/bg_trial.jpg") no-repeat right top/cover;
}

.women-recm {
  padding: 0;
}
.women-recm .ttl-rec {
  color: #000;
}
.women-recm .inner {
  padding-top: 85px;
  padding-right: 0;
  background: #c71f45;
}

@media only screen and (max-width: 768px) {
  .women-service .list-ser li a:hover {
    color: #c71f45;
  }
  .women-service .list-ser li .info-service .ttl-info {
    background: url(../img/common/ico_red_arrow_ttl.png) no-repeat right bottom 0.1rem/0.43rem;
  }
  .women-trial {
    background: url("../img/women/sp/bg_trial.jpg") no-repeat right top/cover;
  }

  .women-recm .inner {
    padding-top: 0.9rem;
  }
}
/* PAGE SUPPORT */
.support-women-page .inner-bnr {
  background: url(../img/women/support/bnr_page.jpg) no-repeat left bottom/cover;
}

.section-about-support {
  padding: 80px 0;
  letter-spacing: 0.05em;
}
.section-about-support .list-ab-support {
  margin-top: 10px;
}
.section-about-support .list-ab-support li {
  margin-bottom: 60px;
}
.section-about-support .list-ab-support li .img-support {
  width: 540px;
  position: relative;
  z-index: 1;
}
.section-about-support .movie {
  position: relative;
  width: 880px;
  padding-top: 41%;
  margin: 0 auto;
  margin-top: 40px;
}
.section-about-support .movie iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.section-about-support p.movie-credit {
  position: absolute;
  bottom: -30px;
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
	.section-about-support .movie {
	  width: 100%;
	  padding-top: 56.25%;
	}
	.section-about-support p.movie-credit {
	  font-size: 13px;
	}
}

.section-about-support .list-ab-support li .info-support {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  margin-top: 60px;
  background: #f9f8f5;
  padding: 55px 70px 60px 50px;
  color: #333;
  position: relative;
}
.section-about-support .list-ab-support li .info-support:before {
  position: absolute;
  content: "";
  width: 360px;
  height: 100%;
  top: 0;
  left: 100%;
  background: #f9f8f5;
}
.section-about-support .list-ab-support li .info-support .stt {
  font-size: 14px;
  line-height: 1;
  letter-spacing: 0.1em;
  color: #c71f45;
  position: relative;
  font-weight: bold;
}
.section-about-support .list-ab-support li .info-support .stt.fts {
  font-size: 26px;
}
.section-about-support .list-ab-support li .info-support .stt:after {
  position: absolute;
  top: 50%;
  margin-top: -1px;
  content: "";
  height: 2px;
  width: 30px;
  margin-left: 10px;
  background: #c71f45;
}
.section-about-support .list-ab-support li .info-support .ingredient {
  font-weight: bold;
  letter-spacing: 0.02em;
}
.section-about-support .list-ab-support li .info-support .ttl {
  font-size: 26px;
  letter-spacing: 0.025em;
  line-height: 1.38462;
  margin-top: 20px;
}
.section-about-support .list-ab-support li .info-support p {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 15px;
}
.section-about-support .list-ab-support li.rev .info-support {
  padding-left: 70px;
  padding-right: 50px;
}
.section-about-support .list-ab-support li.rev .info-support:before {
  left: auto;
  right: 100%;
}
.section-about-support .list-ab-support li.no-margin .info-support {
  margin-top: 0;
}
.section-about-support .list-ab-support li:last-child {
  margin-bottom: 0;
}
.section-about-support .ico-arrow {
  margin: 32px 0;
}
.section-about-support .box-recom {
  width: 970px;
  margin: 0 auto;
  border: 1px solid #c71f45;
  padding: 4px;
}
.section-about-support .box-recom .in-box {
  border: 1px solid #c71f45;
  padding: 35px 48px 40px;
}
.section-about-support .box-recom .frame-list {
  justify-content: space-between;
  margin-top: 15px;
}
.section-about-support .box-recom .frame-list .list-box-recom {
  width: 420px;
}
.section-about-support .box-recom .frame-list .list-box-recom li {
  font-size: 20px;
  font-weight: 400;
  letter-spacing: 0.05em;
  line-height: 1.2;
  padding-left: 47px;
  position: relative;
  margin-top: 25px;
}
.section-about-support .box-recom .frame-list .list-box-recom li:before {
  position: absolute;
  content: "";
  background-image: url("../img/common/ico_check.png");
  background-repeat: no-repeat;
  background-size: 100%;
  width: 31px;
  height: 31px;
  left: 0;
  top: -6px;
}

.ttl-box {
  text-align: center;
}
.ttl-box span {
  display: inline-block;
  letter-spacing: 0.025em;
  font-size: 32px;
  font-weight: 700;
  line-height: 1.1875;
  color: #c71f45;
  padding: 0 27px;
  position: relative;
}
.ttl-box span:before {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  top: 70%;
  margin-top: -1px;
  left: 100%;
  background: #c71f45;
}
.ttl-box span:after {
  position: absolute;
  content: "";
  width: 80px;
  height: 2px;
  top: 70%;
  margin-top: -1px;
  right: 100%;
  background: #c71f45;
}
.ttl-box.full-width {
  position: relative;
}
.ttl-box.full-width:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 2px;
  top: 50%;
  margin-top: -1px;
  left: 0;
  background: #c71f45;
}
.ttl-box.full-width span {
  background: #fff;
}
.ttl-box.full-width span:before, .ttl-box.full-width span:after {
  display: none;
}

.area-lnk-anchor {
  margin-top: 95px;
}
.area-lnk-anchor .link-anchor {
  justify-content: space-between;
  margin-top: 45px;
}
.area-lnk-anchor .link-anchor li {
  width: 560px;
}
.area-lnk-anchor .link-anchor li a {
  display: block;
  background: #c71f45 url("../img/common/ico_arrow_double_white.png") no-repeat bottom 25px center/37px;
  padding: 4px 4px 80px;
}
.area-lnk-anchor .link-anchor li a .in-link {
  background: #fff;
  padding: 40px 20px 35px;
}
.area-lnk-anchor .link-anchor li a .name-link {
  font-size: 40px;
  letter-spacing: 0.025em;
  line-height: 1;
}
.area-lnk-anchor .link-anchor li a .name-link span {
  color: #c71f45;
}
.area-lnk-anchor .link-anchor li a .text-btn {
  letter-spacing: 0.1em;
  margin-top: 25px;
  line-height: 1.875;
}
.area-lnk-anchor .link-anchor li a.red-color {
  background-color: #9a0023;
}
.area-lnk-anchor .note-lnk {
  font-size: 14px;
  margin-top: 15px;
}

.sec-care-salon {
  padding: 75px 0 0;
}
.sec-care-salon .text-under {
  text-align: center;
  font-weight: 700;
  font-size: 24px;
  color: #c71f45;
  line-height: 1.5;
  margin-top: 30px;
}
.sec-care-salon .list-ab-support {
  margin: 75px 0;
}
.sec-care-salon .list-ab-support li .img-support {
  width: 580px;
}
.sec-care-salon .list-ab-support li .info-support {
  padding-top: 95px;
}
.sec-care-salon .list-ab-support li .info-support:before {
  display: none;
}
.sec-care-salon .list-ab-support li .info-support .btn-cm {
  margin-top: 40px;
}

.section-courses {
  padding: 0;
  letter-spacing: 0.05em;
}
.section-courses .area-lnk-anchor {
  margin-top: 30px;
}
.section-courses .area-lnk-anchor .link-anchor li a .in-link {
  padding-bottom: 15px;
}
.section-courses .area-lnk-anchor .courseBox {
  display: flex;
  justify-content: space-between;
}
.section-courses .area-lnk-anchor .courseBox .frame {
  border: solid 4px #c71f45;
  padding: 40px 35px;
  margin-top: 40px;
  width: 560px;
}
.section-courses .area-lnk-anchor .courseBox .frame.red {
  border: solid 4px #9a0023;
  padding: 40px 35px;
}
.section-courses .area-lnk-anchor .courseBox .frame .name-link {
  font-size: 36px;
  font-weight: 700;
  padding-bottom: 20px;
}
.section-courses .area-lnk-anchor .courseBox .frame .name-link span {
  color: #c71f45;
}
.section-courses .area-lnk-anchor .courseBox .frame .name-link.red span {
  color: #9a0023;
}
.section-courses .area-lnk-anchor .courseBox .frame .minute {
  font-size: 18px;
  font-weight: bold;
  padding-bottom: 15px;
}
.section-courses .area-lnk-anchor .courseBox .frame .txt {
  font-size: 16px;
  line-height: 	1.6;
}

@media only screen and (max-width: 768px) {
	.section-courses .area-lnk-anchor .courseBox {
	  flex-wrap: wrap;
	}
	.section-courses .area-lnk-anchor .courseBox .frame {
	  width: 100%;
	  margin-top: 30px;
	}
}

.section-courses .block-anchor {
  background: #c71f45;
  padding: 3px;
  margin: 80px 0 120px;
}
.section-courses .block-anchor.block-anchor-advence {
  background: #9a0023;
}
.section-courses .block-anchor .ttl-block {
  color: #fff;
  line-height: 1;
  padding: 25px 0;
  font-size: 46px;
  font-weight: 600;
  letter-spacing: 0.025em;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  justify-content: center;
}
.section-courses .block-anchor .ttl-block span {
  font-size: 24px;
  margin-left: 14px;
}
.section-courses .block-anchor .in-block {
  background: #fff;
  padding: 10px 58px 70px;
}
.section-courses .block-anchor .in-block .text-block {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-top: 30px;
}
.section-courses .block-anchor .in-block .gr-block {
  margin-top: 45px;
}
.section-courses .block-anchor .in-block .gr-block .list-exam {
  margin: 45px -20px 0;
}
.section-courses .block-anchor .in-block .gr-block .list-exam li {
  margin: 0 20px;
  width: 230px;
}
.section-courses .block-anchor .in-block .gr-block .list-exam li p {
  font-weight: 700;
  margin-top: 17px;
}
.section-courses .block-anchor .in-block .gr-block.exam-adven {
  margin-top: 75px;
}
.section-courses .block-anchor .in-block .gr-block.exam-adven .list-courses {
  margin-top: -20px;
}
.section-courses .list-courses p.txt {
  line-height: 1.8;
}
.section-courses .block-anchor .in-block .list-courses li {
  padding: 70px 0 50px;
  background: url("../img/common/ico_line_dotted.png") repeat-x bottom left;
}
.section-courses .block-anchor .in-block .list-courses li .img-step {
  width: 480px;
}
.section-courses .block-anchor .in-block .list-courses li .info-step {
  padding-left: 50px;
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  letter-spacing: 0.025em;
  color: #333;
}
.section-courses .block-anchor .in-block .list-courses li .info-step .step-count {
  font-size: 46px;
  font-weight: 600;
  line-height: 1;
  display: block;
  margin-bottom: 30px;
}
.section-courses .block-anchor .in-block .list-courses li .info-step .step-count p {
  letter-spacing: 0.05em;
  line-height: 1.875;
}
.section-courses .block-anchor .in-block .list-courses li.rev .info-step {
  padding-left: 0;
  padding-right: 50px;
}
.section-courses .info-step p.ttl-advance {
  display: inline-block;
  font-size: 21px;
  letter-spacing: 0.01em;
  border: solid 1px #000;
  padding: 8px 13px;
}

.hair-care .list-ab-support {
  margin-top: 50px;
}
.hair-care .list-ab-support li {
  margin-bottom: 120px;
}
.hair-care .list-ab-support li .info-support .note-bor {
  padding-left: 18px;
  border-left: 5px solid #c71f45;
  margin-top: 28px;
}
.hair-care .list-ab-support li .info-support .small-text {
  font-size: 14px;
  line-height: 1.71428;
  margin-top: 23px;
}

.section-home-care {
  margin-top: 70px;
  margin-bottom: 180px;
}
.section-home-care .lnk-home-care {
  justify-content: center;
  margin-top: 40px;
}
.section-home-care .lnk-home-care li {
  width: 360px;
  margin: 0 37px;
}
.section-home-care .lnk-home-care li a {
  display: block;
  background: #c71f45;
  padding: 3px;
}
.section-home-care .lnk-home-care li .ttl {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  font-size: 24px;
  color: #fff;
  letter-spacing: 0.025em;
  line-height: 1.25;
  padding: 15px 25px;
  background: url("../img/common/ico_blue_white.png") no-repeat right 27px center/27px;
}
.section-home-care .lnk-home-care li .ttl.big {
  font-size: 32px;
}
.section-home-care .lnk-home-care li .in-lnk {
  background: #fff;
}
.section-home-care .lnk-home-care li .in-lnk p {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.6;
  padding: 20px 24px;
  color: #333;
  height: 130px;
}

@media only screen and (max-width: 768px) {
	.section-home-care .lnk-home-care li .in-lnk p {
	  height: 210px;
	}
  .support-women-page {
    color: #000;
  }
  .support-women-page .inner-bnr {
    background: url(../img/women/support/sp/bnr_page.jpg) no-repeat left bottom/cover;
  }
  .support-women-page .wrapper .ttl-bnr, .support-women-page .wrapper .txt {
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
  }
  .support-women-page .wrapper .btn-bnr {
    text-shadow: white 1px 0 0, white 0.5403px 0.84147px 0, white -0.41615px 0.9093px 0, white -0.98999px 0.14112px 0, white -0.65364px -0.7568px 0, white 0.28366px -0.95892px 0, white 0.96017px -0.27942px 0;
  }
  .support-women-page .wrapper .btn-bnr a {
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.75);
    color: #fff !important;
    background: #a70127 url(../img/common/ico_arrow_btn_white.png) no-repeat right 0.3rem center/0.1rem !important;
  }

  .section-about-support {
    padding: 1rem 0;
  }
  .section-about-support .list-ab-support {
    margin-top: 0.6rem;
  }
  .section-about-support .list-ab-support li {
    margin-bottom: 0.5rem;
    flex-wrap: wrap;
  }
  .section-about-support .list-ab-support li .img-support {
    width: 100%;
    order: 2;
  }
  .section-about-support .list-ab-support li .info-support {
    flex: auto;
    width: 100%;
    order: 1;
    margin-top: 0;
    padding: 0.4rem 0.4rem 0.55rem !important;
  }
  .section-about-support .list-ab-support li .info-support:before {
    display: none;
  }
  .section-about-support .list-ab-support li .info-support .stt {
    font-size: 0.4rem;
  }
  .section-about-support .list-ab-support li .info-support .stt:after {
    width: 0.8rem;
    margin-left: 0.1rem;
  }
  .section-about-support .list-ab-support li .info-support .ttl {
    font-size: 0.4rem;
    line-height: 1.15;
    margin-top: 0.15rem;
  }
  .section-about-support .list-ab-support li .info-support p {
    line-height: 1.5;
    margin-top: 0.3rem;
  }
  .section-about-support .ico-arrow {
    margin: 0.9rem 0 0.4rem;
  }
  .section-about-support .ico-arrow img {
    height: 0.5rem;
  }
  .section-about-support .box-recom {
    width: 100%;
    padding: 0.03rem;
  }
  .section-about-support .box-recom .in-box {
    padding: 0.45rem 0.35rem 0.5rem;
  }
  .section-about-support .box-recom .frame-list {
    flex-wrap: wrap;
    margin-top: 0.2rem;
  }
  .section-about-support .box-recom .frame-list .list-box-recom {
    width: 100%;
  }
  .section-about-support .box-recom .frame-list .list-box-recom li {
    font-size: 0.24rem;
    line-height: 1.25;
    padding-left: 0.6rem;
    margin-top: 0.25rem;
  }
  .section-about-support .box-recom .frame-list .list-box-recom li:before {
    width: 0.4rem;
    height: 0.4rem;
    top: -0.06rem;
  }

  .ttl-box span {
    font-size: 0.46rem;
    padding: 0;
  }
  .ttl-box span:before, .ttl-box span:after {
    display: none !important;
  }
  .ttl-box span strong {
    display: block;
    font-size: 0.6rem;
    margin-top: 0.1rem;
  }
  .ttl-box.spec span {
    font-size: 0.5rem;
    letter-spacing: 0.01em;
  }
  .ttl-box.full-width:before {
    display: none;
  }

  .area-lnk-anchor {
    margin-top: 1.4rem;
  }
  .area-lnk-anchor .link-anchor {
    margin-top: 0.4rem;
    flex-wrap: wrap;
  }
  .area-lnk-anchor .link-anchor li {
    width: 100%;
    margin-bottom: 20px;
  }
  .area-lnk-anchor .link-anchor li a {
    display: block;
    background: #c71f45 url("../img/common/ico_arrow_double_white.png") no-repeat bottom 0.27rem center/0.32rem;
    padding: 0.04rem 0.04rem 0.8rem;
  }
  .area-lnk-anchor .link-anchor li a .in-link {
    padding: 0.4rem 0.2rem 0.35rem;
  }
  .area-lnk-anchor .link-anchor li a .name-link {
    font-size: 0.38rem;
  }
  .area-lnk-anchor .link-anchor li a .text-btn {
    margin-top: 0.25rem;
    line-height: 1.5;
    font-size: 0.24rem;
    letter-spacing: 0.05em;
  }
  .area-lnk-anchor .note-lnk {
    font-size: 0.25rem;
    margin-top: 0.1rem;
    line-height: 1.4;
  }

  .sec-care-salon {
    padding: 0.45rem 0 0;
  }
  .sec-care-salon .text-under {
    font-size: 0.4rem;
    margin-top: 0.38rem;
    letter-spacing: 0.01em;
  }
  .sec-care-salon .list-ab-support {
    margin-top: 0.65rem;
  }
  .sec-care-salon .list-ab-support li .img-support {
    width: 100%;
  }
  .sec-care-salon .list-ab-support li .info-support {
    padding-bottom: 0.8rem;
  }
  .sec-care-salon .list-ab-support li .info-support .btn-cm {
    margin-top: 0.4rem;
  }

  .section-courses {
    padding: 0;
  }
  .section-courses .area-lnk-anchor {
    margin-top: 0.25rem;
  }
  .section-courses .area-lnk-anchor .link-anchor li a .in-link {
    padding-bottom: 0.2rem;
  }
  .section-courses .block-anchor {
    padding: 0.02rem;
    margin-top: 1.1rem;
  }
  .section-courses .block-anchor .ttl-block {
    padding: 0.4rem 0;
    font-size: 0.46rem;
    letter-spacing: 0.025em;
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-courses .block-anchor .ttl-block span {
    font-size: 0.36rem;
    margin-left: 0;
    width: 100%;
    display: block;
    margin-top: 0.1rem;
  }
  .section-courses .block-anchor .in-block {
    padding: 0 0.4rem 0.7rem;
  }
  .section-courses .block-anchor .in-block .text-block {
    line-height: 1.5;
    padding-top: 0.45rem;
    margin-top: 0;
  }
  .section-courses .block-anchor .in-block .gr-block {
    margin-top: 0.4rem;
  }
  .section-courses .block-anchor .in-block .gr-block .list-exam {
    margin: 0.3rem 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .section-courses .block-anchor .in-block .gr-block .list-exam li {
    margin: 0 0 0.3rem;
    width: 2.95rem;
  }
  .section-courses .block-anchor .in-block .gr-block .list-exam li p {
    margin-top: 0.14rem;
  }
  .section-courses .block-anchor .in-block .gr-block.exam-adven {
    margin-top: 1rem;
  }
  .section-courses .block-anchor .in-block .gr-block.exam-adven .list-courses {
    margin-top: 0;
  }
  .section-courses .block-anchor .in-block .list-courses li {
    padding: 0.5rem 0;
    background-size: 0.06rem;
    flex-wrap: wrap;
  }
  .section-courses .block-anchor .in-block .list-courses li .img-step {
    width: 100%;
    order: 2;
    margin-top: 0.4rem;
  }
  .section-courses .block-anchor .in-block .list-courses li .info-step {
    padding: 0 !important;
    flex: auto;
    width: 100%;
  }
  .section-courses .block-anchor .in-block .list-courses li .info-step .step-count {
    font-size: 0.56rem;
    margin-bottom: 0.22rem;
  }
  .section-courses .block-anchor .in-block .list-courses li .info-step .step-count p {
    letter-spacing: 0.05em;
    line-height: 1.5;
  }

  .hair-care .list-ab-support {
    margin-top: 0.45rem;
  }
  .hair-care .list-ab-support li {
    margin-bottom: 0.5rem;
  }
  .hair-care .list-ab-support li .info-support .note-bor {
    padding-left: 0.25rem;
    border-left: 0.05rem solid #c71f45;
    margin-top: 0.25rem;
  }
  .hair-care .list-ab-support li .info-support .small-text {
    font-size: 0.18rem;
    line-height: 1.33333;
    margin-top: 0.25rem;
  }

  .section-home-care {
    margin-top: 0.7rem;
    margin-bottom: 1.5rem;
  }
  .section-home-care .lnk-home-care {
    justify-content: center;
    flex-wrap: wrap;
    margin-top: 0.5rem;
  }
  .section-home-care .lnk-home-care li {
    width: 100%;
    margin: 0 0 0.5rem;
  }
  .section-home-care .lnk-home-care li a {
    padding: 0.03rem;
  }
  .section-home-care .lnk-home-care li .ttl {
    font-size: 0.4rem;
    line-height: 1;
    padding: 0.3rem 0.4rem;
    min-height: 1.4rem;
    background: url("../img/common/ico_blue_white.png") no-repeat right 0.4rem center/0.4rem;
  }
  .section-home-care .lnk-home-care li .ttl.big {
    font-size: 0.46rem;
  }
  .section-home-care .lnk-home-care li .in-lnk {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
  }
  .section-home-care .lnk-home-care li .in-lnk p {
    -moz-flex: 1;
    -ms-flex: 1;
    flex: 1;
    font-size: 0.24rem;
    line-height: 1.5;
    padding: 0.4rem 0 0 0.4rem;
  }
  .section-home-care .lnk-home-care li .in-lnk .img-home img {
    height: 2.9rem;
  }
}


/* PAGE READY LADIES */
.ready-women-page .inner-bnr {
  background: url(../img/women/ready/bnr_page.jpg) no-repeat left bottom/cover;
}
.ready-women-page:before {
  background: #000;
}

.section-wig {
  margin-top: 80px;
  margin-bottom: 150px;
}
.section-wig .list-product {
  margin-top: 80px;
}
.section-wig .list-product li {
  width: 360px;
}
.section-wig .list-product li .ttl-products {
  font-size: 32px;
  line-height: 1.2;
  background: none;
  position: relative;
}
.section-wig .list-product li .ttl-products:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_red_arrow.png") no-repeat;
  transform: rotate(90deg);
  width: 34px;
  height: 16px;
  background-size: 100%;
  right: 0;
  top: 12px;
}

.section-wig-type .area-title {
  padding: 110px 0 100px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.section-wig-type.orderwig .area-title {
  padding: 110px 0 100px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}
.section-wig-type.orderwig.type02 .area-title {
  padding: 100px 0 180px;
  background-repeat: no-repeat;
  background-position: top center;
  background-size: cover;
}

.section-wig-type .area-title .big-text {
  font-size: 36px;
  line-height: 1.27778;
  margin-top: 40px;
  color: #fff;
}
.section-wig-type.type01 .area-title {
  background-image: url("../img/women/ready/bnr_section01.jpg");
}
.section-wig-type.type02 .area-title {
  background-image: url("../img/women/ready/bnr_section02.jpg");
}
.section-wig-type.type03 .area-title {
  background-image: url("../img/women/ready/bnr_section03.jpg");
}

.section-wig-type.orderwig.type01 .area-title {
  background-image: url("../img/women/ordermade/bnr_section01.jpg");
}
.section-wig-type.orderwig.type02 .area-title {
  background-image: url("../img/women/ordermade/bnr_section02.jpg");
}
.section-wig-type.orderwig.type03 .area-title {
  background-image: url("../img/women/ordermade/bnr_section03.jpg");
}
.section-wig-type.orderwig .cmn-ttl.txt-bk {
  color: #000;
}
.section-wig-type.orderwig .area-title p {
  margin-top: 30px;
  letter-spacing: 0.03em;
  line-height: 1.6;
  width: 500px;
}
.section-wig-type.orderwig .cmn-ttl.right {
  text-align: right;
}
.section-wig-type.orderwig .area-title p.right {
  text-align: right;
  float: right;
}
.section-wig-type.orderwig .up-block .img-style.left {
  text-align: left;
  float: left;
}


.section-wig-type .content-style {
  margin-top: 90px;
}
.section-wig-type .content-style .up-block .info-style {
  width: 450px;
}
.section-wig-type .content-style .up-block .info-style .ttl {
  font-size: 36px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1.2;
  margin-bottom: 30px;
}
.section-wig-type .content-style .up-block .info-style .text {
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.section-wig-type .content-style .up-block .img-style {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: right;
}
.section-wig-type .content-style .p-style {
  margin-top: 5px;
}
.section-wig-type .content-style .p-style li {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin-top: -1px;
  padding: 35px 0;
}
.section-wig-type .content-style .p-style li .point-mark {
  line-height: 1;
  font-size: 30px;
  letter-spacing: 0.025em;
  color: #c81f46;
  padding-left: 20px;
  margin-bottom: 22px;
  background: url("../img/common/ico_arrow_btn_red.png") no-repeat left center/9px;
}
.section-wig-type .content-style .p-style li .point-ttk {
  font-size: 20px;
  font-weight: 700;
  line-height: 1.5;
  margin-bottom: 22px;
}
.section-wig-type .bonus-area {
  background: #f4f4f4;
  padding: 160px 0 115px;
}
.section-wig-type .bonus-area .style-bonus {
  justify-content: space-between;
}
.section-wig-type .bonus-area .style-bonus li.mt130 {
  margin-top: 130px;
}
.section-wig-type .bonus-area .style-bonus li.mt50 {
  margin-top: 50px;
}
.section-wig-type .bonus-area .style-bonus li.mt80 {
  margin-top: 80px;
}
.section-wig-type .bonus-area.area01 {
  margin-top: -140px;
}
.section-wig-type .bonus-area.area02 {
  margin-top: 60px;
}
.section-wig-type .bonus-area.area03 {
  margin-top: 60px;
  padding-top: 70px;
}
.section-wig-type .bonus-area .how-to-use {
  margin-top: 40px;
}
.section-wig-type .bonus-area .how-to-use .list-how {
  margin: 60px -20px 0;
  flex-wrap: wrap;
}
.section-wig-type .bonus-area .how-to-use .list-how li {
  margin: 0 20px 45px;
  width: 360px;
}
.section-wig-type .bonus-area .how-to-use .list-how li p {
  color: #333;
  line-height: 1.5;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

@media only screen and (min-width: 769px) {
  .section-pin-maintenance.ready-women-page .cmn-ttl {
    font-size: 56px !important;
  }
}
@media only screen and (max-width: 768px) {
  .ready-women-page .inner-bnr {
    background: url(../img/women/ready/sp/bnr_page.jpg) no-repeat left bottom/cover;
  }

  .section-wig {
    margin-top: 1.4rem;
    margin-bottom: 1rem;
  }
  .section-wig .list-product {
    margin-top: 0.6rem;
  }
  .section-wig .list-product li {
    width: 100%;
  }
  .section-wig .list-product li .ttl-products {
    font-size: 0.56rem;
    padding-right: 0.6rem;
  }
  .section-wig .list-product li .ttl-products:before {
    width: 0.46rem;
    height: 0.2rem;
    right: 0;
    top: 0.18rem;
  }
  .section-wig .list-product li:nth-child(even) {
    margin-top: 0;
  }
  .section-wig .list-product li:nth-child(even) .ttl-products {
    text-align: right;
    display: block;
  }

  .section-wig-type .area-title {
    padding: 0.9rem 0 2rem;
  }
  .section-wig-type .area-title .big-text {
    font-size: 0.4rem;
    line-height: 1.25;
    margin-top: 0.3rem;
    width: 50%;
  }
  .section-wig-type.type01 .area-title {
    background-image: url("../img/women/ready/sp/bnr_section01.jpg");
  }
  .section-wig-type.type02 .area-title {
    background-image: url("../img/women/ready/sp/bnr_section02.jpg");
  }
  .section-wig-type.type03 .area-title {
    background-image: url("../img/women/ready/sp/bnr_section03.jpg");
  }

  .section-wig-type.orderwig.type01 .area-title {
    background-image: url("../img/women/ordermade/sp/bnr_section01.jpg");
  }
  .section-wig-type.orderwig.type02 .area-title {
    background-image: url("../img/women/ordermade/sp/bnr_section02.jpg");
  }
  .section-wig-type.orderwig.type03 .area-title {
    background-image: url("../img/women/ordermade/sp/bnr_section03.jpg");
  }
  .section-wig-type.orderwig .area-title p {
    width: 50%;
    text-shadow:
    white 1px 1px 10px, white -1px 1px 10px,
    white 1px -1px 10px, white -1px -1px 10px;
  }
  .section-wig-type.orderwig .cmn-ttl.right {
    width: 50%;
  }

  .section-wig-type .content-style {
    margin-top: 0.5rem;
  }
  .section-wig-type .content-style .up-block {
    flex-wrap: wrap;
  }
  .section-wig-type .content-style .up-block .info-style {
    width: 100%;
  }
  .section-wig-type .content-style .up-block .info-style .ttl {
    font-size: 0.56rem;
    letter-spacing: 0.025em;
    line-height: 1.07143;
    margin-bottom: 0.3rem;
  }
  .section-wig-type .content-style .up-block .info-style .text {
    line-height: 1.5;
  }
  .section-wig-type .content-style .up-block .img-style {
    flex: auto;
    padding-left: 0.3rem;
    margin-top: 0.9rem;
  }
  .section-wig-type .content-style .p-style {
    margin-top: 0.2rem;
  }
  .section-wig-type .content-style .p-style li {
    padding: 0.3rem 0;
  }
  .section-wig-type .content-style .p-style li .point-mark {
    font-size: 0.46rem;
    padding-left: 0.25rem;
    margin-bottom: 0.2rem;
    background-size: 0.12rem;
  }
  .section-wig-type .content-style .p-style li .point-ttk {
    font-size: 0.3rem;
    margin-bottom: 0.22rem;
  }
  .section-wig-type .bonus-area {
    padding: 4.8rem 0 1rem !important;
    margin-top: -4.3rem !important;
  }
  .section-wig-type .bonus-area .style-bonus {
    flex-wrap: wrap;
  }
  .section-wig-type .bonus-area .style-bonus li {
    margin-bottom: 0.5rem !important;
    margin-top: 0 !important;
    padding-right: 1.6rem;
  }
  .section-wig-type .bonus-area .style-bonus li:nth-child(even) {
    padding-right: 0;
    padding-left: 1.6rem;
  }
  .section-wig-type .bonus-area .how-to-use {
    margin-top: 0.6rem;
  }
  .section-wig-type .bonus-area .how-to-use .list-how {
    margin: 0.6rem -0.2rem -0.6rem;
  }
  .section-wig-type .bonus-area .how-to-use .list-how li {
    margin: 0 0.2rem 45px;
    width: 3.34rem;
  }
  .section-wig-type .bonus-area .how-to-use .list-how li p {
    margin-top: 0.22rem;
  }
}
/* PAGE LADIES CHECK */
.section-bnr-page.page-ladies-check .inner-bnr {
  background: url(../img/women/check/bnr_page.jpg) no-repeat left bottom/cover;
}

@media only screen and (max-width: 768px) {
  .section-bnr-page.page-ladies-check .inner-bnr {
    background: url(../img/women/check/sp/bnr_page.jpg) no-repeat left bottom/cover;
  }
  .section-bnr-page.page-ladies-check .txt,
  .section-bnr-page.page-ladies-check .ttl-bnr {
    text-shadow: #fff 0 0 0.14rem, #fff 0 0 0.14rem;
  }
  .section-bnr-page.page-ladies-check .wrapper .btn-bnr a {
    box-shadow: 0 0 6px 0 rgba(255, 255, 255, 0.75);
    text-shadow: #fff 0 0 0.14rem, #fff 0 0 0.14rem;
  }
}
.medical-style .frame-ttl {
  color: #fff;
  padding-left: 0;
  padding-top: 0;
  height: 100%;
}
.medical-style .frame-ttl .rounder {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  padding-left: 70px;
}
.medical-style .frame-ttl .ttl-slide-medical {
  font-size: 48px;
  letter-spacing: 0.075em;
  font-weight: 400;
}
.medical-style .frame-ttl .normal-txt {
  font-size: 15px;
  line-height: 2;
  margin-top: 10px;
}
.medical-style .slide-top:before {
  display: none;
}
.medical-style .slide-top .slick-dots {
  z-index: 4;
}
.medical-style .slide-top .slick-dots li.slick-active button {
  background: #96d659;
}

.section-med-contents {
  margin: 80px 0 180px;
}
.section-med-contents .list-contents {
  flex-wrap: wrap;
  margin-top: 35px;
  margin-bottom: 90px;
}
.section-med-contents .list-contents li {
  width: 25%;
  margin-bottom: 60px;
}
.section-med-contents .list-contents li a {
  display: block;
}
.section-med-contents .list-contents li p {
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.33333;
  font-weight: 700;
  padding-left: 17px;
  position: relative;
  margin-top: 24px;
}
.section-med-contents .list-contents li p:before {
  position: absolute;
  content: "▶";
  font-size: 10px;
  left: 0;
  top: 6px;
}
.section-med-contents .list-contents li p span {
  color: #888;
  font-size: 14px;
  padding-left: 8px;
}
.section-med-contents .trial-area {
  border: solid 1px #ddd;
  background: url("../img/medical/bg_trial.jpg") no-repeat center/cover;
}
.section-med-contents .trial-area .ct-trial {
  width: 345px;
  margin-right: 83px;
  margin-left: auto;
  padding: 60px 0 75px;
  color: #333;
}
.section-med-contents .trial-area .ct-trial .ttl {
  font-size: 30px;
  letter-spacing: 0.2em;
  font-weight: 700;
  margin-bottom: 10px;
}
.section-med-contents .trial-area .ct-trial p {
  font-size: 14px;
  line-height: 1.71428;
  text-align: center;
}
.section-med-contents .trial-area .ct-trial .btn-trial {
  margin-top: 20px;
}
.section-med-contents .trial-area .ct-trial .btn-trial a {
  display: block;
  text-align: center;
  font-size: 18px;
  font-weight: 700;
  letter-spacing: 0.05em;
  height: 70px;
  line-height: 70px;
  color: #fff;
  background: #333;
}

@media only screen and (max-width: 768px) {
  .section-med-contents .list-contents li p span {
    padding-left: 0;
  }
  .medical-style .frame-ttl {
    padding-right: 0;
  }
  .medical-style .frame-ttl .rounder {
    top: 1.45rem;
    transform: translateY(0);
    padding: 0 2.8rem 0 0.3rem;
  }
  .medical-style .frame-ttl .ttl-slide-medical {
    font-size: 0.56rem;
    letter-spacing: 0.05em;
  }
  .medical-style .frame-ttl .normal-txt {
    font-size: 0.24rem;
    line-height: 1.5;
    margin-top: 0.25rem;
    text-shadow: none;
  }
  .medical-style .slide-top .slick-arrow {
    display: block;
    width: 0.3rem;
    height: 0.52rem;
  }
  .medical-style .slide-top .slick-arrow.slick-prev {
    margin-left: 0;
    left: 0.3rem;
  }
  .medical-style .slide-top .slick-arrow.slick-next {
    margin-right: 0;
    right: 0.3rem;
  }
  .medical-style .slide-top .slick-dots {
    display: flex;
    width: 100%;
    transform: translate(0);
    left: auto;
    right: 0;
    bottom: 0.5rem;
    padding-right: 0.54rem;
  }
  .medical-style .slide-top .slick-dots li {
    margin-left: 0.3rem;
  }
  .medical-style .slide-top .slick-dots li button {
    width: 0.18rem;
    height: 0.18rem;
  }

  .section-med-contents {
    margin: 1rem 0 1.8rem;
  }
  .section-med-contents .list-contents {
    margin-top: 0.5rem;
    margin-bottom: 0.4rem;
  }
  .section-med-contents .list-contents li {
    width: 50%;
    margin-bottom: 0.6rem;
  }
  .section-med-contents .list-contents li p {
    font-size: 0.3rem;
    line-height: 1.25;
    padding-left: 0.23rem;
    margin-top: 0.25rem;
  }
  .section-med-contents .list-contents li p:before {
    font-size: 0.15rem;
    top: 0.06rem;
  }
  .section-med-contents .trial-area {
    background: url("../img/medical/sp/bg_trial.jpg") no-repeat center/cover;
  }
  .section-med-contents .trial-area .ct-trial {
    width: 3.45rem;
    margin-right: 0.4rem;
    padding: 1rem 0;
  }
  .section-med-contents .trial-area .ct-trial .ttl {
    font-size: 0.35rem;
    margin-bottom: 0.2rem;
  }
  .section-med-contents .trial-area .ct-trial p {
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .section-med-contents .trial-area .ct-trial .btn-trial {
    margin-top: 0.2rem;
  }
  .section-med-contents .trial-area .ct-trial .btn-trial a {
    font-size: 0.24rem;
    height: 0.8rem;
    line-height: 0.8rem;
  }
}

/* MEDICAL：PAGE CARE */
.section-bnr-page-medical.medical-care {
  background: url(../img/medical/care/bnr_page.jpg) no-repeat right top/cover;
  height: 400px;
}
.section-selec-med .intro-doctor .img-care-scalp {
  width: 350px;
  margin-top: 9px;
}
.section-selec-med .foam {
  width: 980px;
  margin: 0 auto;
}
.section-selec-med .foam .frame-bg {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.025em;
  line-height: 1.6;
  background: #99adb7;
  border-radius: 5px;
  padding: 25px 0;
  margin: 50px 0 20px;
}
.section-selec-med .foam .frame-point {
  border: solid 5px #bec7cc;
  border-radius: 8px;
  text-align: center;
  padding: 40px;
  margin: 30px 0;
}
.section-selec-med .foam .frame-point p.ttl {
  font-weight: 700;
  letter-spacing: 0.025em;
  line-height: 1.6;
  font-size: 20px;
  color: #0873af;
  margin-bottom: 30px;
}
.section-selec-med .foam .frame-point p.txt {
  letter-spacing: 0.050em;
  line-height: 1.8;
}
.section-selec-med .foam .adf {

}
.section-selec-med .foam .adf .adf-box {
  display: flex;
  justify-content: space-between;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail {
  display: flex;
  border: solid 1px #bec7cc;
  padding: 30px;
  width: 100%;

/* 商品2列の時
  justify-content: space-between;
/*  width: 49%;*/
}
.section-selec-med .foam .adf .adf-box .adf-box-detail .adf-box-img {
  margin-right: 4%;
  width: ;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail .adf-box-txt {
  width: 83%;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail p.ttl {
  font-size: 18px;
  font-weight: bold;
  color: #0873af;
  margin-bottom: 15px;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail p.ttl-prdct {
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  margin-bottom: 30px;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail p.ttl-prdct-fee {
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail p.txt-prdct {
  font-size: 14px;
  line-height: 24px;
  margin-bottom: 20px;
}
.section-selec-med .foam .adf .adf-box .adf-box-detail p.txt {
  letter-spacing: 0.050em;
  line-height: 1.8;
}
.list-select .block-content .method-shampoo {
  margin-top: 34px;
}
.list-select .block-content .method-shampoo .list-color {
  flex-wrap: wrap;
  margin: 5px -20px 0;
}
.list-select .block-content .method-shampoo .list-color li {
  margin: 20px 20px 7px;
  width: 360px;
}
.list-select .block-content .method-shampoo .list-color li p.ttl {
  font-weight: 700;
  margin-bottom: 15px;
  font-size: 20px;
}
.list-select .block-content .method-shampoo .list-color li p.txt {
  margin-top: 30px;
  font-size: 16px;
  letter-spacing: 0.050em;
  line-height: 1.8;
}
.section-method-med .step-eyebrows {
  margin-top: -110px;
  margin-bottom: -180px;
}
.section-method-med .step-eyebrows .list-method li {
  border: none;
  margin-bottom: -30px;
}
.section-method-med .step-eyebrows .list-method li .img {
  width: 320px;
}
.section-method-med .step-eyebrows .list-method li p {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 37px;
  margin-top: 0;
}
.section-method-med .step-eyebrows .list-method li p span {
  font-weight: 500;
  color: #34c4ae;
}


@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-care {
    height: 8rem;
    background: url("../img/medical/care/sp/bnr_page.jpg") no-repeat right top/cover;
  }
  .section-selec-med .intro-doctor .img-care-scalp {
    width: 100%;
    margin-top: 30px;
}
  .section-selec-med .foam {
    width: 100%;
  }
  .section-selec-med .foam .adf .adf-box {
    flex-wrap: wrap;
  }
  .section-selec-med .foam .adf .adf-box .adf-box-detail {
    flex-wrap: wrap;
    width: 100%;
    margin-bottom: 40px;
  }
  .section-selec-med .foam .adf .adf-box .adf-box-detail .adf-box-img {
    margin-right: 0;
    margin-bottom: 30px;
    width: 100%;
  }
  .list-select .block-content .method-shampoo {
    margin-top: 0.4rem;
  }
  .list-select .block-content .method-shampoo .list-color {
    margin: 0;
    justify-content: space-between;
  }
  .list-select .block-content .method-shampoo .list-color li {
    margin: 0.3rem 0 0;
    width: 3.3rem;
  }
  .list-select .block-content .method-shampoo .list-color li p {
    margin-bottom: 0.06rem;
  }
  .section-method-med .step-eyebrows {
    margin-top: -50px;
    margin-bottom: 50px;
  }
  .section-method-med .step-eyebrows .list-method li {
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
  }
  .section-method-med .step-eyebrows .list-method li .img {
    width: 100%;
  }
  .section-method-med .step-eyebrows .list-method li p {
    flex: auto;
    width: 100%;
    padding-left: 0;
    margin-top: 0.24rem;
  }


}


/* PAGE MEDICAL WIGS */
.section-bnr-page-medical {
  height: 50vh;
  background: url("../img/medical/med_wigs/bnr_page.jpg") no-repeat right top/cover;
  position: relative;
  overflow: hidden;
}
.section-bnr-page-medical .inner-bnr {
  position: absolute;
  width: 1160px;
  margin-left: -580px;
  height: 100%;
  top: 0;
  left: 50%;
  color: #333;
  letter-spacing: 0.075em;
}
.section-bnr-page-medical .inner-bnr .position {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: 0;
  width: 100%;
}
.section-bnr-page-medical .inner-bnr .position .ttl-bnr {
  font-size: 48px;
  font-weight: 600;
  line-height: 1;
}
.section-bnr-page-medical .inner-bnr .position .text {
  font-size: 15px;
  line-height: 2;
  margin-top: 20px;
}

.nav-scroll {
  margin-top: 80px;
}
.nav-scroll.mt60 {
  margin-top: 60px;
}
.nav-scroll .scroll-to {
  flex-wrap: wrap;
  justify-content: space-between;
}
.nav-scroll .scroll-to.two-item li {
  width: 565px;
}
.nav-scroll .scroll-to li {
  width: 365px;
  margin-bottom: 20px;
}
.nav-scroll .scroll-to li a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  font-weight: 400;
  background: #7996a4;
  color: #fff;
  padding: 24px 30px 24px 70px;
  position: relative;
  height: 70px;
}
.nav-scroll.faq .scroll-to li a {
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  align-items: center;
  font-weight: 400;
  background: #333;
  color: #fff;
  padding: 24px 30px 24px 70px;
  position: relative;
  height: 70px;
}
.nav-scroll .scroll-to li a:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_arrow_white.png") no-repeat;
  background-size: 100%;
  width: 12px;
  height: 20px;
  transform: rotate(90deg) translateY(-50%);
  left: 30px;
  top: 50%;
  margin-top: -9px;
}

.section-selec-med {
  padding: 80px 0 0;
  color: #333;
}
.section-selec-med .intro-doctor {
  margin-top: 5px;
}
.section-selec-med .intro-doctor .img-doctor {
  width: 400px;
  margin-top: 9px;
}
.section-selec-med .intro-doctor .ct-doctor {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 70px;
}
.section-selec-med .intro-doctor .ct-doctor .ttl-doctor {
  letter-spacing: 0.05em;
  line-height: 1.875;
  margin-bottom: 30px;
}
.section-selec-med .intro-doctor .ct-doctor .ttl-doctor span {
  display: block;
  font-weight: bold;
  color: #ffc103;
}
.section-selec-med .intro-doctor .ct-doctor p {
  letter-spacing: 0.05em;
  line-height: 1.875;
}

.nav-point {
  justify-content: space-between;
  margin-top: 80px;
}
.nav-point li {
  width: 360px;
}
.nav-point li a {
  display: block;
  border-radius: 5px;
  background: #455a64;
  padding: 6px;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.025em;
}
.nav-point li a .inner {
  border: 2px solid #fff;
  position: relative;
  padding: 30px 5px;
}
.nav-point li a .inner:before {
  position: absolute;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 25px 25px 0 0;
  border-color: #ffffff transparent transparent transparent;
  top: 0;
  left: 0;
}
.nav-point li a strong {
  font-size: 32px;
}
.nav-point li a p {
  font-size: 18px;
  line-height: 1.66667;
  margin-top: 5px;
}
.nav-point li a p span {
  display: inline-block;
  font-size: 26px;
  color: #fdf401;
  border-bottom: 1px solid;
  line-height: 1.4;
}

.list-select .block-content {
  padding-top: 60px;
}
.list-select .block-content .area-color {
  margin-top: 34px;
}
.list-select .block-content .area-color .list-color {
  flex-wrap: wrap;
  margin: 5px -20px 0;
}
.list-select .block-content .area-color .list-color li {
  margin: 20px 20px 7px;
  width: 360px;
}
.list-select .block-content .area-color .list-color li p {
  font-weight: 700;
  margin-bottom: 10px;
}
.list-select .block-content .small-note {
  font-size: 15px;
  letter-spacing: 0.05em;
}

.ttl-block-med {
  font-weight: bold;
  font-size: 30px;
  letter-spacing: 0.025em;
  border-bottom: 4px solid #607d8b;
  padding-bottom: 10px;
  margin-bottom: 30px;
}
.ttl-block-med span {
  color: #ffc103;
}

.ttl-arrow {
  font-size: 24px;
  letter-spacing: 0.05em;
  line-height: 1.33333;
  font-weight: 700;
  padding-left: 20px;
  position: relative;
}
.ttl-arrow:before {
  position: absolute;
  content: "▶";
  font-size: 12px;
  left: 0;
  top: 9px;
}
.ttl-arrow.yellow {
  color: #ffc103;
}

.text-cmn {
  line-height: 1.875;
  letter-spacing: 0.05em;
  margin-top: 30px;
}
.text-remark {
  font-size: 14px;
  line-height: 1.4;
}
.text-remark.ftc-red {
  color: #c71f45;
}
.tb-select {
  width: 100%;
  table-layout: fixed;
  margin-top: 30px;
}
.tb-select thead th {
  padding: 30px;
  border-bottom: 1px solid #f9f9f9;
  width: auto;
}
.tb-select thead th:first-child {
  width: 290px;
  border-bottom: 1px solid #f9f9f9;
  padding-left: 50px;
}
.tb-select thead th:last-child {
  border-right: 1px solid #e3ecf0;
}
.tb-select th, .tb-select td {
  padding: 20px 30px 25px 35px;
}
.tb-select th {
  width: 290px;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
  background: #e3ecf0;
  border: 1px solid #f9f9f9;
  padding-left: 50px;
}
.tb-select td {
  border: 1px solid #cde7cd;
  background: #f9f9f9;
  font-size: 14px;
  line-height: 1.71428;
  letter-spacing: 0.05em;
}
.tb-select td:last-child {
  border-right: 1px solid #f9f9f9;
}
.tb-select td ul li {
  padding-left: 16px;
  position: relative;
}
.tb-select td ul li:before {
  position: absolute;
  content: "";
  width: 6px;
  height: 6px;
  background: #333;
  border-radius: 50%;
  left: 0;
  top: 9px;
}
.tb-select.no-head tr:first-child td {
  border-top: 1px solid #f9f9f9;
}

.section-feature-med {
  padding: 80px 0;
}
.section-feature-med .up-block .t-up {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.33333;
  letter-spacing: 0.025em;
  margin-bottom: 15px;
}
.section-feature-med .up-block img {
  margin-top: 35px;
}
.section-feature-med .list-feature {
  margin-top: 50px;
}
.section-feature-med .list-feature li {
  border-top: 1px dashed #bbbbbb;
/*  border-bottom: 1px dashed #bbbbbb;*/
  margin-top: -1px;
  padding: 24px 0;
}
.section-feature-med .list-feature .ct-feature {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.section-feature-med .list-feature .ct-feature p {
  margin-top: 15px;
}
.section-feature-med .list-feature .ct-feature p span {
  font-weight: 500;
  color: #34c4ae;
}
.section-feature-med .list-feature .img {
  width: 400px;
  margin: 10px 0 10px 35px;
}
.section-feature-med .list-feature .txt-y {
  font-size: 18px;
  font-weight: bold;
  color: #ffc103;
  letter-spacing: 0.050em;
  line-height: 1.4em;
  padding-top: 20px;
}
.section-feature-med .list-feature ol {
  padding-left: 18px;
  letter-spacing: 0.050em;
}
.section-feature-med .list-feature ol li.feature-list {
  border: none;
  padding: 15px 0;
}


.section-feature-med .btn-inquiry {
  margin-top: 50px;
}
.section-feature-med .btn-inquiry a {
  display: block;
  border: 1px solid #0097a7;
  border-radius: 9px;
  text-align: center;
  color: #0097a7;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding: 30px 0;
}
.section-feature-med .btn-inquiry a p {
  line-height: 1;
  font-size: 24px;
  margin-bottom: 15px;
}
.section-feature-med .btn-inquiry a strong {
  display: inline-block;
  line-height: 1;
  font-size: 60px;
  padding-left: 55px;
  position: relative;
}
.section-feature-med .btn-inquiry a strong:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_tel_blue.png") no-repeat;
  width: 40px;
  height: 53px;
  background-size: 100%;
  left: 0;
  bottom: 0;
}


@media only screen and (min-width: 769px) {
  .section-feature-med .btn-inquiry a {
    pointer-events: none;
  }
}
.section-product-med {
  padding-top: 80px;
}
.section-product-med .text-product {
  font-size: 20px;
  font-weight: bold;
  letter-spacing: 0.025em;
  line-height: 1.3;
}

.list-product-med {
  margin: 50px -27px 0;
  flex-wrap: wrap;
}
.list-product-med > li {
  width: 350px;
  margin: 0 27px 0;
  position: relative;
  padding-bottom: 68px;
}
.list-product-med > li a {
  display: block;
}
.list-product-med > li .info {
  margin-top: 21px;
}
.list-product-med > li .info .ttl-b {
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.05em;
  margin-bottom: 10px;
  line-height: 1.4;
}
.list-product-med > li .tags {
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: 15px;
}
.list-product-med > li .tags li {
  font-size: 15px;
  font-weight: 500;
  color: #41a789;
  text-align: center;
  border: 1px solid #41a789;
  border-radius: 3px;
  padding: 7px 2px;
  line-height: 1;
  width: 170px;
  margin-bottom: 12px;
}
.list-product-med > li .tags li.w100 {
  width: 100%;
}
.list-product-med > li .btn-detail {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}
.list-product-med > li .btn-detail a {
  border-radius: 3px;
  text-align: center;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.025em;
  color: #fff;
  background: #333 url("../img/common/ico_arrow_white.png") no-repeat right 30px center/8px;
}

.btn-medical {
  width: 880px;
  margin: 20px auto 0;
}
.btn-medical.cap {
  width: 40%;
  margin: 30px 0;
}
.btn-medical a {
  margin-bottom: 30px;
  display: block;
  font-size: 22px;
  line-height: 1.08333;
  letter-spacing: 0.025em;
  color: #fdf401;
  padding: 37px 10px 37px 120px;
  background-image: url("../img/common/ico_init.png"), url("../img/common/ico_blue_yellow.png");
  background-repeat: no-repeat;
  background-size: 40px, 23px;
  background-position: left 60px center, right 60px center;
  background-color: #41a789;
  border-radius: 5px;
}
.btn-medical.cap a {
  font-size: 20px;
  padding: 25px 10px 25px 120px;
}
.btn-medical a.btn-local {
  color: #fff;
  background-image: url("../img/common/ico_house.png"), url("../img/common/ico_blue_white.png");
  background-repeat: no-repeat;
  background-size: 33px, 18px;
  background-position: left 60px center, right 60px center;
  background-color: #35688c;
}
.btn-backtolist a {
  margin-bottom: 30px;
  display: block;
  font-size: 24px;
  line-height: 1.8;
  letter-spacing: 0.025em;
  color: #fdf401;
  padding: 37px 10px 37px 120px;
  background-image: url("../img/common/icon_arrow_gr.png");
  background-repeat: no-repeat;
  background-size: 24px, 23px;
  background-position: left 60px center, right 60px center;
  background-color: #fff;
  border-radius: 5px;
}
.btn-backtolist a:hover {
  background-color: #fdf401;
}
.section-method-med {
  padding-top: 110px;
  margin-bottom: 180px;
}
.section-method-med .frame-bg {
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.025em;
  line-height: 1.6;
  background: #99adb7;
  border-radius: 5px;
  padding: 25px 0;
  margin-top: 10px;
}
.section-method-med .text-method {
  margin-top: 40px;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-bottom: 17px;
}
.section-method-med .step-method {
  margin-top: 30px;
}
.section-method-med .step-method .list-method {
  margin-top: 40px;
}
.section-method-med .step-method .list-method li {
  margin-bottom: 30px;
}
.section-method-med .step-method .list-method li .img {
  width: 320px;
}
.section-method-med .step-method .list-method li p {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 37px;
  margin-top: -6px;
}
.section-method-med .step-method .list-method li p span {
  font-weight: 500;
  color: #34c4ae;
}
.section-method-med .list-recm-maintenance {
  margin-top: 70px;
}
.section-method-med .list-recm-maintenance .list-product-med {
  margin-top: 40px;
}
.section-method-med .list-recm-maintenance .list-product-med li {
  padding-bottom: 90px;
}
.section-method-med .list-recm-maintenance .btn-medical {
  margin-top: 10px;
}

@media only screen and (min-width: 769px) {
  .tb-select tr:last-child td {
    border-bottom: none;
  }
}
@media only screen and (max-width: 768px) {
  .btn-medical.cap {
    width: 100%;
  }
  .btn-medical.cap a {
    font-size: 17px;
  }
  .section-bnr-page-medical {
    height: 8rem;
    background: url("../img/medical/med_wigs/sp/bnr_page.jpg") no-repeat right top/cover;
  }
  .section-bnr-page-medical .inner-bnr {
    position: absolute;
    width: 100%;
    margin-left: 0;
    left: 0;
  }
  .section-bnr-page-medical .inner-bnr .position {
    top: 1.1rem;
    transform: translateY(0);
    width: 3.8rem;
    left: 0.3rem;
    text-shadow:
    white 2px 0px 2px, white -2px 0px 2px,
    white 0px -2px 2px, white -2px 0px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
  }
  .section-bnr-page-medical .inner-bnr .position .ttl-bnr {
    font-size: 0.7rem;
    line-height: 1.02857;
  }
  .section-bnr-page-medical .inner-bnr .position .text {
    font-size: 0.24rem;
    letter-spacing: 0.075em;
    line-height: 1.5;
    margin-top: 0.2rem;
  }

  .nav-scroll {
    margin-top: 1rem !important;
  }
  .nav-scroll .scroll-to {
    flex-wrap: wrap;
  }
  .nav-scroll .scroll-to li {
    width: 100% !important;
    margin-bottom: 1px;
  }
  .nav-scroll .scroll-to li a {
    padding: 0.29rem 1.4rem 0.29rem 0.4rem;
    position: relative;
    height: 0.8rem;
  }
  .nav-scroll .scroll-to li a:before {
    width: 0.15rem;
    height: 0.24rem;
    left: auto;
    right: 0.4rem;
    margin-top: -0.1rem;
  }

  .section-selec-med {
    padding: 0.8rem 0 0;
  }
  .section-selec-med .intro-doctor {
    margin-top: 0;
    flex-wrap: wrap;
  }
  .section-selec-med .intro-doctor .img-doctor {
    width: 100%;
    margin-top: 30px;
  }
  .section-selec-med .intro-doctor .ct-doctor {
    flex: auto;
    padding-right: 0;
    width: 100%;
    margin-top: 0;
  }
  .section-selec-med .intro-doctor .ct-doctor .ttl-doctor {
    line-height: 1.5;
    margin-bottom: 0.15rem;
  }
  .section-selec-med .intro-doctor .ct-doctor .ttl-doctor span {
    font-size: 0.36rem;
    margin-top: 0.1rem;
  }
  .section-selec-med .intro-doctor .ct-doctor p {
    line-height: 1.5;
  }

  .nav-point {
    margin-top: 0.4rem;
    flex-wrap: wrap;
  }
  .nav-point li {
    width: 100%;
    margin-bottom: 0.3rem;
  }
  .nav-point li a {
    border-radius: 0.05rem;
    padding: 0.06rem;
  }
  .nav-point li a .inner {
    border: 1px solid #fff;
    padding: 0.4rem 0.45rem;
    text-align: left;
  }
  .nav-point li a .inner:before {
    border-width: 0.45rem 0.45rem 0 0;
  }
  .nav-point li a strong {
    font-size: 0.46rem;
  }
  .nav-point li a p {
    font-size: 0.3rem;
    line-height: 1;
  }
  .nav-point li a p br {
    display: none;
  }

  .list-select .block-content {
    padding-top: 0.9rem;
  }
  .list-select .block-content .area-color {
    margin-top: 0.4rem;
  }
  .list-select .block-content .area-color .list-color {
    margin: 0;
    justify-content: space-between;
  }
  .list-select .block-content .area-color .list-color li {
    margin: 0.3rem 0 0;
    width: 3.3rem;
  }
  .list-select .block-content .area-color .list-color li p {
    margin-bottom: 0.06rem;
  }
  .list-select .block-content .small-note {
    font-size: 0.18rem;
    margin-top: 0.2rem;
  }

  .ttl-block-med {
    font-size: 0.46rem;
    line-height: 1;
    border-bottom: 0.04rem solid #607d8b;
    padding-bottom: 0.27rem;
    margin-bottom: 0.3rem;
  }

  .text-cmn {
    line-height: 1.5;
  }

  .ttl-arrow {
    font-size: 0.4rem;
    line-height: 1.15;
    padding-left: 0.33rem;
  }
  .ttl-arrow:before {
    font-size: 0.2rem;
    top: 0.14rem;
  }

  .tb-select {
    margin-top: 0.3rem;
  }
  .tb-select th, .tb-select td {
    padding: 0.3rem;
  }
  .tb-select th {
    width: 2.6rem;
    font-size: 0.22rem;
    border-bottom: 1px solid #f9f9f9 !important;
  }
  .tb-select td {
    font-size: 0.2rem;
    line-height: 1.5;
  }
  .tb-select.spec th, .tb-select.spec td {
    display: block;
    width: 100%;
    border: none;
  }
  .tb-select.spec td {
    padding-left: 2.9rem;
    position: relative;
    border-bottom: 1px solid #cde7cd;
  }
  .tb-select.spec td:last-child {
    border-bottom: none;
  }
  .tb-select.spec td:before {
    position: absolute;
    content: attr(data-label);
    width: 2.6rem;
    height: calc(100% + 1px);
    left: 0;
    top: 0;
    background: #e3ecf0;
    font-size: 0.22rem;
    font-weight: 700;
    border-bottom: 1px solid #f9f9f9;
    padding: 0.3rem;
    padding-right: 0.1rem;
  }
  .tb-select.spec td ul li {
    padding-left: 0.17rem;
  }
  .tb-select.spec td ul li:before {
    width: 0.06rem;
    height: 0.06rem;
    top: 0.14rem;
  }
  .tb-select thead {
    display: none;
  }

  .section-feature-med {
    padding-top: 1.3rem;
    padding-bottom: 0;
  }
  .section-feature-med .up-block .t-up {
    font-size: 0.4rem;
    line-height: 1.25;
    margin-bottom: 0.22rem;
  }
  .section-feature-med .up-block img {
    margin-top: 0.24rem;
  }
  .section-feature-med .list-feature {
    margin-top: 0.6rem;
  }
  .section-feature-med .list-feature li {
    padding: 0.3rem 0;
    flex-wrap: wrap;
  }
  .section-feature-med .list-feature .ct-feature {
    flex: auto;
    width: 100%;
  }
  .section-feature-med .list-feature .ct-feature p {
    margin-top: 0.18rem;
    padding: 0 0.3rem;
  }
  .section-feature-med .list-feature .img {
    width: 100%;
    margin: 0.16rem 0 0.15rem;
  }
  .section-feature-med .btn-inquiry {
    margin-top: 0.6rem;
  }
  .section-feature-med .btn-inquiry a {
    border-radius: 0.08rem;
    padding: 0.34rem 0;
  }
  .section-feature-med .btn-inquiry a p {
    line-height: 1.1111;
    font-size: 0.36rem;
    margin-bottom: 0.12rem;
  }
  .section-feature-med .btn-inquiry a strong {
    font-size: 0.7rem;
    padding-left: 0.8rem;
    padding-right: 0.4rem;
  }
  .section-feature-med .btn-inquiry a strong:before {
    width: 0.48rem;
    height: 0.62rem;
  }

  .section-product-med {
    padding-top: 1.4rem;
  }
  .section-product-med .text-product {
    font-size: 0.4rem;
    line-height: 1.25;
  }

  .list-product-med {
    margin: 0.5rem 0 0;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .list-product-med > li {
    width: 3.34rem;
    margin: 0 0 0.8rem;
    position: relative;
    padding-bottom: 1rem;
  }
  .list-product-med > li .info {
    margin-top: 0.24rem;
  }
  .list-product-med > li .info .ttl-b {
    font-size: 0.3rem;
    margin-bottom: 0.1rem;
  }
  .list-product-med > li .tags {
    margin-top: 0.2rem;
  }
  .list-product-med > li .tags li {
    font-size: 0.2rem;
    border-radius: 0.03rem;
    padding: 0.1rem 0;
    width: 100%;
    margin-bottom: 0.12rem;
  }
  .list-product-med > li .tags li.w100 {
    font-size: 0.16rem;
  }
  .list-product-med > li .btn-detail a {
    border-radius: 0.03rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.24rem;
    background: #333 url("../img/common/ico_arrow_white.png") no-repeat right 0.3rem center/0.1rem;
  }

  .btn-medical {
    width: 100%;
    margin: 0 auto;
  }
  .btn-medical a {
    margin-bottom: 0.3rem;
    font-size: 0.3rem;
    line-height: 1.3;
    padding: 0.3rem 1.15rem 0.3rem 1.1rem;
    background-size: 0.46rem, 0.34rem;
    background-position: left 0.4rem top 0.34rem, right 0.45rem bottom 0.42rem;
    border-radius: 0.05rem;
  }
  .btn-medical a.btn-local {
    padding: 0.3rem 1.15rem 0.3rem 1.1rem;
    background-size: 0.38rem, 0.34rem;
    background-position: left 0.4rem top 0.34rem, right 0.45rem bottom 0.42rem;
    border-radius: 0.05rem;
  }

  .section-method-med {
    padding-top: 1.4rem;
    margin-bottom: 1.5rem;
  }
  .section-method-med .frame-bg {
    font-size: 0.36rem;
    line-height: 1.27778;
    border-radius: 0.05rem;
    padding: 0.35rem 0.5rem;
    margin-top: 0.2rem;
  }
  .section-method-med .text-method {
    margin-top: 0.5rem;
    font-size: 0.4rem;
    line-height: 1.25;
    margin-bottom: 0.3rem;
  }
  .section-method-med .step-method {
    margin-top: 0.35rem;
  }
  .section-method-med .step-method .list-method {
    margin-top: 0.9rem;
  }
  .section-method-med .step-method .list-method li {
    margin-bottom: 0.6rem;
    flex-wrap: wrap;
  }
  .section-method-med .step-method .list-method li .img {
    width: 100%;
  }
  .section-method-med .step-method .list-method li p {
    flex: auto;
    width: 100%;
    padding-left: 0;
    margin-top: 0.24rem;
  }
  .section-method-med .list-recm-maintenance {
    margin-top: 0.8rem;
  }
  .section-method-med .list-recm-maintenance .list-product-med {
    margin-top: 0.6rem;
  }
  .section-method-med .list-recm-maintenance .list-product-med li {
    padding-bottom: 1.1rem;
  }
  .section-method-med .list-recm-maintenance .btn-medical {
    margin-top: 0;
  }
}

/* PAGE MEDICAL CAP */
.section-bnr-page-medical.medical-cap {
  background: url(../img/medical/cap/bnr_page.jpg) no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.medical-cap .inner-bnr .position {
  color: #fff;
  width: 430px;
}
.section-bnr-page-medical.medical-cap .inner-bnr .position .ttl-bnr {
  margin-bottom: 15px;
}

.section-product-med.section-product-cap .list-product-med li {
  padding-bottom: 90px;
}

.section-making-cap {
  padding-top: 30px;
}
.section-making-cap .need-what {
  position: relative;
  border-radius: 5px;
  overflow: hidden;
  background: #607d8b;
  padding: 3px;
  width: 670px;
  padding-left: 220px;
  margin-top: 30px;
}
.section-making-cap .need-what span {
  position: absolute;
  width: 220px;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.025em;
  color: #fff;
  text-align: center;
}
.section-making-cap .need-what p {
  background: #fff;
  padding: 23px 30px;
  font-size: 20px;
  letter-spacing: 0.025em;
}
.section-making-cap .step-method .list-method {
  margin-top: 50px;
}
.section-making-cap .step-method .list-method li .img {
  width: 250px;
}

@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-cap {
    height: 8rem;
    background: url(../img/medical/cap/sp/bnr_page.jpg) no-repeat right top/cover;
  }
  .section-bnr-page-medical.medical-cap .inner-bnr .position {
    width: 3.55rem;
    text-shadow: none;
  }
  .section-bnr-page-medical.medical-cap .inner-bnr .position .ttl-bnr {
    margin-bottom: 0.3rem;
  }

  .section-product-med.section-product-cap {
    padding-top: 0.9rem;
  }
  .section-product-med.section-product-cap .list-product-med li {
    padding-bottom: 1.2rem;
  }

  .section-making-cap {
    padding-top: 0.7rem;
  }
  .section-making-cap .need-what {
    border-radius: 0.05rem;
    padding: 0.03rem;
    width: 100%;
    padding-left: 2.5rem;
    margin-top: 0.7rem;
  }
  .section-making-cap .need-what span {
    width: 2.5rem;
    font-size: 0.24rem;
  }
  .section-making-cap .need-what p {
    padding: 0.3rem 0.3rem;
    font-size: 0.24rem;
  }
  .section-making-cap .step-method .list-method {
    margin-top: 0.5rem;
  }
  .section-making-cap .step-method .list-method li .img {
    width: 2.5rem;
  }
  .section-making-cap .step-method .list-method li p {
    width: auto;
    flex: 1;
    padding-left: 0.3rem;
    margin-top: 0;
  }
}


/* PAGE MAINTENANCE */
.section-bnr-page-medical.medical-wigcare {
  background: url(../img/medical/maintenance/bnr_page.jpg) no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.medical-wigcare .inner-bnr .position {
  color: #000;
  width: 430px;
}
.section-bnr-page-medical.medical-wigcare .inner-bnr .position .ttl-bnr {
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-wigcare {
    height: 8rem;
    background: url(../img/medical/maintenance/sp/bnr_page.jpg) no-repeat right top/cover;
  }
  .section-bnr-page-medical.medical-wigcare .inner-bnr .position {
    width: 3.55rem;
    text-shadow: none;
  }
  .section-bnr-page-medical.medical-wigcare .inner-bnr .position .ttl-bnr {
    margin-bottom: 0.3rem;
  }
}


/* PAGE TOTAL SUPPORT */
.section-bnr-page-medical.medical-support {
  background: url(../img/medical/support/bnr_page.jpg) no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.medical-support .inner-bnr .position {
  color: #000;
  width: 430px;
}
.section-bnr-page-medical.medical-support .inner-bnr .position .ttl-bnr {
  margin-bottom: 15px;
}

@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-support {
    height: 8rem;
    background: url(../img/medical/support/sp/bnr_page.jpg) no-repeat right top/cover;
  }
  .section-bnr-page-medical.medical-support .inner-bnr .position {
    width: 3.55rem;
    text-shadow: none;
  }
  .section-bnr-page-medical.medical-support .inner-bnr .position .ttl-bnr {
    margin-bottom: 0.3rem;
  }
}


/* PAGE USER FEEDBACK */
.section-bnr-page-medical.medical-voice {
  background: url(../img/medical/voice/bnr_page.jpg) no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.medical-voice .inner-bnr .position {
  color: #000;
  width: 430px;
}
.section-bnr-page-medical.medical-voice .inner-bnr .position .ttl-bnr {
  margin-bottom: 15px;
}

.section-hair-mechanism .wig-voice {
  background: #eee;
  padding: 80px;
}
.section-hair-mechanism .wig-voice .voice-box {
  display: flex;
  justify-content: space-between;
  background: #fff;
  padding: 40px;
  width: 980px;
  margin-bottom: 30px;
}
.section-hair-mechanism .wig-voice .voice-box .box {
  width: 30%;
}
.section-hair-mechanism .wig-voice .voice-box .box img {
  padding-right: 30px;
}
.section-hair-mechanism .wig-voice .voice-box .box-r {
}
.section-hair-mechanism .wig-voice .voice-box .box-r img {
  padding-left: 30px;
}
.section-hair-mechanism .wig-voice .voice-box .boxttl {
  width: 70%;
}
.section-hair-mechanism .wig-voice .voice-box .boxttl p {
  font-size: 16px;
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.section-hair-mechanism .wig-voice .voice-box .boxttl p.ttl {
  font-weight: bold;
}

.section-hair-mechanism p.txt {
  line-height: 1.875;
  letter-spacing: 0.05em;
}
.section-hair-mechanism .anchor-qa {
  margin: 60px 0 40px;
}
.section-hair-mechanism .anchor-qa .ttl {
  font-weight: bold;
  font-size: 24px;
  color: #3489b0;
  text-decoration: underline;
  letter-spacing: 0.02em;
  margin-bottom: 20px;
}
.section-hair-mechanism .anchor-qa .ttl a {
  color: #3489b0;
}
.section-hair-mechanism .anchor-qa .ttl span {
  font-size: 40px;
  text-decoration: none;
}
.section-hair-mechanism .anchor-qa .txt {
  font-size: 18px;
  margin-bottom: 40px;
  line-height: 1.875;
  letter-spacing: 0.03em;
}
.section-hair-mechanism p.ttlqa {
  letter-spacing: 0.01em;
  font-size: 28px;
  font-weight: bold;
  line-height: 1.2;
  padding-left: 100px;
  position: relative;
}
.section-hair-mechanism p.qa01::before {
  position: absolute;
  content: 'Q1.';
  font-weight: bold;
  font-size: 40px;
  color: #ffc103;
  left: 0;
  top: -5px;
}
.section-hair-mechanism p.qa02::before {
  position: absolute;
  content: 'Q2.';
  font-weight: bold;
  font-size: 40px;
  color: #ffc103;
  left: 0;
  top: -5px;
}
.section-hair-mechanism p.txt-s {
  font-size: 14px;
  line-height: 1.875;
  letter-spacing: 0.03em;
}
.section-hair-mechanism .qa-voice {
  margin: 30px 0 ;
}
.section-hair-mechanism .qa-voice .box {
  border: solid 1px #5aa3c4;
  border-radius: 5px;
  padding: 30px 40px;
  margin: 30px 0 ;
}
.section-hair-mechanism .qa-voice .box .txtb {
  font-weight: bold;
  margin-top: 20px;
}
.section-hair-mechanism .qa-voice .txt-r {
  text-align: right;
  margin-top: -20px;
}




@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-voice {
    height: 8rem;
    background: url(../img/medical/voice/sp/bnr_page.jpg) no-repeat right top/cover;
  }
  .section-bnr-page-medical.medical-voice .inner-bnr .position {
    width: 3.55rem;
    text-shadow: none;
  }
  .section-bnr-page-medical.medical-voice .inner-bnr .position .ttl-bnr {
    margin-bottom: 0.3rem;
  }
  .section-hair-mechanism .anchor-qa .ttl {
    font-size: 24px;
  }
  .section-hair-mechanism .anchor-qa .ttl a {
    color: #3489b0;
  }
  .section-hair-mechanism .anchor-qa .ttl span {
    font-size: 30px;
  }
  .section-hair-mechanism p.ttlqa {
    font-size: 24px;
    padding: 50px 0 0;
  }
  .section-hair-mechanism p.qa01::before,
  .section-hair-mechanism p.qa02::before {
    display: block;
    font-size: 40px;
    left: 0;
    top: 0;
  }
  .section-hair-mechanism .qa-voice .box {
    padding: 30px 30px;
  }
  .section-hair-mechanism .wig-voice {
    padding: 30px;
  }
  .section-hair-mechanism .wig-voice .voice-box {
    flex-wrap: wrap;
    padding: 30px;
    width: 100%;
    margin-bottom: 30px;
  }
  .section-hair-mechanism .wig-voice .voice-box .box {
    width: 30%;
  }
  .section-hair-mechanism .wig-voice .voice-box .box img {
    padding-right: 0;
    margin-bottom: 20px;
  }
  .section-hair-mechanism .wig-voice .voice-box .box-r {
  }
  .section-hair-mechanism .wig-voice .voice-box .box-r img {
    padding-left: 0;
    margin-top: 30px;
    width: 110px;
  }
  .section-hair-mechanism .wig-voice .voice-box .boxttl {
    width: 100%;
  }
  .section-hair-mechanism .wig-voice .voice-box .boxttl p {
    font-size: 14px;
  }
  .section-hair-mechanism .wig-voice .voice-box .boxttl p.ttl {
    margin-bottom: 15px;
  }

}


/* PAGE MEDICAL FUNCTION */
.section-wig-function {
  margin: 60px 0 180px;
}
.section-wig-function .compare-group {
  position: relative;
}
.section-wig-function .compare-group:after {
  content: "";
  clear: both;
  display: table;
}
.section-wig-function .compare-group table.tbl-compare {
  float: left;
  position: relative;
  z-index: 2;
  width: 675px;
}
.section-wig-function .compare-group table.tbl-compare th {
  width: 185px;
  background: #7996a4;
  color: #fff;
  padding: 0 12px;
  text-align: center;
  font-size: 16px;
  font-weight: 700;
  letter-spacing: 0.05em;
  line-height: 1.25;
  position: relative;
}
.section-wig-function .compare-group table.tbl-compare th:before {
  position: absolute;
  content: "";
  width: 100%;
  height: 1px;
  background: #fff;
  bottom: 0;
  left: -5px;
}
.section-wig-function .compare-group table.tbl-compare th a {
  display: block;
  margin-top: 5px;
}
.section-wig-function .compare-group table.tbl-compare th span {
  display: block;
  min-height: 45px;
}
.section-wig-function .compare-group table.tbl-compare td {
  width: 162px;
  padding: 23px 4px 25px;
  background: #fff;
  border: 1px solid #7996a4;
  text-align: center;
  height: 137px;
}
.section-wig-function .compare-group table.tbl-compare td span.big {
  display: block;
  text-align: center;
  font-weight: 700;
  font-size: 20px;
  letter-spacing: 0.05em;
  line-height: 1;
  margin-top: 15px;
}
.section-wig-function .compare-group table.tbl-compare td .ico-health {
  height: 89px;
}
.section-wig-function .compare-group table.tbl-compare tr:first-child td {
  border-top: none;
  padding-top: 0;
  padding-bottom: 20px;
}
.section-wig-function .compare-group table.tbl-compare .blank td {
  height: 138px;
}
.section-wig-function .compare-group table.tbl-compare.tbl-compare02 {
  z-index: 1;
  position: absolute;
  float: left;
  right: 0;
  top: 0;
  width: 675px;
}
.section-wig-function .compare-group table.tbl-compare.tbl-compare02 td:last-child {
  border-right: none;
}
.section-wig-function .wrapper p.ttl-pinkribbon {
  color: #fff;
  font-size: 26px;
  text-align: center;
  background: #333;
  padding: 30px 80px;
  border-radius: 4px;
  margin-bottom: 40px;
  line-height: 32px;
  letter-spacing: 0.06em;
}

@media screen and (max-width: 768px) {
	.section-wig-function .wrapper p.ttl-pinkribbon {
	  font-size: 20px;
	  padding: 30px 20px;
	}
}

.modal-box.modal-compare {
  width: 880px;
  max-width: 100%;
  padding: 55px 50px 85px;
}
.modal-box.modal-compare .ttl-modal {
  font-weight: 700;
  font-size: 24px;
  line-height: 1.5;
  letter-spacing: 0.05em;
  border-bottom: 5px solid #7996a4;
  margin: 0 0 15px;
  padding-bottom: 15px;
}
.modal-box.modal-compare p.text-cmn {
  margin-bottom: 30px;
}
.modal-box.modal-compare .inner-modal {
  padding: 0 35px;
}
.modal-box.modal-compare .btn-close-modal {
  bottom: auto;
  top: 30px;
}

@media only screen and (min-width: 768px) {
  .section-wig-function .compare-group table.tbl-compare {
    table-layout: fixed;
  }
}
@media only screen and (max-width: 768px) {
  .section-wig-function {
    margin: 0.6rem 0 1.4rem;
  }
  .section-wig-function .compare-group table.tbl-compare {
    float: none;
    width: 100%;
    margin-bottom: 0.6rem;
  }
  .section-wig-function .compare-group table.tbl-compare th {
    width: 1.8rem;
    padding: 0.2rem 0.15rem;
    font-size: 0.24rem;
  }
  .section-wig-function .compare-group table.tbl-compare th:before {
    left: -0.05rem;
  }
  .section-wig-function .compare-group table.tbl-compare th a {
    margin-top: 5px;
  }
  .section-wig-function .compare-group table.tbl-compare th span {
    min-height: 0.5rem;
  }
  .section-wig-function .compare-group table.tbl-compare td {
    width: 1rem;
    padding: 0.3rem 0.04rem 0.3rem;
    height: auto;
  }
  .section-wig-function .compare-group table.tbl-compare td:last-child {
    border-right: none;
  }
  .section-wig-function .compare-group table.tbl-compare td span.big {
    font-size: 0.3rem;
    margin-top: 0.3rem;
  }
  .section-wig-function .compare-group table.tbl-compare td .ico-health {
    height: 1rem;
  }
  .section-wig-function .compare-group table.tbl-compare tr:first-child td {
    padding-bottom: 0.3rem;
  }
  .section-wig-function .compare-group table.tbl-compare .blank td {
    height: auto;
  }
  .section-wig-function .compare-group table.tbl-compare.tbl-compare02 {
    z-index: 1;
    position: relative;
    float: none;
    width: 100%;
  }

  .modal-box.modal-compare {
    padding: 0.3rem 0.3rem 0.6rem;
    overflow: visible;
  }
  .modal-box.modal-compare .ttl-modal {
    font-size: 0.36rem;
    border-bottom: 0.05rem solid #7996a4;
    margin-bottom: 0.25rem;
    padding-bottom: 0.2rem;
  }
  .modal-box.modal-compare p.text-cmn {
    margin-bottom: 0.3rem;
  }
  .modal-box.modal-compare .inner-modal {
    padding: 0 0.3rem;
  }
  .modal-box.modal-compare .btn-close-modal {
    top: -0.34rem;
    right: 0.2rem;
  }
}


/* PAGE MEDICAL HAIR */
.section-bnr-page-medical.medical-hair {
  background: url("../img/medical/hair/bnr_page.jpg") no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.medical-hair .position {
  width: 570px;
  color: #000;
}
.section-bnr-page-medical.medical-hair .position .ttl-bnr {
  margin-bottom: 25px;
}

.section-hair-mechanism {
  padding-top: 70px;
}
.section-hair-mechanism .content-mechanism {
  margin-top: 30px;
}
.section-hair-mechanism .content-mechanism .info-mechanism {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-right: 45px;
}
.section-hair-mechanism .content-mechanism .info-mechanism .anchor-inner {
  margin-top: 30px;
}
.section-hair-mechanism .content-mechanism .info-mechanism .anchor-inner li {
  margin-bottom: 5px;
}
.section-hair-mechanism .content-mechanism .info-mechanism .anchor-inner li a {
  font-size: 18px;
}
.section-hair-mechanism .content-mechanism .img-mechanism {
  width: 400px;
}
.section-hair-mechanism .list-faq {
  margin-top: 10px;
}
.section-hair-mechanism .list-faq .block-faq {
  color: #333;
  padding: 50px 0;
  border-bottom: 1px dotted #607d8b;
}
.section-hair-mechanism .list-faq .bl-text {
  align-items: flex-start;
}
.section-hair-mechanism .list-faq .bl-text.question-bl {
  border-bottom: 4px solid #607d8b;
  padding-bottom: 10px;
}
.section-hair-mechanism .list-faq .bl-text.answer-bl {
  margin-top: 30px;
}
.section-hair-mechanism .list-faq .bl-text .ico {
  width: 70px;
}
.section-hair-mechanism .list-faq .bl-text .text {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  font-size: 30px;
  letter-spacing: 0.05em;
  line-height: 1;
  font-weight: 700;
  margin-top: 12px;
}
.section-hair-mechanism .list-faq .bl-text .area-answer {
  width: 100%;
  margin-top: 7px;
}
.section-hair-mechanism .list-faq .bl-text .area-answer .left-ans {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.section-hair-mechanism .list-faq .bl-text .area-answer .left-ans p span {
  font-weight: 700;
  color: #ffc103;
}
.section-hair-mechanism .list-faq .bl-text .area-answer .ttl-answer {
  font-weight: 700;
  font-size: 18px;
  letter-spacing: 0.05em;
  line-height: 1.66667;
  margin-bottom: 20px;
}
.section-hair-mechanism .list-faq .bl-text .area-answer .right-ans {
  width: 320px;
  text-align: right;
  margin-top: -49px;
}
.section-hair-mechanism .list-faq .img-big {
  margin-top: 25px;
}

.section-hair-anticancer {
  padding-top: 70px;
  margin: 60px 0 180px;
  color: #333;
}
.section-hair-anticancer .text-top span {
  font-weight: 700;
  color: #ffc103;
}
.section-hair-anticancer .img-flow {
  padding: 0 90px;
  margin-top: 40px;
}
.section-hair-anticancer .img-flow .box-frame {
  padding: 25px 20px 35px 40px;
  background: #f8f8f1;
  margin-top: 75px;
}

@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-hair {
    height: 8rem;
    background: url("../img/medical/hair/sp/bnr_page.jpg") no-repeat right top/cover;
  }
  .section-bnr-page-medical.medical-hair .position {
    width: 4.7rem;
    /*text-shadow: none;*/
  }
  .section-bnr-page-medical.medical-hair .position .ttl-bnr {
    margin-bottom: 0.3rem;
  }

  .section-hair-mechanism {
    padding-top: 2.4rem;
  }
  .section-hair-mechanism .content-mechanism {
    margin-top: 0.3rem;
    flex-wrap: wrap;
  }
  .section-hair-mechanism .content-mechanism .info-mechanism {
    flex: auto;
    padding-right: 0;
    width: 100%;
  }
  .section-hair-mechanism .content-mechanism .info-mechanism .anchor-inner {
    margin-top: 0.3rem;
  }
  .section-hair-mechanism .content-mechanism .info-mechanism .anchor-inner li {
    margin-bottom: 0.05rem;
  }
  .section-hair-mechanism .content-mechanism .info-mechanism .anchor-inner li a {
    font-size: 0.24rem;
  }
  .section-hair-mechanism .content-mechanism .img-mechanism {
    width: 100%;
    margin-top: 0.4rem;
  }
  .section-hair-mechanism .list-faq {
    margin-top: 0.4rem;
  }
  .section-hair-mechanism .list-faq .block-faq {
    padding: 0.4rem 0 0.5rem;
  }
  .section-hair-mechanism .list-faq .bl-text {
    align-items: flex-start;
  }
  .section-hair-mechanism .list-faq .bl-text.question-bl {
    border-bottom-width: 0.04rem;
    padding-bottom: 0.15rem;
  }
  .section-hair-mechanism .list-faq .bl-text.answer-bl {
    margin-top: 0.4rem;
  }
  .section-hair-mechanism .list-faq .bl-text.answer-bl .ico img {
    height: 0.36rem;
  }
  .section-hair-mechanism .list-faq .bl-text .ico {
    width: 0.7rem;
  }
  .section-hair-mechanism .list-faq .bl-text .ico img {
    height: 0.45rem;
  }
  .section-hair-mechanism .list-faq .bl-text .text {
    font-size: 0.36rem;
    line-height: 1.1111;
    margin-top: 0;
  }
  .section-hair-mechanism .list-faq .bl-text .area-answer {
    width: 100%;
  }
  .section-hair-mechanism .list-faq .bl-text .area-answer .ttl-answer {
    font-size: 0.25rem;
    line-height: 1.5;
    margin-bottom: 0.2rem;
  }
  .section-hair-mechanism .list-faq .bl-text .area-answer .right-ans {
    width: 2.1rem;
    margin-top: 0;
  }
  .section-hair-mechanism .list-faq .bl-text .area-answer .right-ans img {
    height: auto;
  }
  .section-hair-mechanism .list-faq .img-big {
    margin-top: 0.5rem;
  }

  .section-hair-anticancer {
    padding-top: 0.7rem;
    margin: 0.7rem 0 1.8rem;
  }
  .section-hair-anticancer .img-flow {
    padding: 0;
    margin-top: 0.7rem;
  }
  .section-hair-anticancer .img-flow .box-frame {
    padding: 0.3rem 0.4rem 0.4rem;
    margin-top: 1rem;
  }
}
/* PAGE MEDICAL DETAIL */
.section-bnr-page-medical.product-list {
  background: url(../img/medical/med_wigs/bnr_page_detail.jpg) no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.product-list .position {
  color: #fff;
}
.section-bnr-page-medical.product-list .position .ttl-bnr {
  margin-bottom: 25px;
}

.main-product {
  margin-top: 60px;
  padding-bottom: 150px;
}
.main-product .list-product {
  margin: 0 -15px;
}
.main-product .list-product li {
  margin: 0 15px;
  position: relative;
  width: 168px;
}
.main-product .list-product li a {
  display: block;
  position: relative;
}
.main-product .list-product li.active a:after {
  position: absolute;
  content: "";
  width: 100%;
  height: 100%;
  border: 6px solid #c6d6de;
  left: 0;
  top: 0;
}

.section-product-detail {
  margin-top: 60px;
}
.section-product-detail .ttl-med {
  color: #333;
}
.section-product-detail .ttl-med span.sml {
  font-size: 12px;
}
.section-product-detail .ttl-med span small {
  padding-top: 5px;
}
.section-product-detail .ttl-med span small em {
  position: relative;
  top: -7px;
}
.section-product-detail .inner-detail .slide-detail {
  width: 500px;
  position: relative;
}
.section-product-detail .inner-detail .slide-detail .color-name {
  position: absolute;
  font-size: 20px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
  top: 15px;
  left: 20px;
  z-index: 2;
}
.section-product-detail .inner-detail .slide-detail .slick-list {
  border: 1px solid #a7cba7;
}
.section-product-detail .inner-detail .slide-detail .slide-img img {
  width: 100%;
  display: inline-block !important;
}
.section-product-detail .inner-detail .slide-nav {
  margin-top: 30px;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-product-detail .inner-detail .slide-nav::after {
  content:"";
  display: block;
  width:30%;
}
.section-product-detail .inner-detail .slide-nav li {
  width: 30%;
  margin-bottom: 30px;
}
.section-product-detail .inner-detail .info-product {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 40px;
}
.section-product-detail .inner-detail .info-product .name-product {
  font-size: 36px;
  line-height: 1;
  font-weight: 700;
  letter-spacing: 0.05em;
  margin-bottom: 15px;
}
.section-product-detail .inner-detail .info-product .desc-product strong {
  font-weight: 700;
}
.section-product-detail .inner-detail .info-product .tags {
  margin-top: 35px;
}
.section-product-detail .inner-detail .info-product .tags li {
  font-weight: 500;
  color: #41a789;
  text-align: center;
  border: 1px solid #41a789;
  border-radius: 3px;
  padding: 10px 2px;
  line-height: 1;
  margin-bottom: 12px;
}
.section-product-detail .inner-detail .info-product .cap-list {
  margin-bottom: 50px;
}
.section-product-detail .inner-detail .info-product .cap-list li {
  list-style-type: disc;
  letter-spacing: 0.05em;
  line-height: 1.8em;
  margin-left: 20px;
}
.section-product-detail .inner-detail .info-product .btn-medical {
  width: 100%;
}
.section-product-detail .inner-detail .info-product .btn-medical a {
  margin-bottom: 10px;
  text-align: center;
  font-size: 20px;
  padding: 20px 20px;
  background-size: 30px, 23px;
  background-position: left 97px center, right 30px center;
}
.section-product-detail .inner-detail .info-product .btn-inquiry a {
  display: block;
  border: 1px solid #0097a7;
  border-radius: 8px;
  text-align: center;
  color: #0097a7;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding: 15px 0 13px;
}
.section-product-detail .inner-detail .info-product .btn-inquiry a p {
  line-height: 1;
  font-size: 20px;
  margin-bottom: 9px;
}
.section-product-detail .inner-detail .info-product .btn-inquiry a strong {
  display: inline-block;
  line-height: 1;
  font-size: 40px;
  padding-left: 38px;
  position: relative;
}
.section-product-detail .inner-detail .info-product .btn-inquiry a strong:before {
  position: absolute;
  content: "";
  background: url(../img/common/ico_tel_blue.png) no-repeat;
  width: 29px;
  height: 39px;
  background-size: 100%;
  left: 0;
  bottom: 0;
}
.section-product-detail .inner-detail .info-product .btn-backtolist a {
  display: block;
  border: 1px solid #0097a7;
  border-radius: 8px;
  text-align: center;
  color: #0097a7;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding: 15px 0 13px;
}
.section-product-detail .inner-detail .info-product .btn-backtolist a p {
  line-height: 1;
  font-size: 20px;
  margin-bottom: 9px;
}
.section-product-detail .inner-detail .info-product .btn-backtolist a strong {
  display: inline-block;
  line-height: 1;
  font-size: 40px;
  padding-left: 38px;
  position: relative;
}
.section-product-detail .inner-detail .info-product .btn-backtolist a strong:before {
  position: absolute;
  content: "";
  background: url(../img/common/ico_tel_blue.png) no-repeat;
  width: 29px;
  height: 39px;
  background-size: 100%;
  left: 0;
  bottom: 0;
}

@media only screen and (min-width: 769px) {
  .section-product-detail .inner-detail .info-product .btn-inquiry a {
    pointer-events: none;
  }
  .section-product-detail .inner-detail .info-product .btn-backtolist {

  }
}
@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.product-list {
    height: 8rem;
    background: url(../img/medical/med_wigs/sp/bnr_page_detail.jpg) no-repeat right top/cover;
  }
  .section-bnr-page-medical.product-list .position {
    width: 4.5rem;
    text-shadow: none;
  }
  .section-bnr-page-medical.product-list .position .ttl-bnr {
    margin-bottom: 0.25rem;
  }

  .main-product {
    margin-top: 1rem;
    padding-bottom: 1.2rem;
  }
  .main-product .list-product {
    margin: 0 -0.1rem;
  }
  .main-product .list-product li {
    margin: 0 0.1rem;
  }
  .main-product .list-product li.active a:after {
    border: 0.06rem solid #c6d6de;
  }

  .section-product-detail {
    margin-top: 0.5rem;
  }
  .section-product-detail .ttl-med span small {
    padding-top: 0;
  }
  .section-product-detail .ttl-med span small em {
    top: -0.2rem;
  }
  .section-product-detail .inner-detail {
    flex-wrap: wrap;
  }
  .section-product-detail .inner-detail .slide-detail {
    width: 100%;
  }
  .section-product-detail .inner-detail .slide-detail .slick-slider {
    padding: 0 0.6rem;
  }
  .section-product-detail .inner-detail .slide-nav {
    margin-top: 0.3rem;
  }
  .section-product-detail .inner-detail .slide-nav li {
    width: 2.2rem;
    margin-bottom: 0.3rem;
  }
  .section-product-detail .inner-detail .info-product {
    flex: auto;
    width: 100%;
    padding-left: 0;
    margin-top: 0.4rem;
  }
  .section-product-detail .inner-detail .info-product .name-product {
    font-size: 0.3rem;
    margin-bottom: 0.3rem;
  }
  .section-product-detail .inner-detail .info-product .tags {
    margin-top: 0.3rem;
  }
  .section-product-detail .inner-detail .info-product .tags li {
    border-radius: 0.03rem;
    padding: 0.15rem 0.04rem;
    margin-bottom: 0.15rem;
  }
  .section-product-detail .inner-detail .info-product .btn-medical {
    margin-top: 0.6rem;
  }
  .section-product-detail .inner-detail .info-product .btn-medical a {
    margin-bottom: 0.15rem;
    font-size: 0.36rem;
    padding: 0.3rem 0.3rem;
    background-size: 0.3rem, 0.23rem;
    background-position: left 0.9rem center, right 0.3rem center;
  }
  .section-product-detail .inner-detail .info-product .btn-inquiry a {
    border-radius: 0.09rem;
    padding: 0.2rem 0;
  }
  .section-product-detail .inner-detail .info-product .btn-inquiry a p {
    font-size: 0.36rem;
    margin-bottom: 0.1rem;
  }
  .section-product-detail .inner-detail .info-product .btn-inquiry a strong {
    font-size: 0.7rem;
    padding-left: 0.5rem;
  }
  .section-product-detail .inner-detail .info-product .btn-inquiry a strong:before {
    width: 0.46rem;
    height: 0.6rem;
  }
}

/* PAGE MEDICAL FLOW */
.section-bnr-page-medical.medical-flow {
  background: url("../img/medical/flow/bnr_page.jpg") no-repeat right top/cover;
  height: 400px;
}
.section-bnr-page-medical.medical-flow .position {
  width: 490px;
}
.section-bnr-page-medical.medical-flow .position .ttl-bnr {
  margin-bottom: 15px;
}

.section-flow-consultation {
  margin-top: 105px;
  padding-bottom: 180px;
}
.section-flow-consultation .inner-consultation {
  padding: 0 90px;
  margin-top: 55px;
}
.section-flow-consultation .t-head-consultation {
  justify-content: space-between;
  padding-bottom: 80px;
  background: url("../img/medical/flow/ico_arrow01.png") no-repeat bottom left 157px;
}
.section-flow-consultation .t-head-consultation .t-head-text {
  width: 475px;
  line-height: 1.5;
  color: #fff;
  height: 120px;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flex;
  display: -o-flex;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #fbc968;
  padding: 0 25px;
  border-radius: 5px;
  font-weight: 700;
}
.section-flow-consultation .t-head-consultation .t-head-text.color-dark {
  background: #4a5f69;
}
.section-flow-consultation .row-consultation {
  justify-content: space-between;
}
.section-flow-consultation .row-consultation:last-child .box-consultation {
  margin-bottom: 0;
}
.section-flow-consultation .row-consultation:last-child .box-consultation:before {
  display: none;
}
.section-flow-consultation .row-consultation .box-consultation {
  border-radius: 5px;
  border: 8px solid #a4afb4;
  padding: 20px;
  margin-bottom: 60px;
  position: relative;
}
.section-flow-consultation .row-consultation .box-consultation:before {
  position: absolute;
  content: "";
  background: url("../img/medical/flow/ico_arrow03.png") no-repeat;
  height: 60px;
  width: 40px;
  top: calc(100% + 8px);
  left: 50%;
  transform: translateX(-50%);
}
.section-flow-consultation .row-consultation .box-consultation.w01 {
  width: 330px;
}
.section-flow-consultation .row-consultation .box-consultation.w02 {
  width: 620px;
}
.section-flow-consultation .row-consultation .box-consultation .ttl-box-flow {
  font-size: 20px;
  line-height: 1.5;
  letter-spacing: 0.025em;
  font-weight: 700;
  color: #4a5f69;
  margin-bottom: 20px;
}
.section-flow-consultation .row-consultation .box-consultation p a {
  font-weight: 700;
  color: #ffc103;
  border-bottom: 1px solid;
}
.section-flow-consultation .row-consultation .box-consultation .btn-store {
  padding: 0 17px;
  margin-top: 60px;
}
.section-flow-consultation .row-consultation .box-consultation .btn-store a {
  display: block;
  background: #4a5f69;
  text-align: center;
  border-radius: 5px;
}
.section-flow-consultation .row-consultation .box-consultation .btn-store a span {
  display: inline-block;
  height: 60px;
  line-height: 60px;
  font-size: 20px;
  color: #fff;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding-left: 40px;
  background: url("../img/medical/flow/ico_btn.png") no-repeat left center/20px;
}
.section-flow-consultation .row-consultation .box-consultation .phone-no {
  font-weight: 700;
  color: #4a5f69;
  text-align: center;
  margin-top: 15px;
}
.section-flow-consultation .row-consultation .box-consultation .phone-no span {
  font-size: 32px;
  margin-left: 17px;
}
.section-flow-consultation .row-consultation .box-consultation .info-box {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.section-flow-consultation .row-consultation .box-consultation .img-box {
  width: 280px;
  margin-right: 40px;
  margin-bottom: 10px;
}
.section-flow-consultation .bnr-flow {
  padding: 0 90px;
  margin-top: 30px;
}
.section-flow-consultation .btn-inquiry {
  margin-top: 30px;
  padding: 0 90px;
}
.section-flow-consultation .btn-inquiry a {
  display: block;
  border: 1px solid #0097a7;
  border-radius: 9px;
  text-align: center;
  color: #0097a7;
  letter-spacing: 0.025em;
  font-weight: 700;
  padding: 30px 0;
}
.section-flow-consultation .btn-inquiry a p {
  line-height: 1;
  font-size: 30px;
  margin-bottom: 8px;
}
.section-flow-consultation .btn-inquiry a strong {
  display: inline-block;
  line-height: 1;
  font-size: 60px;
  padding-left: 55px;
  position: relative;
}
.section-flow-consultation .btn-inquiry a strong:before {
  position: absolute;
  content: "";
  background: url("../img/common/ico_tel_blue.png") no-repeat;
  width: 40px;
  height: 53px;
  background-size: 100%;
  left: 0;
  bottom: 0;
}
.section-flow-consultation .btn-inquiry a small {
  text-align: center;
  font-size: 24px;
  color: #0097a7;
  display: inline-block;
  letter-spacing: 0.025em;
  margin-left: 20px;
}
.section-flow-consultation .btn-inquiry a small em {
  display: block;
  font-size: 17px;
  height: 30px;
  line-height: 30px;
  font-style: normal;
  background: #0097a7;
  color: #fff;
  margin-bottom: 4px;
}


@media only screen and (min-width: 769px) {
  .section-flow-consultation .btn-inquiry {
    pointer-events: none;
  }
}
@media only screen and (max-width: 768px) {
  .section-bnr-page-medical.medical-flow {
    background: url("../img/medical/flow/sp/bnr_page.jpg") no-repeat right top/cover;
    height: 8rem;
  }
  .section-bnr-page-medical.medical-flow .position {
    width: 100%;
    text-shadow: 0 0 5px white;
  }
  .section-bnr-page-medical.medical-flow .position .ttl-bnr {
    margin-bottom: 0.2rem;
  }

  .section-flow-consultation {
    margin-top: 0.8rem;
    padding-bottom: 1.8rem;
  }
  .section-flow-consultation .inner-consultation {
    padding: 0;
    margin-top: 0.5rem;
  }
  .section-flow-consultation .t-head-consultation {
    display: none;
  }
  .section-flow-consultation .row-consultation {
    flex-wrap: wrap;
  }
  .section-flow-consultation .row-consultation:last-child .box-consultation {
    margin-bottom: 0;
  }
  .section-flow-consultation .row-consultation:last-child .box-consultation:before {
    display: none;
  }
  .section-flow-consultation .row-consultation .box-consultation {
    border-radius: 0.05rem;
    border: 0.08rem solid #a4afb4;
    padding: 0.25rem 0.3rem 0.4rem;
    margin-bottom: 0.8rem;
    flex-wrap: wrap;
  }
  .section-flow-consultation .row-consultation .box-consultation:before {
    background: url("../img/medical/flow/sp/ico_arrow03.png") no-repeat;
    background-size: 100%;
    height: 0.8rem;
    width: 0.8rem;
    top: calc(100% + 0.08rem);
  }
  .section-flow-consultation .row-consultation .box-consultation.w01 {
    width: 100%;
    order: 2;
  }
  .section-flow-consultation .row-consultation .box-consultation.w02 {
    width: 100%;
    order: 1;
    margin-bottom: 0.9rem;
  }
  .section-flow-consultation .row-consultation .box-consultation.w02:before {
    background: none;
    content: "or";
    font-size: 0.6rem;
    font-weight: 700;
    color: #4a5f69;
    top: auto;
    bottom: -0.76rem;
    line-height: 1;
    height: auto;
    width: auto;
  }
  .section-flow-consultation .row-consultation .box-consultation .ttl-box-flow {
    font-size: 0.36rem;
    margin-bottom: 0.2rem;
    line-height: 1.1111;
  }
  .section-flow-consultation .row-consultation .box-consultation .btn-store {
    padding: 0 0.1rem;
    margin-top: 0;
  }
  .section-flow-consultation .row-consultation .box-consultation .btn-store a {
    border-radius: 0.05rem;
  }
  .section-flow-consultation .row-consultation .box-consultation .btn-store a span {
    height: 0.9rem;
    line-height: 0.9rem;
    font-size: 0.32rem;
    padding-left: 0.5rem;
    background-size: 0.3rem;
  }
  .section-flow-consultation .row-consultation .box-consultation .phone-no {
    font-size: 0.25rem;
    margin-top: 0.2rem;
  }
  .section-flow-consultation .row-consultation .box-consultation .phone-no span {
    display: block;
    font-size: 0.6rem;
    line-height: 1;
    margin-top: 0.1rem;
    margin-left: 0;
  }
  .section-flow-consultation .row-consultation .box-consultation .info-box {
    flex: auto;
    width: 100%;
    order: 1;
  }
  .section-flow-consultation .row-consultation .box-consultation .img-box {
    width: 100%;
    margin: 0.4rem 0 0;
    order: 2;
  }
  .section-flow-consultation .bnr-flow {
    padding: 0;
    margin-top: 0.5rem;
  }
  .section-flow-consultation .btn-inquiry {
    margin-top: 0.3rem;
    padding: 0;
  }
  .section-flow-consultation .btn-inquiry a {
    border-radius: 0.08rem;
    padding: 0.34rem 0;
  }
  .section-flow-consultation .btn-inquiry a p {
    line-height: 1;
    font-size: 0.3rem;
    margin-bottom: 0.12rem;
  }
  .section-flow-consultation .btn-inquiry a strong {
    font-size: 0.6rem;
    padding-left: 0.5rem;
    padding-right: 0;
  }
  .section-flow-consultation .btn-inquiry a strong:before {
    width: 0.4rem;
    height: 0.52rem;
  }
  .section-flow-consultation .btn-inquiry a small {
    font-size: 0.24rem;
    margin-left: 0.2rem;
  }
  .section-flow-consultation .btn-inquiry a small em {
    font-size: 0.17rem;
    height: 0.3rem;
    line-height: 0.3rem;
    margin-bottom: 0.05rem;
  }
}
.about-page,
.media-page {
  color: #fff;
  background-color: #eeeeee;
}
.store-page .inner-bnr {
  background: url("../img/shop/bnr_page.jpg") no-repeat left bottom/cover;
}
.about-page .inner-bnr {
  background: url("../img/about/bnr_page.jpg") no-repeat left bottom/cover;
}

.store-page .wrapper .txt {
  padding-top: 200px;
}

.section-store-singapore {
  background: #eee;
  color: #333;
  padding: 90px 0;
}
.section-store-singapore .img-salon {
  justify-content: space-between;
  margin-top: 60px;
}
.section-store-singapore .img-salon li {
  width: 360px;
}
.section-store-singapore .store-contact {
  background: #fff;
  padding: 80px 225px 100px;
  letter-spacing: 0.025em;
  margin-top: 60px;
}
.section-store-singapore .store-contact .ttl-store {
  font-size: 40px;
  line-height: 1;
}
.section-store-singapore .store-contact.about {
  background: #fff;
  padding: 30px 60px 60px;
  letter-spacing: 0.05em;
}
.section-store-singapore .store-contact.about .aboutBox {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-top: 30px;
}
.section-store-singapore .store-contact.about .aboutBox .box1 {
  width: 100%;
}
.section-store-singapore .store-contact.about .aboutBox .box2 {
  width: 40%;
}
.section-store-singapore .store-contact.about .aboutBox .box1 .ttl {
  font-size: 36px;
  font-weight: 600;
  line-height: 1.3;
  margin-bottom: 40px;
}
.section-store-singapore .store-contact.about .aboutBox .box3 {
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 30px;
}
.section-store-singapore .store-contact.about .aboutBox .box3 .sub-ttl {
  font-size: 20px;
  font-weight: bold;
  line-height: 1.6;
  width: 20%;
  border-right: solid 4px #333;
}
.section-store-singapore .store-contact.about .aboutBox .box3 .txt {
  color: #666;
  font-size: 20px;
  line-height: 1.4;
  width: 75%;
}
.section-store-singapore .store-contact.about .aboutBox .box2 .txtBox {
  font-size: 16px;
  margin-top: 15px;
}
.section-store-singapore .store-contact.about .tableBox {
  margin-top: 40px;
  width: 100%;
}
.section-store-singapore .store-contact.about .tableBox .about-table tr {
  border-top: solid 1px #bbb;
  border-bottom: solid 1px #bbb;
}
.section-store-singapore .store-contact.about .tableBox .about-table th {
  background: #f2f2f2;
  font-weight: bold;
  width: 30%;
  border: none;
}
.section-store-singapore .store-contact.about .tableBox .about-table td {
  border: none;
  width: 70%;
}

@media only screen and (max-width: 768px) {
	.section-store-singapore .store-contact.about .aboutBox {
	  flex-wrap: wrap;
	}
	.section-store-singapore .store-contact.about .aboutBox .box1 .ttl {
	  font-size: 28px;
	}
	.section-store-singapore .store-contact.about .aboutBox .box1 {
	  width: 100%;
	}
	.section-store-singapore .store-contact.about .aboutBox .box2 {
	  width: 100%;
	}
	.section-store-singapore .store-contact.about .aboutBox .box3 .sub-ttl {
	  width: 33%;
	}
	.section-store-singapore .store-contact.about .aboutBox .box3 .txt {
	  width: 62%;
	}
	.section-store-singapore .store-contact.about .tableBox .about-table th {
	  width: 40%;
	  padding-left: 15px;
	}
	.section-store-singapore .store-contact.about .tableBox .about-table td {
	  width: 60%;
	  padding-left: 15px;
	}
}

.section-store-singapore .store-contact.policy {
  background: #fff;
  padding: 30px 60px;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.section-store-singapore .store-contact .ttl-about {
  font-size: 38px;
  font-weight: 600;
  line-height: 1.2;
  text-align: left;
  border-bottom: solid 3px #000;
  padding: 30px 0;
}
.section-store-singapore .store-contact.about p.text {
  line-height: 1.8;
  letter-spacing: 0.05em;
  margin: 30px 0;
}
.section-store-singapore .store-contact .orchad-text {
  font-size: 24px;
  font-weight: 700;
  margin-top: 35px;
}
.section-store-singapore .store-contact table {
  margin-top: 15px;
  width: 100%;
}
.section-store-singapore .store-contact table th, .section-store-singapore .store-contact table td {
  padding: 20px;
  line-height: 1.5;
  border: 3px solid #e0dede;
  border-left: none;
  border-right: none;
  font-weight: 200;
}
.section-store-singapore .store-contact table th {
  width: 150px;
  font-weight: 700;
  vertical-align: top;
}
.section-store-singapore .ttl-block-store {
  font-size: 40px;
  line-height: 1;
}
.section-store-singapore .store-location {
  margin-top: 70px;
}
.section-store-singapore .store-location .inner-map {
  height: 340px;
  margin-top: 25px;
  overflow: hidden;
}
.section-store-singapore .store-location .inner-map iframe {
  display: block;
  width: 1760px;
  height: 600px;
  border: none;
  margin-left: -300px;
  margin-top: -120px;
}
.section-store-singapore .store-service {
  margin-top: 120px;
}
.section-store-singapore .store-service .list-service {
  margin-top: 30px;
}
.section-store-singapore .store-service .list-service li {
  background: #fff;
  margin-bottom: 60px;
}
.section-store-singapore .store-service .list-service li .info-service a {
  padding: 50px 30px 45px 60px;
}
.section-store-singapore .store-service .list-service li .info-service .name-service {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.section-store-singapore .store-service .list-service li .info-service .name-service .ttl {
  font-size: 26px;
  line-height: 1;
  letter-spacing: 0.025em;
  font-weight: 700;
}
.section-store-singapore .store-service .list-service li .info-service .name-service .ttl .mark {
  display: inline-block;
  font-size: 16px;
  color: #fff;
  height: 25px;
  line-height: 25px;
  letter-spacing: 0.075em;
  padding: 0 27px;
  background: #a60126;
  margin-left: 40px;
  position: relative;
  top: -3px;
}
.section-store-singapore .store-service .list-service li .info-service .name-service p {
  margin-top: 15px;
}
.section-store-singapore .store-service .list-service li .info-service .btn-reserve {
  width: 250px;
  height: 50px;
  line-height: 44px;
  font-size: 26px;
  color: #a60126;
  border: 3px solid;
  text-align: center;
  position: relative;
  margin-left: 125px;
  margin-top: 40px;
}
.section-store-singapore .store-service .list-service li .info-service .btn-reserve:before {
  position: absolute;
  content: "→";
  font-size: 26px;
  right: 17px;
  top: 50%;
  transform: translateY(-50%);
}

.btn-media {
  width: 350px;
  height: 70px;
  line-height: 64px;
  font-size: 26px;
  color: #000;
  border: 3px solid;
  text-align: center;
  position: relative;
  padding-left: 30px;
}
.btn-media:after {
  position: absolute;
  content: "→";
  font-size: 26px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.btn-media:before {
  position: absolute;
  content: url(../img/common/icon_pdf.png);
  top: 66%;
  transform: translateY(-60%);
}

@media only screen and (max-width: 768px) {
  .btn-media {
    width: 100%;
    height: 1.6rem;
    line-height: 1.5rem;
    font-size: 0.4rem;
    margin-left: 0;
    padding-left: 20px;
  }
  .btn-media:after {
    font-size: 20px;
    top: 50%;
    transform: translateY(-50%);
  }
  .btn-media:before {
    top: 90%;
    left: 43%;
    transform: translateY(-80%);
  }
}

@media only screen and (max-width: 768px) {
  .store-page {
    padding-left: 0.3rem;
    padding-right: 3rem;
  }
  .store-page .inner-bnr {
    background: url("../img/shop/bnr_page_sp.jpg") no-repeat left bottom/cover;
  }
  .about-page .inner-bnr {
    background: url("../img/about/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }

  .store-page .wrapper .txt {
    padding-top: 1.6rem;
  }

  .section-store-singapore {
    padding: 1rem 0 1.5rem;
  }
  .section-store-singapore .cmn-ttl {
    font-size: 0.56rem;
  }
  .section-store-singapore .img-salon {
    margin-top: 0.6rem;
    flex-wrap: wrap;
  }
  .section-store-singapore .img-salon li {
    width: 100%;
    margin-bottom: 0.5rem;
  }
  .section-store-singapore .store-contact {
    padding: 0.8rem 0.25rem 1.1rem;
    margin-top: 0.5rem;
  }
  .section-store-singapore .store-contact.about {
    padding: 0.3rem;
    margin-top: 0.5rem;
  }
  .section-store-singapore .store-contact.policy {
    padding: 0.3rem 0.4rem;
    margin-top: 0.5rem;
  }
  .section-store-singapore .store-contact .ttl-store,
  .section-store-singapore .store-contact .ttl-about {
    font-size: 0.66rem;
    line-height: 1.2em;
  }
  .section-store-singapore .store-contact .orchad-text {
    font-size: 0.32rem;
    margin-top: 0.35rem;
  }
  .section-store-singapore .store-contact table {
    margin-top: 0.25rem;
  }
  .section-store-singapore .store-contact table th, .section-store-singapore .store-contact table td {
    padding: 0.4rem 0;
    border: 0.03rem solid #e0dede;
    border-left: none;
    border-right: none;
  }
  .section-store-singapore .store-contact table th {
    width: 1.05rem;
  }
  .section-store-singapore .ttl-block-store {
    font-size: 0.7rem;
  }
  .section-store-singapore .store-location {
    margin-top: 1rem;
  }
  .section-store-singapore .store-location .inner-map {
    height: 5rem;
    margin-top: 0.3rem;
  }
  .section-store-singapore .store-location .inner-map iframe {
    width: 15rem;
    height: 13rem;
    margin-left: -4rem;
    margin-top: -3.7rem;
  }
  .section-store-singapore .store-service {
    margin-top: 1.7rem;
  }
  .section-store-singapore .store-service .list-service {
    margin-top: 0.4rem;
  }
  .section-store-singapore .store-service .list-service li {
    margin-bottom: 0.5rem;
  }
  .section-store-singapore .store-service .list-service li .info-service a {
    padding: 0.35rem 0.4rem 0.7rem 0.3rem;
    flex-wrap: wrap;
  }
  .section-store-singapore .store-service .list-service li .info-service .name-service {
    flex: auto;
    width: 100%;
  }
  .section-store-singapore .store-service .list-service li .info-service .name-service .ttl {
    font-size: 0.4rem;
    line-height: 1.06;
  }
  .section-store-singapore .store-service .list-service li .info-service .name-service .ttl .mark {
    font-size: 0.2rem;
    height: 0.3rem;
    line-height: 0.3rem;
    padding: 0 0.27rem;
    margin-left: 0.3rem;
    top: -0.06rem;
  }
  .section-store-singapore .store-service .list-service li .info-service .name-service p {
    margin-top: 0.16rem;
  }
  .section-store-singapore .store-service .list-service li .info-service .btn-reserve {
    width: 4rem;
    height: 0.8rem;
    line-height: 0.76rem;
    font-size: 0.4rem;
    border: 0.02rem solid;
    margin-left: 0;
    margin-top: 0.35rem;
  }
  .section-store-singapore .store-service .list-service li .info-service .btn-reserve:before {
    font-size: 0.3rem;
    right: 0.3rem;
  }
}
.contact-page {
  background: #eee;
}
.contact-page .inner-bnr {
  background: url("../img/contact/bnr_page.jpg") no-repeat left bottom/cover;
}
.contact-page .wrapper .txt {
  padding-top: 260px;
}

.section-contact-area {
  background: #eaeaea;
  padding: 60px 0 110px;
}
.section-contact-area .frame-wrapper {
  padding: 80px 0 50px;
  background: #fff;
  color: #333;
  min-height: 800px;
}

.contact-inner {
  max-width: 708px;
  margin: 0 auto;
}

.contact-heading {
  margin-bottom: 50px;
}
.contact-heading + .nav-control {
  margin-top: 2em;
}
.contact-heading .heading {
  font-size: 44px;
  font-weight: 600;
  letter-spacing: 0.025em;
  line-height: 1.333;
  margin-bottom: 7px;
}
.contact-heading .txt-intro {
  line-height: 1.875;
  font-size: 16px;
  letter-spacing: 0.05em;
}
.contact-heading .txt-intro a {
  text-decoration: underline;
}
.contact-heading .txt-notice {
  border: 2px solid #e01a2a;
  background: #fdf6e8;
  padding: 20px;
  margin-bottom: 40px;
  letter-spacing: 0.05em;
  line-height: 1.6;
}
.contact-heading .txt-notice span {
  font-weight: bold;
  color: #e01a2a;
}
.group-contact-us {
  margin-bottom: 35px;
}
.group-contact-us .lead {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.025em;
  margin-bottom: 0.4em;
}

.btn-contact {
  display: -webkit-flex;
  display: flex;
  width: 100%;
  -webkit-align-items: center;
  align-items: center;
  justify-content: center;
  text-align: center;
  background-color: #000 !important;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  height: 100px;
}
.btn-contact span {
  display: inline-block;
  text-align: left;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 28px auto;
  padding-top: 10px;
  padding-bottom: 10px;
}
.btn-contact.mail-ct {
  letter-spacing: 0.05em;
}
.btn-contact.mail-ct span {
  background-image: url(../img/common/ico_envelop.png);
  padding-left: 40px;
}
.btn-contact.phone-ct {
  font-size: 22px;
  padding-top: 2px;
}
.btn-contact.phone-ct strong {
  font-size: 48px;
  display: inline-block;
  line-height: 1.2;
  letter-spacing: 0.025em;
  vertical-align: middle;
  margin-left: 10px;
  position: relative;
  top: -5px;
}
.btn-contact.phone-ct span {
  background-image: url(../img/common/ico_tel_white.png);
  background-size: 22px;
  background-position: 0 23px;
  padding-left: 37px;
}
.btn-contact.form-ct {
  letter-spacing: 0.025em;
  background: url(../img/common/ico_blue_white.png) no-repeat right 40px center;
  background-size: 34px auto;
}
.btn-contact.form-ct span {
  background-image: url(../img/common/ico_laptop.png);
  background-size: 34px auto;
  padding-left: 50px;
}
.btn-aboutbox {
  width: 100%;
  margin: 50px 0 100px;
}
.btn-aboutbox a {
  font-weight: 600;
}
.btn-about {
  text-align: center;
  border: solid 3px #000;
  background: #fff;
  margin: 0 auto;
  padding: 35px 30px;
  width: 49%;
  font-size: 26px;
}
.btn-about a:after {
  content: url(../img/common/ico_red_arrow_35.png);
  position: relative;
  top: -7px;
  left: 20%;
}
.btn-about img {
  margin: -6px 0 0 15px;
  width: 4%;
}
@media only screen and (max-width: 768px) {
	.btn-aboutbox {
	  flex-wrap: wrap;
	  width: 100%;
	  margin: 30px 0 100px;
	}
	.btn-about {
  	  font-size: 18px;
  	  padding: 7% 5%;
	  width: 100%;
	  margin: 3% 0;
	}
	.btn-about img {
	  margin: -6px 0 0 10px;
	  width: 16px;
	}
	.btn-about a:after {
	  content: url(../img/common/ico_red_arrow_35_sp.png);
	  top: -7%;
	  left: 20%;
	}
}

@media only screen and (min-width: 769px) {
  .btn-contact.phone-ct {
    pointer-events: none;
  }
}
@media only screen and (max-width: 768px) {
  .contact-page .inner-bnr {
    background: url("../img/contact/sp/bnr_page.jpg") no-repeat left bottom/cover;
  }
  .contact-page .wrapper .txt {
    padding-top: 1.6rem;
  }

  .section-contact-area {
    padding: 0.8rem 0 1.5rem;
  }
  .section-contact-area .frame-wrapper {
    padding: 0.75rem 0 1rem;
    min-height: 9.8rem;
  }

  .contact-inner {
    max-width: 100%;
    margin: 0 auto;
  }

  .contact-inner {
    padding: 0 0.3rem;
  }

  .contact-heading {
    margin-bottom: 0.4rem;
  }
  .contact-heading .heading {
    font-size: 0.65rem;
    margin-bottom: 0.3rem;
    color: #000;
  }
  .contact-heading .txt-intro {
    font-size: 1em;
    line-height: 1.6;
  }

  .group-contact-us {
    margin-bottom: 0.5rem;
  }
  .group-contact-us .lead {
    font-size: 0.36rem;
  }

  .btn-contact {
    height: 1.5rem;
    line-height: 1.2;
    text-align: left;
    padding-left: 0.5rem;
    justify-content: unset;
  }
  .btn-contact.mail-ct {
    font-size: 0.32rem;
  }
  .btn-contact.mail-ct span {
    background-size: 0.52rem auto;
    padding-left: 0.8rem;
  }
  .btn-contact.phone-ct {
    font-size: 0.3rem;
  }
  .btn-contact.phone-ct strong {
    font-size: 1.6em;
    margin-left: 0.2em;
  }
  .btn-contact.phone-ct span {
    padding-left: 0.7rem;
    background-position: 0 47%;
  }
  .btn-contact.form-ct {
    font-size: 0.4rem;
    background-position: right 0.5rem center;
    background-size: 0.4rem auto;
  }
  .btn-contact.form-ct span {
    background-size: 0.57rem auto;
    padding-left: 0.9rem;
  }
}
/* PAGE CONTACT FORM */
.form-respon {
  border: 1px solid #e60012;
  margin-top: 2em;
  background: yellow;
  color: #e60012;
  padding: 10px;
}

.contact-form.thanks-form {
  margin-top: 2em;
}
.contact-form.thanks-form .form-header {
  margin-bottom: 0.5em;
}
.contact-form .form-header {
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  text-align: center;
}
.contact-form .form-body {
  margin-top: 15px;
  padding-top: 25px;
  border-top: 4px solid #db0112;
}

/*== 20200207追記 ==*/

.contact-form .form-body .attention {
  margin-top: 10px;
  padding: 15px;
  border: 2px solid #bbb;
}
.contact-form .form-footer .txt {
  text-align: left;
  margin-bottom: 20px;
  font-size: 14px;
  line-height: 26px;
}
.contact-form .form-footer .privacy {
  border: 2px solid #bbb;
  padding: 20px;
}
.contact-form .form-footer a:link,
.contact-form .form-footer a:visited,
.contact-form .form-footer a:hover,
.contact-form .form-footer a:active {
  color: #db0112;
  text-decoration: underline;
  font-weight: bold;
}
.contact-form .caution-footer {
  color: #444;
  font-size: 15px;
  text-align: left;
  line-height: 1.4;
  border: solid 2px #c50303;
  padding: 30px;
  margin: 20px 0;
}

@media screen and (max-width: 768px) {
	.contact-form .form-footer .privacy {
	  padding: 15px 20px;
	  margin-bottom: 30px;
	}
}

/*== 20200207追記 ==*/

.contact-form .txt-note {
  color: #e60012;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 200;
  line-height: 1.5;
  font-feature-settings: "palt";
  margin-bottom: 10px;
  position: relative;
  top: -5px;
}
.contact-form .list-checkboxes {
  border-top: 1px solid #bbb;
  border-bottom: 1px solid #bbb;
  padding: 30px 0;
}
.contact-form .list-checkboxes.ser {
  border-top: 1px solid #bbb;
  border-bottom: none;
  padding: 20px 0;
  margin-top: 20px;
}
.contact-form .list-checkboxes.ser span.wpcf7-list-item {
  display: block;
}
.contact-form .list-checkboxes.ser .mwform-checkbox-field {
  font-size: 16px;
  line-height: 1.6;
}
.contact-form .list-checkboxes.ser .wpcf7-list-item-label {
  min-height: 20px;
  min-width: 20px;
  background-size: 20px 20px;
  padding-left: 30px;
}
.contact-form p.shop {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.4;
  margin-left: 15px;
}
.contact-form p.shop span {
  color: #db0112;
  display: block;
}


.contact-form .form-footer {
  text-align: center;
  margin-top: 30px;
}
.contact-form .mwform-button {
  display: block;
  width: 420px;
  height: 70px;
  line-height: normal;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.05em;
  border: 1px solid #333;
  border-radius: 5px;
  margin: 10px auto 0;
  cursor: pointer;
}
.contact-form .mwform-button:first-child {
  margin-top: 0 !important;
}
.contact-form .mwform-button a.mwform-button {
  padding-top: 15px;
}
.contact-form .btn-submit {
  background: #333;
  color: #fff;
}

.group-sl {
  display: flex;
  width: 100%;
}
.group-sl .mw-wrap.sl-date {
  width: 50%;
  margin-right: 3%;
}
.group-sl .mw-wrap.sl-time {
  width: 40%;
}
.group-sl .form-control {
  white-space: nowrap;
}
.store-holiday {
  margin-top: 10px;
}
.store-holiday .store {
  display: none;
  -webkit-align-items: center;
  align-items: center;
  color: #e60012;
}
.store-holiday .store.show {
  display: -webkit-flex;
  display: flex;
}
.store-holiday .store span {
  display: block;
  line-height: 1.6;
}
.store-holiday .store .lbl {
  padding-right: 15px;
  font-weight: bold;
}

.nav-control {
  text-align: center;
  margin-top: 55px;
}
.nav-control a {
  display: inline-block;
  vertical-align: middle;
  width: 420px;
  height: 70px;
  line-height: 70px;
  font-size: 24px;
  letter-spacing: 0.025em;
  font-weight: 700;
  color: #fff;
  background: #333;
  border-radius: 5px;
}

@media only screen and (max-width: 768px) {
  .contact-form .form-header {
    font-size: 0.4rem;
    padding: 0.1rem 0 0;
    letter-spacing: 0.02em;
  }
  .contact-form .form-body {
    padding-top: 0.4rem;
    margin-top: 0.18rem;
    border-top-width: 2px;
  }
  .contact-form .txt-note {
    font-size: 0.16rem;
    top: 0;
  }
  .contact-form .list-checkboxes {
    padding: 1.5em 0;
  }
  .contact-form textarea {
    height: 1.9rem;
  }
  .contact-form .form-footer {
    margin-top: 0.7rem;
    padding: 0 5.5% 0.2rem;
  }
  .contact-form .mwform-button {
    width: 100%;
    font-size: 0.3rem;
    height: 1rem;
    border-radius: 3px;
    margin-top: 0.01rem;
  }
  .contact-form a.mwform-button {
    padding-top: 0.5em;
  }

  .nav-control {
    margin-top: 0.55rem;
  }
  .nav-control a {
    width: 5.8rem;
    height: 0.8rem;
    line-height: 0.8rem;
    font-size: 0.3rem;
    border-radius: 0.05rem;
  }
}

/* HAIRREPRO BANNER */
.section-hairrepro-bnr {
  min-height: 500px;
  background: url(../img/product/hairrepro/bnr_page.jpg) no-repeat center center/cover;
}
.section-hairrepro-bnr .frame-ttl {
  padding: 90px 0;
  letter-spacing: 0.025em;
}
.section-hairrepro-bnr .frame-ttl .ttl-large {
  margin-top: 10px;
  font-size: 60px;
  line-height: 1;
}
.section-hairrepro-bnr .frame-ttl .ttl-large span {
  font-size: 40px;
}
.section-hairrepro-bnr .frame-ttl .ttl-sub {
  font-size: 30px;
  line-height: 1.2;
}
.section-hairrepro-bnr .frame-ttl p {
  margin-top: 20px;
  line-height: 1.6;
}

/* HAIRREPRO ABOUT */
.section-hairrepro-about {
  margin: 0 auto;
}
.section-hairrepro-about .inner {
  background: #0b0809;
  width: 100%;
  display: flex;
  justify-content: center;
}
.section-hairrepro-step {
  background: #152333;
  letter-spacing: 0.05em;
}
.section-hairrepro-step .content {
  color: #fff;
  letter-spacing: 0.05em;
}
.section-hairrepro-step .content .inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 80px 0 100px;
  color: #fff;
  position: relative;
}
.section-hairrepro-step h3 {
  font-size: 46px;
  border-bottom: 4px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 50px;
}
.section-hairrepro-step h3 span,
.section-hairrepro-step h4 span {
  color: #fdef1e;
}
.section-hairrepro-step h4 {
  font-size: 46px;
  margin: 80px 0 40px;
}
.section-hairrepro-step .description {
  font-size: 18px;
  line-height: 1.6;
}
.section-hairrepro-step .stepBox {
  display: flex;
  justify-content: space-between;
  position: relative;
  padding-bottom: 15px;
}
.section-hairrepro-step .stepBox li.img:after {
  content: url(../img/product/hairrepro/icon_arrow_step.png);
  position: absolute;
  top: 50%;
  left: ;
}
.section-hairrepro-step .stepBox li.img:last-child::after {
  content: none;
}
.section-hairrepro-step .attention {
  font-size: 14px;
}
.section-hairrepro-step .attention.right {
  text-align: right;
}
.section-hairrepro-step .detail {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-hairrepro-step .detail .detailBox {
  background: #4c5968;
  width: 565px;
  padding: 40px;
}
.section-hairrepro-step .detail .detailBox .ttl {
  font-size: 36px;
  padding-bottom: 30px;
}
.section-hairrepro-step .detail .detailBox .txt {
  font-size: 18px;
  line-height: 1.6;
}
.section-hairrepro-step .detail .detailBox li.list {
  list-style-type: disc;
  margin-left: 20px;
}
.section-hairrepro-step .detail .detailBox .age {
  display: flex;
  justify-content: space-between;
}
.section-hairrepro-step .detail .detailBox .age img {
  padding-left: 20px;
}

@media screen and (max-width: 768px) {
	/* HAIRREPRO ABOUT */
	.section-hairrepro-about .inner {
	  flex-wrap: wrap;
	}
	.section-hairrepro-step .content .inner {
	  max-width: 100%;
	  margin: 0 auto;
	  padding: 80px 4% 100px;
	}
	.section-hairrepro-step h3 {
	  font-size: 36px;
	}
	.section-hairrepro-step h3 span,
	.section-hairrepro-step h4 span {
	  color: #fdef1e;
	}
	.section-hairrepro-step h4 {
	  font-size: 36px;
	}
	.section-hairrepro-step .description {
	  font-size: 18px;
	  line-height: 1.6;
	}
	.section-hairrepro-step .stepBox {
	  flex-wrap: wrap;
	}
	.section-hairrepro-step .stepBox li.img:after {
	  content: none;
	}
	.section-hairrepro-step .stepBox li img {
	}
	.section-hairrepro-step .stepBox li {
	  padding-bottom: 20px;
	  width: 48%;
	}
	.section-hairrepro-step .detail {
	  flex-wrap: wrap;
	}
	.section-hairrepro-step .detail .detailBox {
	  margin-top: 40px;
	  width: 100%;
	  padding: 40px 30px;
	}
	.section-hairrepro-step .detail .detailBox .ttl {
	  font-size: 30px;
	}
	.section-hairrepro-step .detail .detailBox .age {
	  display: flex;
	  justify-content: space-between;
	}
	.section-hairrepro-step .detail .detailBox .age img {
	  padding-left: 20px;
	}
}

/* HAIRREPRO LINEUP */
.section-hairrepro-lineup {
  background: #000;
  letter-spacing: 0.05em;
}
.section-hairrepro-lineup .content {
  color: #fff;
  letter-spacing: 0.05em;
}
.section-hairrepro-lineup .content .inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 80px 0 100px;
  color: #fff;
  position: relative;
}
.section-hairrepro-lineup h3 {
  font-size: 46px;
  border-bottom: 4px solid #fff;
  padding-bottom: 15px;
  margin-bottom: 50px;
}
.section-hairrepro-lineup .lineupBox {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-hairrepro-lineup .lineupBox ul.imgBox {
  width: 480px;
}
.section-hairrepro-lineup .lineupBox .imgBox.right {
  width: 480px;
  padding-right: 0;
}
.section-hairrepro-lineup .lineupBox ul.imgBox li img {
  width: 480px;
}
.section-hairrepro-lineup .lineupBox .imgBox .feeBox {
  display: flex;
  margin: 20px 0;
}
.section-hairrepro-lineup .lineupBox .imgBox .feeBox .quasi {
  background: #fff;
  font-size: 18px;
  color: #000;
  padding: 5px 12px;
}
.section-hairrepro-lineup .lineupBox .imgBox .feeBox .fee {
  font-size: 28px;
  padding-left: 20px;
}
.section-hairrepro-lineup .lineupBox .txtBox {
  width: 630px;
}
.section-hairrepro-lineup .lineupBox .txtBox .step {
  color: #d3c6a5;
  border: solid 1px #d3c6a5;
  font-size: 20px;
  padding: 5px 20px;
  margin-bottom: 13px;
  display: inline-block;
}
.section-hairrepro-lineup .lineupBox .txtBox .category {
  color: #d3c6a5;
  font-size: 50px;
  margin-bottom: 30px;
}
.section-hairrepro-lineup .lineupBox .txtBox h5 {
  font-size: 28px;
  border-bottom: solid 4px #fff;
  padding-bottom: 10px;
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.section-hairrepro-lineup .lineupBox .txt {
  font-size: 18px;
  line-height: 1.6;
}
.section-hairrepro-lineup .lineupBox .txtBox .benefit {
  border-bottom: dotted 1px #888;
  border-top: dotted 1px #888;
  padding: 0 0 20px;
  margin-top: 30px;
}
.section-hairrepro-lineup .lineupBox .txtBox .benefit .ttl {
  color: #bca97c;
  font-size: 30px;
  margin: 20px 0;
}
.section-hairrepro-lineup .lineupBox .txtBox .benefit .check:before {
  content: "✓";
  color: #bca97c;
  padding-right: 5px;
  position: absolute;
  left:0;
  top:0;
}
.section-hairrepro-lineup .lineupBox .txtBox .benefit .txt {
  font-size: 16px;
  font-weight: bold;
  padding-left: 1.8em;
  position: relative;
}
.section-hairrepro-lineup .ingredient {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-hairrepro-lineup .ingredient .txtBox {
  background: #685e5c;
  padding: 40px 25px;
  width: 366px;
}
.section-hairrepro-lineup .ingredient .txtBox .ttl {
  font-size: 30px;
  border-bottom: solid 4px #fff;
  padding-bottom: 18px;
  margin-bottom: 25px;
}
.section-hairrepro-lineup .ingredient .txtBox .txt {
  line-height: 1.6;
  font-size: 16px;
}
.section-hairrepro-lineup .ingredient .txtBox .list {
  list-style-type : disc;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
	/* HAIRREPRO LINEUP */
	.section-hairrepro-lineup .content .inner {
	  max-width: 100%;
	  padding: 80px 4% 100px;
	}
	.section-hairrepro-lineup h3 {
	  font-size: 42px;
	}
	.section-hairrepro-lineup .lineupBox {
	  flex-wrap: wrap;
	}
	.section-hairrepro-lineup .lineupBox .imgBox {
	  width: 100%;
	  padding-right: 0;
	  margin-bottom: 50px;
	}
	.section-hairrepro-lineup .lineupBox .imgBox img {
	  width: 100%;
	}
	.section-hairrepro-lineup .ingredient {
	  flex-wrap: wrap;
	}
	.section-hairrepro-lineup .ingredient .txtBox {
	  width: 100%;
	  margin-bottom: 20px;
	  padding: 30px;
	}
}

/* HAIRREPRO HOW TO USE */
.section-hairrepro-step .howtobox {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-hairrepro-step .howtobox li {
    line-height: 1.6;
    width: 267px;
}
.section-hairrepro-step .howtobox .step {
    font-size: 16px;
    font-weight: bold;
    color: #fde201;
    margin-bottom: 8px;
}
.section-hairrepro-step .howtobox .step:before {
    content: "▶";
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 3px;
}
.section-hairrepro-step .howtobox .stepttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.1;
    letter-spacing: 0.05;
}
.section-hairrepro-step .howtobox .stepttl.yl {
    color: #fde201;
}
.section-hairrepro-step .howtobox .stepttl.br {
    height: 60px;
}
.section-hairrepro-step .howtobox .ttl {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    color: #fde201;
    margin: 0 0 15px;
}
.section-hairrepro-step .howtobox img {
    width: 267px;
    margin-bottom: 20px;
}

@media screen and (max-width: 768px) {
	/* HAIRREPRO HOW TO USE */
	.section-hairrepro-step .howtobox ul {
	    margin-bottom: 80px;
	}
	.section-hairrepro-step .howtobox img {
	    width: 100%;
	}
	.section-hairrepro-step .howtobox li {
	    width: 100%;
	    font-size: 16px;
	}
	.section-hairrepro-step .howtobox .ttl {
	    font-size: 20px;
	}
	.section-hairrepro-step .howtobox .stepttl.br {
	    height: auto;
	}
}


/* benefage BANNER */
.section-benefage-bnr {
  min-height: 500px;
  background: url(../img/product/benefage/bnr_page.jpg) no-repeat center center/cover;
}
.section-benefage-bnr .frame-ttl {
  padding: 90px 0;
  letter-spacing: 0.025em;
}
.section-benefage-bnr .frame-ttl .ttl-large {
  font-size: 60px;
  line-height: 1;
}
.section-benefage-bnr .frame-ttl .ttl-large span {
  font-size: 40px;
}
.section-benefage-bnr .frame-ttl .ttl-sub {
  font-size: 30px;
  line-height: 1.2;
}
.section-benefage-bnr .frame-ttl p {
  margin-top: 20px;
  line-height: 1.6;
}

/* benefage ABOUT */
.section-benefage-about {
  margin: 0 auto;
}
.section-benefage-about .inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 80px 0px;
  color: #000;
  position: relative;
  background: #fff;
  display: flex;
  justify-content: space-between;
  line-height: 1.6;
}
.section-benefage-about .inner .txtBox {
  width: 400px;
}
.section-benefage-about .inner .imgBox img {
  width: 717px;
}
.section-benefage-about .inner .txtBox .ttl {
  font-size: 40px;
  margin-bottom: 15px;
}
.section-benefage-about .inner .txtBox .ttls {
  font-size: 28px;
  line-height: 1.4;
  margin-bottom: 30px;
}
.section-benefage-about .inner .txtBox .txt {
  margin-bottom: 70px;
}
.section-benefage-about .about {
  max-width: 1160px;
  margin: 0 auto;
  padding: 80px 0px;
  color: #000;
  position: relative;
  display: flex;
  background: #fff;
  line-height: 1.6;
}
.section-benefage-about .about .imgBox {
  padding-right: 60px;
}
.section-benefage-about .about .txtBox {
  width: 520px;
}
.section-benefage-about .about .txtBox .ttl {
  color: #924e87;
  font-size: 46px;
  margin-bottom: 10px;
}
.section-benefage-about .about .txtBox .ttls {
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 50px;
}
.section-benefage-about .about .txtBox .topic {
  font-size: 30px;
  border-bottom: solid 1px #000;
  padding-bottom: 12px;
  margin-bottom: 30px;
  line-height: 1.4;
}
.section-benefage-about .about .txtBox .topicBox {
  display: flex;
  justify-content: space-between;
  font-size: 18px;
}
.section-benefage-about .about .txtBox .topicBox ul {
  margin-bottom: 60px;
}
.section-benefage-about .about .txtBox li.list {
  list-style-type: disc;
  margin-left: 20px;
}
.section-benefage-about .attention {
  font-size: 14px;
}

@media screen and (max-width: 768px) {
	/* benefage ABOUT */
	.section-benefage-about .inner {
	  flex-wrap: wrap;
	}
	.section-benefage-about .inner {
	  max-width: 100%;
	  padding: 50px 4%;
	}
	.section-benefage-about .inner .txtBox .ttl {
	  padding-top: 30px;
	}
	.section-benefage-about .about {
	  flex-wrap: wrap;
	  padding: 80px 0px;
	}
	.section-benefage-about .about .txtBox .ttl {
	  padding-top: 30px;
	}
	.section-benefage-about .about .imgBox {
	  padding-right: 0;
	}
	.section-benefage-about .about .txtBox {
	  width: 100%;
	  padding: 0 4%;
	}
	.section-benefage-about .about .txtBox .topicBox {
	  display: flex;
	  justify-content: space-between;
	  font-size: 18px;
	}
}

/* benefage LINEUP */
.section-benefage-lineup {
  background: #fff;
  letter-spacing: 0.05em;
}
.section-benefage-lineup .content {
  color: #000;
  letter-spacing: 0.05em;
}
.section-benefage-lineup .content .inner {
  max-width: 1160px;
  margin: 0 auto;
  padding: 30px 0 100px;
  color: #000;
  position: relative;
}
.section-benefage-lineup h3 {
  font-size: 46px;
  border-bottom: 4px solid #000;
  padding-bottom: 15px;
  margin-bottom: 50px;
}
.section-benefage-lineup .lineupBox {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-benefage-lineup .lineupBox ul.imgBox {
  width: 480px;
}
.section-benefage-lineup .lineupBox .imgBox.right {
  width: 480px;
  padding-right: 0;
}
.section-benefage-lineup .lineupBox ul.imgBox li img {
  width: 480px;
}
.section-benefage-lineup .lineupBox .imgBox .feeBox {
  display: flex;
  margin: 20px 0;
}
.section-benefage-lineup .lineupBox .imgBox .feeBox .quasi {
  background: #fff;
  font-size: 18px;
  color: #000;
  padding: 5px 12px;
  border: solid 1px #000;
}
.section-benefage-lineup .lineupBox .imgBox .feeBox .fee {
  font-size: 28px;
  padding-left: 20px;
}
.section-benefage-lineup .lineupBox .txtBox {
  width: 630px;
}
.section-benefage-lineup .lineupBox .txtBox .step {
  color: #a74d8a;
  border: solid 1px #a74d8a;
  font-size: 20px;
  padding: 5px 20px;
  margin-bottom: 13px;
  display: inline-block;
}
.section-benefage-lineup .lineupBox .txtBox .category {
  color: #a74d8a;
  font-size: 50px;
  margin-bottom: 30px;
}
.section-benefage-lineup .lineupBox .txtBox h5 {
  font-size: 28px;
  border-bottom: solid 4px #a74d8a;
  padding-bottom: 10px;
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}
.section-benefage-lineup .lineupBox .txt {
  font-size: 18px;
  line-height: 1.6;
}
.section-benefage-lineup .lineupBox .txtBox .benefit {
  border-bottom: dotted 1px #333;
  border-top: dotted 1px #333;
  padding: 0 0 20px;
  margin-top: 30px;
}
.section-benefage-lineup .lineupBox .txtBox .benefit .ttl {
  color: #a74d8a;
  font-size: 30px;
  margin: 20px 0;
}
.section-benefage-lineup .lineupBox .txtBox .benefit .check:before {
  content: "✓";
  color: #a74d8a;
  padding-right: 5px;
  position: absolute;
  left:0;
  top:0;
}
.section-benefage-lineup .lineupBox .txtBox .benefit .txt {
  font-size: 16px;
  font-weight: bold;
  padding-left: 1.8em;
  position: relative;
}
.section-benefage-lineup .ingredient {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}
.section-benefage-lineup .ingredient .txtBox {
  width: 366px;
}
.section-benefage-lineup .ingredient .txtBox .ttl {
  font-size: 32px;
  color: #a74d8a;
  border-bottom: solid 4px #a74d8a;
  padding-bottom: 13px;
  margin-bottom: 25px;
  font-weight: bold;
  letter-spacing: 0;
}
.section-benefage-lineup .ingredient .txtBox .txt {
  line-height: 1.6;
  font-size: 16px;
}
.section-benefage-lineup .ingredient .txtBox .list {
  list-style-type : disc;
  margin-left: 15px;
}

@media screen and (max-width: 768px) {
	/* benefage LINEUP */
	.section-benefage-lineup .content .inner {
	  max-width: 100%;
	  padding: 80px 4% 100px;
	}
	.section-benefage-lineup h3 {
	  font-size: 42px;
	}
	.section-benefage-lineup .lineupBox {
	  flex-wrap: wrap;
	}
	.section-benefage-lineup .lineupBox .imgBox {
	  width: 100%;
	  padding-right: 0;
	  margin-bottom: 50px;
	}
	.section-benefage-lineup .lineupBox .imgBox img {
	  width: 100%;
	}
	.section-benefage-lineup .ingredient {
	  flex-wrap: wrap;
	}
	.section-benefage-lineup .ingredient .txtBox {
	  width: 100%;
	  margin-bottom: 20px;
	  padding: 30px 4%;
	}
}

/* benefage HOW TO USE */
.section-benefage-step {
    background: #fdf4f8;
    color: #000;
    letter-spacing: 0.05em;
}
.section-benefage-step h3 {
    font-size: 46px;
    border-bottom: solid 4px #000;
    padding-bottom: 15px;
    margin-bottom: 50px;
}
.section-benefage-step .description {
    font-size: 18px;
    line-height: 1.6;
}
.section-benefage-step .content .inner {
    max-width: 1160px;
    margin: 0 auto;
    padding: 80px 0 100px;
    color: #000;
    position: relative;
}
.section-benefage-step .howtobox {
    padding-top: 40px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.section-benefage-step .howtobox li {
    line-height: 1.6;
    width: 267px;
}
.section-benefage-step .howtobox .step {
    font-size: 16px;
    font-weight: bold;
    color: #a74d8a;
    margin-bottom: 8px;
}
.section-benefage-step .howtobox .step:before {
    content: "▶";
    font-size: 0.9em;
    font-weight: bold;
    padding-right: 3px;
}
.section-benefage-step .howtobox .stepttl {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px;
    line-height: 1.1;
    letter-spacing: 0.01em;
}
.section-benefage-step .howtobox .stepttl.br {
    height: 60px;
}
.section-benefage-step .howtobox .ttl {
    font-size: 18px;
    line-height: 1.4;
    font-weight: bold;
    color: #a74d8a;
    margin: 0 0 15px;
}
.section-benefage-step .howtobox img {
    width: 267px;
    margin-bottom: 15px;
}

@media screen and (max-width: 768px) {
	/* benefage HOW TO USE */
	.section-benefage-step .content .inner {
	  max-width: 100%;
	  margin: 0 auto;
	  padding: 80px 4% 100px;
	}
	.section-benefage-step .howtobox ul {
	    margin-bottom: 80px;
	}
	.section-benefage-step .howtobox img {
	    width: 100%;
	}
	.section-benefage-step .howtobox li {
	    width: 100%;
	    font-size: 16px;
	}
	.section-benefage-step .howtobox .ttl {
	    font-size: 20px;
	}
	.section-benefage-step .description {
	  font-size: 18px;
	  line-height: 1.6;
	}
	.section-benefage-step .howtobox .stepttl.br {
	    height: auto;
	}
}




/* ↓↓202005追加：EC導線↓↓ */
/* cart button HeirRepro*/
.addcart {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  padding: 15px 80px;
  text-shadow: none;
}
.addcart:before {
  content: url(../img/common/ico_cart.png);
  padding-right: 8px;
}
.addcart.area02 {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  padding: 0 20px;
  text-shadow: none;
  display: block;
  width: 350px;
  margin-bottom: 10px;
}
.addcart.area03 {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 300;
  padding: 0 20px;
  text-shadow: none;
  display: block;
  width: 350px;
  margin-bottom: 10px;
}
.addcart:hover {
  background-color: #fff;
  border-color: #bd9834;
  color: #bd9834;
}
.addcart::before,
.addcart::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart::before {
  right: 0;
}
.addcart::after {
  left: 0;
}
.addcart:hover::before,
.addcart:hover::after {
  width: 0;
}
.addcart:hover::before {
  content: url(../img/common/ico_cart_on.png);
  padding-right: 8px;
}

@media screen and (max-width: 768px) {
	.addcart {
	  line-height: 50px;
	  font-size: 22px;
	  padding: 6px 0;
	  display: block;
	  width: 100%;
	}
	.addcart.area02,
	.addcart.area03 {
	  width: 100%;
	}
}

/* buy area */
.feature-block .block-detail .buyarea {
  margin-top: 70px;
  display: flex;
  font-weight: bold;
  line-height: 30px;
}
.feature-block .block-detail .buyarea img {
  width: 350px;
  padding-right: 50px;
}
.feature-block .block-detail .buyarea .buy-repro {
  font-size: 18px;
}
.feature-block .block-detail .buyarea .buy-ttl {
  font-size: 28px;
}
.feature-block .block-detail .buyarea .buy-price {
  font-size: 15px;
}
.feature-block .block-detail .buyarea .buy-txt {
  font-weight: 200;
  margin: 20px 0 40px;
}

@media screen and (max-width: 768px) {
	.feature-block .block-detail .buyarea {
	  flex-wrap: wrap;
	}
	.feature-block .block-detail .buyarea img {
	  width: 100%;
	  margin-right: 0;
	  margin-bottom: 20px;
	  padding-right: 0;
	}
	.feature-block .block-detail .buyarea .buy-txt {
	  margin: 15px 0 25px;
	  line-height: 20px;
	}
}

/* cart button Benefage */
.addcart.bene {
  position: relative;
  z-index: 2;
  background-color: #aa0038;
  border: 2px solid #aa0038;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  margin-top: 15px;
  padding: 7px 0;
  width: 350px;
}
.addcart.bene:hover {
  background-color: #fff;
  border-color: #aa0038;
  color: #aa0038;
}
.addcart.bene::before,
.addcart.bene::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart.bene::before {
  right: 0;
}
.addcart.bene::after {
  left: 0;
}
.addcart.bene:hover::before,
.addcart.bene:hover::after {
  width: 0;
}

@media screen and (max-width: 768px) {
	.addcart.bene {
	  line-height: 40px;
	  font-size: 15px;
	  padding: 6px 0;
	  display: block;
	  width: 100%;
	}
	.addcart.bene.area02 {
	  width: 100%;
	}
}

/* cart button Orgarich */
.addcart.org {
  position: relative;
  z-index: 2;
  background-color: #4e4e4e;
  border: 2px solid #4e4e4e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 204px;
  margin-top: 15px;
  padding: 0;
}
.addcart.orgL {
  position: relative;
  z-index: 2;
  background-color: #4e4e4e;
  border: 2px solid #4e4e4e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 300px;
  margin-top: 35px;
  padding: 0;
}
.addcart.org:hover,
.addcart.orgL:hover {
  background-color: #fff;
  border-color: #4e4e4e;
  color: #4e4e4e;
}
.addcart.org::before,
.addcart.org::after,
.addcart.orgL::before,
.addcart.orgL::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart.org::before,
.addcart.orgL::before {
  right: 0;
}
.addcart.org::after,
.addcart.orgL::after {
  left: 0;
}
.addcart.org:hover::before,
.addcart.org:hover::after,
.addcart.orgL:hover::before,
.addcart.orgL:hover::after {
  width: 0;
}

/* cart button Vegas */
.addcart.vgs {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 306px;
  margin-top: 15px;
  padding: 0;
}
.addcart.vgs:hover {
  background-color: #fff;
  border-color: #bd9834;
  color: #bd9834;
}
.addcart.vgs::before,
.addcart.vgs::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart.vgs::before {
  right: 0;
}
.addcart.vgs::after {
  left: 0;
}
.addcart.vgs:hover::before,
.addcart.vgs:hover::after {
  width: 0;
}

@media screen and (max-width: 768px) {
	.addcart.vgs {
	  line-height: 40px;
	  font-size: 15px;
	  padding: 6px 0;
	  display: block;
	  width: 100%;
	}
	.addcart.vgs.area02 {
	  width: 100%;
	}
}

/* cart button SpeedE */
.addcart.spd {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 315px;
  margin-top: 15px;
  padding: 0;
}
.addcart.spd:hover {
  background-color: #fff;
  border-color: #bd9834;
  color: #bd9834;
}
.addcart.spd::before,
.addcart.spd::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart.spd::before {
  right: 0;
}
.addcart.spd::after {
  left: 0;
}
.addcart.spd:hover::before,
.addcart.spd:hover::after {
  width: 0;
}

@media screen and (max-width: 768px) {
	.addcart.spd {
	  font-size: 15px;
	  width: 100%;
	  padding: 0 30px;
	}
}

/* cart button Medical */
.addcart.medi {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 100%;
  padding: 4px 0;
}
.addcart.medi:hover {
  background-color: #fff;
  border-color: #bd9834;
  color: #bd9834;
}
.addcart.medi::before,
.addcart.medi::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart.medi::before {
  right: 0;
}
.addcart.medi::after {
  left: 0;
}
.addcart.medi:hover::before,
.addcart.medi:hover::after {
  width: 0;
}

@media screen and (max-width: 768px) {
	.addcart.medi {
	  line-height: 40px;
	  font-size: 20px;
	  padding: 9px 0;
	  display: block;
	  width: 100%;
	}
	.addcart.medi.area02 {
	  width: 100%;
	}
}

/* cart button Products */
.addcart.prdct {
  position: relative;
  z-index: 2;
  background-color: #d8aa2e;
  border: 2px solid #d8aa2e;
  color: #fff;
  line-height: 50px;
  letter-spacing: 0.04em;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 260px;
  margin-top: 15px;
  padding: 0;
}
.addcart.prdct:hover {
  background-color: #fff;
  border-color: #bd9834;
  color: #bd9834;
}
.addcart.prdct::before,
.addcart.prdct::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.addcart.prdct::before {
  right: 0;
}
.addcart.prdct::after {
  left: 0;
}
.addcart.prdct:hover::before,
.addcart.prdct:hover::after {
  width: 0;
}

@media screen and (max-width: 768px) {
	.addcart.prdct {
	  line-height: 40px;
	  font-size: 15px;
	  padding: 6px 0;
	  display: block;
	  width: 100%;
	}
	.addcart.prdct.area02 {
	  width: 100%;
	}
}

/* cart button Products Detail-btn */
.btn-pr-detail {
  position: relative;
  z-index: 2;
  background-color: #333;
  border: 2px solid #333;
  color: #fff;
  line-height: 50px;
  letter-spacing: 0.04em;
  text-align: center;
  font-size: 14px;
  font-weight: 400;
  text-shadow: none;
  display: block;
  width: 260px;
  margin-top: 10px;
  padding: 0;
}
.btn-pr-detail:hover {
  background-color: #fff;
  border-color: #333;
  color: #333;
}
.btn-pr-detail::before,
.btn-pr-detail::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.btn-pr-detail::before {
  right: 0;
}
.btn-pr-detail::after {
  left: 0;
}
.btn-pr-detail:hover::before,
.btn-pr-detail:hover::after {
  width: 0;
}

@media screen and (max-width: 768px) {
	.btn-pr-detail {
	  width: 100%;
	  margin-bottom: 80px;
	}
}


/* ↑↑202005追加：EC導線↑↑ */


.hair-ttl {
  margin-bottom: 50px;
  color: #fff;
  font-size: 56px;
  text-align: center;
  line-height: 1;
  letter-spacing: 0.05em;
}

/* HAIRREPRO FEATURES */
.feature-block {
  background-color: #000;
  margin: 0 auto 60px;
  max-width: 980px;
  position: relative;
}
.feature-block .break-mobile {
  display: inline;
}
.feature-block .feature-ttl,
.feature-block .txt {
  color: #fff;
}
.feature-block .feature-ttl {
  position: absolute;
  top: 70px;
  width: 100%;
}
.feature-block .txt.center {
  text-align: center;
}
.feature-block .txt.color-black {
  color: #000;
}
.feature-block .txt {
  margin-top: 50px;
  font-size: 26px;
  line-height: 1.538em;
}
.feature-block .detail-txt.is-right {
  text-align: right;
  margin: 40px -30px 15px 0;
  font-size: 12px;
  padding-right: 0 !important;
}
.feature-block .feature-ttl {
  text-align: center;
}
.feature-block .feature-ttl .ttl span {
  border: 1px solid #fff;
  padding: 0 10px;
  min-width: 600px;
  display: inline-block;
  font-size: 36px;
  text-align: center;
  line-height: 65px;
  text-align: center;
}
.feature-block .block-detail {
  background-image: url(../img/product/hairrepro/bg_img_detail01.jpg);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  padding: 65px 45px;
  text-shadow:
    #fff 2px 0px 2px, #fff -2px 0px 2px,
    #fff 0px -2px 2px, #fff -2px 0px 2px,
    #fff 2px 2px 2px, #fff -2px 2px 2px,
    #fff 2px -2px 2px, #fff -2px -2px 2px,
    #fff 1px 2px 2px, #fff -1px 2px 2px,
    #fff 1px -2px 2px, #fff -1px -2px 2px,
    #fff 2px 1px 2px, #fff -2px 1px 2px,
    #fff 2px -1px 2px, #fff -2px -1px 2px,
    #fff 1px 1px 2px, #fff -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;

}
.feature-block .block-detail .ttl {
  font-size: 46px;
}
.feature-block .block-detail .sub-ttl {
  font-size: 26px;
  margin: 15px 0 30px;
}
.feature-block .block-detail .txt {
  margin-bottom: 30px;
}
.feature-block .content-detail {
  display: flex;
  align-items: flex-start;
}
.feature-block .content-detail .detail-txt {
  margin: 0;
  flex-basis: 390px;
  padding-right: 35px;
}
.feature-block .row-detail {
  margin-bottom: 30px;
}
.feature-block .row-detail .detail-txt {
  margin-bottom: 14px;
}
.feature-block .row-detail .content-detail {
  margin-top: -5px;
}

.feature-block.block01 .block-detail {
  padding-right: 10px;
}
.feature-block.block01 .block-detail .txt {
  font-size: 22px;
}
.feature-block.block01 .block-detail .small {
  font-size: 26px;
}
.feature-block.block01 .block-detail .medium {
  font-size: 36px;
}
.feature-block.block01 .block-detail .large {
  font-size: 36px;
}
.feature-block.block01 .block-detail .txt-sx {
  font-size: 18px;
  margin-bottom: 30px;
  line-height: 0.8;
}
.feature-block.block01 .detail-txt {
  font-size: 16px;
  margin-bottom: 50px;
  line-height: 1.6;
}

.feature-block.block02 .small {
  font-size: 26px;
}
.feature-block.block02 .medium {
  font-size: 26px;
}
.feature-block.block02 .large {
  font-size: 40px;
}
.feature-block.block02 .detail-txt {
  font-size: 14px;
  font-weight: 400;
  line-height: 1.71429;
}
.feature-block.block02 .detail-txt .big {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 5px;
  font-weight: bold;
}
.feature-block.block02 .block-detail {
  background-image: url(../img/product/hairrepro/bg_img_detail02.jpg);
  background-position: top right;
}
.feature-block.block02 .block-detail .sub-ttl {
  font-size: 32px;
  line-height: 1.25;
  margin-bottom: 35px;
}

.feature-block.block03 .small {
  font-size: 26px;
}
.feature-block.block03 .large {
  font-size: 36px;
}
.feature-block.block03 .block-detail {
  background-image: url(../img/product/hairrepro/bg_img_detail03.jpg);
  background-position: top right;
}
.feature-block.block03 .detail-txt {
  padding-right: 210px;
}

.feature-block.block04 .text-nofolow {
  margin-top: 10px;
}
.feature-block.block04 .small {
  font-size: 26px;
}
.feature-block.block04 .medium {
  font-size: 26px;
}
.feature-block.block04 .large {
  font-size: 36px;
}
.feature-block.block04 .ex-large {
  font-size: 26px;
}
.feature-block.block04 .block-detail {
  background-image: url(../img/product/hairrepro/bg_img_detail04.jpg);
  background-position: top right;
}
.feature-block.block04 .block-detail .sub-ttl {
  font-size: 36px;
}
.feature-block.block04 .block-detail .detail-txt {
  font-size: 16px;
}

@media only screen and (max-width: 768px) {
  .section-hairrepro-bnr {
    height: 8rem;
    background: url(../img/product/hairrepro/sp/bnr_page.jpg) no-repeat center center/cover;
  }
  .section-hairrepro-bnr .frame-ttl {
    padding: 1rem 0 0;
  }
  .section-hairrepro-bnr .frame-ttl .ttl-large {
    margin-top: 0.15rem;
    font-size: 0.8rem;
  }
  .section-hairrepro-bnr .frame-ttl .ttl-sub {
    font-size: 0.4rem;
    line-height: 1.15;
  }
  .section-benefage-bnr {
    height: 8rem;
    background: url(../img/product/benefage/sp/bnr_page.jpg) no-repeat center center/cover;
  }
  .section-benefage-bnr .frame-ttl {
    padding: 1rem 0 0;
  }
  .section-benefage-bnr .frame-ttl .ttl-large {
    margin-top: 0.15rem;
    font-size: 0.8rem;
  }
  .section-benefage-bnr .frame-ttl .ttl-sub {
    font-size: 0.4rem;
    line-height: 1.15;
  }

  .section-hairrepro-about {
    max-width: 100%;
  }
  .section-hairrepro-about .inner {
    max-width: 100%;
    flex-wrap: wrap;
  }
  .section-hairrepro-about .inner img {
    width: 100%;
  }

  .hair-ttl {
    margin-bottom: 0.5rem;
    font-size: 0.7rem;
  }

  .bg-water {
    background: url(../img/product/hairrepro/sp/bg_img_water.jpg) repeat-y top center/100% auto;
  }

  .section-hairrepro-features {
    padding-top: 1.4rem;
    margin-bottom: 2.3rem;
  }
  .section-hairrepro-features .wrapper {
    padding: 0 0.6rem;
  }

  .feature-block {
    margin: 0 auto 0.8rem;
    max-width: 100%;
  }
  .feature-block .break-mobile {
    display: inline;
  }
  .feature-block .feature-ttl {
    position: relative;
    top: auto;
  }
  .feature-block .txt {
    margin-top: 0.46rem;
    font-size: 0.26rem;
    line-height: 1.538em;
  }
  .feature-block .txt .medium {
    font-size: 0.32rem;
  }
  .feature-block .txt .large {
    font-size: 0.5rem;
  }
  .feature-block .detail-txt.is-right {
    display: none;
  }
  .feature-block .feature-ttl {
    text-align: center;
    margin-top: 0.27rem;
  }
  .feature-block .feature-ttl .ttl span {
    padding: 0.35rem 0.1rem 0.3rem;
    min-width: 5.8rem;
    font-size: 0.56rem;
    line-height: 1;
  }
  .feature-block .block-detail {
    background-image: url(../img/product/hairrepro/sp/bg_img_detail01.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top right;
    padding: 0.6rem 0.3rem 0.7rem;
  }
  .feature-block .block-detail .ttl {
    font-size: 0.46rem;
  }
  .feature-block .block-detail .sub-ttl {
    font-size: 0.3rem;
    margin: 0.15rem 0 0.5rem;
  }
  .feature-block .block-detail .txt {
    margin-bottom: 30px;
  }
  .feature-block .content-detail .detail-txt {
    flex-basis: 3.8rem;
    padding-right: 0.1rem;
  }
  .feature-block .content-detail.br-sm {
    flex-wrap: wrap;
  }
  .feature-block .content-detail.br-sm .detail-txt {
    width: 100%;
    flex-basis: 100%;
  }
  .feature-block .row-detail {
    margin-bottom: 0.3rem;
  }
  .feature-block .row-detail .detail-txt {
    margin-bottom: 0.24rem;
  }
  .feature-block .row-detail .content-detail {
    margin-top: 0;
  }
  .feature-block .row-detail .content-detail.content-detail02 img {
    width: 2rem;
  }

  .feature-block.block01 .feature-ttl {
    background: #000;
    padding: 0.3rem 0 0;
  }
  .feature-block.block01 .bg {
    margin: -3.3rem -0.65rem 0;
    width: auto;
  }
  .feature-block.block01 .bg img {
    padding: 0;
  }
  .feature-block.block01 .block-detail {
    padding-right: 0.3rem;
  }
  .feature-block.block01 .block-detail .txt {
    font-size: 0.26rem;
  }
  .feature-block.block01 .block-detail .small {
    font-size: 0.3rem;
  }
  .feature-block.block01 .block-detail .medium {
    font-size: 0.4rem;
  }
  .feature-block.block01 .block-detail .large {
    font-size: 0.46rem;
  }
  .feature-block.block01 .block-detail .txt-sx {
    font-size: 0.18rem;
    line-height: 1.33333;
    font-weight: 500;
    margin-bottom: 0.15rem;
  }
  .feature-block.block01 .detail-txt {
    font-size: 0.16rem;
    line-height: 1.875;
    margin-bottom: 0.5rem;
  }
  .feature-block.block01 img {
    padding-right: 0.8rem;
  }

  .feature-block.block02 .bg {
    width: auto;
    margin: -4rem -0.65rem 0;
  }
  .feature-block.block02 .feature-ttl {
    background: none;
    padding: 0.3rem 0 0;
  }
  .feature-block.block02 .small {
    font-size: 0.26rem;
    line-height: 1.53846;
  }
  .feature-block.block02 .medium {
    font-size: 0.5rem;
    line-height: 1;
    margin-top: 0.2rem;
    display: inline-block;
  }
  .feature-block.block02 .large {
    font-size: 0.5rem;
    line-height: 1;
  }
  .feature-block.block02 .large .medium {
    margin-top: 0;
  }
  .feature-block.block02 .detail-txt {
    font-size: 0.16rem;
    line-height: 1.625;
    margin-bottom: 0.15rem;
  }
  .feature-block.block02 .detail-txt .big {
    font-size: 0.18rem;
    font-weight: 700;
    margin-bottom: 0.1rem;
  }
  .feature-block.block02 .block-detail {
    background-image: url(../img/product/hairrepro/sp/bg_img_detail02.jpg);
    background-position: top right;
    background-size: 100% auto;
    background-color: #fff;
    padding-bottom: 0.2rem;
  }
  .feature-block.block02 .block-detail .sub-ttl {
    font-size: 0.32rem;
    line-height: 1.25;
    margin-bottom: 0.3rem;
  }

  .feature-block.block03 .feature-ttl {
    background: #000;
    padding: 0.3rem 0 0;
  }
  .feature-block.block03 .feature-ttl .ttl small {
    display: block;
    font-size: 0.4rem;
  }
  .feature-block.block03 .bg {
    width: auto;
    margin: -4rem -0.65rem 0;
  }
  .feature-block.block03 .bg img {
    padding: 0;
  }
  .feature-block.block03 .small {
    font-size: 0.26rem;
  }
  .feature-block.block03 .large {
    font-size: 0.4rem;
  }
  .feature-block.block03 .block-detail {
    background-image: url(../img/product/hairrepro/sp/bg_img_detail03.jpg);
    background-position: top right;
    background-size: 100%;
    background-color: #fff;
  }
  .feature-block.block03 .block-detail .sub-ttl {
    font-size: 0.36rem;
  }
  .feature-block.block03 .block-detail .sub-ttl .small {
    font-size: 1em;
  }
  .feature-block.block03 .block-detail .sub-ttl .large {
    font-size: 0.42rem;
  }
  .feature-block.block03 .detail-txt {
    padding-right: 0;
    font-size: 0.16rem;
    line-height: 1.875;
    margin-bottom: 1.6rem;
  }
  .feature-block.block03 img {
    padding-right: 0.7rem;
  }

  .feature-block.block04 .feature-ttl {
    background: #000;
    padding: 0.3rem 0 0;
  }
  .feature-block.block04 .bg {
    width: 6.7rem;
    margin-left: -0.14rem;
    margin-top: -4rem;
  }
  .feature-block.block04 .text-nofolow {
    margin-top: 10px;
  }
  .feature-block.block04 .small {
    font-size: 0.26rem;
  }
  .feature-block.block04 .medium {
    font-size: 0.36rem;
  }
  .feature-block.block04 .large {
    font-size: 0.5rem;
  }
  .feature-block.block04 .ex-large {
    font-size: 0.36rem;
  }
  .feature-block.block04 .block-detail {
    background-image: url(../img/product/hairrepro/sp/bg_img_detail04.jpg);
    background-size: 100%;
    background-color: #fff;
  }
  .feature-block.block04 .block-detail .sub-ttl {
    font-size: 0.36rem;
  }
  .feature-block.block04 .block-detail .detail-txt {
    font-size: 0.16rem;
    line-height: 1.875;
  }
}

.bnr-news {
  height: 250px;
  background: url("../img/news/bnr_page.jpg") no-repeat top center/cover;
}

.section-news-page {
  background: #eee;
  padding: 60px 0 110px;
}

.news-inner {
  background: #fff;
  padding: 80px 90px 65px;
}

.section-news-page .sec-title {
  border-bottom: 4px solid #333;
  text-align: center;
  font-size: 40px;
  font-weight: 600;
  line-height: 1;
  padding-bottom: 35px;
}

.list-news-inline > li {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  padding: 30px 0;
  border-bottom: 1px dotted #333;
  position: relative;
  color: #333;
}
.list-news-inline .figure {
  width: 180px;
}
.list-news-inline .group-info {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 40px;
}
.list-news-inline .date,
.list-news-inline .ttl {
  font-size: 20px;
  font-weight: 700;
  letter-spacing: 0.025em;
}
.list-news-inline .date {
  color: #333333;
  margin-bottom: 20px;
}
.list-news-inline .date span {
  margin-top: -4px;
}
.list-news-inline .date .tags {
  margin-left: 40px;
}
.list-news-inline .date .tags li {
  width: 90px;
  margin: 0 5px;
}
.list-news-inline .link {
  display: block;
}
.list-news-inline .link span {
  letter-spacing: 0.025em;
}
.list-news-inline .ttl {
  display: block;
  margin-bottom: 10px;
}
.list-news-inline .desc {
  line-height: 1.875;
  display: block;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  letter-spacing: 0.025em;
}
.list-news-inline .btn-more {
  display: block;
  position: absolute;
  font-size: 20px;
  font-weight: bold;
  line-height: 1.2;
  right: 0;
  bottom: 30px;
  border-bottom: 1px solid #999;
  color: #333;
  letter-spacing: 0.025em;
}
.list-news-inline .btn-more:after {
  content: "";
  background: url("../img/news/ico_arrow.png") no-repeat;
  display: inline-block;
  width: 19px;
  height: 16px;
  margin-left: 5px;
}

.news-detail .entry-date,
.news-detail .entry-title {
  font-size: 24px;
  font-weight: bold;
  letter-spacing: 0.025em;
}
.news-detail .entry-date {
  color: #e60012;
  line-height: 1;
  margin-bottom: 10px;
}
.news-detail .entry-title {
  line-height: 1.2;
}
.news-detail .news-content {
  border-top: 4px solid #333;
  margin: 30px 0 0;
  padding: 55px 0 0;
}
.news-detail .news-content:after {
  content: "";
  display: table;
  clear: both;
}
.news-detail .news-content p {
  font-size: 16px;
  letter-spacing: 0.025em;
  line-height: 26px;
}
.news-detail .news-content p + p {
  margin-top: 1.5em;
}

.nav-control {
  margin: 5px 0 10px;
}
.nav-control .nav-links {
  overflow: hidden;
}
.nav-control .nav-links a {
  font-size: 18px;
  font-weight: bold;
  letter-spacing: 0.05em;
  border-bottom: 1px solid #333;
  padding: 3px 0;
}
.nav-control .nav-links a em {
  font-size: 14px;
  font-style: normal;
}
.nav-control .prev {
  float: left;
}
.nav-control .next {
  float: right;
}
.nav-control .prev,
.nav-control .next {
  margin-top: 5px;
  color: #333;
  background: transparent;
  width: auto;
  height: auto;
  line-height: 1;
  border-radius: 0;
}
.nav-control .btn-link-top {
  display: block;
  width: 420px;
  height: 70px;
  line-height: normal;
  font-size: 22px;
  font-weight: 700;
  letter-spacing: 0.1em;
  border: 1px solid #333;
  border-radius: 5px;
  margin: 20px auto 0;
  padding: 16px;
  background: #333 url(../img/common/ico_arrow_white_reverse.png) no-repeat left 40px center;
  background-size: 10px auto;
  color: #fff;
  text-align: center;
}

.news-content p {
  margin: 1.5em 0;
}
.news-content p:first-child {
  margin-top: 0;
}

.news-content table.aligncenter {
  display: table;
  margin-left: auto;
  margin-right: auto;
}

.news-content ol,
.news-content ul {
  padding-left: 40px;
}

.news-content ol {
  list-style: decimal;
}

.news-content ul {
  list-style: disc;
}

.news-content h1,
.news-content h2,
.news-content h3,
.news-content h4,
.news-content h5 {
  font-weight: bold;
  letter-spacing: 0.02em;
}

.news-content h1 {
  font-size: 2em;
  margin-block-start: 0.67em;
  margin-block-end: 0.67em;
  line-height: 1.3;
}

.news-content h2 {
  font-size: 1.5em;
  margin-block-start: 0.83em;
  margin-block-end: 0.83em;
  line-height: 1.3;
}

.news-content h3 {
  font-size: 1.17em;
  margin-block-start: 1em;
  margin-block-end: 1em;
  line-height: 1.4;
}

.news-content h4 {
  margin-block-start: 1.33em;
  margin-block-end: 1.33em;
  margin-inline-start: 0;
}

.news-content h5 {
  font-size: 0.83em;
  margin-block-start: 1.67em;
  margin-block-end: 1.67em;
}

.news-content h6 {
  font-size: 0.67em;
  margin-block-start: 2.33em;
  margin-block-end: 2.33em;
}

.news-content th,
.news-content td {
  border: 1px solid;
  padding: 5px;
}

@media only screen and (max-width: 468px) {
  .bnr-news {
    height: 4rem;
    background: url("../img/news/sp/bnr_page.jpg") no-repeat top center/cover;
  }

  .section-news-page {
    padding: 0.6rem 0 1.8rem;
  }
  .section-news-page .sec-title {
    font-size: 0.7rem;
    padding: 0.4rem 0 0.3rem;
    border-bottom: 2px solid #333;
    margin: 0;
  }

  .news-inner {
    padding: 0.3rem 0.3rem 0.85rem;
  }

  .list-news-inline > li {
    padding: 0.4rem 0 0.36rem;
  }
  .list-news-inline .figure {
    width: 1.8rem;
  }
  .list-news-inline .group-info {
    padding-left: 0.3rem;
  }
  .list-news-inline .ttl,
  .list-news-inline .date {
    font-size: 0.3rem;
    line-height: 1.2;
  }
  .list-news-inline .ttl {
    margin-bottom: 0.3rem;
    line-height: 1.3;
  }
  .list-news-inline .date {
    margin-bottom: 0.24rem;
    align-items: flex-end;
    margin-top: -0.05rem;
  }
  .list-news-inline .date span {
    margin-top: 0;
  }
  .list-news-inline .date .tags {
    margin-left: 0.15rem;
  }
  .list-news-inline .date .tags li {
    width: 0.9rem;
    margin: 0 0.05rem;
  }
  .list-news-inline .btn-more {
    display: none;
  }
  .list-news-inline .desc {
    -webkit-line-clamp: 3;
    font-size: .9em;
    height: auto;
    line-height: 1.5;
  }

  .news-detail .entry-date,
  .news-detail .entry-title {
    font-size: 0.3rem;
  }
  .news-detail .entry-date {
    margin: 0 0 0.1rem;
    padding: 0.1rem 0;
  }
  .news-detail .news-content {
    border-top: 2px solid #333;
    margin: 0.3rem 0 -0.2rem;
    padding: 0.3rem 0 0;
  }
  .news-detail .news-content p {
    font-size: 1em;
  }
  .news-detail .news-content p + p {
    margin-top: 1.2em;
  }

  .nav-control {
    margin: 0.2em 0 0.4rem;
  }
  .nav-control .container {
    padding: 0;
  }
  .nav-control .nav-links a {
    font-size: 0.3rem;
    padding: 2px 0;
  }
  .nav-control .nav-links a em {
    font-size: 0.667em;
  }
  .nav-control .btn-link-top {
    width: 81.92%;
    font-size: 0.3rem;
    height: 0.8rem;
    border-radius: 3px;
    margin-top: 0.5rem;
    padding-top: 0.5em;
    background-size: 0.1rem auto;
    background-position: left 24% center;
  }
}

/* PAGE ORGARICH */
.section-bnr-orgarich {
  height: 500px;
  background: url("../img/product/orgarich/bg_banner.jpg") no-repeat top left/cover;
}
.section-bnr-orgarich .wrapper {
  position: relative;
}
.section-bnr-orgarich .lgo-orgarich {
  position: absolute;
  width: 277px;
  top: 168px;
  left: 690px;
}

.section-main-orgarich {
  background: #fbf4da;
  padding: 85px 0 95px;
  color: #333;
}

.section-flavor-organich {
  width: 980px;
  margin: 0 auto;
}
.section-flavor-organich .ttl-flavor {
  font-size: 46px;
  letter-spacing: 0.05em;
  color: #bd9461;
  line-height: 1.26087;
  padding: 0 120px;
}
.section-flavor-organich .block-flavor {
  margin: 20px 0 45px;
/*  padding: 0 90px;*/
}
.section-flavor-organich .block-flavor .ttl-block {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.05em;
  color: #635332;
}
  .section-flavor-organich .block-flavor .ttl-block .text-cmn {
    padding: 0 120px;
  }

.section-flavor-organich .block-flavor p {
  margin-top: 25px;
}
.section-flavor-organich .block-flavor .img-block {
  margin-top: 30px;
}
.section-flavor-organich .note-flavor {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-top: -25px;
}

/* PAGE Vegas */
.section-bnr-vegas {
  height: 500px;
  background: url("../img/product/vegas/bg_banner.jpg") no-repeat top left/cover;
}
.section-bnr-vegas .wrapper {
  position: relative;
}
.section-bnr-vegas .vegas-logo img {
  position: absolute;
  width: 360px;
  top: 300px;
  left: 100px;
}

@media screen and (max-width: 768px) {
	.section-bnr-vegas .vegas-logo img {
	  width: 280px;
	  top: 80px;
	  left: 30px;
	}
}

.section-main-vegas {
  background: #000;
  padding: 85px 0 95px;
  color: #fff;
}

.section-flavor-vegas {
  width: 980px;
  margin: 0 auto;
}
.section-flavor-vegas .ttl-flavor {
  font-size: 46px;
  letter-spacing: 0.04em;
  color: #bd9461;
  line-height: 1.26087;
  padding-bottom: 20px;
}
.section-flavor-vegas .products .ttl-series {
  font-size: 36px;
  letter-spacing: 0.06em;
  line-height: 1.26087;
  padding: 60px 0 30px;
}
.section-flavor-vegas .products .productsbox {
  display: flex;
  justify-content: space-between;
}
.section-flavor-vegas .products .productsbox p.prdct-ttl {
  margin-top: 20px;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 28px;
}
.section-flavor-vegas .point {
  margin: 80px 0;
  display: flex;
  justify-content: space-between;
}
.section-flavor-vegas .point .pointbox {
  display: flex;
}
.section-flavor-vegas .point .point-ttl {
  color: #ccc;
  letter-spacing: 0.06em;
  font-size: 14px;
  padding-left: 20px;
  line-height: 24px;
}
.section-flavor-vegas .vegasmenu {
  margin: 80px 0;
}
.section-flavor-vegas .vegasmenu .menubox {
  display: flex;
  justify-content: space-between;
}
.section-flavor-vegas .vegasmenu p.menu-ttl {
  text-align: center;
  margin: 20px 0 30px;
  font-weight: bold;
  letter-spacing: 0.03em;
}
.section-flavor-vegas .eyecare {
  margin: 150px 0 80px;
}
.section-flavor-vegas .eyecare .eyecarebox {
  display: flex;
  justify-content: space-between;
  margin: 20px 0;
}
.section-flavor-vegas .eyecare .eyecare-feature {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .eyecare .eyecare-feature .eyecare-img {
  width: 100%;
  margin-right: 50px;
}
.section-flavor-vegas .eyecare .eyecare-feature span {
  font-weight: bold;
  line-height: 20px;
  display: block;
}
.section-flavor-vegas p.feature-ttl {
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 30px;
}
.section-flavor-vegas p.txt {
  letter-spacing: 0.05em;
  line-height: 32px;
}
.section-flavor-vegas .eyecare .eyecare-step .eyecare-ttl p.ttl {
  color: #faebcb;
  font-size: 24px;
  margin-bottom: 20px;
  letter-spacing: 0.05em;
  line-height: 32px;
}
.section-flavor-vegas .eyecare .eyecare-step .step {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .eyecare .eyecare-step .step .stepbox {
  width: 32%;
}
.section-flavor-vegas .eyecare .eyecare-step .comp {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .eyecare .eyecare-step .tip {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 80px;
}
.section-flavor-vegas .eyecare .eyecare-step .step-facecare {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .eyecare .eyecare-step .step-facecare .stepbox {
  width: 32%;
}
.section-flavor-vegas .eyecare .eyecare-step .facecare-comp {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .eyecare .eyecare-step p.ttl-comp {
  border: solid 1px #fff;
  font-size: 20px;
  font-weight: bold;
  text-align: center;
  padding: 30px 0;
  letter-spacing: 0.05em;
  margin-top: 50px;
}
.section-flavor-vegas .eyecare .eyecare-step .scalpcare-comp {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .eyecare .eyecare-step .step-scalpcare {
  display: flex;
  justify-content: space-between;
  margin: 40px 0 20px;
}
.section-flavor-vegas .block-flavor {
  margin: 20px 0 45px;
  padding: 0 90px;
}
.section-flavor-vegas .block-flavor .ttl-block {
  font-weight: 700;
  font-size: 22px;
  letter-spacing: 0.05em;
  margin-top: 60px;
}
.section-flavor-vegas .block-flavor p {
  margin-top: 25px;
}
.section-flavor-vegas .block-flavor .img-block {
  margin-top: 30px;
}
.section-flavor-vegas .note-flavor {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.7;
  margin-top: -25px;
}

/* PAGE Benefage */
.section-bnr-benefage {
  height: 500px;
  background: url("../img/product/benefage/bnr_page.jpg") no-repeat bottom center/cover;
  font-weight: 700;
  letter-spacing: 0.025em;
  padding-top: 100px;
}
.section-bnr-benefage .ttl-sub {
  font-size: 30px;
  line-height: 1.2;
}
.section-bnr-benefage .ttl-large {
  font-size: 70px;
  margin-top: 5px;
  line-height: 1.08;
}




@media only screen and (max-width: 768px) {
  .section-bnr-benefage {
    height: 8rem;
    background: url("../img/product/benefage/sp/bnr_page.jpg") no-repeat bottom center/cover;
    padding-top: 0.95rem;
  }
  .section-bnr-benefage .ttl-sub {
    font-size: 0.4rem;
    line-height: 1.15;
  }
  .section-bnr-benefage .ttl-large {
    font-size: 0.8rem;
    margin-top: 0.1rem;
  }
}


/* ↓↓TOP変更後↓↓ */
.ttl-top {
  color: #fff;
  font-size: 48px;
  letter-spacing: 0.04em;
  text-align: center;
  margin-top: 6%;
  text-shadow: 0px 0px 5px #000;

  font-family: "operetta-12", serif;
  font-weight: 600;
  font-style: normal;
}
.ttl-top.cam {
  color: #000;
  text-align: center;
  margin-top: 9%;
  text-shadow: none;
  font-weight: bold;
}

.section-service-ttl {
  background: url("../img/top/ttl_services.jpg") no-repeat right top/cover;
  padding: 90px 0 140px;
  margin-top: 100px;
}

.section-products-ttl {
  background: url("../img/top/ttl_products.jpg") no-repeat right top/cover;
  padding: 90px 0 140px;
  margin-bottom: 80px;
}

.section-company-ttl {
  background: url("../img/top/ttl_company.jpg") no-repeat right top/cover;
  padding: 120px 0 170px;
  margin: 0;
}

.section-company-txt {
  margin: 60px 0;
}
.section-company-txt .ttl {
  font-size: 40px;
  font-weight: 700;
  line-height: 1.2;
  margin-bottom: 30px;
  letter-spacing: 0.01em;
}
.section-company-txt .ttl span {
  color: #e60012;
}
.section-company-txt .txt {
  line-height: 1.8;
  letter-spacing: 0.05em;
}

.section-company-performance {
  background: url("../img/top/ttl_aboutus.jpg") no-repeat right top/cover;
  padding: 90px 0 140px;
  text-align: center;
}
.section-company-performance .wrapper {
  text-align: center;
  color: #fff;
}
.section-company-performance .wrapper .ttl {
  font-size: 42px;
  font-weight: 600;
  letter-spacing: 0.05em;
  margin-bottom: 40px;
}
.section-company-performance .wrapper .txt {
  margin-bottom: 50px;
  letter-spacing: 0.05em;
  line-height: 1.6;
}

@media screen and (max-width: 768px) {
  .ttl-top {
    font-size: 0.7rem;
    margin-top: 13%;
  }
  .section-service-ttl {
    background: url("../img/top/sp/ttl_services.jpg") no-repeat right top/cover;  }
  .section-products-ttl {
    background: url("../img/top/sp/ttl_products.jpg") no-repeat right top/cover;  }
  .section-company-ttl {
    background: url("../img/top/sp/ttl_company.jpg") no-repeat right top/cover;
  }
  .section-company-performance .wrapper .ttl {
    font-size: 40px;
    margin-bottom: 40px;
  }
}
/* ↑↑TOP変更後↑↑ */


/* ↓↓201912：キャンペーン追加↓↓ */
.section-campaign {
	text-align: center;
}
.section-campaign .campaign {
	display: flex;
	justify-content: space-between;
}
.section-campaign .campaign img {
	width: 560px;
}
.section-campaign p {
	letter-spacing: 0.05em;
	line-height: 1.875;
	margin: 30px 0 40px;
}
.section-campaign .movie {
  display: flex;
  justify-content: space-evenly;
  flex-wrap: wrap;
  margin: 40px 0;
  text-align: center;
  width: 100%;
}
.section-campaign .movie .mvBox {
  width: 40%;
}
.section-campaign .movie .mvBox.one {
  width: 60%;
}
.section-campaign .movie .mvBox iframe {
  width: 100%;
  height: 30vh;
}
.section-campaign .movie .mvBox.one iframe {
  height: 45vh;
}
.btn-movie {
  margin: 0 auto;
}
.btn-movie.sns {
  margin: 0;
}
.btn-movie .btn {
  display: inline-block;
  background: #dc0112;
  color: #fff;
  font-size: 16px;
  letter-spacing: 0.1em;
  text-align: center;
  border-radius: 80px;
  padding: 25px;
  width: 260px;
  transition: 0.4s;
}
.btn-movie .btn::after {
  content: url("../img/common/ico_link-window.png");
  padding-left: 5px;
}
.btn-movie .btn:hover {
  background: #333;
}

@media screen and (max-width: 768px) {
	.section-campaign .campaign {
	  flex-wrap: wrap;
	}
	.section-campaign .campaign img {
	  width: 100%;
	}
	.section-campaign .campaign img:first-child {
	  margin-bottom: 20px;
	}
	.section-campaign .movie {
	  display: block;
	  margin: 40px 0 10px;
	}
	.section-campaign .movie .mvBox {
	  width: 100%;
	}
	.section-campaign .movie iframe {
	  width: 100%;
	  margin-bottom: 30px;
	}
	.btn-movie .btn {
	  font-size: 18px;
	  width: 80%;
	}
	.btn-movie.sns.center {
	  text-align: center;
	}
	.btn-movie.sns {
	  width: 100%;
	  margin-bottom: 80px;
	}
	.section-campaign .movie .mvBox.one {
	  width: 100%;
	}
	.section-campaign .movie .mvBox.one iframe {
	  height: 30vh;
	}
}
/* ↑↑201912：キャンペーン追加↑↑ */

/* ↓↓202004：NOTICE追加↓↓ */
.section-notice {
	margin: 80px 0;
	text-align: center;
}
.section-notice p.notice {
	border: 2px solid #e01a2a;
	background: #fdf6e8;
	padding: 20px;
	margin-top: 20px;
}
.section-notice p {
	letter-spacing: 0.05em;
	line-height: 1.6;
}
.section-notice p span {
	font-weight: bold;
	color: #e01a2a;
}
.section-notice a {
	text-decoration: underline;
}
/* ↑↑202004：NOTICE追加↑↑ */

.section-flavor-lineup {
  width: 980px;
  margin: 145px auto 0;
}
.section-flavor-lineup.second-lineup {
  margin-top: 100px;
}
.section-flavor-lineup .img-lineup {
  position: relative;
  margin-top: 30px;
}
.section-flavor-lineup .img-lineup p.org-lineup-01 {
  position: absolute;
  top: 408px;
  left: 20px;
}
.section-flavor-lineup .img-lineup p.org-lineup-02 {
  position: absolute;
  top: 408px;
  left: 265px;
}
.section-flavor-lineup .img-lineup p.org-lineup-03 {
  position: absolute;
  top: 408px;
  left: 511px;
}
.section-flavor-lineup .img-lineup p.org-lineup-04 {
  position: absolute;
  top: 408px;
  left: 756px;
}
.section-flavor-lineup .feature-lineup {
  margin-top: 100px;
  padding-bottom: 400px;
  background: url("../img/product/orgarich/bg_feature.png") no-repeat bottom center/100%;
}
.section-flavor-lineup .feature-lineup .ttl-feature {
  border: 1px solid #93847a;
  letter-spacing: 0.05em;
  line-height: 1;
  font-size: 36px;
  color: #635332;
  padding: 30px 5px;
}
.section-flavor-lineup .feature-lineup .list-feature {
  padding: 0 90px;
  margin-top: 40px;
}
.section-flavor-lineup .feature-lineup .list-feature > li {
  margin-bottom: 75px;
}
.section-flavor-lineup .feature-lineup .list-feature > li:last-child {
  margin-bottom: 0;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .stt {
  font-size: 66px;
  font-style: italic;
  color: #ee8755;
  font-weight: 700;
  line-height: 1;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .ct-feature {
  -moz-flex: 1;
  -ms-flex: 1;
  flex: 1;
  padding-left: 28px;
  margin-top: 5px;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner {
  margin-bottom: 40px;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner:last-child {
  margin-bottom: 0;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl {
  font-size: 19px;
  letter-spacing: 0.05em;
  line-height: 1.57895;
  font-weight: 700;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl.brown {
  color: #5e4525;
  margin-bottom: 10px;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl.eco-ttl {
  padding-right: 280px;
  background: url("../img/product/orgarich/logo_ecocert.png") no-repeat right 175px center/84px;
}
.section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl.small-black {
  font-size: 16px;
  color: #333;
  margin-bottom: 5px;
}
.section-flavor-lineup .feature-lineup .list-feature .img-fea {
  margin-top: 20px;
}
.section-flavor-lineup .feature-lineup .list-feature .list-note {
  margin-top: 25px;
}
.section-flavor-lineup .feature-lineup .list-feature .list-note li {
  font-size: 14px;
  letter-spacing: 0.05em;
  line-height: 1.71429;
  padding-left: 18px;
  text-indent: -18px;
}

.list-step-linup {
  padding: 0 90px;
  margin-top: 50px;
}
.list-step-linup li {
  margin-bottom: 75px;
}
.list-step-linup .info-product {
  flex-wrap: wrap;
  margin-top: 35px;
}
.list-step-linup .info-product .img-product {
  width: 360px;
  float: left;
}
.list-step-linup .info-product .name-product {
  float: right;
  width: 440px;
  padding-left: 40px;
  font-weight: bold;
  color: #635332;
  letter-spacing: 0.05em;
}
.list-step-linup .info-product .name-product .name {
  font-size: 24px;
  line-height: 1.25;
  margin-top: 5px;
}
.list-step-linup .info-product .product-uses {
  float: right;
  width: 440px;
  padding-left: 40px;
  margin-top: 30px;
}
.list-step-linup .info-product .product-uses .uses-ttl {
  font-size: 20px;
  font-weight: 700;
}
.list-step-linup .info-product:after {
  content: "";
  clear: both;
  display: table;
}
.list-step-linup .product-efficence {
  margin-top: 30px;
}
.list-step-linup p.note {
  font-size: 12px;
  letter-spacing: 0.05em;
  margin-top: 15px;
}

.ttl-bw-cm {
  background: url("../img/product/orgarich/bg_ttl_bw.png") repeat-x center/auto 100%;
  color: #fff;
  padding: 27px 5px;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.05em;
  text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.75);
  border: 1px solid #93847a;
}

@media only screen and (min-width: 769px) {
  .list-step-linup .product-efficence .block-effi {
    display: none;
  }
}

/* PAGE Orgarich */
@media only screen and (max-width: 768px) {
  .section-bnr-orgarich {
    height: 8rem;
    background: url("../img/product/orgarich/sp/bg_banner.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-orgarich .lgo-orgarich {
    width: 3.24rem;
    top: 2.04rem;
    left: 3.85rem;
  }

  .section-flavor-organich {
    width: 100%;
  }
  .section-flavor-organich .ttl-flavor {
    font-size: 0.6rem;
    line-height: 1;
    padding: 0;
  }
  .section-flavor-organich .block-flavor {
    margin: 0.25rem 0 1rem;
    padding: 0;
  }
  .section-flavor-organich .block-flavor .ttl-block {
    font-size: 0.4rem;
    line-height: 1.15;
  }
  .section-flavor-organich .block-flavor p {
    margin-top: 0.25rem;
  }
  .section-flavor-organich .block-flavor .img-block {
    margin-top: 0.25rem;
  }
  .section-flavor-organich .note-flavor {
    font-size: 0.18rem;
    line-height: 1.66667;
    margin-top: -0.2rem;
  }
}

/* PAGE Vegas */
@media only screen and (max-width: 768px) {
  .section-bnr-vegas {
    height: 8rem;
    background: url("../img/product/vegas/sp/bg_banner.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-vegas .lgo-vegas {
    width: 5rem;
    top: 1rem;
    left: 0.4rem;
  }

  .section-flavor-vegas {
    width: 100%;
  }
  .section-flavor-vegas .ttl-flavor {
    font-size: 0.6rem;
    line-height: 1;
  }
  .section-flavor-vegas .products .productsbox {
    flex-wrap: wrap;
    justify-content: center;
  }
  .section-flavor-vegas .products .productsbox div {
    margin-bottom: 50px;
    text-align: center;
    width: 320px;
  }
  .section-flavor-vegas .point {
    flex-wrap: wrap;
  }
  .section-flavor-vegas .point .pointbox img {
    display: block;
    height: auto;
    width: 117px;
  }
  .section-flavor-vegas .point .pointbox {
    margin-bottom: 40px;
  }

  .section-flavor-vegas .eyecare .eyecarebox {
    display: flex;
    justify-content: space-between;
    margin: 20px 0;
  }
  .section-flavor-vegas .eyecare .eyecare-feature {
    display: flex;
    justify-content: space-between;
    margin: 40px 0 20px;
  }
  .section-flavor-vegas .eyecare .eyecare-feature .eyecare-img {
    width: 100%;
    margin-right: 0;
    text-align: center;
  }
  .section-flavor-vegas .eyecare .eyecare-step {
    margin-top: 80px;
  }
  .section-flavor-vegas .eyecare .eyecare-step .step {
    flex-wrap: wrap;
    margin: 40px 0 20px;
  }
  .section-flavor-vegas .eyecare .eyecare-step .step .stepbox {
    width: 100%;
    margin-bottom: 50px;
  }
  .section-flavor-vegas .eyecare .eyecare-step .comp {
    flex-wrap: wrap;
  }
  .section-flavor-vegas .eyecare .eyecare-step .comp .compbox {
    margin-bottom: 50px;
  }
  .section-flavor-vegas .eyecare .eyecare-step .tip {
    flex-wrap: wrap;
  }
  .section-flavor-vegas .eyecare .eyecare-step .facecare-comp {
    flex-wrap: wrap;
  }
  .section-flavor-vegas .eyecare .eyecare-step .facecare-comp .compbox {
    padding-bottom: 40px;
    margin: 0 auto;
  }
  .section-flavor-vegas .eyecare .eyecare-step .facecare-comp .compbox:last-child {
    padding-bottom: 0px;
  }
  .section-flavor-vegas .eyecare .eyecare-step .scalpcare-comp {
    flex-wrap: wrap;
  }
  .section-flavor-vegas .eyecare .eyecare-step .scalpcare-comp .compbox {
    margin-bottom: 40px;
  }
  .section-flavor-vegas .eyecare .eyecare-step .step-scalpcare {
    flex-wrap: wrap;
  }
  .section-flavor-vegas .eyecare .eyecare-step .step-scalpcare .stepbox {
    flex-wrap: wrap;
    margin-bottom: 40px;
  }


.section-flavor-vegas p.feature-ttl {
  font-size: 36px;
  line-height: 46px;
  margin-bottom: 30px;
}
.section-flavor-vegas p.txt {
  letter-spacing: 0.05em;
  line-height: 32px;
}


.section-flavor-vegas .eyecare .eyecarebox {
  flex-wrap: wrap;
}
.section-flavor-vegas .eyecare .eyecare-feature {
  flex-wrap: wrap;
}
.section-flavor-vegas .eyecare .eyecare-feature .eyecare-img {
  width: 100%;
  margin-right: 0;
}


  .section-flavor-vegas .block-flavor {
    margin: 0.25rem 0 1rem;
    padding: 0;
  }
  .section-flavor-vegas .block-flavor .ttl-block {
    font-size: 0.4rem;
    line-height: 1.15;
  }
  .section-flavor-vegas .block-flavor p {
    margin-top: 0.25rem;
  }
  .section-flavor-vegas .block-flavor .img-block {
    margin-top: 0.25rem;
  }
  .section-flavor-vegas .note-flavor {
    font-size: 0.18rem;
    line-height: 1.66667;
    margin-top: -0.2rem;
  }

  .section-flavor-lineup {
    width: auto;
    margin-top: 1.4rem;
  }
  .section-flavor-lineup .text-step {
    font-weight: 700;
    font-size: 0.4rem;
    line-height: 1.15;
    color: #635334;
    letter-spacing: 0.05em;
    margin-top: 0.3rem;
  }
  .section-flavor-lineup .feature-lineup {
    margin: 1rem -0.3rem 0;
    padding: 0 0.3rem 3.5rem;
    background: url("../img/product/orgarich/bg_feature.png") no-repeat bottom center/100%;
  }
  .section-flavor-lineup .feature-lineup .ttl-feature {
    font-size: 0.6rem;
    padding: 0.35rem 0.05rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature {
    padding: 0;
    margin-top: 0.42rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature > li {
    margin-bottom: 0.6rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .stt {
    font-size: 0.8rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .ct-feature {
    padding-left: 0.3rem;
    margin-top: 0.05rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner {
    margin-bottom: 0.4rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl {
    font-size: 0.32rem;
    line-height: 1.25;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl.brown {
    margin-bottom: 0.1rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl.eco-ttl {
    padding-right: 1.4rem;
    background-size: 0.8rem;
    background-position: right top;
  }
  .section-flavor-lineup .feature-lineup .list-feature .up-bl .block-inner .ttl.small-black {
    font-size: 0.28rem;
    line-height: 1.07143;
    margin-bottom: 0.05rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .img-fea {
    margin-top: 0.2rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .img-fea.t02 {
    padding-left: 0.25rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .list-note {
    margin-top: 0.2rem;
  }
  .section-flavor-lineup .feature-lineup .list-feature .list-note li {
    font-size: 0.18rem;
    line-height: 1.33333;
    padding-left: 0.2rem;
    text-indent: -0.22rem;
  }

  .list-step-linup {
    padding: 0.3rem 0.3rem 0.5rem;
    margin-top: 0.25rem;
    background: #fef9e6;
  }
  .list-step-linup li {
    margin-bottom: 0.4rem;
  }
  .list-step-linup .info-product {
    margin-top: 0.4rem;
  }
  .list-step-linup .info-product .img-product {
    width: 1.9rem;
  }
  .list-step-linup .info-product .name-product {
    width: calc(100% - 1.9rem);
    color: #2c2c2c;
    padding-left: 0.8rem;
  }
  .list-step-linup .info-product .name-product .category {
    font-size: 0.28rem;
    letter-spacing: 0.01em;
    line-height: 1;
  }
  .list-step-linup .info-product .name-product .name {
    font-size: 0.5rem;
    line-height: 1.12;
    margin-top: 0.1rem;
  }
  .list-step-linup .info-product .name-product .name span {
    display: inline-block;
    font-size: 0.36rem;
    line-height: 1;
    margin-top: 0.36rem;
  }
  .list-step-linup .info-product .product-uses {
    width: 100%;
    padding-left: 0;
    margin-top: 0.6rem;
  }
  .list-step-linup .info-product .product-uses .uses-ttl {
    font-size: 0.36rem;
    font-weight: 400;
    color: #b1752c;
    line-height: 1.16667;
    margin-bottom: 0.25rem;
  }
  .list-step-linup .product-efficence {
    margin-top: 0.6rem;
  }
  .list-step-linup .product-efficence .block-effi {
    margin-bottom: 0.5rem;
  }
  .list-step-linup .product-efficence .block-effi .ttl-effi {
    color: #2c2c2c;
    font-size: 0.4rem;
    line-height: 1;
    letter-spacing: 0.05em;
    background: #f5e9d7;
    padding: 0.2rem 0;
    margin-bottom: 0.24rem;
  }
  .list-step-linup p.note {
    display: none;
  }

  .section-main-orgarich {
    padding: 0.85rem 0 1.2rem;
  }

  .section-main-vegas {
    padding: 0.85rem 0 1.2rem;
  }

  .ttl-bw-cm {
    padding: 0.35rem 0.05rem;
    font-size: 0.6rem;
  }
}

/* PAGE SpeedE */
.section-bnr-speede {
  height: 500px;
  background: url("../img/product/speede/bnr_page.jpg") no-repeat top left/cover;
}
.section-bnr-speede.cn {
  height: 500px;
  background: url("../img/product/speede/cn/bnr_page.jpg") no-repeat top left/cover;
}
.section-bnr-speede .wrapper {
  position: relative;
}
.section-bnr-speede .lgo-speede {
  position: absolute;
  width: 400px;
  top: 50px;
  left: 50px;
}
.section-main-speede {
  background: #fff;
  padding: 70px 0 95px;
  color: #333;
}
.section-flavor-speede {
  width: 980px;
  margin: 0 auto;
}
.section-flavor-speede .ttl-flavor {
  font-size: 56px;
  letter-spacing: 0.05em;
  color: #000;
  line-height: 1.26087;
}
.section-flavor-speede .ttl-flavor span {
  font-size: 36px;
}
.section-flavor-speede .spdE-img1 img {
  padding-bottom: 40px;
}

.section-flavor-speede .block-flavor {
  margin: 20px 0 45px;
}
.section-flavor-speede .block-flavor .ttl-block-bg {
  position: relative;
  text-align: center;
  margin-top: 20px;
}
.section-flavor-speede .block-flavor .ttl-block-bg p {
  position: absolute;
  font-size: 20px;
  line-height: 28px;
  letter-spacing: 0.05em;
  color: #000;
  top: 0;
  left: 0;
  right: 0;
}
.section-flavor-speede .block-flavor .movie {
  margin: 90px 0 0;
}
.section-flavor-speede .block-flavor .movie img {
  margin-bottom: 40px;
}
.section-flavor-speede .block-flavor .moviebox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.section-flavor-speede .block-flavor .moviebox p {
  font-size: 16px;
  font-weight: bold;
  letter-spacing: 0.03em;
  margin-bottom: 15px;
}
@media screen and (max-width:768px) {
	.section-flavor-speede .block-flavor .moviebox {
	  flex-wrap: wrap;
	  justify-content: none;
	}
	.section-flavor-speede .block-flavor .moviebox p {
	  font-size: 18px;
	}
	.section-flavor-speede .block-flavor .moviebox ul {
	  width: 100%;
	  margin-bottom: 60px;
	}
}

.section-flavor-speede .block-flavor .block-belief1 {
  display: flex;
}
.section-flavor-speede .block-flavor .block-belief1 .txt {
  font-size: 32px;
  line-height: 1.6;
  padding-top: ;
  width: 430px;
}
.section-flavor-speede .block-flavor .block-belief1 img {
  width: 600px;
}
.section-flavor-speede .block-flavor .block-belief2 {
  position: relative;
}
.section-flavor-speede .block-flavor .block-belief2 .ttl {
  position: absolute;
  font-size: 40px;
  line-height: 1.6;
  top: 36px;
  left: 117px;
  width: 740px;
}
.section-flavor-speede .block-flavor .block-belief2 .txt {
  position: absolute;
  font-size: 16px;
  line-height: 1.6;
  top: 120px;
  left: 110px;
  width: 780px;
}

.section-flavor-speede .block-flavor .block-howto .ttl {
  font-size: 46px;
  color: #c99f52;
  border-bottom: solid 5px;
  padding-bottom: 15px;
  margin: 70px 0 50px;
}
.section-flavor-speede .block-flavor .block-howto .ttl span {
  font-size: 36px;
}
.section-flavor-speede .block-flavor .block-howto .step-ttl {
  font-size: 18px;
  line-height: 1.8;
  padding: 20px 0 30px;
}
.section-dt-speede {
  background: url("../img/product/speede/about2_bg.gif") repeat;
  padding-bottom: 100px;
}
.section-dt-speede .ttl-detail {
  font-size: 42px;
  letter-spacing: 0.05em;
  color: #000;
  line-height: 1.1;
  padding: 80px 0 40px;
}
.section-dt-speede .txt-att {
  font-size: 16px;
  color: #000;
  line-height: 1.1;
  padding-top: 10px;
}
.tsw {
  text-shadow: 
    white 2px 1px 2px, white -2px 1px 2px,
    white 2px -1px 2px, white -2px -1px 2px,
    white 1px 1px 2px, white -1px 1px 2px,
    white 1px -1px 2px, white -1px -1px 2px;
}
.tsbk {
  text-shadow: 
    black 2px 0px 2px, black -2px 0px 2px,
    black 0px -2px 2px, black -2px 0px 2px,
    black 1px 2px 2px, black -1px 2px 2px,
    black 1px -2px 2px, black -1px -2px 2px,
    black 2px 1px 2px, black -2px 1px 2px,
    black 2px -1px 2px, black -2px -1px 2px,
    black 1px 1px 2px, black -1px 1px 2px,
    black 1px -1px 2px, black -1px -1px 2px;
}

.section-ph-speede {
  height: 460px;
  background: url("../img/product/speede/omoi_bg.jpg") no-repeat top center/cover;
}
.section-ph-speede.cn {
  height: 460px;
  background: url("../img/product/speede/cn/omoi_bg.jpg") no-repeat top center/cover;
}
.section-ph-speede .wrapper {
  position: relative;
}
.section-ph-speede .ttl-txt {
  position: absolute;
  font-size: 30px;
  top: 180px;
  left: 50px;
}
.section-ph-speede .ttl-txt span {
  font-size: 60px;
}
.section-ph-speede .txt {
  position: absolute;
  font-size: 18px;
  line-height: 1.8;
  top: 260px;
  left: 50px;
  width: 550px;
}

.section-ph2-speede {
  height: 247px;
  background: url("../img/product/speede/omoi2_bg.jpg") no-repeat top center/cover;
}
.section-ph2-speede .wrapper {
  position: relative;
}
.section-ph2-speede .txt {
  position: absolute;
  font-size: 30px;
  line-height: 1.4;
  letter-spacing: 0.05em;
  top: 56px;
  text-align: center;
  left: 0;
  right: 0;
}
.section-ph2-speede .txt span {
  font-size: 46px;
}

.section-ft-speede {
  background: url("../img/product/speede/detail_bg.gif") repeat;
  padding-bottom: 100px;
}
.section-ft-speede .wrapper {
  position: relative;
}
.section-ft-speede .ft-1 {
  position: relative;
}
.section-ft-speede .ft-1 .txt {
  position: absolute;
  font-size: 26px;
  line-height: 1.6;
  top: 180px;
  left: 140px;
  color: #fff;
}
.section-ft-speede .ft-2 {
  position: relative;
}
.section-ft-speede .ft-2 .txt1 {
  position: absolute;
  font-size: 20px;
  line-height: 1.6;
  top: 200px;
  right: 60px;
  color: #fff;
  width: 600px;
}
.section-ft-speede .ft-2 .txt2 {
  position: absolute;
  font-size: 32px;
  line-height: 1.4;
  top: 340px;
  right: 60px;
  color: #fff;
  width: 600px;
}

.section-ft-speede .ft-3 {
  position: relative;
}
.section-ft-speede .ft-3 .txt-ttl {
  position: absolute;
  font-size: 28px;
  line-height: 1.4;
  top: 180px;
  left: 40px;
  color: #fff;
  width: 630px;
}
.section-ft-speede .ft-3 .txt-ttl span.txtL {
  font-size: 36px;
}
.section-ft-speede .ft-3 .txt-ttl span.txtS {
  font-size: 22px;
}
.section-ft-speede .ft-3 .txt {
  position: absolute;
  font-size: 22px;
  line-height: 1.6;
  top: 380px;
  left: 40px;
  color: #fff;
  width: 520px;
}
.section-ft-speede .ft-4 {
  position: relative;
  font-size: 20px;
  line-height: 1.6;
  color: #fff;
}
.section-ft-speede .ft-4 .txt1 {
  position: absolute;
  top: 360px;
  left: 40px;
  width: 460px;
}
.section-ft-speede .ft-4 .txt2 {
  position: absolute;
  top: 360px;
  left: 600px;
  width: 460px;
}
.section-ft-speede .ft-4 .txt2 span {
  font-size: 14px;
  line-height: 2;
  padding-top: 20px;
  display: block;
}

.section-ft-speede .ft-6 {
  position: relative;
}
.section-ft-speede .ft-6 .txt-ttl {
  position: absolute;
  font-size: 28px;
  line-height: 1.5;
  top: 170px;
  left: 40px;
  color: #fff;
  width: 650px;
}
.section-ft-speede .ft-6 .txt {
  position: absolute;
  font-size: 18px;
  line-height: 1.6;
  top: 310px;
  left: 40px;
  color: #fff;
  width: 880px;
}

.section-ft-speede .ft-7 {
  position: relative;
  color: #fff;
}
.section-ft-speede .ft-7 .txt1 {
  position: absolute;
  font-size: 30px;
  top: 185px;
  left: 0;
  right: 0;
  text-align: center;
}
.section-ft-speede .ft-7 .txt2 {
  position: absolute;
  font-size: 28px;
  line-height: 1.4;
  top: 710px;
  left: 0;
  right: 0;
  text-align: center;
}
.section-ft-speede .ft-7 .txt2 span {
  font-size: 18px;
  line-height: 1.6;
  padding-top: 10px;
  display: block;
}

.section-ft-speede .ft-8 {
  position: relative;
}
.section-ft-speede .ft-8 .txt1,
.section-ft-speede .ft-8 .txt2 {
  position: absolute;
}
.section-ft-speede .ft-8 .txt1 {
  font-size: 30px;
  line-height: 1.4;
  color: #e0c99c;
  top: 40px;
  left: 0;
  right: 0;
  text-align: center;
}
.section-ft-speede .ft-8 .txt2 {
  font-size: 14px;
  color: #fff;
  line-height: 2;
  top: 140px;
  left: 160px;
  width: 800px;
}

.section-pick-speede {
  height: 430px;
  background: url("../img/product/speede/unisex_bg.jpg") no-repeat top center/cover;
  margin-bottom: 80px;
}
.section-pick-speede.cn {
  height: 430px;
  background: url("../img/product/speede/cn/unisex_bg.jpg") no-repeat top center/cover;
  margin-bottom: 80px;
}
.section-prdct-speede .itembox {
  position: relative;
  margin-top: 40px;
}
.section-prdct-speede .itembox .prdct1 {
  position: absolute;
  top: 560px;
  left: 61px;
}
.section-prdct-speede .itembox .prdct2 {
  position: absolute;
  top: 560px;
  left: 421px;
}
.section-prdct-speede .itembox .prdct3 {
  position: absolute;
  top: 560px;
  left: 781px;
}

.section-faq-speede {
  margin: 30px 0 80px;
  letter-spacing: 0.05em;
  line-height: 1.4;
}
.section-faq-speede .block-faq .ttl {
  font-size: 36px;
  color: #c99f52;
  border-bottom: solid 5px;
  padding-bottom: 15px;
  margin: 70px 0 30px;
  text-align: center;
}
.section-faq-speede .block-faq .ttl span {
  font-size: 46px;
}
.section-faq-speede .block-faq .faq-ttl {
  font-size: 18px;
  text-align: center;
}
.section-faq-speede .block-faq .faqbox {
  background: #cbb895;
  font-size: 20px;
  padding: 25px 0 25px 40px;
  margin-top: 40px;
  display: flex;
  flex-wrap: wrap;
}
.section-faq-speede .block-faq .faq-Qtxt {
  font-weight: 400;
  padding-left: 30px;
  width: 960px;
}
.section-faq-speede .block-faq .faq-Atxt {
  font-size: 18px;
  padding: 25px 0 25px 30px;
}
.section-faq-speede .block-faq .faqbox img {
  height: 27px;
}

/* SpeedE スマホ版 */
@media only screen and (max-width: 768px){
  .section-dt-speede .ttl-detail {
    font-size: 36px;
    line-height: 1.3;
  }
  .section-flavor-speede .block-flavor .ttl-block-bg p {
    font-size: 18px;
    top: 0;
  }
  .section-bnr-speede {
    height: 8rem;
    background: url("../img/product/speede/sp/bg_banner.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-speede.cn {
    height: 8rem;
    background: url("../img/product/speede/cn/sp/bg_banner.jpg") no-repeat bottom center/cover;
  }
  .section-bnr-speede .lgo-speede {
    width: 5rem;
    top: 0.5rem;
    left: 0.4rem;
  }
  .section-flavor-speede .spdE-img1 img {
    width: 90%;
    padding: 80px 0 40px;
  }
  .section-ph-speede {
    height: 11rem;
    background: url("../img/product/speede/sp/omoi_bg.jpg") no-repeat top center/cover;
  }
  .section-ph-speede.cn {
    height: 11rem;
    background: url("../img/product/speede/cn/sp/omoi_bg.jpg") no-repeat top center/cover;
  }
  .section-ph-speede .ttl-txt {
    font-size: 24px;
    line-height: 1.2;
    top: 260px;
    left: 4%;
  }
  .section-ph-speede .ttl-txt span {
    font-size: 44px;
  }
  .section-ph-speede .txt {
    position: absolute;
    font-size: 13px;
    line-height: 1.6;
    top: 355px;
    left: 4%;
    width: 90%;
  }
  .section-ph2-speede .txt {
    font-size: 24px;
    line-height: 1.2;
    top: 36px;
    left: 3%;
    right: 3%;
  }
  .section-ph2-speede .txt span {
    font-size: 36px;
    line-height: 1;
  }
  .section-ft-speede .ft-1 {
    margin-top: 30px;
  }
  .section-ft-speede .ft-1 .txt {
    font-size: 15px;
    line-height: 1.5;
    top: 90px;
    left: 3%;
    right: 45%;
  }
  .section-ft-speede .ft-2 .txt1 {
    font-size: 12px;
    line-height: 1.6;
    top: 130px;
    left: 39%;
    width: 60%;
  }
  .section-ft-speede .ft-2 .txt2 {
    font-size: 15px;
    line-height: 1.3;
    top: 255px;
    left: 39%;
    width: 60%;
  }
  .section-ft-speede .ft-3 .txt-ttl {
    font-size: 20px;
    line-height: 1.4;
    top: 90px;
    left: 2%;
    width: 96%;
  }
  .section-ft-speede .ft-3 .txt-ttl span.txtL {
    font-size: 30px;
  }
  .section-ft-speede .ft-3 .txt-ttl span.txtS {
    font-size: 16px;
  }
  .section-ft-speede .ft-3 .txt {
    font-size: 15px;
    line-height: 1.7;
    top: 270px;
    left: 2%;
    width: 60%;
  }
  .section-ft-speede .ft-4 {

  }
  .section-ft-speede .ft-4 .txt1 {
    font-size: 12px;
    line-height: 1.6;
    top: 90px;
    left: 48%;
    width: 52%;
  }
  .section-ft-speede .ft-4 .txt2 {
    font-size: 17px;
    line-height: 1.5;
    top: 370px;
    left: 2%;
    width: 98%;
  }
  .section-ft-speede .ft-4 .txt2 span {
    font-size: 13px;
    line-height: 1.4;
    padding-top: 10px;
    display: block;
  }
  .section-ft-speede .ft-6 .txt-ttl {
    font-size: 16px;
    line-height: 1.4;
    top: 100px;
    left: 2%;
    width: 100%;
  }
  .section-ft-speede .ft-6 .txt {
    font-size: 12px;
    line-height: 1.8;
    top: 180px;
    left: 2%;
    width: 86%;
  }
  .section-ft-speede .ft-7 .txt1 {
    font-size: 22px;
    top: 95px;
  }
  .section-ft-speede .ft-7 .txt2 {
    font-size: 16px;
    line-height: 1.4;
    top: 390px;
  }
  .section-ft-speede .ft-7 .txt2 span {
    font-size: 12px;
    line-height: 1.7;
    padding-top: 10px;
    display: block;
  }
  .section-ft-speede .ft-8 .txt1 {
    font-size: 20px;
    line-height: 1.3;
    top: 20px;
    left: 2%;
    right: 2%;
    margin-bottom: 10px;
  }
  .section-ft-speede .ft-8 .txt2 {
    font-size: 11.5px;
    line-height: 1.6;
    top: 140px;
    left: 2%;
    right: 2%;
    width: 98%;
  }
  .section-flavor-speede .block-flavor .block-belief1 {
    flex-wrap: wrap;
  }
  .section-flavor-speede .block-flavor .block-belief1 .txt {
    font-size: 24px;
    line-height: 1.4;
    width: 100%;
  }
  .section-flavor-speede .block-flavor .block-belief1 img {
    width: 100%;
  }
  .section-flavor-speede .block-flavor .block-belief2 {
    margin-top: 40px;
  }
  .section-flavor-speede .block-flavor .block-belief2 .ttl {
    font-size: 32px;
    line-height: 1.1;
    top: 20px;
    left: 6%;
    width: 90%;
  }
  .section-flavor-speede .block-flavor .block-belief2 .txt {
    font-size: 11.5px;
    line-height: 1.6;
    top: 110px;
    left: 6%;
    width: 86%;
  }
  .section-flavor-speede .block-flavor .block-howto .ttl {
    font-size: 40px;
    line-height: 1.2;
    padding-bottom: 20px;
  }
  .section-flavor-speede .block-flavor .block-howto .ttl span {
    font-size: 30px;
  }
  .section-prdct-speede .itembox .prdct1 {
    position: absolute;
    top: 160px;
    left: 2%;
  }
  .section-prdct-speede .itembox .prdct2 {
    position: absolute;
    top: 390px;
    left: 2%;
  }
  .section-prdct-speede .itembox .prdct3 {
    position: absolute;
    top: 670px;
    left: 2%;
  }

  .section-faq-speede .block-faq .ttl {
    font-size: 30px;
    line-height: 1;
  }
  .section-faq-speede .block-faq .ttl span {
    font-size: 40px;
  }
  .section-faq-speede .block-faq .faq-ttl {
    font-size: 18px;
    text-align: center;
  }
  .section-faq-speede .block-faq .faqbox {
    background: #cbb895;
    font-size: 18px;
    padding: 25px;
    margin-top: 40px;
    flex-wrap: wrap;
  }
  .section-faq-speede .block-faq .faq-Qtxt {
    padding-left: 0;
    padding-top: 10px;
    width: 100%;
  }
  .section-faq-speede .block-faq .faq-Atxt {
    font-size: 16px;
    padding: 25px 0;
  }

  .section-flavor-speede {
    width: 100%;
  }
  .section-flavor-speede .ttl-flavor {
    font-size: 0.6rem;
    line-height: 1.2;
    padding: 0;
  }
  .section-flavor-speede .block-flavor {
    margin: 0.25rem 0 1rem;
    padding: 0;
  }
  .section-flavor-speede .block-flavor .ttl-block {
    font-size: 0.4rem;
    line-height: 1.15;
  }
  .section-flavor-speede .block-flavor p {
    margin-top: 0.25rem;
  }
  .section-flavor-speede .block-flavor .img-block {
    margin-top: 0.25rem;
  }
  .section-flavor-speede .note-flavor {
    font-size: 0.18rem;
    line-height: 1.66667;
    margin-top: -0.2rem;
  }
}

/* SpeedE タブレット版 */
/*@media only screen and (max-width: 960px){*/
@media only screen and (max-width: 768px) and (min-width: 480px){
  .section-ph-speede .ttl-txt {
    font-size: 36px;
    top: 500px;
    left: 4%;
  }
  .section-ph-speede .ttl-txt span {
    font-size: 60px;
  }
  .section-ph-speede .txt {
    position: absolute;
    font-size: 18px;
    line-height: 1.8;
    top: 580px;
    left: 4%;
    width: 90%;
  }
  .section-ft-speede .ft-1 {
    margin-top: 30px;
  }
  .section-ft-speede .ft-1 .txt {
    font-size: 20px;
    line-height: 1.8;
    top: 200px;
    left: 3%;
  }
  .section-ft-speede .ft-2 .txt1 {
    font-size: 18px;
    line-height: 1.6;
    top: 230px;
    left: 39%;
    width: 60%;
  }
  .section-ft-speede .ft-2 .txt2 {
    font-size: 28px;
    line-height: 1.6;
    top: 340px;
    left: 39%;
    width: 60%;
  }
  .section-ft-speede .ft-3 .txt-ttl {
    font-size: 20px;
    line-height: 1.5;
    top: 160px;
    left: 2%;
    width: 96%;
  }
  .section-ft-speede .ft-3 .txt-ttl span.txtL {
    font-size: 30px;
  }
  .section-ft-speede .ft-3 .txt-ttl span.txtS {
    font-size: 16px;
  }
  .section-ft-speede .ft-3 .txt {
    font-size: 16px;
    line-height: 1.7;
    top: 340px;
    left: 2%;
    width: 60%;
  }
  .section-ft-speede .ft-4 {

  }
  .section-ft-speede .ft-4 .txt1 {
    font-size: 18px;
    line-height: 1.6;
    top: 180px;
    left: 48%;
    width: 52%;
  }
  .section-ft-speede .ft-4 .txt2 {
    font-size: 22px;
    line-height: 1.8;
    top: 710px;
    left: 2%;
    width: 98%;
  }
  .section-ft-speede .ft-4 .txt2 span {
    font-size: 16px;
    line-height: 2;
    padding-top: 20px;
    display: block;
  }
  .section-ft-speede .ft-6 .txt-ttl {
    font-size: 22px;
    line-height: 1.8;
    top: 170px;
    left: 2%;
    width: 90%;
  }
  .section-ft-speede .ft-6 .txt {
    font-size: 16px;
    line-height: 1.8;
    top: 270px;
    left: 2%;
    width: 86%;
  }
  .section-ft-speede .ft-7 .txt1 {
    font-size: 28px;
    top: 190px;
  }
  .section-ft-speede .ft-7 .txt2 {
    font-size: 28px;
    line-height: 1.6;
    top: 700px;
  }
  .section-ft-speede .ft-7 .txt2 span {
    font-size: 16px;
    line-height: 1.7;
    padding-top: 10px;
    display: block;
  }
  .section-ft-speede .ft-8 .txt1 {
    font-size: 32px;
    line-height: 1.4;
    top: 50px;
    left: 6%;
    right: 6%;
    margin-bottom: 10px;
  }
  .section-ft-speede .ft-8 .txt2 {
    font-size: 18px;
    line-height: 1.8;
    top: 180px;
    left: 6%;
    right: 6%;
    width: 88%;
  }
  .section-prdct-speede .itembox .prdct1 {
    position: absolute;
    top: 300px;
    left: 2%;
  }
  .section-prdct-speede .itembox .prdct2 {
    position: absolute;
    top: 700px;
    left: 2%;
  }
  .section-prdct-speede .itembox .prdct3 {
    position: absolute;
    top: 1240px;
    left: 2%;
  }
  .section-flavor-speede .block-flavor .block-belief1 .txt {
    font-size: 30px;
    line-height: 1.4;
    width: 100%;
  }
  .section-flavor-speede .block-flavor .block-belief2 .ttl {
    font-size: 40px;
    line-height: 1.6;
    top: 30px;
    left: 8%;
    width: 90%;
  }
  .section-flavor-speede .block-flavor .block-belief2 .txt {
    font-size: 14px;
    line-height: 1.6;
    top: 130px;
    left: 8%;
    width: 86%;
  }
}

/* ==== PRODUCTS ==== */
.section-prdct-page .prdct-menu {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 60px 0;
}
.section-prdct-page .prdct-box {
  margin: 80px 0 300px;
}
.section-prdct-page .prdct-box .prdct-ttl {
  font-size: 56px;
  font-weight: bold;
  border-bottom: solid 6px #000;
  padding-bottom: 12px;
  margin-bottom: 40px;
}
.section-prdct-page .prdct-box .box {
	display: flex;
	justify-content: flex-start;
	margin-bottom: 200px;
	text-align: left;
	font-size: 16px;
	line-height: 20px;
	position: relative;
}
.section-prdct-page .prdct-box .box .webbox {
	margin-right: 40px;
	width: 260px;
}
.section-prdct-page .prdct-box .box .webbox img {
	width: 260px;
}
.section-prdct-page .prdct-box .box div:nth-child(4) {
	margin-right: 0;
}
.section-prdct-page .prdct-box .box p {
	font-weight: bold;
	line-height: 24px;
	margin: 20px 0 15px;
}
.section-prdct-page .prdct-box .box p.price {
	font-size: 16px;
	margin-bottom: 20px;
}
.section-prdct-page .prdct-box .box .btn {
	position: absolute;
	top: 96%;
}

@media screen and (max-width: 768px) {
	.section-prdct-page .prdct-box .box {
		flex-wrap: wrap;
	}
	.section-prdct-page .prdct-box .box .webbox {
		margin-right: 0;
		width: 100%;
	}
	.section-prdct-page .prdct-box .box .webbox img {
		width: 100%;
	}
	.section-prdct-page .prdct-box .box .btn {
		position: static;
	}
	.section-prdct-page .prdct-box .box {
		margin-bottom: 0;
	}
	.anchor {
	    padding-top: 70px;
	    margin-top: -70px;
	}
}

/* Anchor */
.anchor {
    display: block;
    padding-top: 50px;
    margin-top: -50px;
}





/* Button */
.btn-menu {
  display:inline-block;
  position: relative;
  z-index: 2;
  background-color: #fff;
  border: 1px solid #000;
  color: #000;
  line-height: 50px;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  text-shadow: none;
  padding: 8px 0;
  width: 373px;
  margin-bottom: 20px;
}
.btn-menu:before {
  content: url(../img/common/ico_prdct_menu.png);
  padding-right: 8px;
}
.btn-menu:hover {
  background-color: #000;
  color: #fff;
}
.btn-menu::before,
.btn-menu::after {
  top: 0;
  width: 50%;
  height: 100%;
}
.btn-menu::before {
  right: 0;
}
.btn-menu::after {
  left: 0;
}
.btn-menu:hover::before,
.btn-menu:hover::after {
  width: 0;
}
.btn-menu:hover::before {
  content: url(../img/common/ico_prdct_menu_wt.png);
  padding-right: 8px;
}
.btn-menu:hover {
  background-color: #000;
  color: #fff;
}

@media screen and (max-width: 768px) {
	.prdct-menu {
	  width: 100%;
	}
	.btn-menu {
	  margin-bottom: 10px;
	}

}

/* PRODUCTS タブレット版 */
@media only screen and (max-width: 768px) and (min-width: 480px){

	.section-bnr-page {
	  */height: 5rem;*/
	}
	.section-prdct-page .prdct-box .box {
		width: 100%;
		flex-wrap: wrap;
	}
	.section-prdct-page .prdct-box .box .webbox {
		width: 48%;
		margin-right: 4%;
	}
	.section-prdct-page .prdct-box .box .webbox:nth-child(2n) {
		margin-right: 0;
	}
	.section-prdct-page .prdct-box .box .webbox img {
		width: 100%;
	}
	.section-prdct-page .prdct-box .box .btn {
		position: static;
	}
	.section-prdct-page .prdct-box .box {
		margin-bottom: 0;
	}
	.section-prdct-page .prdct-box .box p {
		width: 100%;
	}
	.addcart.prdct {
		width: 100%;
	}
	.btn-pr-detail {
		width: 100%;
	}

/* Button */
	.btn-menu {
	  font-size: 18px;
	  width: 340px;
	  margin-bottom: 10px;
	}
}


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


.headIco {
  margin-left: 15px;
}