@charset "UTF-8";

/* -------- common -------- */
a {
  overflow: hidden; }

a img, img {
  border: 0;
  vertical-align: top; }

abbr, acronym {
  border: 0; }

address, caption, cite, code, dfn, em, th, strong, var {
  font-style: normal;
  font-weight: bold; }

blockquote, dd, div, dl, dt, h1, h2, h3, h4, h5, h6, li, ol, p, pre, span, td, th, ul {
  margin: 0;
  padding: 0; }

ol, ul {
  list-style: none; }

a {
  cursor: pointer;
  text-decoration: none; }

a:hover {
  text-decoration: underline; }

/* --HEADLINE-- */
h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
  margin: 0; }

/* --LIST-- */
ol, ul {
  margin: 0em 0em 0em 0em;
  text-align: justify;
  text-justify: inter-ideograph; }

dl {
  margin: 0; }

ol li,
ul li {
  list-style: none;
  margin: 0;
  padding: 0; }

dl dd, ol li, ul li {
  margin-bottom: 0em; }

/* ---- Links ---- */
a:link {
  color: #FF6600; }

a:visited {
  color: #FF6600; }

a:hover {
  text-decoration: underline;
  color: #FF6600; }

a:active {
  text-decoration: underline;
  color: #FF6600; }

html {
    color: #57473C;
    overflow-y: scroll; 
    line-height: 1;
}
div,p,ol,ul,li,h1,h2,h3,h4,h5,h6,dl,dt,dd,form,input,th,td,caption {
	margin: 0;
	padding: 0;
}
img {
	vertical-align: bottom;
}
sup, sub {
	font-size: 0.5em;
}

body {
  overflow: visible;
  font-family: Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
  letter-spacing:normal;
  font-feature-settings: "palt";
  margin: 0 auto;
  padding: 0;
  color: #57473C;
  font-size: 32px;
  line-height: 1.625;
}
@media screen and (max-width: 751px) {
  @font-face {
    font-family: "YuGothic M";
    src: local("Yu Gothic Medium");
  }
  body {
    font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "モトヤLシーダ3等幅", MotoyaLCedar, "メイリオ", Meiryo, sans-serif;
    /*overflow:auto;*/
  }
}  /* for PC */

.f_min {
    font-family: "游明朝", "YuMincho","ヒラギノ明朝 ProN","ＭＳ Ｐ明朝", "ＭＳ 明朝", serif,Times New Roman;
  font-style: italic;
}

#wrapper {
  /*width: 750px;*/
  width: 100%;
  margin: 0 auto;
  overflow: hidden;
  -webkit-text-size-adjust: 100%;
  position: relative;
  z-index: 200;
  background-color: #E3DFD9;
  padding-bottom: 50px;
}
.inner {
  width: 750px;
  margin: 0 auto;
  position: relative;
}
.inner.foot_cv{
  background: #fff;
}
@media screen and (max-width: 751px) {
  .inner {
  width: 100%;
  }
}
.inner a,
.inner a:link,
.inner a:visited { color:#333333; text-decoration:none; }
.inner a:hover,
.inner a:active  { color:#333333; text-decoration:underline; }

.scrpt {
	display: none;
}

/* lazyload */
section.lazyloading,
section.lazyload {
  opacity: 0;
  visibility: hidden;
}
section.lazyloaded {
  opacity: 1;
  visibility: visible;
  transition: 1s ease;
}

/* .cv */
.cv {
  width: 100%;
}
.cv dl {
	position: relative;
}
.cv dl dd.btn {
	position: absolute;
	left: 55px;
	bottom: 64px;
}

/** btn animattion **/
@-webkit-keyframes pulse {
	5% {
		transform:translateX(8px);
	}
	10% {
		transform:translateX(0px);
	}
}
@keyframes pulse {
	5% {
		transform:translateX(8px);
	}
	10% {
		transform:translateX(0px);
	}
}
.push {
	-webkit-animation: pulse 3s ease 0s infinite normal;
	animation: pulse 3s ease 0s infinite normal;
}

/*#mv*/
#mv {
  width: 100%;
  position: sticky;
  top:0;
  z-index: 100;
  background: url("../img/mv01.png")  center -50px no-repeat;
  background-size: cover;
  min-height: 1115px;
}
#mv h1 {
  position: relative;
  width: 980px;
  margin: 0 auto;
}
#mv h1 img{
  position: absolute;
  left: 10px;
  top: 10px;
}
.bnrArea{
  margin: 50px auto; 
  text-align: center;
}

.bnrArea a:first-child{
  margin: 0 auto 20px;
  display: block;
}
@media screen and (max-width: 1600px) {/*for pc*/
  #mv {
    background: url("../img/mv01.png")  center top no-repeat;
    background-size: 1750px;
  }
}
@media screen and (max-width: 960px) {/*for tablet*/
  #mv {
    background: url("../img/mv01.png")  center top no-repeat;
    background-size: 1360px;
    min-height: 1130px;
  }
  #mv h1 {
    width: 100%;
  }
  .bnrArea{
    width: 96%; 
  }
}
@media screen and (max-width: 751px) {/*for tablet*/
  #mv {
    background: url("../img/mv01.png")  center top no-repeat;
    background-size: 1280px;
    min-height: 990px;
  }
  #mv h1 {
    width: 100%;
  }
  .bnrArea{
    width: 96%; 
  }
}


