@charset "UTF-8";

/* ============================================
  font
============================================ */
@import url('//fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;700;900&display=swap');

/* ============================================
  reset
============================================ */
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

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-size: 100%;
  font: inherit;
  vertical-align: bottom;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, main {
  display: block;
}
body {
  line-height: 1;
}
ol, ul {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* ============================================
  common
============================================ */
html {
  overflow-x: hidden;
  font-size: 62.5%;
}

body {
  font-family: 'Noto Sans JP', "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #000;
  font-size: 1.6rem;
  line-height: 2;
  font-style: normal;
  letter-spacing: 0;
  min-width: 1040px;
  height: 100%;
  overflow-x: hidden;
  -webkit-text-size-adjust: 100%;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -o-text-size-adjust: 100%;
  text-size-adjust: 100%;
}


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

a,
a:visited,
a:hover {
  color: inherit;
  outline: none;
  border: none;
  text-decoration: none;
}

@media only screen and (min-width: 768px) {

  a[href^="tel:"] {
    pointer-events: none;
  }

}

strong {
  font-weight: bold;
}

img {
  max-width: 100%;
}
img[src$=".svg"] {
  width: 100%;
}

/* img object fit
--------------------------------- */
img.ofi {
  width: 100%;
  height: 100%;
  object-fit: cover;
  font-family: 'object-fit: cover;';
}


/* slick
--------------------------------- */
.slick-slide {
  outline: none;
}

/* pc sp
--------------------------------- */
.pc {
  display: block;
}
br.pc {
  display: inline-block;
}
.sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  .pc {
    display: none;
  }
  .sp {
    display: block;
  }
  br.pc {
    display: none;
  }
  br.sp {
    display: inline-block;
  }
}

/* flex
--------------------------------- */
.flex {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  justify-content:         space-between;
}
.flex-wrap {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap:         wrap;
}
.flex-center {
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content:         center;
  -webkit-align-items: center;
  align-items:         center;
}


/* ease
--------------------------------- */
.ease,
.ease *,
.ease *::after,
.ease *::before {
  -webkit-transition: .2s all ease;
     -moz-transition: .2s all ease;
      -ms-transition: .2s all ease;
       -o-transition: .2s all ease;
          transition: .2s all ease;
}

/* opacity
--------------------------------- */
.opacity a:hover {
  opacity: 0.8;
}


/* container
--------------------------------- */
.container {
  max-width: 1040px;
  margin: 0 auto;
  padding-left: 20px;
  padding-right: 20px;
}

/* clearfix
--------------------------------- */
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}


/* font
--------------------------------- */
.color-gold {
  color: #d19937;
}
.font-toppan {
  font-family: toppan-bunkyu-mincho-pr6n,serif;
}
@media all and (-ms-high-contrast: none) {
  .font-toppan {
    font-family: YuMincho, 'Yu Mincho', serif;
    font-weight: bold;
  }
}
.font-bold {
  font-weight: bold;
}
.font-bold-500 {
  font-weight: 500;
}
.font-bold-900 {
  font-weight: 900;
}
.font-md {
  font-size: 150%;
  vertical-align: baseline;
}
.font-lg {
  font-size: 160%;
  vertical-align: baseline;
}
.text-center {
  text-align: center;
}
.text-right {
  text-align: right;
}
.text-underline {
  text-decoration: underline;
}

/* margin padding
--------------------------------- */
.mt0 { margin-top: 0; }
.mt10 { margin-top: 1rem; }
.mt20 { margin-top: 2rem; }
.mt30 { margin-top: 3rem; }
.mt40 { margin-top: 4rem; }
.mt50 { margin-top: 5rem; }
.mt60 { margin-top: 6rem; }
.mt70 { margin-top: 7rem; }
.mt80 { margin-top: 8rem; }
.mt90 { margin-top: 9rem; }
.mt100 { margin-top: 10rem; }

.mb0 { margin-bottom: 0; }
.mb10 { margin-bottom: 1rem; }
.mb20 { margin-bottom: 2rem; }
.mb30 { margin-bottom: 3rem; }
.mb40 { margin-bottom: 4rem; }
.mb50 { margin-bottom: 5rem; }
.mb60 { margin-bottom: 6rem; }
.mb70 { margin-bottom: 7rem; }
.mb80 { margin-bottom: 8rem; }
.mb90 { margin-bottom: 9rem; }
.mb100 { margin-bottom: 10rem; }



/* ============================================
  header
============================================ */

.header {
  width: 100%;
  min-width: 1000px;
  height: 100px;
  background: #fff;
  position: fixed;
  left: 0;
  top: 0;
  z-index: 11;
}
.header__inner {
  max-width: 1360px;
}
.header__row {
  padding: 13px 0;
}
.header__logo {
  width: 288px;
  margin-top: 10px;
}
.header__contact-div  {
  padding: 7px 20px;
}
.header__contact-div:not(:first-child) {
  border-left: 1px solid #dadada;
}
.header__contact-tel {
  width: 242px;
}
.header__contact-line {
  width: 180px;
}
.header__contact-reserve {
  width: 225px;
}


/* ============================================
  mainContents
============================================ */
.mainContents {
  padding-top: 100px;
}

