@charset "UTF-8";
* {
  -webkit-tap-highlight-color: transparent;
}

html,
body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
table,
tr,
th,
td,
form,
figure {
  font-size: inherit;
  margin: 0;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

summary {
  display: block;
}

table {
  border-collapse: collapse;
  empty-cells: show;
}

th,
td {
  text-align: left;
  vertical-align: top;
}

li {
  list-style: none;
}

img {
  vertical-align: top;
}

input,
textarea,
select {
  font-family: inherit;
  -webkit-appearance: none;
  -moz-appearance: none;
       appearance: none;
}

input[type=number]::-webkit-outer-spin-button,
input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  appearance: none;
  margin: 0;
}

input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
          appearance: textfield;
}

select::-ms-expand {
  display: none;
}

[disabled] {
  cursor: not-allowed;
}

input[type=button]:not([disabled]), input[type=submit]:not([disabled]), input[type=reset]:not([disabled]),
button[type=button]:not([disabled]),
button[type=submit]:not([disabled]),
button[type=reset]:not([disabled]) {
  cursor: pointer;
}

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

:root {
  font-size: 100px;
}
@media screen and (max-width: 1040px) and (min-width: 751px) {
  :root {
    font-size: 9.6153846154vw;
  }
}
@media screen and (max-width: 750px) {
  :root {
    font-size: 13.3333333333vw;
  }
}

html {
  height: -webkit-fill-available;
}

body {
  min-height: 100vh;
  min-height: -webkit-fill-available;
  min-height: 100vh;
}

#wrap {
  overflow: hidden;
}

.main {
  margin: 100px 0 0;
  color: #505050;
	font-family: "游明朝", "Yu Mincho", "游明朝体", "YuMincho", serif;
  /*font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;*/
  font-size: 16px;
  letter-spacing: 0;
  line-height: 1.875;
}
@media screen and (max-width: 750px) {
  .main {
    margin: 0;
  }
}
@media screen and (max-width: 750px) {
  .main {
    font-size: 0.26rem;
    line-height: 1.6153846154;
  }
}
.main .wrap {
  width: 10rem;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 750px) {
  .main .wrap {
    width: auto;
    padding-right: 0.3rem;
    padding-left: 0.3rem;
  }
}
.main .sp {
  display: none;
}
@media screen and (max-width: 750px) {
  .main .pc {
    display: none;
  }
  .main .sp {
    display: revert;
  }
}
@media screen and (min-width: 751px) {
  .main a[href^="tel:"] {
    pointer-events: none;
  }
}
@media screen and (hover: hover) {
  .main .hov {
    transition: opacity 0.3s;
  }
  @supports (filter: brightness(100%)) {
    .main .hov {
      transition-property: filter;
    }
  }
  .main .hov:hover {
    opacity: 0.8;
  }
  @supports (filter: brightness(100%)) {
    .main .hov:hover {
      filter: brightness(110%);
      opacity: 1;
    }
  }
}
.main .ttl--01 {
  padding-bottom: 36px;
  background: 50% 100% no-repeat;
  font-size: 36px;
  letter-spacing: 0.0588em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .ttl--01 {
    line-height: 1.3913043478;
    padding-bottom: 0.5rem;
    font-size: 0.46rem;
  }
  .main .ttl--01::before, .main .ttl--01::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .ttl--01::before {
    margin-bottom: -0.1956521739em;
  }
  .main .ttl--01::after {
    margin-top: -0.1956521739em;
  }
}
.main .ttl--02 {
  padding: 0;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.0588em;
  line-height: 1;
	text-align: center;
}
@media screen and (max-width: 750px) {
  .main .ttl--02 {
    padding: 0;
    font-size: 0.32rem;
	  line-height: 1.4;
  }
}

/* タイトル共通 太さ */
.main .ttl {
	font-weight: 600;
}

/* ボタン共通
*************************************************/
.main .btn {
  display: block;
}
/* その他のQ＆Aはこちら ボタン */
.main .btn--01 {
  width: 330px;
  background: #fff;
  color: #505050;
  font-weight: bold;
  letter-spacing: 0.042em;
  line-height: 60px;
  text-align: center;
  border:solid 1px #505050;
	margin: 2px auto;
	position: relative;
	font-size: 20px;
}
.main .btn--01::before {
	content: '';
	width: calc(100% + 4px);
	height: calc(100% + 4px);
	border-right: 1px solid #000;
	border-bottom: 1px solid #000; 
	position: absolute; 
	top: 5px;
	left: 5px;
}
.main .btn--01:hover {
	background-color: #fff6f7;
}	
@media screen and (max-width: 750px) {
  .main .btn--01 {
    width: 5.6rem;
    font-size: 0.32rem;
    line-height: 1.2rem;
  }
}

