@charset "UTF-8";
/*@media screen and (max-width: 1570px) {
  .main_catch {
    left: 106px;
  }
}*/
@media screen and (max-width: 1440px) {
  /*.main_catch {
    left: 43px;
  }
*/
  .main_open {
    width: 394px;
  }
}
/* CSS Document */
@media screen and (max-width: 640px) {
  body {
    font-size: 14px;
  }

  body, #mainvisual .inner, header, footer {
    min-width: 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;
  }

  /*============================================================================
  
  	header
  
  ============================================================================*/
  header {
    display: none;
  }

  /*============================================================================
  
  	nav
  
  ============================================================================*/
  .sp_fixed {
    position: fixed;
    width: 100%;
  }

  .sp_navi_btn_area {
    position: absolute;
    width: calc(100% - 66px);
    z-index: 1;
    margin-left: 4px;
  }

  .sp_navi_btn_area li {
    display: block;
    width: calc(100% / 2 ) !important;
    float: left;
    text-align: center;
  }

  .sp_navi_btn_area li a {
    display: flex;
    justify-content: center;
    color: #ffffff;
    height: 50px;
    margin: 4px;
    border-radius: 5px;
    font-family: 'Noto Sans JP',sans-serif !important;
    font-size: 4vw;
    background: #e763cb;
    font-weight: 400;
    align-items: center;
    text-align: center;
  }

  .sp_navi_btn_area li a i {
    text-align: right;
  }

  .sp_navi_btn_area li span {
    line-height: 1.0;
    text-align: left;
  }

  .sp_navi_btn_area li svg {
    position: relative;
    font-size: 1.1em !important;
    top: 0px;
    left: -5px;
    color: #fff;
  }

  .sp_navi_btn_area li i {
    margin-right: 5px;
    color: #fff;
  }

  .sp_navi_btn_area li:nth-child(2) i {
    font-size: 1.2em !important;
  }

  nav {
    display: none;
  }

  .sp_navi {
    display: block;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /*height: 100%;*/
    font-size: 18px;
    font-weight: bold;
    z-index: 9998;
    height: 124px;
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-x: hidden;
    margin-bottom: 30px;
  }

  .sp_navi_fixed_area {
    z-index: 999;
  }

  .sp_navi .header_logo {
    position: relative;
    top: 0;
    display: block;
    width: 100%;
    text-align: left;
    height: 60px;
    background: #fff;
  }

  .sp_navi .header_logo span, .sp_navi .header_logo img {
    display: block;
    margin: auto;
    padding-top: 5px;
  }

  .sp_navi .header_logo img {
    width: 256px;
    height: 55px;
    z-index: 9999;
    position: relative;
  }

  .sp_navi dl {
    background-color: white;
  }

  .sp_navi dl dt {
    position: relative;
    height: 62px;
    font-weight: bold;
    padding: 0 4%;
    font-size: 18px;
    display: block;
    color: #fff;
    line-height: 2;
  }

  .sp_navi dl dt i {
    position: relative;
    top: 20px;
    font-size: 9px;
    font-style: normal;
    margin-right: 2%;
  }

  .sp_navi_list {
    display: none;
  }

  .sp_navi ul {
    /*padding:4% 2% 4% 8%;*/
  }

  .sp_navi_list li {
    display: block;
    width: 100%;
    float: left;
    line-height: 1.4;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
  }

  .sp_navi_list li i {
    margin-right: 4%;
    color: #ba9275;
    font-size: 11px;
    vertical-align: middle;
    position: relative;
    top: -1px;
    left: -6px;
  }

  .sp_navi_list i.fa-facebook-square, .sp_navi ul li i.fa-home {
    font-size: 16px;
  }

  .sp_navi_list li a, .sp_navi_parent > div {
    display: block;
    position: relative;
    vertical-align: middle;
    width: 100%;
    height: 50px;
    color: #fff;
    text-decoration: none;
    font-size: 1.1em;
    background: rgb(178, 0, 107);
    border-bottom: solid 1px #FFF;
    font-family: 'Noto Sans JP',sans-serif;
    font-weight: 500;
    line-height: 50px;
  }

  .sp_navi_children li a {
    background: rgb(235, 113, 186) !important;
  }

  .sp_navi_parent > div::after {
    position: absolute;
    right: 17px;
    font-family: 'Font Awesome 6 free';
    font-weight: bold;
    content: "\f067";
    font-size: 1.0em;
  }

  .sp_navi_parent_active > div::after {
    position: absolute;
    right: 17px;
    font-family: 'Font Awesome 6 free';
    content: "\f068" !important;
    font-weight: bold;
    font-size: 1.0em;
  }

  .sp_navi_list li a::after {
    position: absolute;
    right: 20px;
    content: ">";
  }

  /*ボタンの動き*/
  .sp_navi dt a {
    display: block;
    width: 62px;
    height: 62px;
    position: absolute;
    /*top:5px;*/
    right: -5px;
    z-index: 9999999;
    text-align: center;
    background-color: #b2003e;
  }

  .sp_navi dt a i {
    position: relative;
    top: 25px;
    font-size: 9px;
    font-style: normal;
    color: #FFF;
    font-weight: 600;
  }

  .sp_navi dt a span {
    display: block;
    background: #FFF;
    width: 33px;
    height: 2px;
    position: absolute;
    left: 12px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
  }

  .sp_navi dt a span:nth-child(1) {
    top: 14px;
  }

  .sp_navi dt a span:nth-child(2) {
    margin-top: -8px;
    top: 50%;
  }

  .sp_navi dt a span:nth-child(3) {
    bottom: 29px;
  }

  .sp_navi dt a i {
    position: relative;
    left: -2px;
    bottom: 6px;
  }

  .sp_navi dt a.active {
    background: #b2003e;
  }

  .sp_navi dt a.active i {
    color: #fff;
  }

  .sp_navi dt a.active span {
    background: #fff;
  }

  .sp_navi dt a.active span:nth-child(1) {
    -webkit-transform: translateY(8px) rotate(225deg);
    -moz-transform: translateY(8px) rotate(225deg);
    -ms-transform: translateY(8px) rotate(225deg);
    transform: translateY(8px) rotate(225deg);
  }

  .sp_navi dt a.active span:nth-child(2) {
    opacity: 0;
  }

  .sp_navi dt a.active span:nth-child(3) {
    -webkit-transform: translateY(-8px) rotate(-225deg);
    -moz-transform: translateY(-8px) rotate(-225deg);
    -ms-transform: translateY(-8px) rotate(-225deg);
    transform: translateY(-8px) rotate(-225deg);
  }

  /*============================================================================
  
  	#mainvisual
  
  ============================================================================*/
  .mv_wrap {
    padding: 0 !important;
    background: none;
  }

  #mainvisual {
    background-position: center;
    background-attachment: scroll;
    height: 200px;
    margin-top: 124px;
  }

  #mainvisual .inner {
    width: auto;
    height: inherit;
  }

  /* 下層ページヘッドライン */
  #mainvisual h2 {
    font-size: 22px;
  }

  /* トップページキャッチフレーズ */
  .mainvisual_catch {
    position: absolute;
    left: 10px;
  }

  .mainvisual_catch h2 {
    margin-bottom: 10px;
    font-size: 22px;
  }

  .mainvisual_catch p {
    font-size: 15px;
  }

  .mainvisual_headline p {
    margin-bottom: 0 !important;
  }

  .main_open {
    position: absolute;
    bottom: -82px;
    right: 0px;
    width: 262px;
  }

  /*============================================================================
  
  	#contents
  
  ============================================================================*/
  .box1 {
    width: auto;
    margin: 0 6% 80px;
  }

  .box2 {
    width: auto;
    margin: 0 6% 80px;
  }

  .contents_bg {
    background-image: url("../images/top_blog_town.png");
    background-position: center bottom;
    background-repeat: repeat-x;
  }

  #contents {
    width: auto;
  }

  #contents_left {
    width: auto;
    float: none;
    margin-right: 0;
    padding-bottom: 30px;
  }

  #contents_right {
    width: auto;
    margin: 10px 0 0;
    padding: 0 6%;
    float: none;
  }
  .ank02 li {
      height: auto;
  }
  /*============================================================================
  
  	footer
  
  ============================================================================*/
  .footer_info {
    padding: 10px 0 20px 0;
  }

  .footer_info .inner {
    display: block;
    width: auto;
    padding: 10px 6%;
  }

  .footer_left {
    width: 100%;
  }

  .footer_right {
    width: 100%;
  }

  .footer_info_tel_wrap {
    display: block;
  }

  .footer_info_tel {
    width: 100%;
    text-align: center;
    margin-bottom: 10px;
  }

  .footer_info_web {
    width: 100%;
  }
  .footer_info_web a {
    margin: auto;
  }

  .footer_info_kamoku:after {
    display: block;
    content: "";
    clear: both;
  }
  .footer_info_kamoku li {
    float: left;
    margin-bottom: 10px;
    font-size: 14px;
  }

  .footer_info_sche {
    float: none;
    width: 100%;
    font-size: 13.5px;
  }

  .footer_info_sche p {
    margin: 0;
  }

  .googlemap iframe {
    height: 300px;
  }

  .footer_navi .inner {
    width: 100%;
    padding: 30px 0;
  }

  .footer_navi ul {
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }

  .footer_navi ul li {
    width: 48%;
    border-bottom: 1px dotted #333;
  }

  .footer_navi ul li a {
    display: block;
    padding: 5px;
    line-height: 1.5;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
  }

  .footer_navi ul li a::after {
    display: none;
  }

  .footer_navi ul li a span::before {
    display: none;
  }

  .copy {
    margin-top: 35px;
  }

  /*============================================================================
  
  	$top
  
  ============================================================================*/
  /* キャッチフレーズ */
  .top_sp_area {
    margin: 0 0 50px 0;
    padding: 0 6%;
  }

  .top_sp_area_catch .catch_item {
    padding: 15px 0;
    border-bottom: 1px solid #a39c8c;
  }
  .top_sp_area_catch .catch_item:last-child {
    border-bottom: none;
  }
  .top_sp_area_catch .catch {
    margin-bottom: 0;
    color: #333333;
    font-family: fot-tsukuardgothic-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.4375;
    font-size: 16px;
    text-shadow: #fff 2px 0px 10px, #fff -2px 0px 10px, #fff 0px -2px 10px, #fff 0px 2px 10px, #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px, #fff -2px -2px 10px, #fff 1px 2px 10px, #fff -1px 2px 10px, #fff 1px -2px 10px, #fff -1px -2px 10px, #fff 2px 1px 10px, #fff -2px 1px 10px, #fff 2px -1px 10px, #fff -2px -1px 10px;
  }
  .top_sp_area_catch .catch span {
    color: #ab9a1c;
  }

	
	/*バナー*/
	.sp_insta_bnr{
		text-align:center;
		margin-bottom:50px;
	}

  /* お知らせ */
  .top_info_wrap {
    display: block;
  }

  .top_info_left {
    width: 100%;
    padding-bottom: 20px;
    margin-bottom:20px;
  }

  .top_info_center {
    width: 100%;
    margin-bottom: 50px;
  }

  .top_info_right {
    width: 100%;
  }

  .top_info_tit {
    top: 0;
    left: 0;
    margin-bottom: 30px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
    text-align: center;
    font-size: 60px;
  }

  .top_info_sche {
    padding: 30px 20px 36px;
  }

  .top_news_list_date {
    font-size: 14px !important;
  }

  .news_list p {
    font-size: 14px;
  }

  .news_list li em {
    font-size: 12px;
  }

  /* ご挨拶 */
  .top_doctor {
    padding: 65px 0 0 0;
  }

  .top_doctor_flex {
    display: block;
  }

  .top_doctor_flex_right {
    width: 100%;
  }

  .top_doctor_flex_center {
    width: 100%;
    margin: 0 0 30px 0;
  }

  .top_doctor_flex_left {
    width: 100%;
    padding: 0;
  }
  .top_doctor_flex_left .text p {
    line-height: 2.1428571429;
    font-size: 14px;
    text-shadow: #fff 2px 0px 10px, #fff -2px 0px 10px, #fff 0px -2px 10px, #fff 0px 2px 10px, #fff 2px 2px 10px, #fff -2px 2px 10px, #fff 2px -2px 10px, #fff -2px -2px 10px, #fff 1px 2px 10px, #fff -1px 2px 10px, #fff 1px -2px 10px, #fff -1px -2px 10px, #fff 2px 1px 10px, #fff -2px 1px 10px, #fff 2px -1px 10px, #fff -2px -1px 10px;
  }

  .top_docotr_tit_en {
    top: 0px;
    right: 0px;
    margin-bottom: 30px;
    font-size: 60px;
    text-align: center;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
  }

  .top_doctor_img {
    text-align: center;
  }
  .top_doctor_img img {
    max-width: 300px;
  }

  .top_doctor_img_bg {
    position: absolute;
    top: 195px;
    right: 0px;
  }

  .top_doctor_info {
    display: block;
  }

  .top_doctor_info_left {
    width: 100%;
  }

  .top_doctor_info_right {
    width: 100%;
  }
  .top_doctor_info_right .btn01 {
    text-align: center;
  }
  .top_doctor_info_right .btn01 a {
    top: 0;
  }

  .top_doctor_name {
    margin-bottom: 10px;
    text-align: center;
    font-size: 26px;
  }
  .top_doctor_name span {
    font-size: 18px;
  }

  /* 当院の特徴 */
  .top_features {
    margin: 0px 0 0 0;
    padding: 0px 0 0px 0;
    background: url("../images/top_features_list_bg.png") repeat center top;
  }

  .top_features_bird {
    top: -97px;
    text-align: center;
  }

  .top_features_list {
    height: auto;
    background: none;
  }

  .top_features_tit_en {
    position: relative;
    top: 0;
    left: 0;
    text-align: center;
    font-size: 60px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
  }

  .top_features_tit_wrap {
    position: relative;
    top: 0;
    left: 0;
  }

  .top_fetures_item_wrap {
    display: flex;
    display: -ms-flex;
    display: -webkit-flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
  }

  .top_fetures_item {
    width: 45%;
    margin-bottom: 40px;
  }

  .top_fetures_item01 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
  }

  .top_fetures_item01 img{
    width: 100%;
    height: 90%;
  }
  .top_fetures_item01 p{
    left: 3%;
  }

  .top_fetures_item02 {
    position: relative;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
  }
  .top_fetures_item02 p{
    left: 3%;
  }
  .top_fetures_item03 {
    position: relative;
    top: 0;
    right: 0;
    margin: 0 0 10px;
    width: 100%;
    height: 100%;
  }
  .top_fetures_item03 p{
    left: 12%;
  }
  .top_fetures_item04 {
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    margin: 0 0 40px;
  }
  .top_fetures_item04 .top_features_fukidashi {
    padding: 13px;
  }

  .top_fetures_item05 {
    position: relative;
    top: 0;
    left: 0;
  }
  .top_fetures_item05 .top_features_fukidashi {
    padding: 7px 25px;
  }

  .top_fetures_item06 {
    position: relative;
    top: 0;
    left: 0;
  }
  .top_fetures_item06 .top_features_fukidashi {
    padding: 7px 28px;
  }

  .top_features_fukidashi p {
    font-size: 18px;
  }

  /* 小児矯正 */
  .top_orthodontics {
    padding: 30px 0 40px 0;
    background: url("../img/main_slide2_sp2.jpg") no-repeat center bottom #e8a4e3;
  }
  .top_orthodontics .top_orth_text {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .top_orthodontics .top_orth_text .top_orth_tit {
    font-size: 22px;
    text-align: left;
  }
  .top_orthodontics .top_orth_text .text p {
    line-height: 1.8571428571;
    font-size: 14px;
    text-align: left;
  }
  .top_orthodontics .top_orth_text .text .btn01 {
    text-align: center;
  }

  /* 小児矯正 */
  .top_orthodontics2 {
    width: 100%;
    height: 100%;
    padding: 30px 0 40px 0;
    margin-top: 10px;
    background: url("../img/houmon_sp.jpg") no-repeat center bottom #a4c9e8;
  }
  .top_orthodontics2 .top_orth_text {
    width: 100%;
    padding: 0;
    text-align: center;
  }
  .top_orthodontics2 .top_orth_text .top_orth_tit {
    font-size: 22px;
    text-align: left;
  }
  .top_orthodontics2 .top_orth_text .text p {
    line-height: 1.8571428571;
    font-size: 14px;
    text-align: left;
  }
  .top_orthodontics2 .top_orth_text .text .btn01 {
    text-align: center;
  }

  .top_orth_tit_en {
    position: relative;
    top: 0;
    left: 0;
    margin-bottom: 30px;
    text-align: center;
    font-size: 60px;
    -webkit-writing-mode: horizontal-tb;
    -moz-writing-mode: horizontal-tb;
    -ms-writing-mode: lr-tb;
    -ms-writing-mode: horizontal-tb;
    writing-mode: horizontal-tb;
  }

  /* 診療案内 */
  .top_medical {
    padding: 60px 0 0px 0;
  }
  .top_medical .box1 .tit01_en {
    margin-bottom: 30px;
  }

  .top_medical_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 0;
  }

  .top_medical_item {
    width: 45%;
    margin-right: 0;
  }
	
	
