@charset "utf-8";

/*=================================================================================================================================*/
/** 個別指定 for スマートフォン
/*=================================================================================================================================*/

/*---------------------------------------------
 ** 320px
---------------------------------------------*/
@media screen and (max-width: 320px) {
}

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

/*---------------------------------------------
	body
---------------------------------------------*/
html { scroll-behavior: smooth;   font-size: 50%;  }
body {  color:#444; } 

/* display none */
.only_sp_none {display:none!important; }

/*画像*/
img{max-width:100%; height:auto;}

/*---------------------------------------------
 **  カラム
---------------------------------------------*/
.clounm_wrapper{margin: 0 5%; }

/*---------------------------------------------
 **  flexbox
---------------------------------------------*/
.flex_item_clounm_3 { width:100%; }
.flex_item_clounm_2 { width:100%;  }
.flex_item_clounm_4 {width:100%;}

/*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
.main_img {width:100%;height: 130px;position:relative;background-size: cover; text-align:center;}
.header_inner  {width:100% !important;height: 80px;margin: 0 !important;}



/*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/

/*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
#logo {
  width: 175px;
  height: 58px;
  margin: 0px auto 0px;
}
#footer #logo {width: 224px;height: 77px;margin: 0 auto 15px;}
.sp_tel {width: 51px;height: 51px;position:absolute;top: 1px;left: 3%;}

/*---------------------------------------------
 **  タイトル
---------------------------------------------*/



/*=================================================================================================================================*/
/**  フッター	*/
/*=================================================================================================================================*/
.footer_wrapper{ margin:0 ; padding-bottom:10px; }

/* フッターナビ */
#footer nav ul{ background:#F6F6F6;  display:flex;flex-wrap:wrap;justify-content: space-between; padding:1px 0 1px 0;}
#footer nav li{  width:49.3%;margin:1px;  }
#footer nav a{ width:100%; background:#FFF;   padding:10px 0; text-align:center; text-decoration:none; display:block; position:relative; }
#footer nav a:after{width: 10px;height: 10px;position: absolute;top: 15px;right: 11px;background: url( ../img/common/bt_icon_blue.png) 0 0 no-repeat;background-size: 100%;content: '';}



/* ページTOPへ */
#pageTop {right: 6%;bottom:0;}
#pageTop a {width: 40px;height: 57px;}

/*=================================================================================================================================*/
/**  TOP	*/
/*=================================================================================================================================*/

.catch_copy {
  font-size: 2rem;
}
.catch_copy_wrapper {
  top: 0;
  margin-top: 10rem;
}

.catch_copy_kana {
  display: block;
  color: #fff;
  font-size: 1.7rem;
  letter-spacing: 2px;
  margin: 0 5%;
}

.bg_ex {
  width: 100%;
  height: 420px;
  background: url(../img/img_ex_sp.png) top center no-repeat;
  background-size: cover;
  margin: 40px 0 30px 0%;
}

.pict_caption {
    width: unset;
  box-sizing: border-box ; /*通常の記述*/
  -webkit-box-sizing: border-box ;  /*Google ChromeやSafariの機能を利用*/
  -moz-box-sizing: border-box ;  /*Firefoxの機能を利用*/
}

.span_kensu {
  font-size: 3.7rem;
}

h2 {
  font-size: 2.5rem;
}


.h2_design {
  font-size: 3.5rem;
}

.h2_catch_span img {
  width: 60%;
  height: auto;
}
.bg_design_01, .bg_design_02, .bg_design_03 {
  padding: 2rem 0 3rem 0;
}
.bg_design_01 {
  background-size: cover;
  border-top: 10px solid #000;
  background-image: unset;
}
.bg_design_02 {
  background: url(../img/sp_bg_02.png) top right #EBECE6 no-repeat;
  background-size: cover;
  background-image: unset;

}
.bg_design_03 {
  background: url(../img/sp_bg_03.png) top right #D9DFE4 no-repeat;
  background-size: cover;
  /* border-top: 10px solid #000; */
  background-image: unset;
}


.pict_caption_position_R {
  position: absolute;
  top: 57%;
  right: 0;
  text-align: right;
  bottom: unset;
}

.pict_caption_position_L {
  position: absolute;
  bottom: unset;
  top: 57%;
  left: 0;
  text-align: left;
}


.pict_cap_iriguchi {
  left: 0;
  top: 70% !important;
}
/* キャプション 泌尿器科・待合室 */
.pict_cap_machiai {
  right: 0;
  top: 68% !important;
}
.bg_glay_01 {
  background: url(../img/img_planing_03.png) top center #eee no-repeat;
  background-size: 130%;
  padding-bottom: 5rem;
  padding-top: 17rem;
}



.frees{
  font-size: 4rem;
}

.pict_caption {
  padding: 1rem 7.5rem 1rem 2.5rem;
}
.af_slash:after{
  display: none;
}


.sp_fz_s{
  font-size: 1.6rem;
}


.tel {
  font-size: 4rem;
}
.tel:before {
  width: 30px;
  height: 30px;
  margin-right: 1rem;
}

.fax{ padding:0 0 0 0;
 }
.fax span{
  text-align:center;
  bottom: 0;
  position: relative;
}
.fax a{ 
background:#000;
font-size:1.8rem;
color:#FFF;
padding:1.5rem 4rem;
text-decoration:none;

width: 100%;
display: block;
text-align: center;
box-sizing: border-box ; /*通常の記述*/
-webkit-box-sizing: border-box ;  /*Google ChromeやSafariの機能を利用*/
-moz-box-sizing: border-box ;  /*Firefoxの機能を利用*/
}
.fax span{
  margin: 0 auto;   
  display: block;
}

.bg_common_black{
 padding-bottom: 7rem; 
}

.bg_common_black{
  padding-bottom: 4rem;
  padding-top: 6rem;
 }
 

}