/* #sec00 */
.sec00{
  background:rgba(87,71,60,0.6);
  z-index: 200;
  position: absolute;
  top: 56%;
  left: 0;
  right: 0;
}
.sec00 .sec00_inner {
  width: 780px;
  margin: 0 auto ;
  text-align: center;
  padding: 30px 0;
}
.sec00 h2{
  text-align: left;
}
.sec00 ul {
  display: flex;
  justify-content: center;
  overflow: hidden;
  margin-bottom: 50px;
}
.sec00 li {
  /* float: left; */
  margin-right: 0.625%;
  text-align: center;
  color: #fff;
  width: 24.5%;
}
.sec00 li:last-child {
  margin-right: 0;
}
.sec00 li p {
  font-size: 15px;
  margin-top: 8px;
  line-height: 1.4;
}
.sec00 li span{
  font-size: 24px;
  display: block;
}

@media screen and (max-width: 960px) {
  .sec00 .sec00_inner {
    width: 100%;
  }
  .sec00 .mv_ttl{
    width: 96%;
    margin: 0 auto 50px;
  }
  .sec00 .mv_ttl img{
    width: 100%;
  }
}
@media screen and (max-width: 751px) {
  .sec00{
    top: 32%;
  }
  .sec00 .sec00_inner {
    width: 100%;
  }
  .sec00 ul {
    margin-bottom: 30px;
  }
  .sec00 .mv_ttl{
    width: 96%;
    margin: 0 auto 50px;
  }
  .sec00 .mv_ttl img{
    width: 100%;
  }
}
/* ttl */h2{
  text-align: center;
  font-size: 60px;
  color: #57463B;
}

/* #sec01 */
#sec01{
  width: 100%;
}
#sec01 .inner{
}
#sec01 h2{
  margin: 50px auto 100px;
}
#sec01 h3{
  width: 200px; 
  height: 200px; 
  border: 1px solid #57473C;
  font-size: 120px;
  text-align: center;
  position: absolute;
  left: 0;
  right: 0;
  top: -100px;
  background: #E3DFD9;
  margin: 0 auto;
}
#sec01 h3 span{
  line-height: 120px;
}
#sec01 .frame_01{
  margin: 0 auto;
  border: 1px solid #57473C;
  padding: 130px 50px 50px;
  margin-bottom: 150px;
}
#sec01 h4{
  font-size: 40px;
  text-align: center;
  margin-bottom: 40px;
}
#sec01 p{
  font-size: 25px;
  line-height: 1.6;
}
#sec01 p.ph{
  margin-top: 30px;
  text-align: center;
}