.main .btn--reserve {
  background: #e88a95;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

/* メインイメージ 
*************************************************/
.main .hero .block--01 {
  box-sizing: border-box;
  height: 765px;
  padding: 103px 0 0;
  background: url(../imgs/bg_img_02.webp), url(../imgs/hero@2x.webp);
	background-size: 442px auto, cover;
	background-position: bottom -220px right -50px,  50% 0;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .hero .block--01 {
    height: 12.2rem;
    padding: 6rem 0 0;
    background-image: url(../imgs/bg_img_02_sp.webp), url(../imgs/hero_sp.webp);
    background-size: 200px auto, 100% auto;
	  background-position: bottom -110px right -80px, 50% 0;
	  background-repeat: no-repeat;
  }
}
@media screen and (max-width: 750px) {
  .main .hero .block--01 .line {
    letter-spacing: 0;
  }
}

.main .hero .block--01 .line--03 {
	font-size: 30px;
	margin-left: 80px;
	margin-top: -30px
}
@media screen and (max-width: 750px) {
.main .hero .block--01 .line--03 {
	font-size: 0.4rem;
	margin-left: auto;
	margin-right: auto;
	margin-top: -3.5vw;
	margin-bottom: 0;
	text-align: center;
}
}
.main .hero .block--01 .line--01 {
  width: 445px;
	margin-left: -70px
}
@media screen and (max-width: 750px) {
  .main .hero .block--01 .line--01 {
    width: 5rem;
    margin: 0 auto 0 20px;
  }
}
.main .hero .block--01 .line--02 {
  line-height: 1.2;
  padding: 5px 0 0;
  font-size: 50px;
  letter-spacing: 0.0756em;
	font-weight: 600;
}
.main .hero .block--01 .line--02::before, .main .hero .block--01 .line--02::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .hero .block--01 .line--02::before {
  margin-bottom: -0.25em;
}
.main .hero .block--01 .line--02::after {
  margin-top: -0.25em;
}
@media screen and (max-width: 750px) {
  .main .hero .block--01 .line--02 {
    line-height: 1.2;
    padding: 0.08rem 0 0.1rem;
    font-size: 0.6rem;
    letter-spacing: 0.048em;
    text-align: center;
  }
  .main .hero .block--01 .line--02::before, .main .hero .block--01 .line--02::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .hero .block--01 .line--02::before {
    margin-bottom: -0.2065581254em;
  }
  .main .hero .block--01 .line--02::after {
    margin-top: -0.2065581254em;
  }
}
.main .hero .block--01 .line--02 strong {
  color: #e88a95;
  font-weight: inherit;
}
.main .hero .block--01 .badge {
  display: flex;
  margin: 35px 0 0;
}
@media screen and (max-width: 750px) {
  .main .hero .block--01 .badge {
    margin: 0.15rem 0 0;
    justify-content: center;
  }
}
.main .hero .block--01 .badge--01, .main .hero .block--01 .badge--02 {
  width: 247px;

}
@media screen and (max-width: 750px) {
  .main .hero .block--01 .badge--01, .main .hero .block--01 .badge--02 {
    width: 2.97rem;
  }
}
.main .hero .block--01 .badge--02 {
  margin: 0 0 0 16px;
}
@media screen and (max-width: 750px) {
  .main .hero .block--01 .badge--02 {
    margin: 0 0 0 0.24rem;
  }
}


/* WEB予約はこちら メイン下ボタン */
.main .hero .btn--reserve {
  font-size: 26px;
  letter-spacing: 0.08em;
  line-height: 80px;
	background: url(../imgs/bg_img_02.webp), linear-gradient(to right, #fff 0%, #e88a95 30%, #e88a95 70%, #fff 100%);
	background-position: top -302px right -50px, 0% 0%;
	background-size: 442px auto, auto;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
}
@media screen and (max-width: 750px) {
  .main .hero .btn--reserve {
    font-size: 0.36rem;
    line-height: 1.3rem;
	  background-image: url(../imgs/bg_img_02_sp.webp), linear-gradient(to right, #fff 0%, #e88a95 30%, #e88a95 70%, #fff 100%);
	  background-position: top -125px right -80px, 0% 0%;
    background-size: 200px auto, auto;
	  background-repeat: no-repeat;
  }
}


/*パンくずリスト 熊本用 SP
---------------------------------------------*/
.breadcrumb_2 {
	width: 100%;
	margin: 0;
	padding: 10px 4%;
	list-style: none;
	text-align: left;
	 background-image: url(../imgs/bg_img_02_sp.webp);
	  background-position: top -187px right -80px;
    background-size: 200px auto;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
}
.breadcrumb_2 li {
	display: inline;/*横に並ぶように*/
	list-style: none;
	font-size: 3vw;
}
.breadcrumb_2 li:after {/* >を表示*/
	content: '>';
	padding: 0 0.2em;
	color: #555;
}
.breadcrumb_2 li:last-child:after {
	content: '';
}
.breadcrumb_2 li a {
	text-decoration: none;
	color: #666;/*色*/
	display: inline;
}
.breadcrumb li a:hover {
	text-decoration: underline;
}
/*パンくずリスト 熊本用 PC
---------------------------------------------*/
@media screen and (min-width: 769px){
.breadcrumb_2 {
	height: 30px;
	list-style: none;
	text-align: left;
	background: url(../imgs/bg_img_02.webp);
	background-position: top -380px right -50px;
	background-size: 442px auto;
	background-repeat: no-repeat;
}
.breadcrumb_2 li {
	font-weight: bold;/*太字*/
	font-size: 13px;
}
}

/*実績数391,213件※の脱⽑専⾨クリニック!
*************************************************/
.main .hero .block--02 {
  box-sizing: border-box;
  height: 480px;
  background: url(../imgs/bg_img_02.webp), url(../imgs/bg_img_03.webp), url(../imgs/bg_img_04.webp), url(../imgs/bg01@2x.webp);
	background-position: top -410px right -50px, top 40px left 48%, bottom -50px right -60px, 50% 0;
	background-size: 442px auto, 194px auto, 360px auto, cover;
	background-repeat: no-repeat;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 {
    height: 130vw;
    background: url(../imgs/bg_img_02_sp.webp), url(../imgs/bg_img_03.webp), url(../imgs/bg_img_04_sp.webp), url(../imgs/bg01_sp.webp);
	background-position: top -230px right -80px, top 0px left -30px, top 170px right -20px, 50% 0;
    background-size: 200px auto, 105px auto, 180px auto, 100% auto;
	  background-repeat: no-repeat;
  }
  .main .hero .block--02 .wrap {
    height: 130vw;
    padding: 0;
    position: relative;
  }
}
.main .hero .block--02 .inner {
  padding: 120px 0 0 50%;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .inner {
    box-sizing: border-box;
    width: 100%;
    padding: 0 0 0.76rem 0.5rem;
    position: absolute;
    top: 10px;
    left: 0;
  }
}
.main .hero .block--02 .line {
  line-height: 1;
	font-weight: 600;
}
.main .hero .block--02 .line--01 {
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  font-size: 30px;
  letter-spacing: 0.0168em;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .line--01 {
    justify-content: flex-start;
    font-size: 0.42rem;
  }
}
.main .hero .block--02 .line--01 strong {
  color: #e88a95;
  font-size: 48px;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .line--01 strong {
    font-size: 0.75rem;
  }
}
.main .hero .block--02 .line--01 sup {
  display: inline-block;
  margin: 0 -1em 0 0;
  position: relative;
  top: -30px;
  font-size: 10px;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .line--01 sup {
    top: -0.36rem;
    font-size: 0.2rem;
  }
}
.main .hero .block--02 .note {
  font-size: 13px;
  letter-spacing: 0.0252em;
  font-weight: normal;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .line--01 .note {
    font-size: 0.2rem;
  }
}
.main .hero .block--02 .line--02 {
  margin: 18px 0 0;
  padding: 0 0 4px;
  font-size: 50px;
  letter-spacing: 0.0588em;
  white-space: nowrap;
	color: #e88a95;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .line--02 {
    margin: 0.24rem 0 0;
    padding: 0 0.3rem 0.04rem 0;
    font-size: 0.6959rem;
    letter-spacing: 0.0112rem;
  }
}
.main .hero .block--02 .text {
  line-height: 1.875;
  padding: 37px 0 0;
}
.main .hero .block--02 .text::before, .main .hero .block--02 .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .hero .block--02 .text::before {
  margin-bottom: -0.4375em;
}
.main .hero .block--02 .text::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .hero .block--02 .text {
    line-height: 1.6153846154;
    padding: 0.46rem 0.5rem 0 0;
    letter-spacing: 0.042em;
  }
  .main .hero .block--02 .text::before, .main .hero .block--02 .text::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .hero .block--02 .text::before {
    margin-bottom: -0.3076923077em;
  }
  .main .hero .block--02 .text::after {
    margin-top: -0.3076923077em;
  }
}


/* あおばクリニック熊本院が 選ばれる理由
*************************************************/
.main .section--reason {
	padding: 115px 0 120px;
	background:url(../imgs/bg_img_04.webp), url(../imgs/bg_img_05.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: top -300px right -60px, bottom -100px right -160px, 50% -280px, 0% 0%;
	background-size: 360px auto, 729px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--reason {
    padding: 0.96rem 0 1.06rem;
    background: url(../imgs/bg_img_01.webp), url(../imgs/bg_img_05.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: 50% -25vw,  bottom -40px right -20vw, 0% 0%;
	background-size: 70vw auto, 286px auto, auto;
  }
}
.main .section--reason .ttl {
  background-image: url(../imgs/en01.svg);
  background-size: 120px auto;
}
@media screen and (max-width: 750px) {
  .main .section--reason .ttl {
    background-size: 1.27rem auto;
  }
}
.main .section--reason .item {
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item {
    display: block;
  }
}
.main .section--reason .item .image {
  width: 440px;
  position: relative;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item .image {
    width: 6.5rem;
  }
}
.main .section--reason .item .image::before {
  content: "";
  display: block;
  position: absolute;
  background: 0 0/contain no-repeat;
}
.main .section--reason .item .text {
  width: 510px;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item .text {
    width: 6.9rem;
    margin: 1.3rem 0 0;
  }
}
.main .section--reason .item .text .num {
  color: #e88a95;
  font-size: 18px;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item .text .num {
    font-size: 0.3rem;
  }
}
.main .section--reason .item .text .sttl {
  line-height: 1.4;
  padding: 20px 0 0;
  font-size: 28px;
  letter-spacing: 0.0588em;
}
.main .section--reason .item .text .sttl::before, .main .section--reason .item .text .sttl::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--reason .item .text .sttl::before {
  margin-bottom: -0.3035714286em;
}
.main .section--reason .item .text .sttl::after {
  margin-top: -0.3035714286em;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item .text .sttl {
    line-height: 1.5416666667;
    padding: 0.38rem 0 0;
    font-size: 0.48rem;
  }
  .main .section--reason .item .text .sttl::before, .main .section--reason .item .text .sttl::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--reason .item .text .sttl::before {
    margin-bottom: -0.2708333333em;
  }
  .main .section--reason .item .text .sttl::after {
    margin-top: -0.2708333333em;
  }
}
.main .section--reason .item .text .text {
  line-height: 1.875;
  padding: 28px 0 0;
}
.main .section--reason .item .text .text::before, .main .section--reason .item .text .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--reason .item .text .text::before {
  margin-bottom: -0.4375em;
}
.main .section--reason .item .text .text::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item .text .text {
    line-height: 1.6153846154;
    margin: 0;
    padding: 0.46rem 0.2rem 0;
  }
  .main .section--reason .item .text .text::before, .main .section--reason .item .text .text::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--reason .item .text .text::before {
    margin-bottom: -0.3076923077em;
  }
  .main .section--reason .item .text .text::after {
    margin-top: -0.3076923077em;
  }
}
.main .section--reason .item--01 {
  margin: 90px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item--01 {
    margin: 0.78rem 0 0;
  }
}
.main .section--reason .item--01 .image {
	margin: 0 auto;
}
.main .section--reason .item--01 .image img {
	border-radius: 10px;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item--01 .image {
  }
}

.main .section--reason .item--02 {
  flex-direction: row-reverse;
  margin: 122px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item--02 {
    margin: 1.06rem 0 0;
  }
}
.main .section--reason .item--02 .image {

}
.main .section--reason .item--02 .image img {
	border-radius: 10px;
}
@media screen and (max-width: 750px) {
  .main .section--reason .item--02 .image {
    margin: 0 auto;
  }
}

/* こんなことでお悩みのあなたへ
*************************************************/
.main .section--merit {
  padding: 0;
	background: url(../imgs/bg_img_05.webp);
	background-repeat: no-repeat;
	background-position: top -300px right -160px;
	background-size: 729px auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--merit {
    padding: 0;
	  background: url(../imgs/bg_img_05.webp);
	background-repeat: no-repeat;
	background-position: top -120px right -20vw;
	background-size: 286px auto;
  }
}
.main .section--merit .block--01 {
  padding: 110px 0 24px;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--01 {
	  padding: 50px 0 10px;
  }
}

/* 背景吹き出し */
.main .section--merit .block--01 .wrap {
	width: 1000px;
	height: 450px;
	margin: 0 auto;
	background-image: url("../imgs/bg_merit_pc.svg");
	background-repeat: no-repeat;
	background-size: contain;
}
@media screen and (max-width: 750px) {
.main .section--merit .block--01 .wrap {
	width: 96%;
	height: 100vw;
	margin: 0 4% 0 0;
	background-image: url("../imgs/bg_merit_sp.svg");
	background-repeat: no-repeat;
	background-size: cover;
}
}	
.main .section--merit .block--01 .label {
  width: 510px;
  margin: 0 auto;
	padding: 55px 0 40px;
  font-size: 32px;
  letter-spacing: 0.0588em;
  text-align: center;
	font-weight: 600;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--01 .label {
    width: auto;
    margin: 0;
	  padding: 6vw 0 0;
    font-size: 0.4rem;
	   letter-spacing: 0em;
    line-height: 0.9rem;
  }
}
.main .section--merit .block--01 .list {
  margin: 0 0 0 120px;
  -moz-column-count: 2;
       column-count: 2;
  -moz-column-gap: 10px;
       column-gap: 10px;
  font-size: 18px;
  line-height: 30px;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--01 .list {
    margin: 0.2rem 0 0 0.65rem;
    -moz-column-count: 1;
         column-count: 1;
    font-size: 0.28rem;
    line-height: 1.6428571429;
  }
}
.main .section--merit .block--01 .list li {
  margin: 0 0 20px;
  padding: 0 0 0 36px;
  background: url(../imgs/ico-check.svg) 0 5px/24px auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--01 .list li {
    margin: 0 0 0.36rem;
    padding: 0 0 0 0.56rem;
    background-position: 0 0.03rem;
    background-size: 0.39rem;
  }
}

.main .section--merit .block--02 {
  padding: 0 0 68px;
  position: relative;
  font-size: 44px;
  letter-spacing: 0.0588em;
  line-height: 1.1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--02 {
    padding: 0 0 0.7rem;
    font-size: 0.54rem;
	  line-height: 1.3;
  }
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--02 .line--01 {
    display: block;
    padding: 0;
    background: none;
  }
}
.main .section--merit .block--02 .line--02 {
  margin: 18px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--02 .line--02 {
    margin: 0;
  }
}

/* 都度払いだとメリットがたくさん！！
*************************************************/
.main .section--merit .block--03 {
	width: 100%;
	background:  url(../imgs/bg_img_06.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -100px left 50px, 0% 0%;
	background-size: 338px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
.main .section--merit .block--03 {
background:  url(../imgs/bg_img_06.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -50px left -80px, 0% 0%;
	background-size: 169px auto, auto;
}
}
.main .section--merit .block--03 .inner {
  padding: 20px 0 80px;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner {
    padding: 0.1rem 0 0.88rem;
  }
}
.main .section--merit .block--03 .inner .ttl {
  width: 1000px;
  height: 120px;
  margin: 0 auto;
  background: url(../imgs/bg05.svg) 50% 0/contain no-repeat;
  color: #fff;
  font-size: 38px;
  letter-spacing: 0.0504em;
  line-height: 86px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .ttl {
    box-sizing: border-box;
    width: auto;
    height: 1.85rem;
    padding: 0.1rem 0 0;
    background-image: url(../imgs/bg05_sp.svg);
    font-size: 0.48rem;
    line-height: 0.6rem;
    text-align: center;
  }
}
.main .section--merit .block--03 .inner .list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  width: 852px;
  margin: 47px auto 0;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list {
    width: auto;
    margin: 0.5rem 0 0;
  }
}
.main .section--merit .block--03 .inner .list .item {
  width: 50%;
  position: relative;
  text-align: left;
}
@media screen and (max-width: 750px) {
  /*.main .section--merit .block--03 .inner .list .item {
    width: calc(50% - 0.05rem);
  }*/
}
.main .section--merit .block--03 .inner .list .item:nth-child(n+3) {
  margin: 53px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item:nth-child(n+3) {
    margin: 0.53rem 0 0;
  }
}
.main .section--merit .block--03 .inner .list .item .num {
  /*position: absolute;
  top: 17px;
  left: 30px;*/
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item .num {
    top: 0.08rem;
  }
}
.main .section--merit .block--03 .inner .list .item .image {
  width: 420px;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item .image {
    width: auto;
  }
}
.main .section--merit .block--03 .inner .list .item .label {
  display: block;
  margin: 15px 0 10px;
  padding: 0 0 10px;
  font-size: 22px;
  letter-spacing: 0.042em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item .label {
    display: block;
    margin: 0.12rem 0;
    border-bottom: none;
    padding: 0;
  }
  .main .section--merit .block--03 .inner .list .item .label span {
    display: inline-block;
    margin: 0.1rem 0 0;
    padding: 0;
    font-size: 0.3rem;
    letter-spacing: 0;
  }
}
.main .section--merit .block--03 .inner .list .item--01 .num {
  width: 150px;
	height: auto;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item--01 .num {
    width: 1.4rem;
  }
}
.main .section--merit .block--03 .inner .list .item--02 .num, .main .section--merit .block--03 .inner .list .item--03 .num {
  width: 150px;
	height: auto;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item--02 .num, .main .section--merit .block--03 .inner .list .item--03 .num {
    width: 1.4rem;
  }
}
.main .section--merit .block--03 .inner .list .item--04 .num {
  width: 150px;
	height: auto;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .list .item--04 .num {
    width: 1.4rem;
  }
}
.main .section--merit .block--03 .inner .text {
  line-height: 1.875;
  margin: 48px 50px 0;
}
.main .section--merit .block--03 .inner .text::before, .main .section--merit .block--03 .inner .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--merit .block--03 .inner .text::before {
  margin-bottom: -0.4375em;
}
.main .section--merit .block--03 .inner .text::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--merit .block--03 .inner .text {
    line-height: 1.6153846154;
    margin: 0;
    padding: 0.78rem 0 0;
  }
  .main .section--merit .block--03 .inner .text::before, .main .section--merit .block--03 .inner .text::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--merit .block--03 .inner .text::before {
    margin-bottom: -0.3076923077em;
  }
  .main .section--merit .block--03 .inner .text::after {
    margin-top: -0.3076923077em;
  }
}

/* WEB予約はこちらボタン共通 */
.main .btn_reserve {
	width: 600px;
	height: 78px;
	margin: 50px auto 0;
	background-image: url("../imgs/bg_btn_reserve.svg");
	background-repeat: no-repeat;
	background-size: contain;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #ffffff;
	font-size: 30px;
	font-weight: bold;
	letter-spacing: 0.03rem;
	font-family: "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", sans-serif;
}
@media screen and (max-width: 750px) {
.main .btn_reserve {
	width: 100%;
	height: 12.7vw;
	font-size: 0.35rem;
	margin: 7vw auto 0;
}	
}


/* お客様の声
*************************************************/
.main .section--voice {
  padding: 80px 0 100px;
	background: url(../imgs/bg_img_07.webp), url(../imgs/bg_img_06.webp),  url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	background-repeat: no-repeat;
	background-position: bottom -130px right -100px, top -156px left 50px, 50% -310px, 0% 0%;
	background-size: 623px auto, 338px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--voice {
    padding: 1.05rem 0 0.77rem;
	  background: url(../imgs/bg_img_07_sp.webp), url(../imgs/bg_img_06.webp), url(../imgs/bg_img_01.webp) , linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	   background-repeat: no-repeat;
    background-position: bottom -50px right -40px, top -82px left -80px, 50% -30vw, 0% 0%;
	background-size: 236px auto, 169px auto, 70vw auto, auto;
  }
}
.main .section--voice .ttl {
  background-image: url(../imgs/en04.svg);
  background-size: 262px auto;
}
@media screen and (max-width: 750px) {
  .main .section--voice .ttl {
    background-size: 2.77rem auto;
  }
}
.main .section--voice .lead {
  line-height: 1.875;
  padding: 46px 0 0;
  text-align: center;
}
.main .section--voice .lead::before, .main .section--voice .lead::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--voice .lead::before {
  margin-bottom: -0.4375em;
}
.main .section--voice .lead::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--voice .lead {
    line-height: 1.6153846154;
    padding: 0.84rem 0 0;
  }
  .main .section--voice .lead::before, .main .section--voice .lead::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--voice .lead::before {
    margin-bottom: -0.3076923077em;
  }
  .main .section--voice .lead::after {
    margin-top: -0.3076923077em;
  }
}
.main .section--voice .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  overflow: visible;
}
@media screen and (max-width: 750px) {
  .main .section--voice .inner {
    display: block;
    margin: 0.56rem 0.2rem 0;
    padding: 0 0 1.28rem;
    position: relative;
  }
}
.main .section--voice .inner .item {
  box-sizing: border-box;
  width: 480px;
  margin: 74px 0 0;
  padding: 65px 40px 40px;
  position: relative;
  background: #fff;
  box-shadow: 0px 13px 23px 0px rgba(229, 229, 229, 0.23);
}
@media screen and (max-width: 750px) {
  .main .section--voice .inner .item {
    width: 6.5rem;
    margin: 1.1rem 0 0;
    padding: 1rem 0.36rem 0.72rem;
    box-shadow: none;
  }
}
.main .section--voice .inner .item .image {
  width: 87px;
  position: absolute;
  top: -43px;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 750px) {
  .main .section--voice .inner .item .image {
    width: 1.64rem;
    position: absolute;
    top: -0.93rem;
  }
}
.main .section--voice .inner .item .sttl {
  border-bottom: 1px solid #cbcbcb;
  padding: 0 0 14px;
  color: #e88a95;
  font-size: 24px;
  letter-spacing: 0.0588em;
  line-height: 1;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section--voice .inner .item .sttl {
    padding: 0 0 0.24rem;
    font-size: 0.4rem;
    letter-spacing: 0;
  }
}
.main .section--voice .inner .item .text {
  line-height: 1.875;
  padding: 32px 0 0;
  letter-spacing: 0.042em;
}
.main .section--voice .inner .item .text::before, .main .section--voice .inner .item .text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--voice .inner .item .text::before {
  margin-bottom: -0.4375em;
}
.main .section--voice .inner .item .text::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--voice .inner .item .text {
    line-height: 1.6153846154;
    padding: 0.38rem 0 0;
  }
  .main .section--voice .inner .item .text::before, .main .section--voice .inner .item .text::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--voice .inner .item .text::before {
    margin-bottom: -0.3076923077em;
  }
  .main .section--voice .inner .item .text::after {
    margin-top: -0.3076923077em;
  }
}
.main .section--voice .inner .item .text strong {
  color: #e88a95;
  font-weight: bold;
}
.main .section--voice .inner .slick-prev,
.main .section--voice .inner .slick-next {
  display: block;
  width: 0.98rem;
  height: 0.98rem;
  border: none;
  padding: 0;
  position: absolute;
  bottom: 0;
  background: transparent url(../imgs/arrow.svg) 50% 50%/contain no-repeat;
}
.main .section--voice .inner .slick-prev::before,
.main .section--voice .inner .slick-next::before {
  content: none;
}
.main .section--voice .inner .slick-prev {
  right: 1.32rem;
  transform: scale(-1, 1);
}
.main .section--voice .inner .slick-next {
  right: 0;
  transform: none;
}

