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

 * for PC --base size 1000px

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

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





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

header section div {

  height: 100px;

}

header h1 a {

  line-height: 100px;

}

header h1 img {

  height: 40px;

  margin: 0 0 0 1em;

}

.head_nav_list li {

  margin: 0 0 0 3rem;

  font-size: 1.4rem;

}

.head_nav_list li:not(:last-child) {

  display: block;

}

.head_nav_list li:not(:nth-of-type(3)) a {

  line-height: 40px;

}

.head_nav_list li a {

  display: block;

  height: 100px;

  padding: 30px 0;

  font-size: 1.4rem;

  line-height: 2rem;

  transition : all 0.3s;

}

.head_nav_list li:not(li:last-child) a:hover,

.head_nav .lang ul li:not(.current) a:hover {

  color: #d7aa61;

}

.en .head_nav_list li a {

  font-size: 1.6rem;

}

.head_nav .lang ul {

  right: -15px;

  top: 100px;

}

.head_nav .lang ul li a {

  height: 50px;

  padding: 0;

}



/* 言語切替 */

.lang > a::after,

.en .lang > a::after {

  top: 70%;

}

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





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

/* SP版は非表示 */

.gnav_sp {

  display: none;

}



.gnav_pc {

  display: block;

  height: 80px;

  background: url(../img/gnav_bg.jpg) repeat-x;

  background-size: 1300px auto;

}

.gnav_pc ul {

  display: flex;

  justify-content: center;

  margin: 0 auto;

  text-align: center;

  font-weight: bold;

}

.en .gnav_pc ul {

  width: 600px;

}

.gnav_pc li:nth-of-type(2),

.gnav_pc li:nth-of-type(4),

.gnav_pc li:nth-of-type(6),

.en .gnav_pc li {

  line-height: 50px;

}

.gnav_pc a {

  display: block;

  height: 80px;

  padding: 1.5rem 1.8rem;

  white-space: nowrap;

  transition : all 0.3s;

}

.gnav_pc a:hover {

  color: #c39b77;

}

/* gnavサブメニュー 使用時コメントアウト外す */

/* .subnav {

  position: relative;

}

.subnav > a {

  display: block;

  width: 8em;

}

.subnav ul {

  position: absolute;

  right: -0.5em;

  top: 80px;

  z-index: 15;

  width: 9em;

  height: 0;

  visibility: hidden;

  opacity: 0;

  transition: all .3s;

}

.subnav ul li a {

  display: block;

  color: #412a1c;

  line-height: 30px;

  height: 60px;

  background: url(../img/gnav_bg.jpg) repeat-x left -60px;

  background-size: 1300px auto;

}

.subnav ul li:last-child a {

  border-radius: 0 0 6px 6px;

}

.subnav:hover > ul,

.subnav ul li:hover > ul {

  visibility: visible;

  opacity: 1;

} */

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





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

.bread_crumb {

  top: 200px;

  left: 20px;

  font-size: 1.4rem;

}

.bread_crumb li a {

  margin: 0 2.5rem 0 0;

}

.bread_crumb li a:after {

  width: 0.6rem;

  height: 0.6rem;

  top: -2px;

  left: 10px;

}

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





/* ---------- フッター ---------- */

/* SP版は非表示 */

.footer_sp {

  display: none;

}

.footer_pc {

  display: block;

}



footer nav {

  padding: 30px 0 40px;

}

footer .footer_pc {

  width: 890px;

  margin: 0 auto;

}

.en footer .footer_pc {

  width: 780px;

}

footer .footer_pc .hr {

  height: 10px;

  border-bottom: 1px dotted #412a1c;

}

footer .footer_pc th {

  padding: 10px 30px 5px 0;

  white-space: nowrap;

}

footer .footer_pc tr th:last-child {

  padding-right: 0;

}

.en footer .footer_pc th {

  line-height: 1.5rem;

}