#sec01 .frame_02{
  margin: 0 auto;
  border: 1px solid #57473C;
  padding: 130px 50px 50px;
  background: url("../img/bg01.png") center center no-repeat;
  margin-bottom: 150px;
}
#sec01 .frame_03{
  margin: 0 auto;
  border: 1px solid #57473C;
  padding: 130px 50px 50px;
  background: url("../img/bg02.png") center center no-repeat;
}
#sec01 .frame_02 h4,
#sec01 .frame_03 h4,
#sec01 .frame_02 p,
#sec01 .frame_03 p{
  color: #fff;
  font-size: 25px;
  line-height: 1.6;
  }

#sec01 h5{
  margin: 50px 0 20px;
}


/* #sec02_case */
#sec02 {
  margin-top: 100px;
}
#sec02 .inner {
  margin-bottom: 100px;
}
.frame_case{
  width: 750px;
  margin: 0 auto;
  overflow: hidden;
}
.frame_case li{
  width: 49%;
  float: left;
  margin-right: 2%;
  text-align: center;
}
.frame_case li:nth-child(2){
  margin-right: 0;
}
.frame_case li span{
  margin-top: 8px;
}
#sec02 h3{
  font-size: 50px;
}
#sec02 h3 span{
  font-size: 60px;
}
#sec02 h4{
  text-align: center;
  margin-bottom: 10px;
  font-size: 25px;
}
#sec02 .box01{
  border: 1px solid #57463B;
  text-align: center;
  padding: 50px 20px;
  margin-bottom: 30px;
  font-size: 20px;
}
#sec02 .btn_ope{
  background: #57463B;
  text-align: center;
  padding: 10px;
  width: 300px;
  margin: 0 auto;
  font-size: 25px;
  display: block;
}
#sec02 .btn_ope span{
  border: 1px solid #fff;
  padding: 20px 0;
  color: #fff;
  display: block;
}
@media screen and (max-width: 751px) {  
  #sec02 .inner {
    width: 96%;
    margin-right: 2%;
    margin-left: 2%;
  }
  .frame_case{
    width: 100%;
  }
  #sec02 .box01{
    font-size: 25px;
  }
}

/* #sec02 overlay */

/* モーダル全体(背景＋本体) */
.modal{
  display: none;
  position: fixed;
  z-index: 100000;
  top: 0;
	left: 0px;
  height: 100vh;
  width: 100%;
  background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content{
  position: relative;
  top: 20px;
  left: 0;
  right:0;
  margin: 0 auto;
  overflow-y: scroll;
  height: 100vh;
  width: 750px;
  background: #fff;
  box-sizing: border-box;
  padding: 0 20px 100px;
}

/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
}

/* 閉じるボタン */
.btn_close {
  position:fixed;
  top:50px;
  right:50px;
  z-index: 10000;
}
/* スライダー */
.swiper {
  max-width: 100%;
  margin: 30px auto;
}
.swiper-wrapper {
  /* wrapperのサイズを調整 */
  /*width: 100%;
  height: 500px;*/
}

.swiper-slide {
  /* スライドのサイズを調整、中身のテキスト配置調整、背景色 */
  /*width: 100%;*/
  height: 500px;
  text-align: center;
  /*line-height: 300px*/;
}

.swiper-slide {
  /*background-color: #de4439*/;
}
.swiper-button-next:after, 
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after{
  color: #57463B;
}
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, 
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{
  background: #57463B;
}

@media screen and (max-width: 751px) {  
  .modal-content{
    width: 94%;
    padding: 110px 20px 200px;
  }
}



#sec02 .box02{
  background: #E3DFD9;
  border: 1px solid #57463B;
  padding: 20px;
  width: 90%;
  margin: 0 auto;
}
#sec02 .box02 h5{
  background: #57463B;
  color: #fff;
  padding: 5px 10px;
  margin-bottom: 10px;
  display: inline-block;
}
#sec02 .box02 p{
  line-height: 1.6;
  margin-bottom: 50px;
  font-size: 20px;
}
#sec02 .box02 li{
  line-height: 1.6;
  margin-bottom: 30px;
  padding-left: 1em;
  text-indent: -1em;
  font-size: 20px;
}
@media screen and (max-width: 751px) {  
    #sec02 .box02 p{
      font-size: 25px;
    }
    #sec02 .box02 li{
      font-size: 25px;
    }
}



