@charset "utf-8";

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

/*---------------------------------------------
 ** 812px
---------------------------------------------*/
@media screen and (max-width: 812px) {
  /*---------------------------------------------
	body
---------------------------------------------*/
  html {
    scroll-behavior: smooth;
    font-size: 53%;
  }
  body {
    padding-top: 29px;
  }

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

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

  .mt2rem{
    margin-top: 2rem;
  }

  /*---------------------------------------------
 **  カラム
---------------------------------------------*/
  .section_block {
    margin-bottom: 7rem;
  }

  #wp_container > .clounm_wrapper.flex_wrapper{
    display: block !important;
    flex-wrap: unset !important;
    justify-content: unset !important;
  }

.single_contents p{ word-wrap:break-word; word-break:break-all;}
  /* clounm */
  .clounm_wrapper {
    width: 90%;
  }
  .flex_item_clounm_1,
  .flex_item_clounm_2,
  .flex_item_clounm_3,
  .flex_item_clounm_4,
  .flex_item_clounm_6 {
    width: 100% !important;
  }
  /*---------------------------------------------
 **  flexbox
---------------------------------------------*/

  #main {
    padding: 3rem 0 0;
  }

  /*---------------------------------------------
 **  h
---------------------------------------------*/
  h2 {
    font-size: 2.7rem;
    margin: 0 0 2.1rem;
  }
  h3 {
    font-size: 2.6rem;
    margin: 0 0 1rem;
  }

  /*---------------------------------------------
 **  メイン画像
---------------------------------------------*/
  .main_img {
    width: 100%;
    height: 140px;
    position: relative;
    text-align: center;
  }

  #index .main_img {
    height: 270px;
  }

  .header_inner {
    width: 100% !important;
    height: 80px;
    margin: 0 !important;
  }

  /*---------------------------------------------
 ** ヘッダー記述
---------------------------------------------*/
  /* 診療時間 */
  .sp_time_maru {
    width: 54px;
    height: 54px;
    display: block;
    float: left;
    letter-spacing: 2px;
    line-height: 1.3;
    padding: 10px 0 0 0;
    font-weight: bold;
    color: #fff;
    font-size: 1.4rem;
    text-align: center;
    -moz-border-radius: 52px;
    -webkit-border-radius: 52px;
    border-radius: 52px;
    margin: 0 15px 0 0;
  }

  .time dl {
    font-size: 1.2rem;
    margin: 0.1rem 0px 0px 0px;
    line-height: 1.3;
  }
  .time dt {
    padding: 0.4rem 0.6rem 0.4rem 1rem;
    margin-right: 0.7rem;
    height: 1.4rem;
    margin-top: 7px;
    background: #eee;
    color: #000;
  }
  .time dd {
    letter-spacing: -2px;
  }
  .time dd span {
    font-size: 2.1rem;
    letter-spacing: 0px;
  }
  .sp_time {
    padding: 11px 2% 14px;
    background: #fff;
  }
  .left_pad {
    padding-left: 7px;
  }
  .sp_time_inner {
    width: 95%;
    margin: 0 auto;
  }
  /*---------------------------------------------
 **  ロゴ
---------------------------------------------*/
  .logo {
    width: 258px;
    height: 38px;
    margin: 0px auto 0px;
    position: relative;
  }
  .logo:before,
  .logo:after {
    display: none;
  }
  .mankai_logo {
    width: 107px;
    height: auto;
    top: -103px;
    z-index: 3;
  }
  .header_inner_top {
    height: 93px;
    padding: 2.2rem 0 0;
  }
  #footer {
    margin-top: 9rem;
  }
  #footer .logo {
    width: 242px;
    height: 44px;
    margin: 5px auto 10px;
  }
  .sp_tel {
    width: 51px;
    height: 51px;
    position: absolute;
    top: 1px;
    left: 3%;
  }

  /* まんかい施設サイト */
  .manlai_link{
    display: none;
  }
  /* .manlai_link {
    top: 3.7rem;
  }
  .manlai_link img {
    width: 64px;
  } */
  .kamoku_bt {
    text-align: center;
    max-width: 100%;
  }
  /* 科目 */
  .hifu {
    padding: 0rem 2rem 0rem;
    font-size: 1.3rem;
    right: 0;
    margin: 3px 0 3px 0;
    display: inline-block;
    float: none;
    -moz-border-radius: 12px;
    -webkit-border-radius: 12px;
    border-radius: 12px;
    text-align: center;
    background: #fff;
    color: #ff6873 !important;
    border: 1px solid #ff6873 !important;
  }

  /* 科目 */
  .kids {
    padding: 0.6rem 2rem 0.4rem 0.8rem;
    font-size: 1.3rem;
    left: -6%;
    text-align: left;
    width: 111.5%;
    text-align: right;
    top: -140px;
    z-index: 1;
    background: #ffff;
  }
  .kids:after {
    position: absolute;
    width: 10px;
    height: 8px;
    background-size: contain;
    top: 12px;
    right: 4px;
  }
  #index .kids {
    top: -270px;
  }

  .hifu:after {
    display: none;
  }

  /* スマホ ２つのボタン */
  .sp_bt_wrapper {
    box-shadow: 3px 3px 10px rgba(0, 0, 0, 0.1);
  }

  .sp_bt_wrapper .flex_item_clounm_2 {
    width: 50% !important;
    text-align: center;
    min-width: 127px;
    min-height: 64px;
    margin: 0 auto;
    padding: 7px 10px 5px;
  }

  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(1) {
    background: #ff6a72;
  }
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(2) {
    background: #ffbe75;
  }

  .sp_bt_wrapper .flex_item_clounm_2 a {
    width: 100%;
    display: block;
    position: relative;
    font-size: 4vw;
    text-decoration: none;
    color: #fff;
    padding: 0 0 0 18px;
  }
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(1) a {
    padding-top: 13px;
  }
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(2) a {
    padding-left: 42px;
    text-align: left;
    line-height: 1.4;
    padding-top: 15px;
    text-align: center;
  }
  .sp_bt_wrapper .flex_item_clounm_2.sptel a:after {
    width: 20px;
    height: 26px;
    position: absolute;
    top: 13px;
    left: 4%;
    background: url(../img/sp/sp_bt_tel_white.png) no-repeat;
    background-size: contain;
    content: "";
    padding-top: 10px;
  }
  .sp_bt_wrapper .flex_item_clounm_2.spyoyaku a:after {
    width: 28px;
    height: 33px;
    position: absolute;
    top: 7px;
    left: 5%;
    background: url(../img/sp/sp_bt_web_white.png) no-repeat;
    background-size: contain;
    content: "";
  }

  /*---------------------------------------------
 ** フッター記述
---------------------------------------------*/
  .footer_wrapper {
    margin: 0;
    padding-bottom: 10px;
  }
  .icon_footer_tel {
    width: 44px;
    height: 23px;
    top: 5px;
    left: -10px;
  }

  /* フッタークリニック電話番号 */
  .footer_clinic_tel {
    font-size: 1.6rem !important;
    margin-top: 2rem;
    margin-bottom: 1.7rem;
    padding: 1rem 2rem;
    text-align: center;
    font-weight: bold;
  }
  .footer_clinic_tel span {
    display: block;
    font-size: 2.9rem;
    line-height: 1.3;
  }
  .footer_clinic_tel a{
    position: relative;
  }
  .footer_clinic_tel a:before {
    width: 22px;
    height: 22px;
    background: url(../img/common/icon_tel.png) no-repeat;
    background-size: contain;
    top: 2px;
    left: -29px;
    position: absolute;
    content: "";
    display: inline-block;
  }
  
  /* クリニック番号 */
  span.sp_footer_tel {
    font-size: 1.7rem;
    padding: 0.6rem 1rem 0.5rem;
    margin-bottom: 4px;
    background: #ffdadc;
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
  }

  /* フッターLINE */
  .footer_line {
    margin-top: 2rem;
  }

  /* フッターインナー */
  .footer_inner {
    padding: 2rem 1.5rem 1rem 1.5rem;
  }

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

  #footer .tel_wraper {
    margin-bottom: 2rem;
  }

  /* footer ボトム */
  .mankai {
    text-align: center;
    margin: 0 auto;
  }
  .mankai img {
    padding: 0;
    border-right: unset;
  }

  .address {
    padding: 2.1rem 0;
  }
  .address p {
    margin-bottom: 0;
  }

  .address a {
    margin: 0;
  }

  /* 診療時間 */

  .time_table th {
    padding: 0.4rem;
    font-size: 1.4rem;
  }
  .time_table td {
    padding: 3px 0.5rem;
    font-size: 1.2rem;
  }
  td.time_td {
    font-size: 1.2rem;
  }
  tr.syujut_maru td {
    font-size: 1.8rem;
  }
  tr td.syujut {
    font-size: 1.2rem;
    padding: 0.6rem;
  }
  td.yasumi {
    font-size: 1rem;
  }

  .tel a {
    font-size: 2.2rem;
  }
  .tel_wraper div {
    font-size: 2rem;
  }

  /*=================================================================================================================================*/
  /**  TOPコンテンツ	*/
  /*=================================================================================================================================*/
  /* ヘッダーのロゴカラム */
  .full_width .flex_item_clounm_3 {
    width: 100%;
  }

  .news {
    display: block;
  }
  .news dt {
    display: block;
  }
  .news dd {
    width: 100%;
  }
  .news_all_bt {
    position: absolute;
    top: 20px;
    right: 0;
    font-size: 1.3rem;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0.5rem 1rem;
  }

  /* 看護師illust */
  .img_shikkan {
    margin-top: -5px;
    margin-bottom: -10px;
  }
  .img_shikkan img {
    bottom: unset;
    left: unset;
  }
  #footer .kamoku_bt {
    display: none;
  }

  /* 疾患 吹き出し */
  .hukidashi {
    background: #f7f8fa;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.1);
    border-radius: 20px;
    padding: 3rem 2.5rem 1.2em;
    top: 0;
    right: 0;
    max-width: 494px;
    position: relative;
  }
  .hukidashi:after {
    transform: scale(-1, 1);
    left: unset;
    right: 100px;
  }

  /* 疾患ボタン */
  .sp_w {
    width: 100%;
  }
  .bt_wrapper .sp_w {
    padding-left: 3%;
  }
  .bt_wrapper {
    padding: 5rem 1rem 1rem;
  }
  .bt_wrapper .flex_item_clounm_4 {
    width: 47% !important;
  }
  .bt_wrapper .bt_base {
    padding: 1rem 1rem;
    font-size: 1.6rem;
    line-height: 1.3;
  }
  .bt_wrapper .flex_item_clounm_4:nth-of-type(2n) {
    margin-right: 0;
  }