/* bg
-------------------------------------------- */
.bg-gray-closs {
  background: url("../images/bg_gray_closs.jpg") no-repeat center bottom / 100%;
}
.bg-gold-closs {
  background: url("../images/bg_gold_closs.jpg") no-repeat center bottom / 100%;
}

/* mv
-------------------------------------------- */
.mv {
  background: url("../images/bg_mv.jpg") no-repeat center center / cover;
}
.mv__title {
  max-width: 1600px;
  margin: auto;
}

.page-nav {
  padding: 40px 0;
}
.page-nav-item {
  width: 165px;
  text-align: center;
}
.page-nav-item:not(:first-child) {
  margin-left: 2px;
}
.page-nav-item a {
  display: block;
  background: #f2f2f2;
  padding: 15px 5px;
  transition: background .2s;
}
.page-nav-item a:hover {
  background: #ddd;
}

/* recommend
-------------------------------------------- */
.recommend {
  padding: 70px 0;
}
.recommend__inner {
  max-width: 1040px;
}
.recommend__title {
  max-width: 494px;
  margin: 0 auto 30px;
  font-size: 3.5rem;
  line-height:1;
  font-weight: 500;
  padding-bottom: 35px;
  background: url("../images/title_recommend.png") no-repeat center bottom / 100%;
}
.recommend__item {
  width: 490px;
  margin: 20px 0 0;
  padding: 25px 20px 25px 100px;
  font-size: 2.4rem;
  line-height: 1.5;
  border: 2px solid #d39a36;
  background: url("../images/icon_check.png") no-repeat 13px 10px / 49px;
}
.recommend__item:nth-child(2n) {
  margin-left: 20px;
}

/* section__title
-------------------------------------------- */
.section__title-en,
.section__title-ja {
  display: block;
}
.section__title-ja {
  color: #d39a36;
  font-size: 2.4rem;
  margin-top: 2rem;
}

/* point
-------------------------------------------- */
.point {
  padding: 70px 0;
}
.point__title {
  margin: 0 auto 80px;
}
.point__title-en {
  max-width: 215px;
  margin: auto;
}
.point__box {
  min-height: 230px;
  margin-bottom: 30px;
  background: #fff;
  border: 6px solid #fff;
  box-shadow: 0px 8px 11px 0px rgba(16, 16, 16, 0.07);
  position: relative;
}
.point__box-num {
  width: 90px;
  height: 90px;
  background: url("../images/point_num.png") no-repeat left top / 100%;
  color: #fff;
  font-size: 4.5rem;
  line-height: 1;
  padding: 40px 0 0 58px;
  position: absolute;
  left: 4px;
  top: 4px;
}
.point__box-title {
  width: 580px;
  font-size: 3rem;
  font-weight: 500;
  line-height: 88px;
  padding: 0 5px;
  margin: 4px 0 0 120px;
  border-bottom: 2px dotted #d39a36;
}
.point__box-text {
  width: 670px;
  padding: 10px 0 10px 125px;
}
.point__box-img {
  position: absolute;
  right: 0;
  top: 0;
}