/* #sec05 */
#sec05 .inner {
  padding-bottom: 30px;
}
@media screen and (max-width: 751px) {
  #sec05 .inner {
  }
}



/*#flow*/
#flow {
	padding-bottom: 80px;
  color: #333;
}
#flow .step {
  background-color: #fff;
}
#flow h2 {
  line-height: 0.1;
	padding: 130px 0 50px;
	text-align: center;
}
#flow ul.anc {
	font-size: 0;
	margin-bottom: 70px;
	text-align: left;
}
#flow ul.anc li {
	display: inline-block;
	margin: 20px 0 0 30px;
}
#flow .step .cnt {
	width: 690px;
	margin: 0 auto 70px;
	padding: 0 40px 40px 150px;
	position: relative;
	box-sizing: border-box;
}
#flow.lazyloaded .step .cnt {
	background: url("../img/flow_bg01.png") left top no-repeat;
	background-size: 690px 2000px;
}
#flow.lazyloaded .step .cnt::after {
  content: url("../img/flow_bg02.png");
  position: absolute;
  left: 46px;
  bottom: -30px;
  line-height: 0.1;
}
#flow .step #step07.cnt::after {
  content: "";
}
#flow .step .cnt h3 {
	font-size: 35px;
	line-height: 35px;
	letter-spacing: 0.1em;
	padding: 40px 0;
	margin-bottom: 35px;
	border-bottom: #090909 dotted 1px;
}
#flow .step .cnt h3 span {
	display: block;
	position: absolute;
	left: 0;
	top: -20px;
}
#flow .step .cnt dl dt {
	font-size: 30px;
	line-height: 45px;
	letter-spacing: 0.1em;
	font-weight: bold;
  margin-right: -2em;
	padding: 0 0 15px;
}
#flow .step .cnt dl dd.txt {
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 0.1em;
}
#flow .step .cnt dl dd.txt span.atte {
	display: inline-block;
	font-size: 16px;
	line-height: 26px;
	letter-spacing: 0.06em;
	margin: 20px 0 0;
}
#flow .step .cnt dl dd.ph {
	margin-top: 35px;
}
#flow .step .cnt dl dd.link {
	margin: 50px 0 0;
}
#flow dl.minor {
  width: 690px;
	margin: 0 auto;
	border: #f6f6f6 solid 3px;
	box-sizing: border-box;
	padding: 40px;
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 0.06em;
}
#flow dl.minor dt {
	font-size: 30px;
	line-height: 30px;
	letter-spacing: 0.1em;
	font-weight: bold;
	padding: 0 0 40px;
	margin-bottom: 15px;
	border-bottom: #090909 dotted 1px;
}
#flow dl.minor dd.link {
	margin-top: 4.26vw;
	width: 80.53vw;
}

/*#clinic*/
#clinic .inner {
	background: #f0f1f4;
	padding: 50px 30px;
  box-sizing: border-box;
}
#clinic .clinic {
  background: #fff;
	position: relative;
  padding-bottom: 40px;
}
#clinic .clinic h2 {
  text-align: center;
  padding: 52px 0 42px;
  line-height: 0.1;
}
#clinic ul {
	font-size: 0;
  text-align: left;
  padding-left: 46px;
}
#clinic ul li {
	display: inline-block;
	width: 294px;
	margin: 0 10px 10px 0;
	vertical-align: top;
	box-sizing: border-box;
}
#clinic ul li a {
	display: block;
	padding: 20px 0 20px 50px;
	font-size: 25px;
	line-height: 30px;
}
#clinic.lazyloaded ul li a {
	background: url("../img/clinic_icn.png") 20px center no-repeat #f5f6f8;
}
/*
#clinic ul.japan li.area14 a {
	line-height: 60px;
}
*/
#clinic ul li:hover a {
	background: url("../img/clinic_icn.png") 20px center no-repeat #f6ebd7;
	text-decoration: none;
}
#clinic ul li a strong {
	font-weight: normal;
	color: #c74545;
  margin-left: 0.5em;
}