.treat_list_bt{
  position: relative;
}
.awrapper{
  display:table;
  width:100%;
  height:58px;
  text-align:center;
}
  .treat_list_bt a {
    display:table-cell;
    vertical-align:middle;
  }
  


  .bt_wrapper .arrow_L {
    position: relative;
  }
  .bt_wrapper .arrow_L:before {
    position: absolute;
    right: -2px;
    font-size: 1.5rem;
    bottom: 3px;
  }

.treat_list_bt  .arrow_L:before {
    right: -10px;
    bottom: -7px;
  }
.accordion1 .treat_list_bt  .arrow_L:before,
.accordion2 .treat_list_bt  .arrow_L:before {
    right: -10px;
    bottom: 30% !important;
  }


  .shikkan_title {
    font-size: 3rem;
    display: inline-block;
    position: absolute;
    top: -56px;
    left: 2rem;
  }

  /* TOPドクター */

  .top_doctor {
    padding-top: 60%;
  }

  .top_doctor a {
    margin: 0 auto;
  }

  .mankai_p {
    width: 100%;
  }

  .map {
    height: 250px;
  }

  .news_wrapper dl {
    position: relative;
    padding-right: 30px;
    padding-left: 19px;
  }
  .news_wrapper .arrow_R:after {
    position: absolute;
    bottom: 0;
    right: 2%;
  }
  .news_h {
    padding-bottom: 2.5rem;
    margin: 0 0 1.5rem;
  }
  .news {
    padding: 1.3rem 1.5rem 0.7rem 3.5rem;
  }
  .news dd a {
    padding: 0;
    line-height: 1.4;
  }

  .logo_bottom {
    position: relative;
    margin-top: -2px;
  }

  /*=================================================================================================================================*/
  /**  内部ページ	*/
  /*=================================================================================================================================*/
  .inner_main {

    background: url(../img/common/inner_bg_sp.png) right 0 no-repeat;

  }
  
  /* パンくず */
  #breadcrumbs {
    width: 100%;
  }

  .accordion1 {
    text-align: center;
    display: block;
  }
    
    .bd_item a {
  text-decoration: none;
  display: block;
  width: 80%;
  text-align: left;
  margin: 0 auto;
}

  .accordion1 .inner,
  .accordion2 .inner {
    display: none;
  }
  .accordion1 p,
  .accordion2 p {
    cursor: pointer;
  }
  .shikkan_bt {
    position: absolute;
    right: 0;
    font-size: 1.3rem;
    box-shadow: 3px 3px 0 rgba(0, 0, 0, 0.15);
    background: #fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    padding: 0.8rem 1rem;
    text-align: center;
    font-size: 1.6rem;
  }

  /* 診療案内 */
  .inner_main {
    border-top: 1px solid #eee;
    height: 100px;
    background-size: 60%;
    text-shadow: #fff 2px 0 0, #fff 1.75517px 0.95885px 0,
      #fff 1.0806px 1.68294px 0, #fff 0.14147px 1.99499px 0,
      #fff -0.83229px 1.81859px 0, #fff -1.60229px 1.19694px 0,
      #fff -1.97998px 0.28224px 0, #fff -1.87291px -0.70157px 0,
      #fff -1.30729px -1.5136px 0, #fff -0.42159px -1.95506px 0,
      #fff 0.56732px -1.91785px 0, #fff 1.41734px -1.41108px 0,
      #fff 1.92034px -0.55883px 0, 0 2px 2px rgba(0, 0, 0, 0.35);
  }


  .bd_item a {
    width: 80%;
    text-align: left;
    margin: 0 auto;
  }
  

  /* 当院は診療予約は可能です */
  .common_reserve {
    width: 100%;
    margin-bottom: 3rem;
    color: #593100 !important;
  }

  .bd_item {
    border-right: none;
    border-bottom: 1px solid #522c00;
  }
  .bd_item:last-of-type {
    border-bottom: none;
  }

  .waku{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  .waku dt{
    width: 100%;
  border-bottom:1px dashed;
  padding-bottom:5px;
  border-bottom: 1px solid #F2F2F2;
  
  }
  .waku dd{width: 100%;
  margin-bottom:10px;
  padding:5px;
  }
  .clinic_about > div:nth-of-type(1){
    margin: 0;
    padding: 0px 0 19px 0;
    width: 100% !important;
  }
  .clinic_about > div:nth-of-type(2){
    margin: 0;
    width: 100% !important;
  }

  

  /* 数字アイコン */
  .icon_number:before {
    border: 3px solid #593100;
    width: 40px;
    height: 40px;
    top: 1rem;
    font-size: 2.4rem;
    font-weight: bold;
    color: #593100;
  }
  .flow_box {
    padding-left: 18%;
    padding-top: 2rem;
    padding-bottom: 3rem;
  }

  #treat .icon_div {
    margin-top: 15px;
  }
  #treat .icon_div a.bt_base {
    width: 81%;
  }

  /* 料金表  */
  .table.bd_wrapper_base th,
  .table.bd_wrapper_base td {
    display: block;
    width: 100%;
  }
  .table.bd_wrapper_base th {
    border-right: none;
    border-bottom: 1px solid #522c00;
    padding: 0.8rem 5%;
    font-size: 2.3rem;
  }
  .table.bd_wrapper_base td {
    padding: 0.8rem 5% !important;
  }

  #treat .fz24,
  #treat .fz24_2 {
    float: right;
    line-height: 1.2;
    margin: 0;
  }

  #recruit .fz24_2{
    font-size: 2.0rem !important;
    margin: 0 1rem !important;
  }

  /*---------------------------------------------
 **  診療案内 美容
---------------------------------------------*/
  .table_flow:after {
    position: absolute;
    bottom: -20px;
    top: unset;
    right: 0;
    left: 0;
    margin: 0 auto;
    content: "";
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 42px 0 42px 62px;
    border-width: 20px 20px 0 20px;
    border-color: #522c00 transparent transparent transparent;
  }
  .treat_beauty_flow .flex_item_clounm_3:nth-of-type(3) .table_flow:after {
    display: none;
  }

  /* 医師紹介 */
  .doctor_prof {
    margin-top: 2rem;
  }

  .top_doctor_prof dt {
    margin-bottom: -4px;
  }

  .top_doctor_prof dd {
    margin-left: 1.5rem;
    line-height: 1.4;
    margin-bottom: 10px;
  }

  .doctor_img .flex_item_clounm_3 {
    width: 33.33% !important;
  }

  .treat_inner_img{
    margin-bottom: 1rem;
  }

  /* WP 美容テーブル  */
  .treat_beauty_table div{
    margin-bottom: 20px;
  }