/* cv
-------------------------------------------- */
.cv {
  padding: 35px 0;
  background: rgb(190,155,70);
  background: -moz-linear-gradient(270deg, rgba(190,155,70,1) 0%, rgba(210,154,55,1) 50%, rgba(190,155,70,1) 100%);
  background: -webkit-linear-gradient(270deg, rgba(190,155,70,1) 0%, rgba(210,154,55,1) 50%, rgba(190,155,70,1) 100%);
  background: linear-gradient(270deg, rgba(190,155,70,1) 0%, rgba(210,154,55,1) 50%, rgba(190,155,70,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be9b46",endColorstr="#be9b46",GradientType=1);
}
.cv__row {
  max-width: 830px;
  margin: 30px auto 0;
  padding: 20px 0;
  background: #fff;
}
.cv__row > div {
  padding: 7px 30px;
}
.cv__row > div:not(:first-child) {
  border-left: 1px solid #dadada;
}
.cv__row > div a {
  display: block;
  transition: opacity .2s;
}
.cv__row > div a:hover {
  opacity: 0.7;
}
.cv__title {
  color: #fff;
  font-size: 3rem;
  line-height: 1.5;
  margin: 10px auto 0;
}
.cv__line,
.cv__reserve {
  width: 240px;
}
.cv__tel {
  width: 350px;
}


/* qa
-------------------------------------------- */
.qa {
  padding: 120px 0;
  background: #f2f2f2;
}
.qa__title-en {
  max-width: 204px;
  margin: auto;
}
.qa__list {
  padding-top: 40px;
}
.qa__dl {
  margin-top: 30px;
}
.qa__dt {
  background: #fff;
  text-indent: -1.7em;
  padding: 20px 30px 20px 60px;
}
.qa__dd {
  padding: 20px 30px 20px 60px;
}

/* reason
-------------------------------------------- */
.reason {
  padding: 120px 0;
}
.reason__title-en {
  max-width: 291px;
  margin: auto;
}
.reason__list {
  padding-top: 20px;
}
.reason__block {
  background: #fff;
  border: 2px solid #d19937;
  margin-top: 60px;
}
.reason__block-inner {
  padding: 0 60px 60px;
}
.reason__block-num {
  padding: 10px 10px 20px;
}
.reason__block-01-box-01 {
  padding: 60px 0 60px 360px;
  background: url("../images/reason_01_01_img.png") no-repeat left top / cover;
}
.reason__block-box {
  margin-top: 50px;
  width: 100%;
}
.reason__block-01-box-02-img {
  float: right;
  width: 500px;
}
.reason__block-01-box-02-text {
  float: left;
  width: 350px;
  text-align: justify;
  text-justify: inter-ideograph;
}
.reason__block-02-box-01-img {
  margin-top: 80px;
}
.reason__block-02-box-02 {
  padding: 60px 0 60px 360px;
  background: url("../images/reason_02_02_img.png") no-repeat left top / cover;
}
.reason__block-02-box-02-title {
  font-size: 3rem;
  line-height: 1.5;
  margin: 0 0 30px;
}

.reason__block-howto {
  background: #faf5eb;
  padding: 10px 30px;
  margin-top: 65px;
}
.reason__block-howto-title-label {
  font-size: 2rem;
  font-weight: 500;
  margin-top: 0;
}
.reason__block-howto-title-label img {
  max-width: 166px;
  vertical-align: middle;
  margin-right: 20px;
  margin-top: -20px;
  display: inline-block;
}
.reason__block-howto-row {
  padding: 20px 10px;
  -webkit-align-items: center;
  align-items: center;
}
.reason__block-howto-row:not(:first-child) {
  border-top: 1px dashed #d19937;
}
.reason__block-howto-row-num {
  width: 55px;
  height: 55px;
  border: 2px solid #d19937;
  font-size: 3.3rem;
  line-height: 51px;
  text-align: center;
  background: #fff;
  color: #d19937;
  vertical-align: middle;
}
.reason__block-howto-row-text {
  width: calc(100% - 55px);
  padding-left: 20px;
  line-height: 1.5;
}
.reason__block-howto-row-02 {
  position: relative;
}
.reason__block-howto-row-02-text-p {
  max-width: 360px;
}
.reason__block-howto-row-btn {
  font-size: 2rem;
  color: #fff;
  text-align: center;
  width: 350px;
  line-height: 1;
  position: absolute;
  right: 10px;
  top: 20px;
}
.reason__block-howto-row-btn a {
  display: block;
  background: #00b900;
  border-radius: 30px;
  padding: 15px;
  transition: opacity .2s;
}
.reason__block-howto-row-btn a:hover {
  opacity: 0.7;
}
.reason__block-03-box-01 {
  background: url("../images/reason_03_02_img.png") no-repeat right top;
  padding-top: 20px;
}
.reason__block-03-box-01-img {
  max-width: 640px;
}
.reason__block-03-box-01-text-02 {
  max-width: 640px;
}
.reason__block-03-box-02 {
  margin-top: 60px;
  padding-top: 50px;
  border-top: 1px dashed #d19937;
}
.reason__block-03-box-02-title {
  margin: 0 auto 30px;
}

.reason__block-title {
  font-size: 3rem;
  line-height: 1.5;
}
.reason__block-title .sm {
  font-size: 86%;
  line-height: 1.6;
}
.reason__block-title .xs {
  font-size: 60%;
  line-height: 1.8;
}

/* flow
-------------------------------------------- */
.flow {
  padding: 120px 0;
  background: rgb(242,242,242);
  background: -moz-linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  background: -webkit-linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  background: linear-gradient(180deg, rgba(242,242,242,1) 0%, rgba(255,255,255,1) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#f2f2f2",endColorstr="#ffffff",GradientType=1);
}
.flow__title-en {
  max-width: 192px;
  margin: auto;
}
.flow__list {
  padding-top: 40px;
}
.flow__box {
  margin-top: 30px;
  background: #fff;
  border: 6px solid #fff;
  box-shadow: 0px 8px 11px 0px rgba(16, 16, 16, 0.07);
  position: relative;
}
.flow__box-num {
  width: 112px;
  height: 118px;
  text-align: center;
  font-size: 5rem;
  line-height: 118px;
  background: url("../images/flow_num.png") no-repeat left top / 100%;
  position: absolute;
  left: 25px;
  top: 26px;
}
.flow__box::before,
.flow__box::after {
  content: "";
  display: inline-block;
  width: 2px;
  background: #d19937;
}
.flow__box::before {
  height: 32px;
  position: absolute;
  left: 82px;
  top: -6px;
}
.flow__box::after {
  height: calc(100% - 138px);
  position: absolute;
  left: 82px;
  bottom: -6px;
}
.flow__box-01::before,
.flow__box-06::after {
  content: none;
}
.flow__box-info {
  width: calc(100% - 236px);
  padding: 33px 30px 0 160px;
}
.flow__box-title {
  font-size: 2.8rem;
  line-height: 1.5;
}
.flow__box-text {
  line-height: 1.5;
  margin-top: 15px;
}

/* price
-------------------------------------------- */
.price {
  padding: 20px 0 150px;
  background: url("../images/bg_price.png") no-repeat center bottom / 100%;
}
.price__title {
  margin-bottom: 70px;
}
.price__title-en {
  max-width: 203px;
  margin: auto;
}
.price__cont {
  padding: 30px 0;
  background: url("../images/price_cont_line_top.png") no-repeat center top / 100%,
              url("../images/price_cont_line_bottom.png") no-repeat center bottom / 100%;
}
.price__menu-name {
  font-size: 4rem;
  margin-right: 20px;
  line-height: 1.5;
}
.price__menu-info {
  font-size: 4rem;
  line-height: 1.5;
}
.price__menu-lot {
  font-size: 87.5%;
  color: #fff;
  line-height: 1.1;
  background: #d39a36;
  padding: 7px 20px;
  margin-right: 20px;
}
.price__menu-num {
  font-size: 200%;
  line-height: 1.1;
}
.price__menu-tax {
  font-size: 62.5%;
  line-height: 2;
}
.price__anno {
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
  margin-top: 20px;
}

.price-02 {
  padding: 70px 0 150px;
  background: url("../images/bg_price.png") no-repeat center bottom / 100%;
}
.price-02__title {
  font-size: 6rem;
  line-height: 1;
  background: url("../images/bg_price_02.png") no-repeat 92% center / 378px auto;
  height: 235px;
  margin: 0 auto 30px;
  padding: 90px 0 0 0;
}
.price-02__anno {
  font-size: 1.4rem;
  line-height: 1.7;
  text-align: center;
  margin-top: 20px;
}


/* cl
-------------------------------------------- */
.sec_cl_list {
  padding: 120px 0;
}
.cl__title {
  margin-bottom: 60px;
}
.cl__title-en {
  max-width: 234px;
}


/* doctor
-------------------------------------------- */
.doctor {
  background: #f2f2f2;
  position: relative;
}
.doctor::before {
  content: "";
  display: block;
  width: 100%;
  height: 30px;
  background: rgba(255, 255, 255, 0.5);
  position: absolute;
  left: 0;
  top: 0;
}

.doctor__inner {
  max-width: 1266px;
  background: url("../images/bg_doctor.png?220628") no-repeat left bottom / 100%;
}
.doctor__cont {
  padding: 90px 0 60px 590px;
}
.doctor__title {
  max-width: 396px;
}
.doctor__info {
  padding-top: 20px;
}
.doctor__info-dl {
  margin-top: 30px;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
.doctor__info-dt {
  font-size: 1.8rem;
  width: 100px;
}
.doctor__info-dd {
  font-size: 1.5rem;
  width: calc(100% - 115px);
}
.doctor__info th,
.doctor__info td {
  padding: 4px 0;
  vertical-align: top;
  text-align: left;
}
.doctor__info th {
  padding-right: 15px;
}
.doctor__info-dd-text {
  padding: 4px 0;
}

/* footer
-------------------------------------------- */
.footer {
  font-size: 1.3rem;
  text-align: center;
  padding: 15px;
}


/*sec_cl_list クリニック紹介========================================================================================================*/
.pc_only{display: block;}
.sp_only{display: none;}
.sec_cl_list {
	width:100%; margin:2% auto 0 ;
	position:relative;
	overflow:hidden;
}
.sec_cl_list .inner{
	width:980px; margin:0 auto ;
	position:relative;
	overflow:hidden;
}
.sec_cl_list p{line-height: 1.6;}
.sec_cl_list h1{ text-align:center; margin:0 auto 2%;}
.sec_cl_list ul.cl_list{ overflow:hidden; margin-top:4%;}
.sec_cl_list ul.cl_list li.box{ width:32%; float:left; margin-right:2%; margin-bottom:5%;position:relative;height:248px; overflow:hidden;}
.sec_cl_list ul.cl_list li.box:nth-child(3n){ margin-right:0;}
.sec_cl_list ul.cl_list li.box .img{ width:100%;}
.sec_cl_list ul.cl_list li.box .pc_only {background-color: rgba(255,255,255,1.0); padding:0 5px 5px; overflow:hidden; margin:10px auto 0;}
.sec_cl_list ul.cl_list li.box .pc_only img{ width:120%;}

.box .slideup{
	width:100%;
	height:348px;
	background:#cd8f39;
	position:absolute;
	top:218px;
	left:0;
	color:#fff;
	-webkit-transition: 0.2s;
	-moz-transition:  0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	font-size:14px;
}
.box .slideup:hover {
	top:0;
	background:rgba(0,0,0,0.7);
}
.box .slideup span {
	text-align:center;
	display:block;
	line-height:30px;
}
.box .slideup span:after {
	content:" >>";
}
.box .slideup:hover span {
	padding-top:20px;
}
.slideup_content {
	text-align:center;
	padding:0 10px;
}
.slideup_content p{
	font-size: 14px;
}
.btn_cv { text-align:center;margin:12px 0 0;}
.btn_cv li{ display:inline-block; margin:0 6px; width:40px;}
.btn_cv li:nth-child(2){ display: none;}/*PCはTELアイコン非表示*/
.btn_cv li img{ width:100%;}


@media screen and (max-width: 767px) {
	.pc_only{display: none;}
	.sp_only{display: block;}

	.sec_cl_list { margin:4% auto 0;}
	.sec_cl_list .inner{width:90%; margin:0 auto;}
	.sec_cl_list .lead{display: none;}
	.sec_cl_list h1{ width:70%; margin:0 auto;}
	.sec_cl_list h1 img{ width:100%;}
	.sec_cl_list ul.cl_list li.box { height:auto;margin-bottom: 2%;}
	.sec_cl_list ul.cl_list li.box .img{ display:none; /*width:50%; float:left;*/}
	.sec_cl_list ul.cl_list li.box{ width:100%; float:none; margin-right:0%; font-size:14px;}
	/*スライド　SPは使用しない*/
	.box .slideup { background:none; position: static; width:100%; height:auto; float: none;color:#000;transition: none;}
	.box .slideup:hover {background: none;}
	.box .slideup span { background:#be9b46; color:#fff; position: static;line-height:2.5; font-weight:bold; margin-bottom:2%;position: relative;}
	.box .slideup span:after {
		position: absolute;
		content: "";
		width: 8px;
		height: 8px;
		border: 3px solid;
		border-color:  transparent transparent #fff #fff;
		transform: rotate(-45deg);
		right:1em;
		top:0.5em;
	}
	.box .slideup:hover span { padding-top:0;}
	.slideup_content{ text-align:left; padding:0 0 5%; display: none;}

	.btn_cv { margin:5% 0;}
	.btn_cv li{ display:inline-block; margin:0 1%; width:13%;}
	.btn_cv li:nth-child(2){ display: inline-block;}/*PCはTELアイコン非表示*/

	.sec_cl_list ul.cl_list li.box .sp_only { clear:both; overflow:hidden;}
	.sec_cl_list ul.cl_list li.box .sp_only img{ width:110%;}
}



@media screen and (max-width: 767px) {

  body {
    min-width: auto;
    font-size: 1.4rem;
  }

  .font-toppan {
    font-weight: bold;
  }

  .header {
    min-width: auto;
    height: 55px;
  }
  .header__logo {
    width: 180px;
    margin: auto;
  }
  .header__row {
    padding: 10px 0;
  }

  .mainContents {
    padding-top: 55px;
  }

  .mv {
    background: none;
  }

  .sp_gnav.fixed {
    background: #fff;
    width: 100%;
    padding: 0;
    position: fixed;
    left: 0;
    top: 0;
    z-index: 11;
  }
  .page-nav {
    padding: 10px 0;
  }
  .page-nav-list {
    padding: 0;
  }
  .page-nav-item {
    width: calc(calc(100% - 5px) / 6);
    font-size: 0.9rem;
    line-height: 1.4;
  }
  .page-nav-item:not(:first-child) {
    margin-left: 1px;
  }
  .page-nav-item a {
    padding: 15px 2px;
  }

  .bg-gray-closs,
  .bg-gold-closs {
    background-size: cover;
  }

  .recommend {
    padding: 40px 0;
  }
  .recommend__title {
    max-width: 320px;
    margin: 0 auto 20px;
    font-size: 2.4rem;
    padding-bottom: 25px;
  }
  .recommend .recommend__item {
    width: 100%;
    margin: 10px 0 0;
    padding: 15px 10px 10px 55px;
    font-size: 1.8rem;
    border: 2px solid #d39a36;
    background-color: #fff;
    background-size: 36px;
    background-position: 10px 6px;
  }


  .section__title-ja {
    font-size: 1.6rem;
    margin-top: 1.5rem;
  }


  .point {
    padding: 40px 0;
  }
  .point__title {
    margin: 0 auto 40px;
  }
  .point__title-en {
    width: 150px;
  }
  .point__box {
    min-height: auto;
  }
  .point__box-num {
    width: 60px;
    height: 60px;
    font-size: 2.8rem;
    padding: 28px 0 0 38px;
  }
  .point__box-info {
    padding: 10px 0 10px 10px;
  }
  .point__box-title {
    width: calc(100% - 70px);
    font-size: 1.8rem;
    line-height: 58px;
    padding: 0 0 0 10px;
    margin: 4px 0 0 70px;
  }
  .point__box-img {
    width: 40%;
    position: static;
    float: right;
    padding: 0 0 10px 10px
  }
  .point__box-text {
    width: auto;
    padding: 0;
    font-size: 1.3rem;
    line-height: 1.8;
  }

  .cv {
    padding: 30px 0;
  }
  .cv__title {
    font-size: 2rem;
    margin: auto;
    padding: 0;
  }
  .cv__row {
    text-align: center;
    margin: 20px auto 0;
    padding: 20px 0;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-align-items: inherit;
    align-items: inherit;
  }
  .cv__row > div {
    padding: 7px 20px;
    text-align: center;
  }
  .cv__tel {
    width: 80%;
    margin: 0 auto 20px;
  }
  .cv__tel img {
    width: 100%;
    max-width: 350px;
    margin: auto;
  }
  .cv__line {
    width: 50%;
    border: none;
  }
  .cv__reserve {
    width: 50%;
  }
  .cv__line img,
  .cv__reserve img {
    width: 100%;
    max-width: 170px;
    margin: auto;
  }

  .qa {
    padding: 80px 0;
  }
  .qa__title-en {
    width: 130px;
  }
  .qa__list {
    padding-top: 20px;
  }
  .qa__dl {
    font-size: 1.4rem;
    line-height: 1.8;
  }
  .qa__dt {
    padding: 15px 10px 15px 40px;
  }
  .qa__dd {
    padding: 12px 10px 12px 40px;
  }


  .reason {
    padding: 80px 0;
  }
  .reason__title-en {
    width: 190px;
  }
  .reason__block {
    max-width: 600px;
    margin: 30px auto 0;
  }
  .reason__block-inner {
    padding: 0 15px 20px;
  }
  .reason__block-box {
    margin-top: 25px;
  }
  .reason__block-title {
    font-size: 1.7rem;
  }
  .reason__block-title .sm,
  .reason__block-title .xs {
    letter-spacing: -0.02em;
  }
  .reason__block-01-box-01 {
    padding: 0px;
    background: none;
  }
  .reason__block-01-box-02-img,
  .reason__block-01-box-02-text {
    float: none;
    width: 100%;
  }
  .reason__block-01-box-01-img,
  .reason__block-01-box-02-img {
    margin-bottom: 20px;
    text-align: center;
  }
  .reason__block-02-box-01-img {
    margin-top: 40px;
    text-align: center;
  }
  .reason__block-02-box-02 {
    padding: 0;
    background: none;
  }
  .reason__block-02-box-02-title {
    max-width: 100%;
    margin: 0 0 20px;
    text-align: center;
  }
  .reason__block-howto {
    padding: 10px;
    margin-top: 30px;
  }
  .reason__block-howto-title-label {
    font-size: 1.5rem;
  }
  .reason__block-howto-title-label img {
    width: 90px;
    margin-right: 5px;
    margin-top: -3px;
  }
  .reason__block-howto-row {
    padding: 15px 5px;
  }
  .reason__block-howto-row-num {
    width: 50px;
    height: 50px;
    font-size: 2.4rem;
    line-height: 46px;
    border-width: 1px;
  }
  .reason__block-howto-row-text {
    width: calc(100% - 50px);
    padding-left: 10px;
    font-size: 1.3rem;
  }
  .reason__block-howto-row-btn {
    font-size: 1.6rem;
    max-width: 350px;
    width: 100%;
    margin: 20px auto 0;
    position: static;
  }
  .reason__block-03-box-02-title {
    margin: 0 auto 15px;
  }
  .reason__block-03-box-02 {
    padding-top: 25px;
  }
  .reason__block-03-box-02-img {
    float: right;
  }
  .reason__block-03-box-01 {
    background: url("../images/reason_03_02_img_sp.png") no-repeat right bottom / 100%;
    padding-top: 0;
  }
  .reason__block-03-box-01-text-02 {
    width: 70%;
  }


  .flow {
    padding: 80px 0;
  }
  .flow__title-en {
    width: 125px;
  }
  .flow__box-num {
    width: 70px;
    height: auto;
    font-size: 3rem;
    line-height: 75px;
    position: absolute;
    left: 5px;
    top: 5px;
  }
  .flow__box::before,
  .flow__box::after {
    position: absolute;
    left: 40px;
    bottom: -6px;
  }
  .flow__box::before {
    height: 11px;
  }
  .flow__box::after {
    height: calc(100% - 72px);
  }
  .flow__box-info {
    width: 100%;
    padding: 27px 10px 0 90px;
    font-size: 1.4rem;
  }
  .flow__box-img {
    padding: 20px 0 20px 90px;
    width: 100%;
  }
  .flow__box-title {
    font-size: 2rem;
  }
  .flow__box-text {
    line-height: 1.8;
  }


  .price {
    padding: 20px 0 80px;
    background-size: 300%;
  }
  .price-02 {
    padding: 20px 0 80px;
    background-size: 300%;
  }
  .price__title {
    margin-bottom: 30px;
  }
  .price-02__title {
    max-width: 420px;
    margin: 0 auto 20px;
    font-size: 2.4rem;
    height: 112px;
    background-size: 180px auto;
    background-position: right center;
    padding-top: 50px;
  }
  .price__title-en {
    width: 140px;
  }
  .price__cont {
    margin-top: 0;
    background-size: 120%;
  }
  .price__menu {
    display: block;
  }
  .price__menu-name {
    font-size: 2.6rem;
    text-align: center;
    margin: 0 0 10px;
  }
  .price__menu-info {
    font-size: 2.2rem;
  }
  .price__menu-lot {
    font-size: 80%;
    padding: 4px 10px;
    margin-right: 10px;
  }
  .price__anno,
  .price-02__anno {
    text-align: left;
    font-size: 1.2rem;
    max-width: 500px;
    margin: 20px auto 0;
  }



  .doctor {
    padding-bottom: 40px;
  }
  .doctor__inner {
    background: none;
  }
  .doctor__cont {
    padding: 0;
    position: relative;
  }
  .doctor__img {
    margin: 0 -20px;
  }
  .doctor__title {
    width: 60%;
    position: absolute;
    right: 0;
    top: 6%;
  }
  .doctor__info th,
  .doctor__info td {
    font-size: 1.3rem;
    line-height: 1.8;
    display: block;
    width: 100%;
    padding: 0;
  }
  .doctor__info th {
    padding-top: 3px;
  }
  .doctor__info td {
    padding-left: 0;
    padding-bottom: 5px;
  }
  .doctor__info-dd-text {
    font-size: 1.3rem;
    line-height: 1.8;
    padding: 3px 0 0;
  }
  .doctor__info-dl {
    margin-top: 10px;
  }
  .doctor__info-dt {
    font-size: 1.5rem;
    width: 82px;
  }
  .doctor__info-dd {
    width: calc(100% - 82px);
  }

  .sec_cl_list {
    padding: 80px 0;
  }
  .cl__title {
    margin: 0 auto 40px;
    text-align: center;
  }
  .cl__title-en {
    width: 160px;
    margin: auto;
  }


  .cv-fixed-bottom {
    width: 100%;
    position: fixed;
    left: 0;
    bottom: 0;
    padding: 0;
    background: rgb(190,155,70);
    background: -moz-linear-gradient(270deg, rgba(190,155,70,1) 0%, rgba(210,154,55,1) 50%, rgba(190,155,70,1) 100%);
    background: -webkit-linear-gradient(270deg, rgba(190,155,70,1) 0%, rgba(210,154,55,1) 50%, rgba(190,155,70,1) 100%);
    background: linear-gradient(270deg, rgba(190,155,70,1) 0%, rgba(210,154,55,1) 50%, rgba(190,155,70,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#be9b46",endColorstr="#be9b46",GradientType=1);
    z-index: 1;
  }
  .cv-fixed-bottom__title {
    font-size: 1.4rem;
    color: #fff;
    line-height: 1;
    margin: 10px auto;
  }
  .cv-fixed-bottom__line,
  .cv-fixed-bottom__reserve {
    border-left: 1px solid #dadada;
  }

  .footer {
    padding-bottom: 34vw;
  }

}


/*sec_cl_list クリニック紹介========================================================================================================*/
.sec_cl_list {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.sec_cl_list:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 130%;
  height: 62%;
  margin: -30% -10% 0;
  /* background: #fff; */
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
  z-index: -1;
}

.sec_cl_list h2{ text-align:center; margin:4% auto;}
.sec_cl_list ul.cl_list{ overflow:hidden; margin-top:4%;}
.sec_cl_list ul.cl_list li.box{ width:32%; float:left; margin-right:2%; margin-bottom:5%;position:relative;height:248px; overflow:hidden;}
.sec_cl_list ul.cl_list li.box:nth-child(3n){ margin-right:0;}
.sec_cl_list ul.cl_list li.box .img{ width:100%;}
.sec_cl_list ul.cl_list li.box .pc_only {background-color: rgba(255,255,255,1.0); padding:0 5px 5px; overflow:hidden; margin:10px auto 0;}
.sec_cl_list ul.cl_list li.box .pc_only img{ width:120%;}
.sec_cl_list ul.cl_list li.box .pc_only.w110 img{ width:110%;}

.sec_cl_list .box .slideup{
	width:100%;
	height:348px;
	/* background:rgba(230,10,133,0.9); */
	position:absolute;
	top:218px;
	left:0;
	color:#fff;
	-webkit-transition: 0.2s;
	-moz-transition:  0.2s;
	-ms-transition: 0.2s;
	-o-transition: 0.2s;
	transition: 0.2s;
	font-size:14px;
}
.sec_cl_list .box .slideup:hover {
	top:0;
	background:rgba(0,0,0,0.7);
}
.sec_cl_list .box .slideup span {
	text-align:center;
	display:block;
	line-height:30px;
}
.sec_cl_list .box .slideup span:after {
	content:" >>";
}
.sec_cl_list .box .slideup:hover span {
	padding-top:20px;
}
.sec_cl_list .slideup_content {
	text-align:center;
	padding:0 10px;
}
.sec_cl_list .btn_cv { text-align:center;margin:12px 0 0;}
.sec_cl_list .btn_cv li{ display:inline-block; margin:0 6px; width:40px;}
.sec_cl_list .btn_cv li:nth-child(2){ display: none;}/*PCはTELアイコン非表示*/
.sec_cl_list .btn_cv li img{ width:100%;}


@media screen and (max-width: 767px) {
	.sec_cl_list { margin:4% auto 0; width: calc(100% - 20px);}
	/*.sec_cl_list:before {
		width: 160%;
		height: 26%;
		margin: -66% -10% 0;}*/
	.sec_cl_list h2{ width:80%; }
	.sec_cl_list .lead{ font-size:13px;}
	.sec_cl_list ul.cl_list li.box { height:auto; border-bottom:1px dotted #ccc; padding-bottom:5%;}
	.sec_cl_list ul.cl_list li.box .img{ display:none; /*width:50%; float:left;*/}
	.sec_cl_list ul.cl_list li.box{ width:100%; float:none; margin-right:0%; font-size:14px;}
	/*スライド　SPは使用しない*/
	.sec_cl_list .box .slideup { background:none; position: static; width:100%; height:auto; float: none;color:#000;transition: none;}
	.sec_cl_list .box .slideup:hover {background: none;}
	.sec_cl_list .box .slideup span { background:#E60A85; color:#fff; position: static;line-height:2.0; font-weight:bold; margin-bottom:2%;}
	.sec_cl_list .box .slideup span:after { content:"";}
	.sec_cl_list .box .slideup:hover span { padding-top:0;}
	.sec_cl_list .slideup_content{ text-align:left; padding:0;}
	
	.sec_cl_list .btn_cv { margin:5% 0;}
	.sec_cl_list .btn_cv li{ display:inline-block; margin:0 1%; width:13%;}
	.sec_cl_list .btn_cv li:nth-child(2){ display: inline-block;}/*PCはTELアイコン非表示*/
	
	.sec_cl_list ul.cl_list li.box .sp_only { clear:both; overflow:hidden;}
	.sec_cl_list ul.cl_list li.box .sp_only img{ width:110%;}
}



/*accordion_one==================================*/
/*! CSS Used from: https://www.tkc-biyou.jp/lp/insert_bag_03/common/css/reset.css */
/* div,p,img,ul,li{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;background:transparent;}
ul{list-style:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;} */
/*! CSS Used from: https://www.tkc-biyou.jp/lp/insert_bag_03/common/css/style.css?221227 */
/* img{vertical-align:bottom;width:100%;}
a{text-decoration:none;color:inherit;transition:all .5s ease;}
a:hover{opacity:0.6;transition:all .5s ease;} */
.sec_cl_list *{box-sizing:border-box;}
/* .sec_cl_list .inner{max-width: 670px;} */
.sec_cl_list .lead{
	margin-bottom: 2.5em;
}
.sec_cl_list .clinic_list{background:#FDFAF5;padding:30px 20px;}
.sec_cl_list .accordion_header{
	width:100%;margin:0 auto -10px;
}
.sec_cl_list .accordion_inner ul li{display:flex;align-items:flex-start;margin-bottom:20px;position:relative;border:none;padding:0;}
.sec_cl_list .accordion_inner ul li img{width:40%;}
.sec_cl_list .accordion_inner ul li div{margin-left:10px;line-height:1.2;text-align:left;height:100%;}
.sec_cl_list .accordion_inner ul li div img{width:65%;}
.sec_cl_list .accordion_inner ul li div .pc_only .dr{width:100%;max-width:180px;}
.sec_cl_list .accordion_inner ul li div p:nth-child(1){font-size:18px;font-weight:bold;}
.sec_cl_list .accordion_inner ul li div p:nth-child(2){font-size:15px;margin:10px auto;}
.sec_cl_list .accordion_inner ul li div a{display:inline-block;background:none;text-align:left;padding:10px 0 0;width:initial;}
.sec_cl_list .accordion_inner ul li div a::before{content:none;}

.sec_cl_list .accordion_one{margin-bottom:20px;}
.sec_cl_list .accordion_one .accordion_header{position:relative;z-index:+1;cursor:pointer;transition-duration:0.2s;}
.sec_cl_list .accordion_one .accordion_header:hover{opacity:.8;}
.sec_cl_list .accordion_header{
	border-radius: 0.625em;
	border: 3px solid #d29a37;
	background: #fff;
	font-size: 32px;
	line-height: 1.125;
	padding: 0.5em;
	/* font-weight: bold; */
	color: #d29a37;
	position: relative;
	margin-bottom: -10px;
	text-align: center;
}
.sec_cl_list .accordion_header::after{
	content:"";display:block;width:0;height:0;border-style:solid;
	border-width:16px 10px 0 10px;
	border-color:#d29a37 transparent transparent transparent;
	position:absolute;
	top:50%;
	right:0.8em;
	transform: translateY(-40%);
}
.sec_cl_list .accordion_header.open::after{
	transform: translateY(-60%)rotate(-180deg);
}
/* .sec_cl_list .accordion_header::after{
	content:"";display:block;width:0;height:0;border-style:solid;border-width:19px 12px 0 12px;border-color:#d5b55d transparent transparent transparent;position:absolute;top:50%;right:48px;} */
.sec_cl_list .accordion_one .accordion_inner{width:100%;margin:0 auto 0;display:none;padding-top:10px;background:#FDFAF5;}
@media screen and (max-width : 767px ){
	.sec_cl_list .accordion_one{margin-bottom:6vw;}
	/* .sec_cl_list .accordion_header::after{border-width:4vw 2.6vw 0 2.6vw;right:5vw;} */
	.sec_cl_list .accordion_header{
		font-size: 20px;
		border
	}
	.sec_cl_list .accordion_header::after{border-width:4vw 2.6vw 0 2.6vw;}
	.sec_cl_list .clinic_list{padding:10vw 5vw 5vw;}
	.sec_cl_list .accordion_inner ul li div p:nth-child(1){font-size:3.8vw;}
	.sec_cl_list .accordion_inner ul li div p:nth-child(2){font-size:2.7vw;margin:2vw auto;}
	.sec_cl_list .accordion_inner ul li div img{width:45%;}
	/* .sec_cl_list .accordion_inner ul li{
		margin-bottom:0;
	} */
	.sec_cl_list .accordion_inner .sp_only{
		margin-bottom:5vw;
	}
}
@media screen and (min-width : 768px ){
	.sec_cl_list .accordion_inner ul{
		display: flex;
    flex-wrap: wrap;
    width: 100%;
	}
	.sec_cl_list .accordion_inner ul li{
		width: 50%;
	}
}

.sp_only{ display:none;}
@media screen and (max-width: 767px) {
	.pc_only{ display:none;}
	.sp_only{ display:block;}
}