/* #fee */
#fee {
  margin-bottom: 80px;
}
#fee h2 {
  text-align: center;
  padding: 138px 0 60px;
  line-height: 0.1;
}
#fee p {
  color: #333;
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 0.0em;
  margin: 0 55px 22px;
}
#fee p.img {
  line-height: 0.1;
  width: 100%;
  text-align: center;
  margin: 0 0 63px;
}
#fee p.tel {
  border-top: #ddd solid 3px;
 padding-top: 42px;
}
#fee ul {
  padding: 20px 55px 25px;
}
#fee ul li {
  padding-left: 1em;
  position: relative;
  color: #333;
	font-size: 25px;
	line-height: 40px;
	letter-spacing: 0.0em;
}
#fee ul li span {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  line-height: 14px;
  padding: 13px 0;
  color: #d29a37;
  display: inline-block;
}
#fee ul.iryoloan li span {
  color: #dddddd;
}

/*#dr*/
#dr {
  width: 750px;
  margin: 0 auto;
  background: #fff;
}
#dr .container {
  padding: 0 30px 100px;
  color: #333;
  position: relative;
}
#dr.lazyloaded .container {
  background: url("../img/dr_bg.png") right top no-repeat;
  background-size: 45% auto;
}
#dr.lazyloaded .container.inoue {
  background: url("../img/dr_bg_inoue.png") right top no-repeat;
}

#dr .container:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1800px;
  background: -moz-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  background: -webkit-linear-gradient(top, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, white 40%, white 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 );
  z-index: 100;
}
#dr h2 {
  text-align: center;
  padding: 100px 0 70px;
  line-height: 0.1;
}
.box-title02 {
  font-family: "游ゴシック体", YuGothic, "YuGothic M", "ヒラギノ角ゴ ProN W3", "HiraKakuProN-W3", "モトヤLシーダ3等幅", MotoyaLCedar, "メイリオ", Meiryo, sans-serif;
  font-size: 42px;
  line-height: 42px;
  font-weight: normal;
  margin-bottom: 60px;
  position: relative;
  z-index: 101;
}
.box-title02 strong {
  display: inline-block;
  font-size: 60px;
  line-height: 60px;
  font-weight: normal;
}
.box-title02 span {
  font-size: 36px;
  line-height: 36px;
  letter-spacing: 0.1em;
  padding-bottom: 30px;
  margin-bottom: 30px;
  display: inline-block;
  border-bottom: #d29a37 solid 1px;
}
.table {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  color: #6a6a6a;
  font-size: 30px;
  line-height: 45px;
  position: relative;
  z-index: 102;
}
.table th, .table td {
  vertical-align: top;
  border-bottom: dotted 1px #dbdbdb;
  padding: 35px 16px;
  font-weight: normal;
}
.table th {
  text-align: left;
  white-space: nowrap;
}
.table td {
  padding-left: 1em;
}
.table caption {
  font-weight: bold;
  font-size: 18px;
  font-size: 1.8rem;
  margin-bottom: 2rem;
}
.table tr:last-child th, .table tr:last-child td {
  border-bottom: none;
}
.table strong {
  font-size: 100%;
}
.block th strong {
  font-weight: bold;
  font-size: 110%;
}
.block table th,
.block table td {
  color: #6a6a6a;
}

