@media (min-width: 768px){
  .sp_only{
    display: none;
  }
}
/*==スライド==*/	
#topimg{
  background-color: rgba(255,230,167,0.3);
}	

#topimg img{
  width: 100%;
  max-width: 1500px;
  margin: 0 auto;
}



.index-time02{
	background: #FEA227;
	padding: 20px;
	text-align: center !important;
}
.index-time02 a{
		display: block;
		background: #fff;
		color: #9C7C31;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
		text-align: center !important;
		font-weight: bold;
		padding: 20px;
	font-size: 16px;
	}
.index-time02__title{
		font-size: 24px !important;
		margin-bottom: 10px;
		border-bottom: 1px solid #9C7C31;
		padding-bottom: 5px;
	}
.implant_2{
	padding: 20px;
	width: 100%;
	max-width: 600px;
	margin: 0 auto;
}
.implant_2 img{
	margin: 0 auto;
}



.slider,
.slider_02{
  display: none;
  margin: 2rem;
  overflow: hidden;
}
.slider.slick-initialized,
.slider_02.slick-initialized{
  display: block;
}

/*==約束==*/
#idx_promise{
	background: url(../img/index/idx_01_bk.png) no-repeat center bottom;
}
#idx_promise a img{
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#idx_promise a:hover img{
	opacity: .5;
}
/*==診療科目==*/
#idx_courses{
	background: rgba(233,200,152,0.2);
}

#idx_courses .idx_micro{
	color: #fff;
	background: #bb9457;
	background:url(../img/index/micro_bk.png) no-repeat bottom right;
	background-color: rgba(187,148,87,1.0);
	box-shadow: 3px 3px 3px #ccc;
	margin-bottom: 2.0rem;
  padding: 0;
}
#idx_courses .mt_02{
  margin-top: 2rem;
}
#idx_courses .idx_houmon{
	color: #fff;
	background: #9ebfaf;
	background:url(../img/index/houmon_bk.png) no-repeat center right;
	background-color: rgba(158, 191, 175,1.0);
	box-shadow: 3px 3px 3px #ccc;
  padding: 0;
}
@media (max-width: 768px){
  #idx_courses .idx_houmon,
  #idx_courses .idx_micro{
    background-size: cover;
  }
}

#idx_courses .idx_micro > div{
	padding: 2.0rem;
	background-color: rgba(187,148,87,0.5);
}
#idx_courses .idx_houmon > div{
	padding: 2.0rem;
	background-color: rgba(158, 191, 175, 0.7);
}

#idx_courses .idx_micro p:nth-of-type(1),
#idx_courses .idx_houmon p:nth-of-type(1){
	font-weight: bold;
	border-bottom: #fff 1px solid;
	margin-bottom:1.0rem;
	padding-bottom:1.0rem;
}

#idx_courses .idx_micro p:nth-of-type(2),
#idx_courses .idx_houmon p:nth-of-type(2){
	font-weight: bold;
}

a.ghost_btn{
	display:block;
  width: 100%;
  margin: 1.0rem auto 0 auto;
  padding: 10px 5px;
  border: 1px solid #fff;
  background: transparent;
  color: #fff;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  transition: .3s;
}
a.ghost_btn:hover {
  box-shadow: 0 0 20px 5px rgba(255,255,255,.3) inset;
}


#idx_courses .box{
	border-radius: 15px;
	background-color: rgba(255,255,255,0.3);
	text-align:center;
	padding: 1.0rem;
	height: 100%;
	box-shadow: 3px 3px 3px #ccc;
}
#idx_courses p{
	text-align:center;
}

#idx_courses .box p:nth-of-type(2){
	font-size: 1.8rem;
	font-weight:bold;
}
#idx_courses .box img{
	margin-bottom: 1.0rem;
	width:80%;
}
#idx_courses .box a img{
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
#idx_courses .box a:hover img{
	opacity: .5;
}

/*==モバイル==*/
@media (max-width: 767px){
section{
	padding: 5rem 0;
}	
h1 {
	font-size: 1.8rem;
	color: #7d4c2c;
}
h2 {
	font-size: 1.8rem;
	color: #7d4c2c;
	text-align: center;
	margin: 3.0rem 0;
}

#idx_courses .idx_micro div,
  #idx_courses .idx_houmon div{
	padding: 2rem;
}   

.sm-col1 img{
	display:inline-block !important;
}
#idx_courses .treat_box .left{
	float:left;
	clear:both;
}
#idx_courses .treat_box .right{
	height:129px;
	display: table-cell;
	vertical-align: middle;
	width:300px;
	padding-left: 2.0rem;
}
#idx_courses .treat_box .right p{
	text-align:left;
}
}

/*==ラップ==*/
@media (min-width: 768px) and (max-width: 1279px) {
section{
	padding:10rem 0;
}	
h1 {
	font-size: 2.4rem;
	color: #7d4c2c;
}
h2 {
	font-size: 2.4rem;
	color: #7d4c2c;
	text-align: center;
	margin: 4.0rem 0;
}
p.x3{
	font-size:1.8rem;
}
p.x4{
	font-size: 2.4rem;
}

}

/*==デスク==*/
@media (min-width: 1280px) {
section{
	padding:15rem 0;
}	
h1 {
	font-size: 3.2rem;
	color: #7d4c2c;
}
h2 {
	font-size: 3.2rem;
	color: #7d4c2c;
	text-align: center;
	margin: 4.0rem 0;
}
p.x3{
	font-size:1.8rem;
}
p.x4{
	font-size: 2.8rem;
}

}

/*--------------------------------------------
swiper
-----------------------------------------------*/
.banner-area {
  background: #EEECE7;
  padding: 30px 0; }
  @media screen and (min-width: 769px) {
    .banner-area {
      padding: 80px 0; } }

.main-carousel {
  margin: 0 30px !important;
  /* space for prev/next buttons */ }


/*--------------------------------------------
youtube
-----------------------------------------------*/
.index_youtube {
  margin: 30px auto 0;
  padding: 0;
  width: 100%;
  max-width: 1200px; }
  .index_youtube li {
    width: 100%;
    padding: 5px 20px; }
  .index_youtube .movie-wrap {
    position: relative;
    padding-bottom: 56.25%;
    /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden; }
  .index_youtube .movie-wrap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%; }
  @media screen and (min-width: 769px) {
    .index_youtube ul {
      display: flex; }
    .index_youtube li {
      width: 33.333333%; } }

.top_info_02{
	width: calc(100% - 40px);
	max-width: 1200px;
	margin:20px auto;
	border: 3px solid red;
	padding: 20px;
}
.top_info_02 span{
	color: red;
}

.top_info_02 p{
	text-align: center;
	line-height: 1.8;
	font-size: 16px;
}

/*--------------------------------------------
202502追加分
-----------------------------------------------*/


.top_info_03{
	width: calc(100% - 40px);
	max-width: 1200px;
	background: #c9a979;
	margin:20px auto;
	padding: 20px;
}
.top_info_03 span{
	font-weight: bold;
}

.top_info_03 p{
	text-align: center;
	line-height: 1.8;

	font-size: 20px;
}