.treat_beauty_table div:after,
.treat_beauty_table div.arrow:after {
  position: absolute;
  bottom: -20px;
  top: unset;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 42px 0 42px 62px;
  border-width: 20px 20px 0 20px;
  border-color: #522c00 transparent transparent transparent;
}
.treat_beauty_table h4 {
  padding: 1rem 5% !important;
  font-size: 2.3rem;
}
.treat_beauty_table p {
  padding: 1rem 3rem 1rem !important;
}

/* ステップ1～５ */
.treat_beauty_care{
  padding: 3rem 3rem;
}

#wp_contents table tr td strong{
  margin: 0 0rem 0 1rem;
}
#wp_contents table tr:last-of-type td strong {
margin: 0 0rem 0 1rem;
}

  /*---------------------------------------------
 **  クリニック紹介
---------------------------------------------*/
  .sp_img_col_3 {
    width: calc(100% / 3 - 30px) !important;
  }

  /*---------------------------------------------
 **  初診の方へ
---------------------------------------------*/
  .take_first {
    margin-bottom: 2rem;
  }
  #first .kamoku .fz24_2 {
    font-size: unset;
    margin: 0;
  }

  #first .time .fz24_2 {
    display: inline-block;
    font-size: unset;
    margin: 0 auto;
  }

  .w1100 {
    width: 90% !important;
    margin: 0 auto;
  }

  .first_dl a {
    margin-top: 0.5rem;
    width: 80%;
  }
  .first_dl:before {
    margin-top: 0.5rem;

    width: 34px;
  }

  /*---------------------------------------------
 **  アクセス
---------------------------------------------*/
  .access_car:before {
    width: 54px;
    height: 45px;
    background: url(../img/access/icon_car.jpg) no-repeat;
    background-size: contain;
    margin: 0 auto 1rem;
  }
  .access_bus:before {
    width: 48.5px;
    height: 57px;
    background: url(../img/access/icon_bus.jpg) no-repeat;
    background-size: contain;
    margin: 0 auto 1rem;
  }
  .access_train:before {
    width: 40.5px;
    height: 56px;
    background: url(../img/access/icon_train.jpg) no-repeat;
    background-size: contain;
    margin: 0 auto 1rem;
  }

  #access #main .flex_item_clounm_2 {
    margin-bottom: 2rem;
  }
  #access .kamoku .fz24_2 {
    font-size: unset;
    margin: 0;
  }
  #access .time .fz24_2 {
    display: inline-block;
    font-size: unset;
    margin: 0 auto;
  }
  .access_map {
    padding-bottom: 0rem !important;
  }
  .add_p {
    font-size: 2rem;
  }

  .reserve_p_box {
    margin-bottom: 3rem;
  }

  #access .icon_number:before {
    top: -30px !important;
  }

  body#clinic #main .flex_item_clounm_3 {
    margin-bottom: 2rem;
  }

  .w1100 .flex_item_clounm_2,
  .w1100 .flex_item_clounm_3 {
    width: 90% !important;
    margin-left: 5%;
    margin-right: 5%;
  }

  .sp_btm {
    margin-bottom: 2rem !important;
  }

  .mLR_1em_access{
    font-size: 4vw;
  }