.medical_index_flex{
	display: block;
}
.medical_index_flex .text{
	width: auto;
	margin-bottom: 40px;
}	


  /* ループスライダー */
  .loop_slide_wrap .slick-initialized .slick-slide img {
    width: 130px;
  }

  /* ブログ */
  .top_blog {
    padding: 69px 0 133px 0;
  }
  .top_blog .box1 .tit01_en {
    margin-bottom: 30px;
  }

  .top_blog_list {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    margin-bottom: 30px;
  }

  .top_blog_list li {
    width: 45%;
    margin: 0 0 20px 0;
  }

	
	
	.kasou_doctor_flex{
		display: block;
	}
	.kasou_doctor_flex_center{
		width: auto;
	}
	.kasou_doctor_img {
		width: 70%;
    top: 5px;
    right:0px;
		margin: 0 auto;
	}
	.kasou_doctor_flex_left{
		width: auto;
		padding: 0;
	}
	.kasou_doctor_info_left{
		width: 100%;
	}
  /*============================================================================
  
  	$breadcrumbs ぱんくず
  
  ============================================================================*/
  .breadcrumbs {
    width: 92%;
    margin: -10px 4% 40px;
  }

  .breadcrumbs li {
    display: inline-block;
  }

  /*============================================================================
  
  	$共通
  
  ============================================================================*/
  #contents {
    padding-bottom: 10px;
  }

  .box {
    width: auto;
    padding: 0 6% 8%;
  }

  .text {
    float: none;
    width: auto;
    padding: 0;
    border: none;
  }

  /*============================================================================
  
  	$見出し
  
  ============================================================================*/
  h1 {
    font-size: 12px;
    width: auto;
    padding: 0px 15px;
    text-align: center;
    position: relative;
    margin-top: 10px !important;
  }

  .tit01 {
    font-size: 30px;
  }
  .tit02 {
    font-size: 22px;
  }
	.tit03{
		font-size: 18px;
	}

  .nowrap {
    white-space: normal;
  }

  /* テーブル */
  .tb01 {
    white-space: inherit;
  }

  .tb01 th {
    width: 30%;
    box-sizing: border-box;
    font-size: 14px;
  }

  .tb01 td {
    box-sizing: border-box;
    font-size: 14px;
    text-align: center;
  }

  .tb01 tr:nth-child(1) td {
    font-size: 14px !important;
  }

  .tb01 tr:nth-child(1) th {
    height: 40px;
  }

  .tb01 tr:nth-child(2) th {
    height: 40px;
  }

  .tb01 tr:nth-child(3) th {
    height: 26px;
  }

  .schedule_note li {
    font-size: 14px;
  }

  .tb03, .tb03 th {
    white-space: inherit;
  }

  .tb03.w075par {
    width: 100%;
  }


	.tb_hotetsu{
		border: none;
	}
	.tb_hotetsu tr{
		border-bottom: dashed 2px #bfad91;	
	}
	.tb_hotetsu tr:first-child{
		display: none;
		border-bottom: none;
	}
	.tb_hotetsu th{
		width: 100%;
		display: block;	
		border: none;
		text-align: left;
	}
	.tb_hotetsu th h4{
		margin: 10px 0;	
	}
	.tb_hotetsu th img{
		display: block;
		margin: 0 auto;
	}
	.tb_hotetsu td{
		width: 100%;
		display: block;
		border: none;
		padding-bottom: 10px;
	}
	
	
  .tb04, .tb04 th {
    white-space: normal;
  }

  .tb04 th {
    font-size: 13px;
  }

  .tb04 td, .tb04 th {
    padding: 2%;
  }

  /* アンカーリンク */
  .ank02 {
    width: 100%;
  }

  .ank03 {
    width: 100%;
  }

  .ank03 li {
    width: 48%;
  }

  .ank04 {
    width: 100%;
  }

  .ank04 li {
    width: 48%;
  }

  /* 画像右寄せ */
  .img_fr {
    float: none;
    margin-left: 0;
    text-align: center;
  }

  .img_fr img {
    margin-bottom: 15px;
    max-width: 100%;
    width: auto;
  }

  /*============================================================================
  
  	$doctor
  
  ============================================================================*/
  /* ごあいさつ */
  .doctor_greet .text {
    float: none;
    width: auto;
  }

  /* 経歴、資格 */
  .doctor_carr_sec1 {
    float: none;
    width: 100%;
    margin-right: 0;
    margin-bottom: 30px;
  }

  /*============================================================================
  
  	$clinic
  
  ============================================================================*/
  /* 医院概要 */
  .clinic_sec1 {
    padding: 20px 15px;
  }
  .clinic_sec1 .schedule {
    padding: 10px;
  }

  .clinic_sec1 dt {
    width: 30%;
  }

  .clinic_sec1 dd {
    width: 70%;
  }

  .clinic_sec1 .schedule .tb01 {
    width: 100%;
  }

  /* 院内スライド */
  .clinic_slides1 {
    margin-bottom: 20px;
  }

  .clinic_slides1 .flexslider {
    float: none;
    width: 100%;
  }

  .clinic_slides1 .flexslider li div {
    display: block;
    margin-top: 5%;
    margin-left: 0;
    text-align: center;
  }

  .clinic_slides1 .flexslider p {
    display: block;
  }

  .clinic_slides1 .flex-control-nav.flex-control-thumbs {
    position: absolute;
    right: auto;
    width: auto;
    top: auto;
    bottom: 7%;
    z-index: 2;
  }

  .clinic_slides1 .flex-control-thumbs li {
    position: relative;
    width: 14.3%;
    margin: 0 0 4% 2%;
  }

  .clinic_slides1 .flex-control-thumbs img {
    border: 3px solid #e0e0e0;
  }

  /*院内スライド2 サムネイル横*/
  .clinic_slide_wrap2 {
    display: block;
    flex-direction: unset;
    justify-content: unset;
    max-width: 400px;
    margin: 0 auto;
	width: 100%;  
  }

  .clinic_slide_wrap_flex {
    display: block;
    flex-wrap: unset;
  }

  .clinic_slide_wrap_flex #slider {
    margin: 0 auto 15px 0;
    width: auto;
  }

  .clinic_slide_wrap_flex #thumbnail-list {
    width: auto;
  }

  .clinic_slide_wrap_flex .thumbnail-item {
    flex: 0 1 15%;
  }

  .clinic_slide_wrap {
    max-width: 400px;
    margin: 0 auto;
    height: 440px;
  }

  /*============================================================================
  
  	$facilities
  
  ============================================================================*/
  .facilities_equip dl {
    float: none;
    width: 100%;
    margin-left: 0;
    padding: 6% 10% 10%;
    box-sizing: border-box;
  }

  .facilities_equip_img {
    float: none;
    width: 100%;
    margin-bottom: 8%;
    margin-left: 0;
    padding: 0 10%;
    box-sizing: border-box;
  }

  .facilities_equip_img img {
    width: 300px;
  }

  .facilities_equip2 dl, .facilities_equip2 dl:nth-child(3n) {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }

  .facilities_equip2 dl:nth-child(even) {
    margin-right: 0;
  }

  .facilities_equip3 dl {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }

  .facilities_equip3 dl:nth-child(even) {
    margin-right: 0;
  }

  .facilities_equip3 dl, .facilities_equip3 dl:nth-child(3n) {
    width: 90%;
    height: auto !important;
    margin: 0 5% 30px;
  }

  /*============================================================================
  
  	$access
  
  ============================================================================*/
	.access_map dd{
		height: 400px;
	}
	
  .access_list {
    padding: 30px 15px 0;
    box-sizing: border-box;
  }

  .access_list dl {
    width: 100%;
    margin-bottom: 30px;
  }

  /*============================================================================
  
  	$merit demerit
  
  ============================================================================*/
	
	.merit_demerit_wrap{
		display: block;
	}	
	.merit_demerit_wrap .merit,
	.merit_demerit_wrap .demerit{
		margin: 0 0 15px;
		width: 100%;
	}
	

  /*============================================================================
  
  	$medical
  
  ============================================================================*/
  /*==================================================================
  
  	.layout
  
  ==================================================================*/
  .layout_tit {
    font-size: 18px;
  }

  .layout_tit em {
    font-size: 24px;
  }

  /* 1つ並びのレイアウト。画像は無し、左にタイトル、右に文章 */
  .layout01 dl {
    display: block;
  }

  .layout01 dt {
    width: 100%;
	  display: block;
  }
	.layout01 dt img{
		width: 60%;
		display: block;
		margin: 10px auto 0;
	}

  .layout01 dd {
    width: 100%;
  }

  .layout01 dd img {
    width: 70%;
    margin: 0 auto;
    display: block;
  }

  /* 2つ並びのレイアウト。最初(dt)にタイトル、画像がその下(dd)、画像の下に文章 */
  .layout02 {
    display: block;
  }

  .layout02 dl {
    width: 100%;
  }

  .layout02 dd img {
    width: 70%;
    margin: 0 auto;
    display: block;
  }

  /* 1つ並びのレイアウト。画像が左、右にタイトル、タイトル下に文章 */
  .layout03 {
    margin: 0 0 15px;
  }

  .layout03 .layout03_box {
    display: block;
  }

  .layout03 .layout03_title {
    width: 100%;
  }

  .layout03 .layout03_title img {
    width: 70%;
    margin: 0 auto;
    display: block;
    padding: 0;
  }
	
	.layout03.decay .layout03_title img{
		width: 40%;
	}

  .layout03 .layout03_text {
    width: 100%;
    padding: 15px 3% 1%;
  }

  /* 1つ並びのレイアウト。画像が左、右にタイトル、タイトル下に文章、タイトルと文章のエリア(dd)は背景色が別の色 */
  .layout04 .layout04_box {
    display: block;
  }

  .layout04 .layout04_title {
    width: 100%;
    padding: 2%;
  }

  .layout04 .layout04_title img {
    width: 70%;
    margin: 0 auto;
    display: block;
  }

  .layout04 .layout04_text {
    width: 100%;
  }

  /* 1つ並びで3列に区切られたレイアウト。画像が左、画像の下にタイトル、右に文章 */
  .layout05 .layout05_box {
    display: block;
  }

  .layout05 .layout05_title {
    width: 100%;
    text-align: center;
    display: block;
  }

  .layout05 .layout05_title img {
    width: 70%;
    margin: 0 auto;
    display: block;
  }

  .layout05 .layout05_text1:nth-child(2) {
    width: 100%;
    margin-top: 10px;
  }

  .layout05 .layout05_text1:nth-child(3) {
    width: 100%;
    border-left: none;
  }

  /* 1つ並びで3列に区切られたレイアウト。左がタイトル、真ん中と右に文章 */
  .layout06 {
    margin: 0 0 15px;
  }

  .layout06 .layout06_box {
    display: block;
  }

  .layout06 .layout06_title {
    width: 100%;
    padding: 3%;
    display: block;
    text-align: center;
  }

  .layout06 .layout06_title img {
    width: 70%;
    margin: 0 auto;
    display: block;
  }

  /* 数字 */
  .layout06 .layout06_text1:nth-child(2) {
    width: 100%;
    margin-top: 10px;
  }

  .layout06 .layout06_text1:nth-child(3) {
    width: 100%;
    border-left: none;
  }

  /* 3つ並びのレイアウト。 */
  .layout07 {
    display: block;
  }

  .layout07 dl {
    display: block;
    width: 100%;
  }

  /* 3つ並びのレイアウト。矢印付き */
  .layout08 {
    display: block;
  }

  .layout08 dl {
    position: relative;
    width: 100%;
    margin-right: 0;
    margin-bottom: 35px;
  }

  .layout08 dl::before {
    position: absolute;
    right: 0;
    left: 0;
    margin: auto;
    top: 110%;
    height: 7px;
    width: 7px;
    transform: rotate(135deg);
    background-color: transparent;
    border-top: 2px solid #0062b2;
    border-right: 2px solid #0062b2;
    content: "";
    bottom: 0;
    margin: auto;
  }

  .layout08 dl:nth-child(3n)::before {
    display: none;
  }

  .layout08 dl dt {
    margin-bottom: 7px;
    padding-bottom: 7px;
    border-bottom: 1px dashed #ddd;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
  }

  .layout08 dl dt em {
    margin-right: 8px;
    font-size: 24px;
    font-family: 'Quicksand', sans-serif;
  }

  .layout08 dl dd {
    line-height: 1.5;
  }

  /* layout10 */
  .layout10 .flow_box {
    justify-content: space-between;
    padding: 6%;
  }

  .layout10 .flow_box .number {
    width: 42px;
    height: 42px;
    margin-right: 0;
    font-size: 20px;
  }

  .layout10 .flow_box .layout10_box {
    width: 80%;
  }

  .layout10 .flow_box .layout10_text .title {
    font-size: 14px;
    line-height: 1.4;
  }

  .layout10 .flow_box .layout10_text .title span {
    display: block;
    padding-bottom: 8px;
    font-weight: bold;
  }

  .layout10 .flow_box .layout10_text .title span::after {
    display: none;
  }

  .course_ablation::before {
    display: none;
  }

  /*============================================================================
  
  	$news
  
  ============================================================================*/
  .news_list li a {
    display: block;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  /*============================================================================
  
  	$mpcloud_schedule
  
  ============================================================================*/
  #mpcloud_schedule {
    width: 100%;
    right: 0;
    left: 0;
    border-radius: 0;
  }

  .time_close {
    right: 20px;
    font-size: 17px;
  }

  .schedule_time {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
  }

  .schedule_time dt {
    width: 35%;
    margin-bottom: 5px;
  }

  .schedule_time dd {
    width: 65%;
    margin-bottom: 5px;
  }

  .schedule_time dd i {
    margin: 0 3px 0 15px;
    vertical-align: text-bottom;
  }

  /*common*/
  .pc {
    display: none !important;
  }

  .sp {
    display: block !important;
  }

  .pc_inline {
    display: none !important;
  }

  .sp_inline {
    display: inline !important;
  }

  .pc_table {
    display: table !important;
  }

  .sp_table {
    display: table !important;
  }

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

  .sp_mb00 {
    margin-bottom: 0 !important;
  }

  .sp_mr00 {
    margin-right: 0 !important;
  }

  .sp_ml00 {
    margin-left: 0 !important;
  }

  .sp_mt00 {
    margin-top: 0 !important;
  }

  .sp_pb00 {
    padding-bottom: 0 !important;
  }

  .sp_pr00 {
    padding-right: 0 !important;
  }

  .sp_pl00 {
    padding-left: 0 !important;
  }

  .sp_pt00 {
    padding-top: 0 !important;
  }

  .sp_center {
    text-align: center;
  }
}
@media screen and (max-width: 480px) {
  .top_fetures_item_wrap {
    display: block;
  }

  .top_fetures_item {
    width: 100%;
    text-align: center;
  }

  .top_blog_date {
    font-size: 14px;
  }

  .top_blog_cat {
    font-size: 12px;
  }

  .top_blog_tit {
    font-size: 14px;
  }

  .sp-says {
    width: 100%;
    height: 230px;
    font-size: 18px;
    display: inline-block;
    position: relative; 
    margin: 10px 0 0 0px;
    padding: 17px 20px;
    border-radius: 12px;
    /* background: #d7ebfe; */
    background: #ebcae1;
    text-align: center;
  }
}
@media screen and (max-width: 380px) {
  .top_medical_item {
    width: 100%;
    margin-right: 0;
  }

  .top_medical_img img {
    max-width: 280px;
  }
}
@media screen and (max-width: 320px) {
  .sp_inline_iP {
    display: inline !important;
  }
}