/* #dr_kanri */
#dr_kanri {
  width: 750px;
  margin: 0 auto;
  background: #fff;
}
#dr_kanri .dr-kanri {
  padding: 0 30px;
}
#dr_kanri .dr-kanri img {
  width: 100%;
  height: auto;
}
#dr_kanri .dr-kanri .col-sm-6 p {
	margin-bottom: 0;
	padding: 40px 0;
	border-top: dotted 2px #cbd0d8;
}
#dr_kanri .available {
  padding: 60px 0 80px 30px;
}
#dr_kanri .available h2 {
  margin-bottom: 50px;
}
#dr_kanri .available ul {
  font-size: 0;
  text-align: left;
}
#dr_kanri .available li {
  display: inline-block;
}

/* #footer */
#footer {
  font-family: "source-han-serif-japanese", Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
  background: #57463B;
  padding: 40px 0;
  color: #fff;
  text-align: center;
  position: relative;
  z-index: 300;
}
#footer p {
  font-size: 21px;
  line-height: 21px;
  letter-spacing: 0.05em;
}
#footer p.atte {
  font-size: 16px;
  line-height: 16px;
  letter-spacing: 0.05em;
  margin-top: 20px;
}

/* sp_nav */
#spn-nav {
  display: none;
}
@media screen and (max-width: 751px) {
  #spn-nav {
    /*display: block;*/
    }
  #footer{
      padding:40px 0 150px;
    }
  #footer #spn-nav{
      width:100%;
      position:fixed;
      bottom:0;
      left:0;
      padding:0;
      margin:0;
      z-index:999999;
    }
  #footer #spn-nav ul{
      width:100%;
    }
  /*#footer div.spn-nav{
      width:100%;
      background:rgba(87,71,60,0.8);
      position:fixed;
      bottom:0;
      left:0;
      padding:2% 0;
      margin:0;
      z-index:999999;
    }
    #footer div.spn-nav ul{
      width:96%;
      margin:0 auto;
    }
    #footer div.spn-nav ul li{
      float:left;
      width:32%;
      margin-left:2%;
    }
    #footer div.spn-nav ul li.off_hours{
      width:49%;
      margin-left:2%;
    }
    #footer div.spn-nav ul li:first-child{
      margin-left:0%;
    }*/
    #footer #spn-nav ul li a{
      display:block;
    }
    #footer #spn-nav ul li a img{
      width: 100%;
    }
	}


/*sec_cl_list クリニック紹介========================================================================================================*/
#clinic .sec_cl_list {
	width:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
#clinic .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;
}

#clinic .sec_cl_list h2{ text-align:center; margin:4% auto;}
#clinic .sec_cl_list ul.cl_list{ overflow:hidden; margin-top:4%;}
#clinic .sec_cl_list ul.cl_list li.box{ width:32%; float:left; margin-right:2%; margin-bottom:5%;position:relative;height:248px; overflow:hidden;}
#clinic .sec_cl_list ul.cl_list li.box:nth-child(3n){ margin-right:0;}
#clinic .sec_cl_list ul.cl_list li.box .img{ width:100%;}
#clinic .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;}
#clinic .sec_cl_list ul.cl_list li.box .pc_only img{ width:120%;}
#clinic .sec_cl_list ul.cl_list li.box .pc_only.w110 img{ width:110%;}