footer .footer_pc th a:not(.en footer .footer_pc th a) {

  font-size: 1.4rem;

  font-weight: bold;

}

footer .footer_pc td {

  white-space: nowrap;

  padding-right: 30px;

  line-height: 1.8rem;

}

footer .footer_pc tr td:last-child {

  padding-right: 0;

}

footer .footer_pc td a {

  font-size: 1.2rem;

}

footer .footer_pc a {

  transition : all 0.3s;

}

footer .footer_pc a:hover {

  color: #c39b77;

}

footer .copyright {

  margin: 0;

  line-height: 35px;

  font-size: 1.2rem;

}

/* ---------- /フッター ---------- */





/* ---------- SNSシェアボタン ---------- */

.sns li a:hover {

  opacity: 0.7;

}





/* ---------- ページトップ ---------- */

.gototop {

  width: 50px;

  height: 50px;

  bottom: 20px;

  right: 20px;

}

.gototop a {

  width: 50px;

  height: 50px;

  width: 15px;

  height: 15px;

}

.gototop:hover {

  background: #f5d4a4;

  cursor: pointer;

}

/* ---------- /ページトップ ---------- */





/* ---------- 固定ボタン（SPのみ） ---------- */

.fixed_btn {

  display: none;

}



.tab {

  justify-content: center;

  min-width: 980px;

  width: 75%;

  margin: 7rem auto;

  border-radius: 60px;

  /* background: linear-gradient(to bottom, #f7ead6, #f2e5d2); */

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

}

.tab li {

  border: none;

}

.tab li a {

  padding: 1.5rem 2rem;

  line-height: 50px;

  background: none;

}

/* ---------- /タブ切替 ---------- */



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

/* ---------- PDFアイコン ---------- */

.pdf a {

  padding-left: 3.7rem;

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

  background-size: auto 50px;

}

/* ---------- /PDFアイコン ---------- */





/* ---------- コンテンツラップ ---------- */

.wrap {

  min-width: 900px;

  width: 70%;

}

.wrap ul {

  margin: 1em 1em 2em 2.5em;

}

/* 要素を並べて表示する */

.wrap .items {

  width: 850px;

  margin: 0 auto 10rem;

}



/* ---------- ２カラム用のラップ ---------- */

.col {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

}

.col .half_col {

  width: 50%;

  margin: 0 1rem;

}

.col .half_col h3 {

  width: 100%;

}



/* 画像を含む２カラムの場合：

 * htmlは img→テキスト の順に記載する（SP版では画像を先に表示させたいので）

 */

/* 1.画像を左に配置する場合 */

.col.img_left img {

  width: 430px;

  margin: 5px 3rem 3rem 0;

}

.col.img_left div,

.col.img_left p,

.col.img_left ul,

.col.img_left dl {

  flex-grow: 1;

}

/* 2.画像を右に配置する場合 */

.col.img_right {

  flex-direction: row-reverse;

}

.col.img_right img {

  width: 430px;

  margin: 5px 0 3rem 3rem;

}

/* 3.画像がない場合（テキストは右配置） */

.col.no_image div {

  padding-left: 377px;

}



/* 注釈付きの写真 */

.img_left .annotated_box img + p {

  width: 430px;

  margin-top: -2rem;

}

.img_right .annotated_box img + p {

  width: 430px;

  margin: -2rem 0 2em 3rem;

}

/* ---------- /カラム設定 ---------- */





/* ---------- 電話をかけるボタン ---------- */

.tel {

  width: 50%;

  margin: 7rem auto;

  padding: 2rem 0;

}

.tel a,

.en .tel a {

  width: 100%;

  padding: 1rem 0;

  font-size: 4rem;

  letter-spacing: 0.3rem;

}

.tel a::before {

  bottom: -2px;

  left: 0;

  width: 40px;

  height: 35px;

  background-size: auto 45px;

}

.tel span {

  font-size: 2.5rem;

  letter-spacing: 0;

}

/* ---------- /電話をかけるボタン ---------- */





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