/* ご予約の流れ
*************************************************/
.main .section--flow {
  padding: 80px 0 60px;
	background: url(../imgs/bg_img_08.webp), url(../imgs/bg_img_07.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -280px left -70px, top -268px right -100px, 50% -310px, 0% 0%;
	background-size: 362px auto, 623px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--flow {
    padding: 1rem 0 0.5rem;
	  background: url(../imgs/bg_img_08_sp.webp), url(../imgs/bg_img_07_sp.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: bottom -35px right -10px, top -100px right -40px, 50% -31vw, 0% 0%;
	background-size: 140px auto, 236px auto, 70vw auto, auto;
  }
}
.main .section--flow .ttl {
  background-image: url(../imgs/en05.svg);
  background-size: 77px auto;
}
@media screen and (max-width: 750px) {
  .main .section--flow .ttl {
    background-size: 0.83rem auto;
  }
}
.main .section--flow .item {
  display: flex;
  align-items: top;
  justify-content: space-between;
  padding: 30px 40px 60px;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item {
    display: block;
    padding: 0.4rem 0.4rem 0.56rem;
  }
}
.main .section--flow .item .image {
  width: 450px;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item .image {
    width: auto;
  }
}
.main .section--flow .item .text {
  width: 420px;
  letter-spacing: 0.042em;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item .text {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.main .section--flow .item .text .sttl {
  margin: 10px 0 0;
  font-size: 30px;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item .text .sttl {
    margin: 0.1rem 0 0;
    font-size: 0.48rem;
  }
}
.main .section--flow .item .text p.text {
  line-height: 1.875;
  width: auto;
  padding: 18px 0 0;
}
.main .section--flow .item .text p.text::before, .main .section--flow .item .text p.text::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--flow .item .text p.text::before {
  margin-bottom: -0.4375em;
}
.main .section--flow .item .text p.text::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item .text p.text {
    line-height: 1.6153846154;
    margin: 0;
    padding: 0.3rem 0 0;
  }
  .main .section--flow .item .text p.text::before, .main .section--flow .item .text p.text::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--flow .item .text p.text::before {
    margin-bottom: -0.3076923077em;
  }
  .main .section--flow .item .text p.text::after {
    margin-top: -0.3076923077em;
  }
}
.main .section--flow .item--01, .main .section--flow .item--02 {
  position: relative;
	border-bottom: solid 2px #fce2e5;
}
.main .section--flow .item--01::after, .main .section--flow .item--02::after {
  display: block;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-right-width: 30px;
  border-top-width: 30px;
  border-top-color: #fce2e5;
  border-left-width: 30px;
  content: "";
  display: block;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translate(-50%);
}
@media screen and (max-width: 750px) {
  .main .section--flow .item--01::after, .main .section--flow .item--02::after {
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-right-width: 0.4rem;
    border-top-width: 0.4rem;
    border-top-color: #fce2e5;
    border-left-width: 0.4rem;
  }
}
.main .section--flow .item--01 {
  margin: 42px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item--01 {
    margin: 0.38rem 0 0;
  }
}
.main .section--flow .item--01 .num {
  font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	color: #e88a95;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item--01 .num {
    font-size: 0.3rem;
  }
}
.main .section--flow .item--02, .main .section--flow .item--03 {
  margin: 48px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item--02, .main .section--flow .item--03 {
    margin: 0.5rem 0 0;
  }
}
.main .section--flow .item--02 .num, .main .section--flow .item--03 .num {
  font-family: 'Noto Serif JP', serif;
	font-size: 20px;
	color: #e88a95;
}
@media screen and (max-width: 750px) {
  .main .section--flow .item--02 .num {
    font-size: 0.3rem;
  }
}
@media screen and (max-width: 750px) {
  .main .section--flow .item--03 .num {
    font-size: 0.3rem;
  }
}

/* 初めての⽅へ 
*************************************************/
.main .section--faq {
  padding: 90px 0 115px;
	background: url(../imgs/bg_img_09.webp), url(../imgs/bg_img_08.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -150px right 100px, top -70px left -70px, 50% -280px, 0% 0%;
	background-size: 328px auto, 362px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--faq {
    padding: 1rem 0;
	  background: url(../imgs/bg_img_09.webp), url(../imgs/bg_img_08_sp.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: bottom -70px right -60px, top -100px right -10px, 50% -28vw, 0% 0%;
	background-size: 164px auto, 140px auto, 70vw auto, auto;
  }
}
.main .section--faq .ttl {
  background-image: url(../imgs/en06.svg);
  background-size: 385px auto;
	margin-bottom: 80px;
}
@media screen and (max-width: 750px) {
  .main .section--faq .ttl {
    background-size: 4.07rem auto;
	  margin-bottom: 0.7rem;
  }
}
.main .section--faq .item {
  border-bottom: 1px dashed #e88a95;
  letter-spacing: 0.042em;
}
.main .section--faq .item .label,
.main .section--faq .item .text {
  box-sizing: border-box;
  padding-left: 45px;
}
@media screen and (max-width: 750px) {
  .main .section--faq .item .label,
.main .section--faq .item .text {
    margin: 0 0.2rem;
    padding-left: 0.75rem;
  }
}
.main .section--faq .item .label {
  height: 79px;
  padding-top: 35px;
  background: url(../imgs/ico-q.svg) 3px 35px/30px auto no-repeat;
  font-family: serif;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--faq .item .label {
    height: auto;
    padding-top: 0.42rem;
    padding-bottom: 0.32rem;
    background-position: 0.04rem 0.42rem;
    background-size: 0.52rem auto;
    font-size: 0.38rem;
    line-height: 1.3157894737;
  }
}
.main .section--faq .item .text {
  min-height: 93px;
  padding-bottom: 35px;
  background: url(../imgs/ico-a.svg) 3px 5px/29px auto no-repeat;
}
@media screen and (max-width: 750px) {
  .main .section--faq .item .text {
    min-height: none;
    padding-bottom: 0.36rem;
    background-position: 0.05rem 0;
    background-size: 0.5rem auto;
  }
}
.main .section--faq .item:first-of-type {
  margin-top: 25px;
}
@media screen and (max-width: 750px) {
  .main .section--faq .item:first-of-type {
    margin-top: 0.3rem;
  }
}
.main .section--faq .btn {
  margin: 60px auto 0;
}
@media screen and (max-width: 750px) {
  .main .section--faq .btn {
    margin: 0.66rem auto 0;
  }
}

/* あおばクリニック熊本院のおすすめ施術
*************************************************/
.main .section--menu {
  padding: 90px 0 80px;
  background: url(../imgs/bg_img_10.webp), url(../imgs/bg_img_09.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -170px left -50px, top -170px right 100px, 50% -280px, 0% 0%;
	background-size: 462px auto, 328px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--menu {
    padding: 0.7rem 0 0.92rem;
	   background: url(../imgs/bg_img_10_sp.webp), url(../imgs/bg_img_09.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: bottom -70px left -40px, top -80px right -60px, 50% -25vw, 0% 0%;
	background-size: 231px auto, 164px auto, 70vw auto, auto;
  }
}
.main .section--menu .ttl {
  background-image: url(../imgs/en07.svg);
  background-size: 180px auto;
}
@media screen and (max-width: 750px) {
  .main .section--menu .ttl {
    background-size: 1.9rem auto;
  }
}
.main .section--menu .inner {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin: 100px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--menu .inner {
    display: block;
    margin: 0.8rem 0 0;
  }
}
.main .section--menu .item {
  position: relative;
}
.main .section--menu .item .text {
  box-sizing: border-box;
  width: 100%;
  padding: 82px 0 0 70px;
  position: absolute;
  top: 0;
  left: 0;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item .text {
    padding: 0 0 0 0.46rem;
  }
}

/*最新鋭医療レーザー脱毛機*/
.main .section--menu .item .text .category {
  font-size: 22px;
  letter-spacing: 0.0588em;
  line-height: 24px;
	padding-left: 60px;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item .text .category {
    font-size: 0.26rem;
    line-height: 0.4rem;
	 margin-top: 1.05rem;
	 padding-left: 0.5rem
  }
}
.main .section--menu .item--01 .text .category {
color: #e88a95;
}

/*女性限定*/
.main .section--menu .item--01 .text .type {
  display: inline-block;
  width: 110px;
  margin: 0;
	padding: 5px 0;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.0504em;
  text-align: center;
  vertical-align: top;
	position: absolute;
  top: 20px;
  left: 24px;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item--01 .text .type {
    width: 1.6rem;
    margin: 0 0.22rem 0 0;
    font-size: 0.28rem;
	  padding: 3px 0;
	  position: absolute;
	  top: 0.2rem;
	  left: 0.2rem;
  }
}

/*男性限定*/
.main .section--menu .item--02 .text .category {
color: #4c76b0;
	padding-left: 125px;
}
.main .section--menu .item--03 .text .category {
color: #4c76b0;
	padding-left: 170px;
}
.main .section--menu .item--02 .text .type,
.main .section--menu .item--03 .text .type{
  display: inline-block;
  width: 110px;
  margin: 0;
	padding: 5px 0;
  color: #fff;
  font-size: 18px;
  letter-spacing: 0.0504em;
  text-align: center;
  vertical-align: top;
	position: absolute;
  top: 16px;
  right: 20px;
}
@media screen and (max-width: 750px) {
.main .section--menu .item--02 .text .category {
color: #4c76b0;
	margin-top: 1.05rem;
	padding-left: 2.3rem;
}
.main .section--menu .item--03 .text .category {
color: #4c76b0;
	margin-top: 1.05rem;
	padding-left: 2.9rem;
}
.main .section--menu .item--02 .text .type {
    width: 1.6rem;
    margin: 0 0.22rem 0 0;
    font-size: 0.28rem;
	  padding: 3px 0;
	  position: absolute;
	  top: 0.2rem;
	  right: 0rem;
  }
.main .section--menu .item--03 .text .type {
    width: 1.6rem;
    margin: 0 0.22rem 0 0;
    font-size: 0.28rem;
	  padding: 3px 0;
	  position: absolute;
	  top: 0.2rem;
	  right: 0rem;
  }
}

.main .section--menu .item .text .ja,
.main .section--menu .item .text .en {
  line-height: 1;
}

/*ラ・フィーユ 文字*/
.main .section--menu .item--01 .text .ja {
  margin: 30px 0 0 60px;
  font-size: 20px;
	letter-spacing: 0.05rem;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item--01 .text .ja {
    margin: 0.28rem 0 0 0.5rem;
    font-size: 0.26rem;
  }
}
.main .section--menu .item--01 .text .en {
	font-size: 55px;
  margin: 12px 0 0 60px;
	  letter-spacing: 0.05rem;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item--01 .text .en {
    margin: 0.1rem 0 0 0.5rem;
	  font-size: 0.5rem;
  }
}

/*ジェントルマックス プロ 文字*/
.main .section--menu .item--02 .text .ja {
  margin: 20px 0 0 125px;
  font-size: 18px;
}
@media screen and (max-width: 750px) {
.main .section--menu .item--02 .text .ja {
    margin: 0.28rem 0 0 2.3rem;
    font-size: 0.23rem;
  }
}
.main .section--menu .item--02 .text .en {
	font-size: 38px;
  margin: 12px 0 0 125px;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item--02 .text .en {
	  font-size: 0.5rem;
    margin: 0.1rem 0 0 2.3rem;
  }
}

/*メンズラフィーユ 文字*/
.main .section--menu .item--03 .text .ja {
  margin: 20px 0 0 170px;
  font-size: 18px;
}
@media screen and (max-width: 750px) {
.main .section--menu .item--03 .text .ja {
    margin: 0.28rem 0 0 2.9rem;
     font-size: 0.23rem;
  }
}
.main .section--menu .item--03 .text .en {
	font-size: 38px;
  margin: 12px 0 0 170px;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item--03 .text .en {
	  font-size: 0.5rem;
    margin: 0.1rem 0 0 2.9rem;
  }
}
.main .section--menu .item .text .en sup {
  display: inline-block;
  font-size: 0.5em;
  line-height: 1;
  vertical-align: top;
  transform: translate(0, 0.4em);
}
.main .section--menu .item--01 {
  width: 100%;
}
.main .section--menu .item--01 .category .type {
  background: #e88a95;
}
.main .section--menu .item--02, .main .section--menu .item--03 {
  width: 480px;
  margin: 20px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--menu .item--02, .main .section--menu .item--03 {
    width: auto;
    margin: 0.3rem 0 0;
  }
}
.main .section--menu .item--02 .text .category .type, .main .section--menu .item--03 .text .category .type {
  background: #4c76b0;
}
.main .section--menu .other {
  display: flex;
  justify-content: center;
  margin: 72px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--menu .other {
    display: block;
    margin: 0.62rem 0 0;
  }
}
.main .section--menu .other .btn {
  margin: 0 17px;
}
@media screen and (max-width: 750px) {
  .main .section--menu .other .btn {
    margin: 0.26rem auto 0;
  }
}

/*熊本院の取扱施術一覧 SP
*************************************************/
.section--treatment {
	width: 100%;
	height: auto;
	margin: 0;
	padding: 30px 3% 10px;
	 padding: 0.96rem 0 1.06rem;
    background: url(../imgs/bg_img_10_sp.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: top -118px left -40px, 50% -28vw, 0% 0%;
	background-size: 231px auto, 70vw auto, auto;
	background-blend-mode: multiply;
}
/*取扱施術一覧 タイトル部分*/
.main .section--treatment .ttl {
  background-image: url(../imgs/en_menu.svg);
  background-size: 90px auto;
}
@media screen and (max-width: 750px) {
  .main .section--treatment .ttl {
    background-size: 0.95rem auto;
  }
}
.section--treatment .list_wrap {
	width: 92%;
	height: auto;
	margin: 0.75rem auto 0.2rem;
	padding: 0;
}

.section--treatment .list_wrap:after { content: ""; display: block; width: 50%; height: 0; }

.section--treatment .list_wrap h3 {
	width: 100%;
	height: auto;
	font-size: 4vw;
	font-weight: bold;
	display: inline-block;
	padding: 0.4em 0.7em;
	margin-top: 0.5em;
	background:url("../imgs/bg_menu.webp");
	background-repeat: no-repeat;
	background-size: cover;
}
.section--treatment .list_wrap dl { width: 97%; height: auto; margin: 10px auto; display: flex; justify-content: space-between; flex-wrap: wrap; align-content: flex-start; }

.section--treatment .list_wrap dt { width: 65%; height: auto; line-height: 1.5em; padding: 0.5em 0; position: relative; }

.section--treatment .list_wrap dd { width: 35%; height: auto; text-align: right; position: relative; line-height: 1.5em; padding: 0.5em 0; display: flex; align-items: center; }

.section--treatment .list_wrap dd:nth-child(n+3) { margin-left: 65%; }

.section--treatment .list_wrap dd::after { border-right: 1px solid #999; border-top: 1px solid #999; content: ""; display: block; height: 2vw; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 2vw; }

.section--treatment .list_wrap a { width: 100%; }

.section--treatment .list_wrap dd a { padding-right: 0.75em; }

.section--treatment .list_wrap dt a { padding-right: 0.75em; position: relative; }

.section--treatment .list_wrap dt a::after { border-right: 1px solid #999; border-top: 1px solid #999; content: ""; display: block; height: 2vw; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 2vw; }

.section--treatment .list_wrap .tx_att { font-size: 3.3vw; margin-top: 1em; }

/*熊本院の取扱施術一覧 PC
*************************************************/
@media screen and (min-width: 769px) {
.section--treatment {
	margin: 0;
	padding: 90px 0 30px;
	background: url(../imgs/bg_img_10.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: top -210px left -50px, 50% -300px, 0% 0%;
	background-size: 462px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
  .section--treatment .list_wrap {
	  width: 1000px;
	  margin: 80px auto 30px;
	  display: flex;
	  justify-content: space-between;
	  flex-wrap: wrap;
}
  .section--treatment .list_wrap h3 { font-size: 17px; }
  .section--treatment .list_wrap dl { width: 45%; height: auto; }
  .section--treatment .list_wrap dd::after { border-right: 1px solid #999; border-top: 1px solid #999; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 8px; }
  .section--treatment .list_wrap dt a::after { border-right: 1px solid #999; border-top: 1px solid #999; content: ""; display: block; height: 8px; position: absolute; right: 0; top: 50%; transform: translate(0, -50%) rotate(45deg); width: 8px; }
  .section--treatment .list_wrap .tx_att { font-size: 15px; } }



/*ご予約方法
*************************************************/
.main .section--reserve {
  padding: 90px 0 100px;
	background: url(../imgs/bg_img_12.webp), url(../imgs/bg_img_11.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -100px left 85px, top 70px right 85px, 50% -300px, 0% 0%;
	background-size: 338px auto, 300px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--reserve {
    padding: 1rem 0 0.8rem;
	  background: url(../imgs/bg_img_12.webp), url(../imgs/bg_img_11_sp.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: bottom -30px left -60px, top 200px right -15px, 50% -27vw, 0% 0%;
	background-size: 169px auto, 200px auto, 70vw auto, auto;
  }
}
.main .section--reserve .ttl {
  padding-bottom: 46px;
  background-image: url(../imgs/en08.svg);
  background-size: 207px auto;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .ttl {
    font-size: 0.49rem;
    padding-bottom: 0.58rem;
    background-size: 2.2rem auto;
  }
}
.main .section--reserve .catch {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin: 80px 0 40px;
	font-weight: 600;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .catch {
    display: block;
    margin: 0.9rem 0 0;
	  text-align: center;
  }
}
.main .section--reserve .catch .line {
  padding: 0 0 3px;
  font-size: 30px;
  letter-spacing: 0.042em;
  line-height: 1.2;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .catch .line {
    text-align: center;
    padding: 0;
    background: none;
    font-size: 0.5rem;
  }
}
.main .section--reserve .catch .note {
	font-size: 18px;
	margin-top: 10px;
	letter-spacing: 0.1em;
	line-height: 1.4;
}
@media screen and (max-width: 750px) {
.main .section--reserve .catch .note {
	font-size: 0.3rem;
	text-align: center;
}	
}	
.main .section--reserve .catch .line strong {
  font-size: 40px;
  font-weight: inherit;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .catch .line strong {
    font-size: 0.72rem;
  }
}
.main .section--reserve .catch .line--02 {
  margin: 0;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .catch .line--02 {
    margin: 0;
  }
}
.main .section--reserve .data {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  width: 800px;
  height: 120px;
  margin: 50px auto 0;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .data {
    display: block;
    width: auto;
    height: auto;
    margin: 0.66rem 0.2rem 0;
  }
}
.main .section--reserve .data dt,
.main .section--reserve .data dd {
  box-sizing: border-box;
  width: 400px;
  height: 60px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .data dt,
.main .section--reserve .data dd {
    width: auto;
    height: auto;
  }
}
@media screen and (min-width: 751px) {
  .main .section--reserve .data dt:first-of-type,
.main .section--reserve .data dd:first-of-type {
    border-right: none;
  }
}
.main .section--reserve .data dt {
  border: 1px solid #e88a95;
  background: #fce2e5;
  font-size: 24px;
  font-weight: bold;
  line-height: 58px;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .data dt {
    font-size: 0.4rem;
    line-height: 0.96rem;
  }
  .main .section--reserve .data dt:nth-of-type(n+2) {
    border-top: none;
  }
}
.main .section--reserve .data dd {
  border: 1px solid #e88a95;
  border-top: none;
  font-size: 20px;
  line-height: 59px;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .data dd {
    font-size: 0.3rem;
    line-height: 0.96rem;
  }
}
.main .section--reserve .block {
  margin: 40px 0 0;
  padding: 50px 40px 60px;
  background: #ffffff;
	border-radius: 20px;
	 box-shadow: 0px 5px 15px 0px rgba(0, 0, 0, 0.15);
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block {
    padding: 0.6rem 0 0.8rem;
  }
}
.main .section--reserve .block .sttl {
  padding: 30px 0 40px 100px;
  background: 0 0/80px auto no-repeat;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: 0.0588em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block .sttl {
	  background-size: 1rem auto;
	  background-position: 0.4rem;
    line-height: 1.380952381;
    padding: 0.4rem 0 0.4rem 1.6rem;
    font-size: 0.42rem;
  }
  /*.main .section--reserve .block .sttl::before, .main .section--reserve .block .sttl::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--reserve .block .sttl::before {
    margin-bottom: -0.1904761905em;
  }
  .main .section--reserve .block .sttl::after {
    margin-top: -0.1904761905em;
  }*/
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 {
    margin: 0.6rem 0 0;
  }
}
/* PCアイコン */
.main .section--reserve .block--01 .sttl {
  background-image: url(../imgs/ico-web.svg);
}

.main .section--reserve .block--01 .holder {
  margin: 30px 0 0;
}
@media screen and (max-width: 750px) {
.main .section--reserve .block--01 .holder {
    margin: 0.3rem 0 0;
    overflow-x: scroll;
  }
}
.main .section--reserve .block--01 .inner {
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .inner {
    box-sizing: border-box;
    width: 16.94rem;
    padding: 0 0.46rem;
  }
}
.main .section--reserve .block--01 .item {
  width: 280px;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item {
    width: 4.86rem;
  }
}
.main .section--reserve .block--01 .item .num {
  position: relative;
  font-size: 24px;
  font-weight: normal;
	color: #e88a95;
  line-height: 40px;
	border-bottom: solid 1px #e88a95;
}
.main .section--reserve .block--01 .item .num::before {
  content: "";
  margin: auto;
  position: absolute;
  bottom: 33%;
  right: -5.5px;
  width: 40px;
  border-top: 1px solid #e88a95;
  transform: rotate(45deg);
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item .num {
    font-size: 0.38rem;
    line-height: 0.88rem;
	  line-height: 0.6rem;
  }
.main .section--reserve .block--01 .item .num::before {
  bottom: 33%;
  right: -1vw;
  width: 0.59rem;
  border-top: 1px solid #e88a95;
  transform: rotate(45deg);
}
}


.main .section--reserve .block--01 .item .text {
  min-height: 196px;
  margin: 18px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item .text {
    height: 3.96rem;
    min-height: 0;
    margin: 0.34rem 0 0;
  }
}
.main .section--reserve .block--01 .item .text dt {
  font-size: 18px;
  font-weight: 600;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item .text dt {
    font-size: 0.32rem;
  }
}
.main .section--reserve .block--01 .item .text dt::before {
  content: "●";
}
.main .section--reserve .block--01 .item .text dd {
  line-height: 1.875;
  padding: 12px 0 0;
}
.main .section--reserve .block--01 .item .text dd::before, .main .section--reserve .block--01 .item .text dd::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--reserve .block--01 .item .text dd::before {
  margin-bottom: -0.4375em;
}
.main .section--reserve .block--01 .item .text dd::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item .text dd {
    line-height: 1.8571428571;
    padding: 0.2rem 0 0;
    font-size: 0.28rem;
  }
  .main .section--reserve .block--01 .item .text dd::before, .main .section--reserve .block--01 .item .text dd::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--reserve .block--01 .item .text dd::before {
    margin-bottom: -0.4285714286em;
  }
  .main .section--reserve .block--01 .item .text dd::after {
    margin-top: -0.4285714286em;
  }
}
.main .section--reserve .block--01 .item .text dd + dt {
  margin: 22px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item .text dd + dt {
    margin: 0.42rem 0 0;
  }
}
.main .section--reserve .block--01 .item .image {
  margin: 32px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .item .image {
    margin: 0;
  }
  .main .section--reserve .block--01 .item .image img {
    width: 100%;
  }
}
.main .section--reserve .block--01 .note {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 30px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .note {
    display: block;
    margin: 0.6rem 0 0;
  }
}
.main .section--reserve .block--01 .note .text {
  width: 600px;
  font-size: 12px;
  line-height: 1.9166666667;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .note .text {
    line-height: 1.6666666667;
    width: 6rem;
    margin: 0 auto;
    font-size: 0.24rem;
  }
  .main .section--reserve .block--01 .note .text::before, .main .section--reserve .block--01 .note .text::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--reserve .block--01 .note .text::before {
    margin-bottom: -0.3333333333em;
  }
  .main .section--reserve .block--01 .note .text::after {
    margin-top: -0.3333333333em;
  }
}

/* ご予約の前に必ずご確認ください */
.main .section--reserve .block--01 .note .caution {
  display: block;
  width: 300px;
  background: #fff;
  font-size: 15px;
  letter-spacing: 0.042em;
  line-height: 50px;
  text-align: center;
  box-shadow: inset 0 0 0 1px currentColor;
	font-weight: 600;
	position: relative;
}
.main .section--reserve .block--01 .note .caution::before {
	content: '';
	width: calc(100% + 3px);
	height: calc(100% + 3px);
	border-right: 1px solid #000;
	border-bottom: 1px solid #000; 
	position: absolute; 
	top: 4px;
	left: 4px;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .note .caution {
    width: 5rem;
    margin: 0.5rem auto 0;
    font-size: 0.28rem;
    line-height: 0.9rem;
  }
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .btn_reserve {
    width: 6rem;
  }
}
/*
.main .section--reserve .block--01 .btn--reserve {
  width: 480px;
  margin: 60px auto 0;
  font-size: 22px;
  line-height: 84px;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--01 .btn--reserve {
    width: 6rem;
    margin: 0.3rem auto 0;
    font-size: 0.28rem;
    line-height: 1.04rem;
  }
}
*/
.main .section--reserve .block--02 .sttl {
  background-image: url(../imgs/ico-tel2.svg);
}

.main .section--reserve .block--02 .tel_box{
	display: flex;
	align-items: center;
	margin: 0 0 0 100px;
}
@media screen and (max-width: 750px) {
.main .section--reserve .block--02 .tel_box{
	display: block;
	margin: 0 0 0 1.6rem;
}
}
.main .section--reserve .block--02 .btn--tel {
  display: block;
  margin: -10px 0 0 20px;;
  background: #fff;
  color: #e88a95;
  font-size: 34px;
  font-weight: 600;
	letter-spacing: 0.02rem;
	line-height: 1;
}
.main .section--reserve .block--02 .btn--tel span {
	font-size: 70%;
}
@media screen and (max-width: 750px) {
  .main .section--reserve .block--02 .btn--tel {
    margin: 0;
    font-size: 0.43rem;
    line-height: 1.3;
  }
}

/*電話予約の混雑状況 テーブル sp
---------------------------------------------*/
.main .section--reserve .time_table_box {
    margin: 0.3rem 0.3rem 0;
    overflow-x: scroll;
  }
.main .section--reserve .time_table { 
	width: 120%;
	height: auto;
	margin: 0 0 1em ;
	border-collapse: collapse;
}
.main .section--reserve .time_table caption{ 
	font-size: 0.32rem;
	text-align: left;
	margin-bottom: 0.1rem;
}
.main .section--reserve .time_table th, td {
	border: solid 1px #ccc;
	padding: 0.75em 0.2em;
	text-align: center;
	vertical-align: middle;
}
.main .section--reserve .time_table th {
	background-color: #f5f5f5;
}
.main .section--reserve .time_table td.bg_time { 
	background-color: #f5f5f5;
}
.main .section--reserve .time_table .w30per {
	width: 30%;
}
.main .section--reserve .time_table .w14per {
	width: 14%;
}
.main .section--reserve .time_table .w41per {
	width: 41.6%;
}
.main .section--reserve .time_table .w19per {
	width: 19.4%;
}
.main .section--reserve .w72per {
	width: 72% !important;
}
.main .section--reserve .table_cap {
	font-size: 3vw;
	white-space: nowrap
}

/*電話予約の混雑状況 テーブル PC
---------------------------------------------*/
@media screen and (min-width: 769px) {
.main .section--reserve .time_table_box {
    margin: 0;
    overflow-x: visible;
}
.main .section--reserve .time_table {
	width: 100%;
	margin-top: 15px;
}
.main .section--reserve .time_table caption{ 
	font-size: 20px;
	margin-bottom: 10px;
}
.main .section--reserve .table_cap {
	font-size: 15px;
}
}

/* 医院情報 
*************************************************/
.main .section--profile {
  padding: 90px 0;
	background: url(../imgs/bg_img_13.webp), url(../imgs/bg_img_12.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom -235px right 10px, top -165px left 85px, 50% -280px, 0% 0%;
	background-size: 413px auto, 338px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--profile {
    padding: 0.9rem 0 1.2rem;
    background: url(../imgs/bg_img_13.webp), url(../imgs/bg_img_12.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: bottom -110px right -40px, top -103px left -60px, 50% -28vw, 0% 0%;
	background-size: 206px auto, 169px auto, 70vw auto, auto;
  }
}
.main .section--profile .ttl {
  background-image: url(../imgs/en09.svg);
  background-size: 265px auto;
}
@media screen and (max-width: 750px) {
  .main .section--profile .ttl {
    background-size: 2.8rem auto;
  }
}
.main .section--profile .inner {
  display: flex;
  justify-content: flex-start;
  margin: 48px 0 0;
	flex-wrap: wrap;
}
@media screen and (max-width: 750px) {
  .main .section--profile .inner {
    margin: 0.64rem 0 0;
	  display: block;
  }
}

.main .section--profile .director_info{
	width: 100%;
	height: 68px;
	font-size: 30px;
	line-height: 68px;
	display: inline-block;
	margin-bottom: 20px;
	padding-left: 80px;
	font-weight: 600;
	background-image: url("../imgs/ico-director.svg");
	background-repeat: no-repeat;
	background-size: 68px 68px;
}
@media screen and (max-width: 750px) {
.main .section--profile .director_info{
	font-size: 0.46rem;
	line-height: 68px;
}
}

.main .section--profile .image {
  width: 200px;
	height: auto
}
@media screen and (max-width: 750px) {
  .main .section--profile .image {
    width: 3.8rem;
	  margin: 0 auto 5vw;
  }
}
.main .section--profile .text {
  width: 700px;
  padding: 2px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--profile .text {
    width: 92%;
    padding: 0.04rem 0 0;
	  margin: 0 auto;
  }
}
.main .section--profile .text .job {
  letter-spacing: 0.0588em;
  line-height: 1;
}
.main .section--profile .text .name {
  margin: 18px 0 0;
  font-size: 26px;
  letter-spacing: 0.042em;
  line-height: 1;
}
@media screen and (max-width: 750px) {
  .main .section--profile .text .name {
    margin: 0.16rem 0 0;
    font-size: 0.36rem;
  }
}
.main .section--profile .text .message {
  line-height: 1.875;
  padding: 38px 0 0;
  letter-spacing: 0.042em;
}
.main .section--profile .text .message::before, .main .section--profile .text .message::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--profile .text .message::before {
  margin-bottom: -0.4375em;
}
.main .section--profile .text .message::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--profile .text .message {
    line-height: 1.6153846154;
    padding: 0.34rem 0 0;
  }
  .main .section--profile .text .message::before, .main .section--profile .text .message::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--profile .text .message::before {
    margin-bottom: -0.3076923077em;
  }
  .main .section--profile .text .message::after {
    margin-top: -0.3076923077em;
  }
}
.main .section--profile .history {
  margin: 30px 0 0;
  padding: 0;
  letter-spacing: 0.042em;
}
@media screen and (max-width: 750px) {
  .main .section--profile .history {
	  width: 92%;
    margin: 0.5rem auto 0;
    padding: 0;
  }
}

/*写真と住所データ
---------------------------------------------*/
.clinic_info_wrap {
	width: 100%;
	height: auto;
	margin: 30px 0;
	padding: 0 3% 50px;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap {
	margin: 20px 0;
	padding: 50px 0 30px;
}
}
/*4枚の写真*/
.clinic_info_wrap .clinic_photo {
	width: 100%;
	height: auto;
	margin: 1.2rem 0 0;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .clinic_photo {
	width: 1000px;
	height: auto;
	margin: 50px auto 30px;
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
}
.clinic_info_wrap .clinic_photo img {
	margin-bottom: 10px;
}
/*情報部分*/
.clinic_info_wrap .data_wrap {
	width: 100%;
	height: auto;
	margin: 20px 0;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .data_wrap {
	width: 1000px;
	height: auto;
	margin: 30px auto;
	flex-wrap: nowrap;
}
}
/*右囲み*/
.clinic_info_wrap .data_wrap .right_box {
	width: 100%;
	height: auto;
	margin-top: 10px;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .data_wrap .right_box {
	width: 1000px;
	height: auto;
}
}
.clinic_info_wrap .data_wrap .right_box .data_box{
	display: block;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .data_wrap .right_box .data_box{
	display: flex;
	justify-content: space-between;
}
}
/* 1列 */
.clinic_info_wrap .data_wrap .right_box .col_1 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
}
.clinic_info_wrap .data_wrap .right_box .col_1 dt {
	width: 30%;
	padding: 1.5em 1.5em 1.5em 3em;
	display: flex;
	align-items: center;
}
.clinic_info_wrap .data_wrap .right_box .col_1 dd {
	width: 70%;
	padding: 1.5em 0;
	display: flex;
	align-items: center;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .data_wrap .right_box .col_1 dt {
	width: 15%;
	padding: 1.5em 1.5em 1.5em 2em;
	display: flex;
	align-items: center;
}
.clinic_info_wrap .data_wrap .right_box .col_1 dd {
	width: 85%;
	padding: 1.5em 0;
	display: flex;
	align-items: center;
}
}
/* 2列 */
.clinic_info_wrap .data_wrap .right_box .col_2 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
}
.clinic_info_wrap .data_wrap .right_box .col_2 dt {
	width: 30%;
	padding: 1.5em 0 1.5em 2em;
	display: flex;
	align-items: center;
	border-top: 1px solid #c8c8c8;
}
.clinic_info_wrap .data_wrap .right_box .col_2 dd {
	width: 70%;
	padding: 1em 0;
	display: flex;
	align-items: center;
	border-top: 1px solid #c8c8c8;
	line-height: 1.3;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .data_wrap .right_box .col_2 {
	width: 100%;
	height: auto;
	display: flex;
	justify-content: flex-start;
}
.clinic_info_wrap .data_wrap .right_box .col_2 dt {
	width: 30%;
	padding: 1.5em 1.5em 1.5em 2em;
	display: flex;
	align-items: center;
	border-top: 1px solid #c8c8c8;
}
.clinic_info_wrap .data_wrap .right_box .col_2 dd {
	width: 68%;
	padding: 1em 0;
	display: flex;
	align-items: center;
	border-top: 1px solid #c8c8c8;
	line-height: 1.4;
}
}
/*アイコン*/
.clinic_info_wrap .data_wrap .right_box .address { background-image: url(../../img/common/icon_address.gif); background-repeat: no-repeat; background-position: left center; }

.clinic_info_wrap .data_wrap .right_box .station { background-image: url(../../img/common/icon_station.gif); background-repeat: no-repeat; background-position: left center; }

.clinic_info_wrap .data_wrap .right_box .closed { background-image: url(../../img/common/icon_closed.gif); background-repeat: no-repeat; background-position: left center; }

.clinic_info_wrap .data_wrap .right_box .hours { background-image: url(../../img/common/icon_hours.gif); background-repeat: no-repeat; background-position: left center; }

.clinic_info_wrap .data_wrap .right_box .phone { background-image: url(../../img/common/icon_phone.gif); background-repeat: no-repeat; background-position: left center; }

.clinic_info_wrap .data_wrap .right_box .phone_number {
	font-size: 140%;
	font-weight: bold;
	letter-spacing: 0.1em;
}
.clinic_info_wrap .data_wrap .right_box .phone_number .confirm {
	font-size: 3.5vw;
	color: #e88a95;
	letter-spacing: 0;
	display: inline-block;
	margin-bottom: 8px;
}
@media screen and (min-width: 769px) {
.clinic_info_wrap .data_wrap .right_box .phone_number .confirm {
	font-size: 16px;
	margin-bottom: 0;
}
}
.clinic_info_wrap .data_wrap .tx_notice { color: #ff0000; }


/* アクセス
*************************************************/
.main .section--access {
  padding: 90px 0 100px;
	background: url(../imgs/bg_img_16.webp), url(../imgs/bg_img_15.webp),  url(../imgs/bg_img_14.webp), url(../imgs/bg_img_13.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6, #FFF);
	background-repeat: no-repeat;
	background-position: bottom 60px left 30px, top 1800px right -30px, top 1250px left 30px, top -425px right 10px, 50% -280px, 0% 0%;
	background-size: 372px auto, 536px auto, 382px auto, 413px auto, 580px auto, auto;
	background-blend-mode: multiply;
}
@media screen and (max-width: 750px) {
  .main .section--access {
    padding: 1rem 0 1rem;
	  background: url(../imgs/bg_img_16.webp), url(../imgs/bg_img_15.webp), url(../imgs/bg_img_14.webp), url(../imgs/bg_img_13.webp), url(../imgs/bg_img_01.webp), linear-gradient(to top, #fff6f6 0%, #fff6f6 60%, #FFF 100%);
	  background-repeat: no-repeat;
    background-position: bottom 30px left -50px, top 960px right -150px, top 660px left -75px, top -220px right -40px, 50% -25vw, 0% 0%;
	background-size: 155px auto, 268px auto, 190px auto, 206px auto, 70vw auto, auto;
  }
}
.main .section--access .ttl--01 {
  background-image: url(../imgs/en10.svg);
  background-size: 102px auto;
}
@media screen and (max-width: 750px) {
  .main .section--access .ttl--01 {
    background-size: 1.7rem auto;
  }
}
.main .section--access .data {
  display: flex;
  justify-content: space-between;
  margin: 50px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--access .data {
    display: block;
    margin: 0.54rem 0 0;
  }
}
.main .section--access .data .map {
  width: 626px;
}
@media screen and (max-width: 750px) {
  .main .section--access .data .map {
    width: 100%;
    height: 3.4rem;
  }
}

/* マップ */
.main .section--access .data .map_box {
	margin: 1.2rem auto 20px;
	text-align: center;
	height: 0;
	padding-bottom: 60%;
	position: relative;
}
.main .section--access .data .map_box iframe {
	position: absolute;
	left: 0; top: 0;
	height: 100%;
	width: 100%;
}
@media screen and (min-width: 769px) {
.main .section--access .data .map_box {
	width: 800px;
	height: 400px;
	margin: 60px auto 10px;
	padding-bottom: 0;
}
}

/* 道順案内 写真 */
.main .section--access .route .list {
  display: flex;
  flex-wrap: wrap;
	counter-reset: num;
	justify-content: space-between;
	width: 800px;
margin: 60px auto 90px!important;
}
@media screen and (max-width: 750px) {
  .main .section--access .route .list {
	  width: 100%;
    justify-content: space-between;
	  margin: 0.6rem auto 0.8rem!important;
  }
}

.main .section--access .route .list li {
  position: relative;
  counter-increment: num;
	background-color: #ffffff;
}
@media screen and (min-width: 751px) {
  .main .section--access .route .list li {
    width: 350px;
    margin: 0 50px 0 0;
	  padding: 20px;
	  border-radius: 10px;
	  box-shadow: 0px 5px 15px 0px rgba(20, 20, 50, 0.25);
  }
  .main .section--access .route .list li:nth-child(2n+2) {
    margin-right: 0;
  }
  .main .section--access .route .list li:nth-child(3n+3)::after {
    content: none;
  }
  .main .section--access .route .list li:nth-child(n+3) {
    margin-top: 50px;
  }
}
.main .section--access .route .list li img {
    border-radius: 10px;
  }
@media screen and (max-width: 750px) {
  .main .section--access .route .list li {
    width: 3.16rem;
	  padding: 0.16rem;
	  border-radius: 10px;
	  box-shadow: 0px 5px 12px 0px rgba(20, 20, 50, 0.25);
  }
  .main .section--access .route .list li:nth-child(even)::after {
    content: none;
  }
  .main .section--access .route .list li:nth-child(n+3) {
    margin-top: 0.55rem;
  }
  .main .section--access .route .list li img {
    width: 100%;
  }
}
.main .section--access .route .list li:last-child::after {
  content: none;
}
.main .section--access .route .list li::before {
  content: " " counter(num);
  display: block;
  width: 40px;
  position: absolute;
  top: -22px;
  left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
  line-height: 40px;
  background: #e88a95;
  border-radius: 50%;
  color: #fff;
  font-size: 30px;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .main .section--access .route .list li::before {
    width: 0.5rem;
    top: -0.35rem;
    /*left: 0.1rem;*/
    line-height: 0.5rem;
    font-size: 0.3rem;
  }
}
/*
.main .section--access .route .list li::after {
  display: block;
  width: 0;
  height: 0;
  border: 0 solid transparent;
  border-top-width: 31.5px;
  border-bottom-width: 31.5px;
  border-left-width: 22px;
  border-left-color: #fce2e5;
  content: "";
  display: block;
  position: absolute;
  top: 77px;
  right: -37px;
}
@media screen and (max-width: 750px) {
  .main .section--access .route .list li::after {
    display: block;
    width: 0;
    height: 0;
    border: 0 solid transparent;
    border-top-width: 0.325rem;
    border-bottom-width: 0.325rem;
    border-left-width: 0.23rem;
    border-left-color: #fce2e5;
    top: 0.82rem;
    right: -0.41rem;
  }
}
*/
.main .section--access .route .list li figcaption {
  line-height: 1.875;
  padding: 26px 0 0;
}
.main .section--access .route .list li figcaption::before, .main .section--access .route .list li figcaption::after {
  content: "";
  display: block;
  height: 0;
  width: 0;
}
.main .section--access .route .list li figcaption::before {
  margin-bottom: -0.4375em;
}
.main .section--access .route .list li figcaption::after {
  margin-top: -0.4375em;
}
@media screen and (max-width: 750px) {
  .main .section--access .route .list li figcaption {
    line-height: 1.5384615385;
    padding: 0.3rem 0 0;
  }
  .main .section--access .route .list li figcaption::before, .main .section--access .route .list li figcaption::after {
    content: "";
    display: block;
    height: 0;
    width: 0;
  }
  .main .section--access .route .list li figcaption::before {
    margin-bottom: -0.2692307692em;
  }
  .main .section--access .route .list li figcaption::after {
    margin-top: -0.2692307692em;
  }
}

.main .section--access .route--01 {
  margin: 64px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--access .route--01 {
    margin: 0.72rem 0 0;
  }
}

/* 道順動画 */
.main .section--access .route--01 .movie {
	width: 800px;
	/*height: 450px;*/
	aspect-ratio: 1.777777;
	padding-bottom: 0;
	margin: 30px auto;
} 
@media screen and (max-width: 750px) {
.main .section--access .route--01 .movie {
	width: 100%;
	margin:  0.3rem auto;
}
.main .section--access .route--01 .movie iframe {
	width: 100%;
	height: 100%;
}
}

/*.main .section--access .route--01 .movie {
  width: 556px;
  margin: 58px auto 0;
  aspect-ratio: 1.317535545;
  background: #b3b3b3;
}
@media screen and (max-width: 750px) {
  .main .section--access .route--01 .movie {
    width: 100%;
    margin: 0.5rem 0 0;
  }
}*/

/* 道順案内 写真 
.main .section--access .route--01 .list {
  margin: 70px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--access .route--01 .list {
    margin: 0.68rem 0 0;
  }
  .main .section--access .route--01 .list li:last-child {
    margin-left: 1.9rem;
  }
}*/

.main .section--access .route--02 {
  margin: 106px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--access .route--02 {
    margin: 0.76rem 0 0;
  }
}

.main .section--access .route--02 .list {
  margin: 50px 0 0;
}
@media screen and (max-width: 750px) {
  .main .section--access .route--02 .list {
    margin: 0.5rem 0 0;
  }
}

/* 医師が解説 SP
---------------------------------------------*/
.laser_point {
	position: relative;
	background-image: url(../../kumamoto/imgs/bg_laser_point_sp.webp);
	background-size:  cover; 
	max-width: 100%;
	height: 66vw;
	text-align: center;
	margin: 30px 0;
	padding: 0;
}
.laser_point .inner{
	width: 60%;
	margin-left: 5%;
	padding-top: 7vw;
}
.laser_point h2 {
	font-size: 21pt;
	line-height: 1.2em;
	font-weight: normal;
	font-feature-settings: "palt";
	font-weight: 600;
}
.laser_point h2 span.tx_mini {
	font-size: 16pt;
}
.laser_point p.tx_exp {
	font-size: 13px;
	display: block;
	width: 100%;
	height: auto;
	margin: 10px auto 0;
	text-align: center;
}
.laser_point ul {
}
.laser_point li {
	margin: 1em auto;
	text-align: left;
	width: 92%;
	height: auto;
}
.laser_point li {
	display: inline-block;
	padding: 0.5em 0.75em;
	color: #fff;
	border-radius: 3px;
	background-color: #ea9ea8;
	font-size: 3.7vw;
	position: relative;
	vertical-align: middle;
	display: flex; 
}
.laser_point li::after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	content: "";
	display: block;
	height: 2vw;
	position: absolute;
	right: 3vw;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg); width: 2vw;
} 
/* 医師が解説 PC
---------------------------------------------*/
@media screen and (min-width: 769px){
.laser_point {
	position: relative;
	background-image: url(../../kumamoto/imgs/bg_laser_point.webp);
	width: 100%;
	height: 330px;
	margin: 60px auto;
	padding: 0;
}
.laser_point .inner{
	width: 500px;
	margin-left: calc(50% - 420px);
	padding-top: 60px;
}
.laser_point h2 {
	font-size: 28pt;
	line-height: 1.2em;
	font-feature-settings: "palt";
	font-weight: 600;
}
.laser_point h2 span.tx_mini {
	font-size: 18pt;
}
.laser_point p.tx_exp {
	font-size: 15px;
}
.laser_point ul {
	width: 450px;
	margin-top: 20px;
	margin-left: calc(50% - 400px);
}
.laser_point li {
	width: 450px;
	font-size: 16px;
}
.laser_point li::after {
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	content: "";
	display: block;
	height: 12px;
	position: absolute;
	right: 20px;
	top: 50%;
	transform: translate(0, -50%) rotate(45deg);
	width: 12px;
} 
}

/* 文字色調整 */
.main .tx_pink{
	color: #e88a95;
}
.line_dot{
	border-top: 2px dotted #828282;
}