.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;
}
.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;
}
.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) {
	#clinic .sec_cl_list { margin:4% auto 0; width: calc(100% - 20px);}
	/*#clinic .sec_cl_list:before {
		width: 160%;
		height: 26%;
		margin: -66% -10% 0;}*/
	#clinic .sec_cl_list h2{ width:80%; }
	#clinic .sec_cl_list .lead{ font-size:13px;}
	#clinic .sec_cl_list ul.cl_list li.box { height:auto; border-bottom:1px dotted #ccc; padding-bottom:5%;}
	#clinic .sec_cl_list ul.cl_list li.box .img{ display:none; /*width:50%; float:left;*/}
	#clinic .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:#E60A85; color:#fff; position: static;line-height:2.0; font-weight:bold; margin-bottom:2%;}
	.box .slideup span:after { content:"";}
	.box .slideup:hover span { padding-top:0;}
	.slideup_content{ text-align:left; padding:0;}
	
	.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アイコン非表示*/
	
	#clinic .sec_cl_list ul.cl_list li.box .sp_only { clear:both; overflow:hidden;}
	#clinic .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;} */
#clinic .sec_cl_list *{box-sizing:border-box;}
/* #clinic .sec_cl_list .inner{max-width: 670px;} */
#clinic .sec_cl_list .lead{
	margin-bottom: 2.5em;
}
#clinic .sec_cl_list .clinic_list{background:#FDFAF5;padding:30px 20px;}
#clinic .sec_cl_list .accordion_header{
	width:100%;margin:0 auto -10px;
}
#clinic .sec_cl_list .accordion_inner ul{padding-left:0;}
#clinic .sec_cl_list .accordion_inner ul li{display:flex;align-items:flex-start;margin-bottom:20px;position:relative;border:none;padding:0;width:100%;}
#clinic .sec_cl_list .accordion_inner ul li img{width:40%;}
#clinic .sec_cl_list .accordion_inner ul li div{margin-left:10px;line-height:1.2;text-align:left;height:100%;}
#clinic .sec_cl_list .accordion_inner ul li div img{width:65%;}
#clinic .sec_cl_list .accordion_inner ul li div .pc_only .dr{width:100%;max-width:180px;}
#clinic .sec_cl_list .accordion_inner ul li div p:nth-child(1){font-size:18px;font-weight:bold;}
#clinic .sec_cl_list .accordion_inner ul li div p:nth-child(2){font-size:15px;margin:10px auto;}
#clinic .sec_cl_list .accordion_inner ul li div p:nth-child(3){font-size:15px;margin:10px auto;}
#clinic .sec_cl_list .accordion_inner ul li div a{display:inline-block;background:none;text-align:left;padding:0;width:initial;}
#clinic .sec_cl_list .accordion_inner ul li div a::before{content:none;}

#clinic .sec_cl_list .accordion_one{margin-bottom:20px;}
#clinic .sec_cl_list .accordion_one .accordion_header{position:relative;z-index:+1;cursor:pointer;transition-duration:0.2s;}
#clinic .sec_cl_list .accordion_one .accordion_header:hover{opacity:.8;}
#clinic .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;
}
#clinic .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%);
}
#clinic .sec_cl_list .accordion_header.open::after{
	transform: translateY(-60%)rotate(-180deg);
}
/* #clinic .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;} */
#clinic .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 ){
	#clinic .sec_cl_list .accordion_one{margin-bottom:6vw;}
	/* #clinic .sec_cl_list .accordion_header::after{border-width:4vw 2.6vw 0 2.6vw;right:5vw;} */
	#clinic .sec_cl_list .accordion_header{
		font-size: 40px;
		border
	}
	#clinic .sec_cl_list .accordion_header::after{border-width:4vw 2.6vw 0 2.6vw;}
	#clinic .sec_cl_list .clinic_list{padding:10vw 5vw 5vw;}
	#clinic .sec_cl_list .accordion_inner ul li div p:nth-child(1){font-size:3.8vw;}
	#clinic .sec_cl_list .accordion_inner ul li div p:nth-child(2){font-size:2.7vw;margin:2vw auto;}
	#clinic .sec_cl_list .accordion_inner ul li div p:nth-child(3){font-size:3.8vw;}
	#clinic .sec_cl_list .accordion_inner ul li div img{width:100%;}
	/* #clinic .sec_cl_list .accordion_inner ul li{
		margin-bottom:0;
	} */
	#clinic .sec_cl_list .accordion_inner .sp_only{
		margin-bottom:5vw;
	}
}
@media screen and (min-width : 768px ){
	#clinic .sec_cl_list .accordion_inner ul{
		display: flex;
    flex-wrap: wrap;
    width: 100%;
	}
	#clinic .sec_cl_list .accordion_inner ul li{
		width: 48%;
	}
}

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

.clinic h2 {
  text-align: center;
  padding: 52px 0 42px;
  line-height: 0.1;
}

#clinic .accordion_inner {
  background-color: #fff;
}