/* ======================================== *

 * for Tablet --base size 600px（or 768px）

/* ======================================== */

@media screen and (min-width: 600px) {



body {

  font-size: 1.6rem;

  line-height: 2.3rem;

}





/* ---------- ヘッダー ---------- */

header div {

  height: 70px;

}

header h1 a {

  line-height: 70px;

}

header h1 img {

  height: 40px;

  margin: 0 0 0.5rem 1rem;

}

.en header h1 img {

  height: 33px;

  margin: 0 0 0.5rem 1rem;

}

.head_nav {

  margin: 0 1.5rem 0 auto;

}

.head_nav_list > li,

.en .head_nav_list > li {

  line-height: 70px;

  font-size: 1.5rem;

}

.head_nav .lang ul {

  right: -1.5em;

  top: 69px;

  width: 185px;

}

.head_nav .lang ul li a {

  line-height: 50px;

}



/* 言語切替 */

.lang > a::after {

  top: 16px;

  border: 6px solid transparent;

  border-left: 6px solid #c39b77;

}

.en .lang > a::after {

  top: 9px;

}

/* ---------- /ヘッダー ---------- */





/* ---------- SP版メニュー ---------- */

/* ハンバーガー */

.drawer_open {

  height: 55px;

  width: 55px;

}

.drawer_open:after {

  font-size: 1.1rem;

  padding: 4.7rem 0.2rem 0 0;

}

.drawer_open span,

.drawer_open span:before,

.drawer_open span:after {

  width: 33px;

}

.drawer_open span:before {

  bottom: 9px;

}

.drawer_open span:after {

  top: 9px;

}

/* アイコンクリック時 */

#drawer_input:checked ~ .drawer_open::after {

  padding: 4.7rem 0 0 0;

}

/* メニュー一覧 */

.nav_content {

  top: 70px;

}

.gnav_sp_bg {

  top: 70px;

}

/* アイコンクリック時 */

#drawer_input:checked ~ .nav_content {

  top: 70px;

}

/* ---------- /SP版メニュー ---------- */





/* ---------- パンくず ---------- */

.bread_crumb {

  top: 74px;

  left: 10px;

  font-size: 1.2rem;

}

.bread_crumb li a {

  margin: 0 1.5rem 0 0;

}

.bread_crumb li a:after {

  left: 6px;

}

/* ---------- /パンくず ---------- */





/* ---------- PDF ---------- */

/* タブ */

.pdf li:nth-of-type(4) {

  background: linear-gradient(to bottom, #F7E8D4, #F2E3CE);

}

.pdf li a[target="_blank"] {

  background: url(../img/ico_pdf.svg) no-repeat left -15px center;

  background-size: auto 50px;

}

/* ---------- /PDF ---------- */





/* ---------- エリア区切り ---------- */

hr {

  height: 80px;

  background-size: 1400px auto;

  background-position: 0 -40px;

}





/* ---------- 帯付きテキスト ---------- */

.subtitle {

  width: 85%;

}

.wrap .subtitle {

  width: 100%;

}





/* ---------- ポップアップ ---------- */

.popup {

  --width: 70%;

}

.popup > .close-btn {

  --size: 50px;

}





/* ---------- その他 ---------- */

main table {

  border-radius: 6px;

}

main h1 {

  font-size: 3.5rem;

  line-height: 164px;

}

main img {

  border-radius: 6px;

}



h2 {

  font-size: 2.8rem;

  margin: 7rem 0;

  line-height: 3.5rem;

}

.bg_light_beige h2 {

  margin: 0;

  padding: 7rem 0;

}



h3 {

  font-size: 2.2rem;

  margin: 7rem auto 2.5rem;

  padding: 0.5rem 0;

}

h4 {

  font-size: 1.6rem;

  line-height: 2.3rem;

  border-radius: 6px;

}







/* ---------------------------------------- *

/* 個別スタイル

/* ---------------------------------------- */

/* ---------- お知らせ ---------- */

#notice section {

  background-size: 350px;

}

#notice main h1 {

  background-size: auto 164px;

}

#notice .date_list + hr {

  margin-top: 8rem;

}



/* ---------- 医師紹介 ---------- */

#doctor main h1 {

  background-position: right 0px, -150px -2px;

  background-size: auto 195px, auto 210px;

}

#doctor .career dl dt {

  width: 15%;

  padding: 1rem;

  background: #F0E9DF;

  margin: 0;

  text-align: center;

  border-bottom: #fff 1px solid;

}

#doctor .career dl dd {

  font-size:1em;

  width: 85%;

  padding: 1rem;

  margin: 0; 

  border-bottom: #f2e5d2 1px dotted;

}



/* ---------- インバウンド ---------- */

#inbound main .wrap_title {  

  background: none;

}

#inbound main h1 {  

  background: url("../img/inbound_h1.jpg") no-repeat right -25px top rgba(225,241,245,1);

  background-size: auto 164px;

  font-size: 3.5rem;

  letter-spacing: 0.1rem;

}

#inbound main h1 span {

  top: 27%;

  font-size: 2.3rem;

}

#inbound main .display_sp {

  display: none;

}



/* ---------- 医療連携 ---------- */

#relation main h1 {

  background-size: auto 190px;

}



/* ---------- 設備紹介---------- */

#facilities main h1,

#facilities.allergy main h1 {

  background-size:  300px auto, auto 200px;

}

#facilities .wrap {

  margin-bottom: 8rem;

}

.allergy label img {

  width: 70%;

}



/* ---------- FAQ ---------- */

#faq main h1 {

  background-size: auto 190px;

}



/* ---------- プライバシーポリシー ---------- */

#privacy main h1 {

  background-position:right;

  background-size: 805px auto;

}



/* ---------- 404.html ---------- */

#page404 .content404{

  background: url(../img/content_bg.png) -40px -200px no-repeat #fcfaf7;

  background-size: auto 550px;

}

#page404 .content404 .text {

  line-height: 2em;

}

#page404 .content404 .kohari{

  width: 23%;

  top:-50px;

}

#page404  .content404 .btn{

  width: 50%;

  margin: 10rem auto 1rem;

}

}