/* 当院は診療予約が可能です。 */
.reserve_bt_box h3{
  font-size: 2.4rem;
}


/* Web診療予約はこちら 内部ページ用 */
.tel_wraper_inner_page {
  top: 0;
  position: relative;
  margin-bottom: 3rem;
}

/* 当院は診療予約が可能です */
  .reserve_common_wrapper h3{
    font-size: 2.5rem;
    text-align: center;
    display: block;
    padding: 0 0 2px;
    margin-bottom: 0;
  }



/*---------------------------------------------
 **  wp CSS
---------------------------------------------*/
  /* 料金表  */
#wp_contents table th,
#wp_contents table td {
    display: block;
    width: 100%;
  }
#wp_contents table th {
    border-right: none;
    border-bottom: 1px solid #522c00;
    padding: 0.8rem 5%;
    font-size: 2.3rem;
    width: 100% !important;
    height:auto !important;
  }
#wp_contents table td {
    padding: 20px !important;
    display: inline-block;
    width: 100% !important;
  }
  #wp_contents table.price td,
  #wp_contents table.price th {
    display:block !important;
    height: auto !important;
  }


  #wp_contents table td p{
  display: inline-block;
  }
#wp_contents table h4 {
  font-size: 2rem;
  background: #ffdfbf;
  max-width: 100%;
  text-align: center;
  margin: 0.8rem 0 1.6rem;
}