hr {

  height: 100px;

  background-size: 1600px auto;

  background-position: 0 -60px;

}





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

.popup {

  --width: 50%;

}





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

main h1 {

  font-size: 5rem;

  line-height: 280px;

}

h2 {

  font-size: 3.5rem;

  margin: 8rem 0;

  line-height: 4.5rem;

}

.bg_light_beige h2 {

  margin: 0;

  padding: 8rem 0;

}

h3 {

  font-size: 2.2rem;

  line-height: 2.9rem;

  min-width: 900px;

  width: 70%;

  margin: 7rem auto 3rem;

  padding: 0.8rem 0;

}

h4 {

  display: inline-block;

  width: auto;

  margin: 0.5rem 0 0;

}



/* 電話を無効化 */

a[href^="tel:"]{

  pointer-events: none;

}



/* 表示/非表示の制御 */

.display_pc {

  display: block;

}

.display_sp {

  display: none;

}





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

/* 個別スタイル

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

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

#notice section {

  background-size: 450px;

}

#notice main h1 {

  background-size: auto 280px;

}

#notice .date {

  min-width: 900px;

  width: 70%;

}

/* 20251212のみ */

.emergency_20251212 {

  width: 35em;

}



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

#doctor main h1 {

  background-position: right top, -30px top;

  background-size: 530px auto, auto 380px;

}

#doctor .tab {

  margin: 0;

  width: 100%;

}

#doctor .tab li a {

  line-height: 35px;

}

}

/* /min-width: 1000px */



/* ---------- タブ切替 ---------- */

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

#doctor .tab {

  min-width: 1200px;

  width: 75%;

  margin: 7rem auto 0;

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

}

#doctor .tab li {

  width: auto;

  border: none;

}

#doctor .tab li:nth-of-type(3),

#doctor .tab li:nth-of-type(4),

#doctor .tab li:nth-of-type(5),

#doctor .tab li:nth-of-type(6) {

  width: auto;

}

#doctor .tab li:first-child {

  width: calc(50% - 60px);

  margin-left: 60px;

}

#doctor .tab li:nth-of-type(2) {

  width: calc(50% - 60px);

  margin-right: 60px;

}

#doctor .tab li a {

  padding: 1em 1.1em;

}

}

/* /min-width: 1000px */



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

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

#inbound main h1 {  

  background-position: right -10px top;

  background-size: auto 280px;

  font-size: 4.5rem;

}

#inbound main h1 span {

  top: 20%;

  font-size: 2.6rem;

}

#inbound.en h3 .display_sp {

  display: block;

}



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

#relation main h1 {

  background-size: auto 300px;

}



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

#facilities main h1 {

  background-position: right center, -100px center;

  background-size: auto 410px, auto 280px;

}

#facilities.allergy main h1 {

  background-size: auto 410px, auto 280px;

}

#facilities .wrap {

  margin-bottom: 10rem;

}

.allergy .w70:hover {

  opacity: 0.7;

}



/* ---------- 医療機関のみなさまへ ---------- */

#introduction main h1 {

  background-position:right -130px;

  background-size: 650px auto;

}



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

#faq main h1 {

  background-size: auto 320px;

}

#faq main .details summary:hover {

  color: #c39b77;

}



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

#privacy main h1 {

  background-position: right;

  background-size: auto 310px;

}

#privacy .privacy_content {

  min-width: 900px;

  width: 80%;

  margin: 2em auto;

}



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

#page404 .content404{

  padding: 3em 0 0px;

  background-image: url(../img/content_bg.png), url(../img/content_bg.png);

  background-position: -80px -215px, calc(100% + 280px) 10px;

  background-repeat: no-repeat, no-repeat;

  background-size: auto 600px, 450px auto;

  background-color: #fcfaf7;

}

#page404 .content404 .text {

  width: 70%;

  line-height: 2.5em;

}

#page404 .content404 .kohari{

  width: 23%;

  top:-100px;

}

}