@charset "utf-8";
/* CSS Document */
@media (max-width: 500px) {
  /*subはじめての方へ*/
  section.sb_1st_vst {
    width: 100%;
  }
  /*トップ画像とh1テキスト*/
  .sb_1st_vst_top {
    position: relative;
    width: 85%;
    height: 90vw;
    margin: 0 auto;
  }
  div.sb_1st_vst_img {
    display: none;
    width: 0;
    height: 0;
    margin: 10px 0;
  }
  div.sb_1st_vst_img img {
    display: none;
    width: 0;
    height: 0;
    margin: 0;
  }
  /*div.sb_1st_vst_img img{
	width: 100%;
	height: 90vw;
	object-fit: cover;
	margin: 0;
}*/
  div.sb_1st_vst_img_r {
    display: block;
    width: 100%;
    /*height: 0;*/
    border-radius: 21px;
    margin: 10px 0;
  }
  div.sb_1st_vst_img_r img {
    width: 100%;
    height: 90vw;
    object-fit: cover;
    border-radius: 21px;
  }
  h1.sb_1st_vst_h1 {
    width: 3em;
    padding: 1.2rem 0;
    top: -30px;
    bottom: auto;
    left: -1px;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px;
  }
  .sb_1st_vst_sig {
    width: 50%;
    margin-top: 1.2rem;
    /*margin-left: auto;*/
  }
  .list_tab {
    flex-direction: column;
    width: 80%;
    margin: 0 auto;
  }
  .list_tab > li {
    width: 100%;
    margin: 1.5rem 0 0;
    padding: 1rem 0;
  }
	.tab_content::after{
	display: inline-block;
	content:"";
	width: 6rem;
	height: 6rem;
	border-radius: 12px;
	position: absolute;
	top:-1.2rem;
	right:-1.2rem;
		z-index: 10;
		/*overflow: hidden;*/
}
  figure.prcss_fig_flex {
    flex-direction: column;
  }
  div.prcss_fig_img {
    width: 85%;
    margin: 0 auto;
  }
  figure.prcss_fig_flex figcaption {
    width: 90%;
    margin: 1rem auto 0;
  }
  /*よくある質問*/
  .sb_1st_vst_qa {
    /*width: 98%;*/
    padding: 3rem 1em !important;
  }
  /*よくある質問ここまで*/
  /*subはじめての方へここまで*/
  /*sub当院について*/
  section.sb_cons_sl {
    width: min(80%, 500px);
    margin-right: auto;
    margin-left: 0;
    margin-bottom: min(15vw, 180px);
    /*position: relative;*/
    /*display: flex;*/
    padding-left: 3rem;
    padding-right: 1rem; /* 5rem*/
    border-top-left-radius: 0;
    border-bottom-left-radius: 0;
    border-top-right-radius: 21px;
    border-bottom-right-radius: 21px;
  }
  section.sb_cons_ttl {
    width: 85%;
  }
  div.sb_cons_slider {
    display: block;
    width: min(75vw, 400px);
    border-radius: 21px;
    margin: 0;
    position: relative;
    top: 50px;
    right: -5%;
    left: auto;
  }
  ul.slidedots_sb_cons {
    display: inline-block;
    padding: 0 !important;
    position: relative;
    bottom: -2.5rem;
    right: auto;
    left: 0.5rem;
  }
  .slidedots_sb_cons li {
    display: inline-block;
    margin: 0 1rem 0 0;
  }
  .slidedots_sb_cons li:last-child {
    margin: 0;
  }
  /*sub当院についてここまで*/
  /*sub施術メニュー*/
  h1.sb_trmnt_h1 {
    width: 3em;
    padding: 1.2rem 0;
    top: -30px;
    bottom: auto;
    left: -1px;
    text-align: center;
    border-top-right-radius: 0;
    border-bottom-right-radius: 15px;
    transform: translateY(0);
  }
  .slider_sb_tr img {
    width: 100%;
    height: 100vw;
    object-fit: cover;
  }
  /*.slide-arrow_sb, .prev-arrow_sb, .next-arrow_sb{
	display: block;
		z-index: 10;
}*/
  .slide-arrow_sb {
    display: block;
    position: absolute;
    top: 100%;
    margin-top: -15px;
    width: 30px;
    height: 30px;
    border-radius: 15px !important; /**/
    background: #BDD974 !important;
    box-shadow: 2px 2px 2px rgba(60, 60, 60, 0.2); /**/
    border: none;
  }
  /*left arrow*/
  .next-arrow_sb {
    left: -15px !important;
    z-index: 90;
  }
  /*right arrow*/
  .prev-arrow_sb {
    right: -15px;
    z-index: 90;
  }
  .prev-arrow_sb::after, .next-arrow_sb::after {
    /*margin-left: 10px;親要素をrelativeにできないので*/
    content: "";
    display: inline-block;
    width: 7px;
    height: 7px;
    border-top: 2px solid #fff;
    text-align: center;
    /*z-index: 20;*/
  }
  .prev-arrow_sb::after {
    border-right: 2px solid #fff;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
  }
  .next-arrow_sb::after {
    border-left: 2px solid #fff;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
  }
  /*---*/
  /*sub施術メニューここまで*/
  /*subスタッフ紹介*/
  .staff_box {
    width: 90vw;
    /*position: relative;*/
    margin: 38vw auto 1rem auto;
    padding: 20px 5vw;
  }
  .sb_greenting_img {
    width: 48vw;
    top: -30vw;
    left: calc(50% - 24vw);
  }
  .sb_greenting_img::after {
    display: block;
    content: "";
    width: 90px;
    height: 90px;
    border-radius: 18px;
    position: absolute;
    top: -1.5rem;
    right: -1.5rem;
    z-index: 20;
  }
  .sb_comments {
    /*width: 100%;*/
    height: 150vw;
    min-height: 500px;
    padding: 1.5vw;
    /*position: relative;*/
  }
  .sb_comments > div {
    /*width: calc(100% - 10vw);*/
    width: 90%;
    margin: 18vw auto 0 auto;
    padding: 1.5em 0;
  }
  .sb_comments div p {
    padding: 2em 0;
  }
  .sb_comments > div > button {
    display: block;
    margin: 0 auto;
  }
  .sb_comments::after {
    display: none;
  }
  .sb_comments .comments_ul {
    width: 100%;
    bottom: 0;
    left: 0;
  }
  /*subスタッフ紹介ここまで*/
  /*sub症例別メニュー*/
  /*aside.sb_case_menu, div.sb_case_expln_base {
    width: 100%;
	  margin: 1rem auto 0;
  }
	aside.sb_case_menu{
		
	}
  div.sb_case_expln_base {
  }*/
  /**/
  div.sb_case {
    width: min(90vw, 500px);
    padding: 2rem 0;
  }
  .sb_case_flex {
    flex-direction: column;
  }
  /*div.sb_case_menu, div.sb_case_expln_base article.sb_case_expln {
  background: #FFFFFF;
  border-radius: 15px;
}*/
  .sb_case_expln_base {
    width: 90%;
    margin: 0 auto;
  }
  /*.sb_case_expln_base h3 {
  margin-bottom: 1rem;
}*/
  article.sb_case_expln {
    width: 100%;
    margin-bottom: 2rem;
    padding: 2em;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, .3);
  }
  figure.sb_case_fig_flex {
    flex-direction: column;
  }
  figure.sb_case_fig_flex > div {
    width: 80%;
    margin: 0 auto;
  }
  /*figcaption設定*/
  figure.sb_case_fig_flex figcaption div {
    font-weight: 700;
    /*字下げしているのでlefの値は保つ*/
    padding: 1.5rem 0 0.5rem 2rem;
    text-indent: -2em;
  }
  /*figure.sb_case_fig_flex figcaption div span.qa_sum_num_a {
  text-indent: 0;
}*/
  /*.txt_gre {
  color: #BDD974;
}
.sb_case_fig_flex figcaption p {
  padding: 1rem 0.5rem;
}*/
  /*aside側設定*/
  div.sb_case_menu {
    width: 90%;
    margin: 0 auto;
    /*margin-bottom: auto;*/
  }
  /*ittannhozonn*/
  /*div.sb_case_menu aside h3{
	display: inline-block;
	margin: 0;
	padding: 1rem 0 0 0.9rem;
	font-size: 1.1rem;
}

div.sb_case_menu aside h3 a{
	display: inline-block;
	margin: 0;
	text-align: left;
	color:#D1853E;
}
div.sb_case_menu aside h3 a:hover, aside.c_ol_active h3 a{
	color:#E89D3B!important;
}
div.sb_case_menu aside h3 a:hover ol.case_ol li, .c_ol_active ol.case_ol li{
	color:#A0A0A0;
}*/
  /*お試し*/
  /*div.sb_case_menu aside a h3{
	display: inline-block;
	text-align: left;
	color:#D1853E;
}
div.sb_case_menu aside.test01 a:hover ol.case_ol li, aside.c_ol_active ol.case_ol li{
	color:#A0A0A0;
}
div.sb_case_menu aside.test01 a:hover h3, .c_ol_active h3{
	color:#E89D3B;
}*/
  /*お試しここまで*/
  /*sub症例別メニューここまで*/
  /*subお問い合わせ*/
  section.sub_contact {
    width: 100%;
  }
  .sub_contact h2 {
    margin-top: 2em;
  }
  div.sb_cntct_btns {
    width: 100%;
    margin: 50px auto;
    flex-direction: column;
    /*justify-content: center;*/
    text-align: center;
  }
	div.sb_cntct_btns > span > button{
		display: block;
		width: 72%;
		margin: 0 auto;
		padding: 0;
	}
	a.sub_btn {
  /*text-align: center;*/
  display: block; 
		width: 100%;
  border-radius: 1.5rem;
  padding: 0.9rem 3rem;
  color: white;
  font-size: 1rem;
  font-weight: 900;
  white-space: nowrap;
}
  div.sb_cntct_btns span {
    display: block;
    width: 100%;
  }
  span.line_add {
    display: block;
    width: 80%;
    height: 2.5rem;
    margin-top: 10px;
  }
  span.line_qr, span.line_qr img {
    display: none;
    width: 0;
    height: 0;
  }
  /*下層ページボタン設定。.button2とほぼ共通設定。*/
  a.sub_btn {
    display: block;
    /*padding: 0.6rem 3rem;*/
    /*font-size: 0.8rem;*/
  }
  div.sb_cntct_btns .btn_gre {
    margin: 2rem 0;
  }
  /*ボタンここまで*/
  /*.rsv_tel, .rsv_line, .rsv_web {
  
  margin: 0 auto 3em auto;
  padding: 40px 24px 24px 24px;
}*/
  /*.rsv_tel::before, .rsv_line::before, .rsv_web::before {
  display: block;
  content: "";
  text-align: center;
  position: absolute;
  left: calc(50% - 30px);
  top: -30px;
  width: 60px;
  height: 60px;
  border-radius: 30px;
}*/
  /*.rsv_tel .div_tel{
	margin: 8px 0;
}
.rsv_tel tel{
	font-size:2em;
}*/
  .contact_form {
    text-align: center;
  }
  .contact_form iframe {
    width: 100%;
    height: 1470px;
    margin: 0 auto;
  }
  /*お問い合わせここまで*/
  /*-----------*/
} /*500px用設定ここまで*/