#wp_contents h3 {
  margin-bottom: 1.5rem !important;
}

.wp-block-media-text__media{
  margin-bottom: 0.8rem !important;
}

/* 美容 */
.wp_table_flow table:after {
  position: absolute;
  bottom: -20px;
  top: unset;
  right: 0;
  left: 0;
  margin: 0 auto;
  content: "";
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 42px 0 42px 62px;
  border-width: 20px 20px 0 20px;
  border-color: #522c00 transparent transparent transparent;
}
#wp_contents table {
  /* width: 90% !important; */
  /* margin-left: 5%; */
  /* margin-right: 5%; */
}
#wp_contents .wp_table_flow table td {
  padding: 0.8rem 5% !important;
}
#wp_contents .wp_table_flow table th {
  height: auto !important;
}


.text {
  padding: 8% 7%;
  margin-bottom: 30px;
}
.single_contents{
  padding: 8% 7% !important;
}


/*コロナ対策告知 */
.corona,
.corona2,
.stellar{ width: 90%; margin:10px auto;}

/*ステラM22固有 */
.stellarTable2row,
.stellarTable3row{
  width: 100%;
  display: flex !important;
  flex-wrap: wrap;
  justify-content: space-between;
}


.stellarTable3row .wp-block-column{
  margin-bottom: 20px;
}

.stellarTable3row .wp-block-image{ margin-bottom: 0 !important;}
.stellarTable3row figcaption{ 
  display: block;
  width: 100%; 
  text-align: center; 
  padding: 0.8em 0; 
  background: #f7f8fa; 
}
.stellar80img figure{ text-align: center; padding: 0;}
.stellar80img figure img{ margin:0.5em auto 0 5px; }


.stellarTable2row .wp-block-column{ width: 48% !important;}
.stellarTable3row .wp-block-column{ width: 30% !important;}
.stellarTable2row_spnone{ display: none !important;}

.stellarMt20{ margin-top: 20px;}


.price.stellarMt20 th,
.price.stellarMt20 td{ width: 100% !important; text-align: center;}



/*ケアシス固有 */
.caresys_border{
  padding: 0 4rem;
  margin-bottom: 3rem;
}
.caresys_border h4{
  text-align: center;
  font-size: 20px;
  margin: 1rem auto 0 auto;
}
.caresys_border h4 strong{
  display: block;
  text-align: center;
}
.caresys_border ul{
  justify-content: center !important;
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}
.caresys_border ul li {
  padding-top: 0.3rem;
}

.caresys_movie iframe{
  width: 100% !important;
  height: 300px;
}
.caresysp3rem{
    padding:0 !important;
}

.caresys_point .left figure {
  display: none;
}
.caresys_point {
  padding: 4rem 2rem;
  margin-bottom: 3rem;
}
.caresys_point .right{
  order: 1;
  margin-left: 0;
}
.caresys_point .left{
  order: 2;
}
.caresys_point .right h3::before{
  display: none;
}

.caresys_point h4{
  position: relative;
}
.caresys_point h4:before{
  content: "";
  width: 50px;
  height: 35px;
  display: block;
  position: absolute;
  background-size: contain;
  background-image: url(/info/wp-content/uploads/2021/12/caresys_img_2c.png);
  background-repeat: no-repeat;
  top: 0;
  left: -4rem;
}

.caresys_price{
  display: block;
}

#recruit .sp_bt_wrapper .corona,
#recruit .sp_bt_wrapper .corona2,
#recruit .sp_bt_wrapper .stellar{ display: none;}




/* 料金表追加装飾 */
div.premium{ position: relative;}
div.premium::after{
  content: "";
  width: 150px;
  height: 40px;
  display: block;
  position: absolute;
  top: -5px;
  left: 1rem;
  background-image: url(../img/treat/price_premium_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}
div.reccomend{ position: relative;}
div.reccomend::after{
  content: "";
  width: 150px;
  height: 40px;
  display: block;
  position: absolute;
  top: -5px;
  left: 1rem;
  background-image: url(../img/treat/price_recommend_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/* ダーマペン料金 */
div.darmapen1{ position: relative;}
div.darmapen1::after{
  content: "";
  width: 180px;
  height: 40px;
  display: block;
  position: absolute;
  top: -25px;
  left: 1rem;
  background-image: url(../img/treat/price_darmapen_icon.png);
  background-repeat: no-repeat;
  background-size: contain;
}

div.darmapen2{ position: relative;}
div.darmapen2::after{
  content: "";
  width: 180px;
  height: 40px;
  display: block;
  position: absolute;
  top: -25px;
  left: 1rem;
  background-image: url(../img/treat/price_darmapen_icon2.png);
  background-repeat: no-repeat;
  background-size: contain;
}

/*コンセプト*/
#recruit_concept{
  position: relative;
  margin-bottom: 15rem;
}
#recruit_concept .concept{
    background-color: #fff;
    background-image: url(../img/recruit/bg_concept.png);
    background-repeat: no-repeat;
    background-position: 95% 50%;
    border-radius: 10px;
    box-sizing: border-box;
    padding: 3rem;
}

#recruit_concept .concept ul{
  width: 100%;
  margin-bottom: 1rem;
}
#recruit_concept .concept ul li{
  border-radius: 20px;
  color: #fff;
  font-weight: bold;
  text-align: center;
  box-sizing: border-box;
  padding: 1rem 0;
  font-size: 18px;
  box-shadow: 3px 3px #ccc;
  margin-bottom: 1rem;
}

#recruit_concept .concept ul li:nth-child(1){background-color: #8FB83C;}
#recruit_concept .concept ul li:nth-child(2){background-color: #72C2C9;}
#recruit_concept .concept ul li:nth-child(3){background-color: #F4A99B;}

#recruit_concept .concept_illust{
  width: 200px;
  margin-top: -2rem;
  text-align: center;
  position: absolute;
  bottom: -7rem;
  left: 25%;
  z-index: 99;
}

/*魅力*/
#recruit_point .bgpink{
  background-color: #FBEBE2;
  box-sizing: border-box;
  padding: 3rem 0 5rem 0;
}

#recruit_point .pointbox{
  box-sizing: border-box;
  position: relative;
  text-align: center;
  margin-top: 5rem;
}

#recruit_point .pointbox .point_illust{
  position: absolute;
  right: 1rem;
  top: -2rem;
  width: 60px;
}

#recruit_point .pointbox h3{
  background-color: #fff;
  text-align: center;
  font-size: 16px;
  color: #8FB83C;
  font-weight: bold;
  padding: 4rem 0 3rem 0;
  box-shadow: 3px 3px #ccc;
  border-radius: 10px;
}
#recruit_point .pointbox.nurse h3{
  color: #522C00;
  font-size: 17px;
  text-align: left;
  font-weight: normal;
  padding: 4rem 4rem;
  line-height: 1.6em;
}

#recruit_point .pointbox span{
  border-radius: 30px;
  background-color: #8FB83C;
  box-shadow: 3px 3px #ccc;
  padding: 0.5rem 2rem;
  text-align: center;
  color: #fff;
  font-weight: bold;
  display: inline-block;
  min-width: 180px;
  font-size: 18px;
  margin: 0 auto;
  position: absolute;
  top: -2.5rem;
  left: 25%;
}

#recruit_point .pointbox.nurse span{
  top: -0.5rem;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
  min-width: 220px;
}


#recruit_point .pointbox p{
  font-size: 14px;
  padding: 1rem 3rem;
  text-align: left;
}


/*スタッフ*/
#recruit_staff .staffbox{
  box-sizing: border-box;
  position: relative;
  text-align: center;
}

#recruit_staff .staffbox span{
  border-radius: 30px;
  background-color: #FF8D4C;
  box-shadow: 3px 3px #ccc;
  padding: 0.5rem 2rem;
  text-align: center;
  color: #fff;
  display: inline-block;
  min-width: 150px;
  font-size: 16px;
  margin: 0 auto;
}

#recruit_staff .staffbox span.desk{
  background-color: #FF8D4C;
}

#recruit_staff .staffbox span.nurse{
  background-color: #FF6772;
}

#recruit_staff .staffbox h4{
  margin: 1rem auto;
  text-align: center;
  font-size: 16px;
}

#recruit_staff .staffbox h4.desk{ color: #FF8D4C;}
#recruit_staff .staffbox h4.nurse{ color: #FF6772;}

#recruit_staff .staffbox p{
  text-align: left;
  font-size: 14px;
}

/*ギャラリー*/
.staff_gallery{
  background-image: url(../img/recruit/bg_gallery.png);
  background-repeat: no-repeat;
  background-position: bottom center;
  background-size: contain;
  margin: 3rem auto;
  padding-bottom: 3rem;
}

.staff_gallery img{
  width: 48%;
  height: 100%;
  box-sizing: border-box;
  margin-bottom: 1rem;
}



/*流れ*/
#recruit_flow h3{ 
  font-size: 24px;
  margin-top: 2rem;
  text-align: center;
}

#recruit_flow .flex_wrapper dl{
  box-sizing: border-box;
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 0;
}

#recruit_flow .flex_wrapper dl dt{
  padding: 2rem 0;
  text-align: center;
  color: #fff;
  font-weight: bold;
  font-size: 18px;
  width: 35%;
  display: flex;
  justify-content: center;
  align-items: center;
}

#recruit_flow .flex_wrapper dl:nth-child(2) dt{ min-height: 120px;}
#recruit_flow .flex_wrapper dl:nth-child(2) dd{padding-top:3.5rem;}

#recruit_flow .flex_wrapper dl:nth-child(1) dt{
  background-color: #FFC926;
}
#recruit_flow .flex_wrapper dl:nth-child(2) dt{
  background-color: #FF8D4C;
}
#recruit_flow .flex_wrapper dl:nth-child(3) dt{
  background-color: #FF6772;
}
#recruit_flow .flex_wrapper dl:nth-child(4) dt{
  background-color: #85B200;
}

#recruit_flow .flex_wrapper dl dd{
  padding: 1rem 2rem;
  text-align: left;
  font-size: 16px;
  width: 65%;;
}

#recruit_flow .flow{
  margin: 3rem auto;
}
#recruit_flow .recruitbtn{ margin-bottom: 2rem;align-items: flex-start;}

.recruit_h3{ text-align: center;}
.recruit_term li{
  margin-left: 1.4em;
	text-indent: -0.8em;
}
.recruit_term li:before{
  content: "●";
  color: #8FB83C;
  margin-right: 1rem;
  display: inline-block;
}

/*---------------------------------------------
 **  エントリーフォーム
---------------------------------------------*/
#contactform p{
  background: #ffdfbf;
  text-align: left;
  padding: 10px 15px;
}

div.wpcf7 .flex_item_clounm_1 { text-align: center;}

#contactform table{
  margin: 0 auto;
}
#contactform table th{
  width: 100%;
  display: block;
  border-bottom: none;
  border-right: none;
}
#contactform table td{
  width: 100%;
  display: block;
}

#contactform table input.wpcf7-text,
#contactform table textarea{
  width: 90%;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}


input.wpcf7-submit{
  padding: 15px 0;
  display: block;
  margin: 1rem auto;
  font-size: 1.2em !important;
  width: 90%;
}



/*看護師追加*/
.nursephotobg{
  width: 100%;
  background: #41CFD0;
}
.nursephotobg_inner{
  width: 100%;
  background-image: url(../img/recruit/staff_k_bg_sp.jpg?date=20210329);
  background-position: right bottom;
  background-size: 72%;
  background-repeat: no-repeat;
  min-height: 350px;
  box-sizing: border-box;
  padding-top: 4rem;
  padding-left: 2rem;
  box-sizing: border-box;
}
.nursephotobg_inner h2{
  text-align: left;
  font-size: 2.0rem;
  line-height: 1.6em;
  font-weight: bold;
  font-family: "Noto Serif JP";
  color: #ffff;
  text-shadow: 1px 2px 3px #808080;
  margin-bottom: 14rem;
}
.nursephotobg_inner h2 strong{
  color: #FFE599;
}

.nursephotobg_inner  span{
  background-color: #FF6772;
  padding: 1rem 3rem;
  text-align: left;
  border-radius: 20px;
  font-weight: bold;
  color: white;
  font-size: 1.4rem;
  margin-left: 2rem;
}
.nursephotobg_inner h3{
  padding: 1rem 0 0 0;
  margin: 0;
  font-size: 2.0rem;
  font-weight: bold;
  color: #ffff;
  text-shadow: 1px 2px 3px #808080;
  margin-left: 2rem;
}
.nursephotobg_inner p{
  padding: 0;
  letter-spacing: 0.2em;
  font-size: 1.4rem;
  font-weight: bold;
  color: #ffff;
  text-shadow: 1px 2px 3px #808080;
  margin-left: 2rem;
}


.nursephotobg1{
  width: 100%;
  background-color: #F0F0E1;
  background-image: url(../img/recruit/staff_k_bg_1.jpg);
  background-position: bottom right;
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 400px;
  box-sizing: border-box;
  padding: 3rem 0 27rem 0;
}

.nursephotobg2{
  width: 100%;
  background-color: #FBFAEF;
  background-image: url(../img/recruit/staff_k_bg_2_sp.jpg);
  background-position: bottom left;
  background-size: 100%;
  background-repeat: no-repeat;
  min-height: 400px;
  box-sizing: border-box;
  padding: 3rem 0 27rem 0;
}

.nursephotobg4{
  width: 100%;
  background-image: url(../img/recruit/staff_all_bg.jpg);
  background-position: center top;
  background-size: 100%;
  background-repeat: no-repeat;
  box-sizing: border-box;
  padding: 3rem 0 2rem 0;
}

.nursephotobg .clounm_wrapper{ width: 100%;}

.interview_wrapper{
  display: flex;
  max-width: 90%;
  margin: 2rem auto;
  flex-wrap: wrap;
  flex-direction: column;
}
.interview_wrapper .item{
  width: 100%;
}


.interview_wrapper .item h4{
  display: inline-block;
  position: relative;
  height: 50px;
  text-align: left;
  padding: 1.8rem 2rem 0 2rem;
  color: #FFF;
  box-sizing: border-box;
  width: 100%;
  font-size: 16px;
}
.interview_wrapper .item h4:after{
  position: absolute;
  content: '';
  width: 0px;
  height: 0px;
  z-index: 1;
}
.interview_wrapper .item h4:after{
  top: 0;
  right: 0;
  border-width: 25px 15px 25px 0px;
  border-style: solid;
}

.interview_wrapper .item h4.large,
.interview_wrapper .item h4.large2{
  display: inline-block;
  position: relative;
  height: 80px;
  line-height: 1.5em;
  padding-bottom: 1rem;
}
.interview_wrapper .item h4.large:after,
.interview_wrapper .item h4.large2:after{
  top: 0;
  right: 0;
  border-width: 40px 15px 40px 0px;
  border-style: solid;
}

.interview_wrapper .item h4.large_more{
  display: inline-block;
  position: relative;
  height: 100px;
  line-height: 1.5em;
}
.interview_wrapper .item h4.large_more:after{
  top: 0;
  right: 0;
  border-width: 50px 25px 50px 0px;
  border-style: solid;
}


.interview_wrapper .item h4.pink{ background: #FF6772; }
.interview_wrapper .item h4.blue{ background: #44D3D2; }
.interview_wrapper .item h4.orange{ background: #FF9326; }

.interview_wrapper .item h4.bg1:after{
  border-color: transparent #F0F0E1 transparent transparent;
}
.interview_wrapper .item h4.bg2:after,
.interview_wrapper .item h4.bg3:after{
  border-color: transparent #FBFAEF transparent transparent;
}

.interview_wrapper .item h4 span{
  position: absolute;
  top: -3.5rem;
  left: 3rem;
  font-size: 4rem;
  display: block;
  font-weight: normal;
}
.interview_wrapper .item h4.large span,
.interview_wrapper .item h4.large2 span{
  top: -1.8rem;
}


.interview_wrapper .item h4 span.pink{ color: #FF3E4D;}
.interview_wrapper .item h4 span.blue{ color: #249999;}
.interview_wrapper .item h4 span.orange{ color: #D96C00;}


.mt8rem{ margin-top: 18rem; text-align: center;}



.interview_wrapper .item dl{
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}
.interview_wrapper .item dl dt{
  width: 60px;
  margin-right: 1rem;
}
.interview_wrapper .item dl dd{
  width: calc( 100% - 80px);
  padding: 0 0.5rem !important;
  text-align: left;
  font-size: 14px;
}

.doctor_point dl dt{
  font-size: 16px;
}

#recruit_flow2 .flex_wrapper dl{
  flex-direction: column;
}
.sendadd{
  flex-direction: column;
}

.docpoint_ill img:first-child{
  width: 50%;
}
.docpoint_ill img:last-child{
  width: 38%;
}

/*勤務時間表*/
.jobtime_type{
  flex-direction: column;
}
.jobtime_type .item{
  width: 100%;
}
.jobtime_type .item ul li{
  font-size: 14px;
}


/*フッター*/
#footer .main_img{
  background-position: top right;
}
#doctor .main_img{
  background-position: 70% 0;
}



  /*---------------------------------------------
 ** 320px
---------------------------------------------*/
  @media screen and (max-width: 320px) {
    /* 診療時間 */
    .sp_time_maru {
      width: 39px;
      height: 39px;
      letter-spacing: 2px;
      line-height: 1.3;
      padding: 8px 0 0 0;
      font-size: 1.1rem;
      margin-right: 1rem;
    }
    .time dd span {
      font-size: 1.3rem;
    }
  } /*■■ ここまで ■■*/
} /*■■ ここまで ■■*/



@media screen and  (min-width:480px) and (max-width:812px) {
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(2) a {
    padding-top: 12px;
  }
  .sp_bt_wrapper .flex_item_clounm_2 a {
    font-size: 20px;
  }
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(1) a {
    padding-top: 9px;
  }
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(2) a:after {
    left: 15%;
  }
  .sp_bt_wrapper .flex_item_clounm_2:nth-of-type(1) a:after {
    left: 14%;
  }
  .bt_base{
    max-width: 100%;
  }
}