@charset "utf-8";
/* Generic Child-shonanStyle-front
    front-page専用スタイル
    body.home
　　　-コンテナ div id="container" #container
　　　-共通要素 （ .btn.more-link ） 
    　-メインビジュアルスライダーdiv id="main-vis" #main-vis （bxslider）
    　-各コンテンツ section
　　　-メディアクエリ（ブレイクポイントごと）
*/

/* コンテナ div id="container" #container
---------------------------------------------------- */
body.home #container,
body.front-test #container {
  margin: 0 auto;
  width: 100%;
}
/*メインコンテンツ - メインカラム*/
body.home main.content,
body.front-test main.content {
  float: none;
  margin: 0;
  padding: 00;
  width: 100%;
}

/* 共通要素
---------------------------------------------------- */
/* セクション section */
#container .content section {
  margin: 0 auto 100px;
}
#container .content section .section-wrap {
  margin: 0 auto;
  width: 1240px;
}
/* h2見出し h2.ttl */
section .section-wrap header:has(.ttl) {
  display: flex;
  justify-content: center;
  position: relative;
  color: rgba(3, 80, 160, 1);
}

section .section-wrap header h2.ttl {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 3em;
}

section .section-wrap header h2.ttl span {
  display: inline;
  font-size: 1.25rem;
  letter-spacing: 1px;
  margin-left: 1.5em;
}
/* お知らせ・ブログ等　新着表示 .entry-list --- */
.entry-list .section-wrap header h2.ttl {
  margin: auto;
}

.entry-list .section-wrap header h2.ttl span {
  display: block;
  font-size: 1.25rem;
  letter-spacing: 1px;
  text-align: center;
  margin-left: 0;
}

.entry-list .section-wrap .article-list {
  margin: 0 auto;
}
.entry-list .section-wrap .article-list article {
  align-items: center;
  background-color: #fff;
  display: flex;
  justify-content: flex-start;
  margin: 0;
  padding: 1em 0;
  position: relative;
  transition: 0.3s;
}
.entry-list .section-wrap .article-list article:first-child {
}
.entry-list .section-wrap .article-list article::after {
  content: "\e5cc";
  display: inline-block;
  font-family: "Material Icons";
  padding: 0;
  color: rgba(3, 80, 160, 1);
}
.entry-list .section-wrap .article-list article:hover {
  background-color: #f7f7f7;
}
.entry-list .section-wrap .article-list article .entry-meta {
  color: #000;
  margin: 0;
  font-size: 1.3em;
}
.entry-list .section-wrap .article-list article .entry-meta .entry-time {
  display: inline-block;
  padding: 0 0 0 0.5em;
  width: 10em;
}
.entry-list .section-wrap .article-list article .entry-meta .category {
  background-color: #ddd;
  border: #ddd solid 1px;
  border-radius: 5px;
  color: #666;
  display: inline-block;
  padding: 0.25em;
  text-align: center;
  width: 12em;
}
.entry-list .section-wrap .article-list article .entry-title {
  flex: 1;
  font-size: 1.3em;
  font-weight: normal;
}
.entry-list .section-wrap .article-list article .entry-title a {
  color: #000;
  text-decoration: none;
}
.entry-list .section-wrap .article-list article .entry-title a::after {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1;
  pointer-events: auto;
  content: "";
  background-color: rgba(0, 0, 0, 0);
}

.entry-list .section-wrap .article-list .news-list-wrap .tab-content p {
  font-size: 1.125em;
}

.entry-list .section-wrap p.btn.more-link {
  margin: 2rem auto;
  text-align: center;
}
/* moreリンクボタン .btn.more-link */
p.btn.more-link {
}
p.btn.more-link a {
  align-items: center;
  border: rgba(3, 80, 160, 1) solid 2px;
  display: flex;
  height: auto;
  line-height: normal;
 padding: 1.5rem 2rem;
  text-decoration: none;
  width: 60%;
  background-color: #fff;
  color: rgba(3, 80, 160, 1);
  font-size: 1.4em;
  font-weight: 500;
}
p.btn.more-link a:hover {
  background-color: rgba(3, 80, 160, 1);
  color: #fff;
}

/* ヘッダ header id="header" #header
   ※フロントページのみの指定
---------------------------------------------------- */
#header {
  /*ヘッダ固定の指定を外す際はposition:relativeに変更し、header.php内の「ヘッダーの高さ分だけコンテンツを下げる」をコメントアウトし、
    ログイン時のアドミンバー表示調整（body.logged-in #header）もコメントアウトする
    （@media screen and (max-width: 782px)にもログイン時のアドミンバー表示調整の記述有）
    */
  margin: 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 9999;
}
/*ログイン時のアドミンバー表示調整*/
body.logged-in #header {
  top: 32px;
}

/* フロントトップsection id="front-top" #front-top （#main-vis）
---------------------------------------------------- */
#container .content #front-top {
  display: flex;
  flex-direction: column;
  height: 100vh;
  justify-content: space-between;
  margin: 0;
}

/* フロントトップ - メインビジュアル div#main-bis（bxslider） */
#main-vis {
  margin: 0 !important;
  padding: 0;
  position: relative;
}
/*bxslider スタイルリセット*/
#main-vis .bx-wrapper {
  border: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  margin: 0;
  overflow: hidden;
  padding: 0;
}
#main-vis .bx-wrapper .bx-viewport {
  margin: 0 auto;
}
/*各スライド設定*/
#main-vis .bx-wrapper .bx-viewport .slider > div {
  height: 100vh;
  position: relative;
}
#main-vis .bx-wrapper .bx-viewport .slider > div .catch {
  background-color: rgba(255, 255, 255, 1);
  border-radius: 0 4em 0 0;
  display: flex;
  flex-direction: column;
  margin: 0 auto 0 0;
  text-align: left;
  width: fit-content;
  word-break: keep-all;
}

#main-vis .bx-wrapper .bx-viewport .slider > div .catch::after {
  content: "";
  background-image: url(../images/front/slide/bg_img.png);
  background-position: center;
  background-repeat: no-repeat;
  display: flex;
  margin: 0;
  padding: 0;
  position: relative;
  bottom: 0;
  left: 600px;
  width: 80px;
  height: 80px;
  z-index: 1000;
  background-size: auto;
}

#main-vis .bx-wrapper .bx-viewport .slider > div .catch h2 {
  font-family: "Noto Serif JP", serif;
  font-size: 3.5rem;
  font-weight: normal;
  margin: 2rem 3rem 1rem;
}
#main-vis .bx-wrapper .bx-viewport .slider > div .catch h3 {
  margin: 0 2rem -4rem 3rem;
  color: rgba(3, 80, 160, 1);
	font-size: 1.7rem;
    font-weight: 500;
}

#main-vis .bx-wrapper .bx-viewport .slider .slide01 {
  background: url("../images/front/slide/slide1.png") center no-repeat;
  background-size: cover;
}
/* #main-vis .bx-wrapper .bx-viewport .slider .slide02 {
  background: url("../images/front/slide/slide2.png") center no-repeat;
  background-size: cover;
}
#main-vis .bx-wrapper .bx-viewport .slider .slide03 {
  background: url("../images/front/slide/slide3.png") center no-repeat;
  background-size: cover;
}
#main-vis .bx-wrapper .bx-viewport .slider .slide04 {
  background: url("../images/front/slide/slide4.png") center no-repeat;
  background-size: cover;
} */

/* スライド上に丸型バナー設置によるスタイル追加 20250612*/

#container .content #front-top .catch-wrap {
  display: block;
  justify-content: left;
  align-content: end;
  height: 100%;
}
#container .content #front-top .catch {
  justify-self: center;
}

@media (max-width: 1127px) {
  #container .content #front-top .catch-wrap {
    /* padding: 0 20px; */
    grid-template-columns: 1fr 1fr 1fr;
  }
  #container .content #front-top .bnr-wrap div a {
    font-size: 0.8em;
  }
  #container .content #front-top .catch-wrap div:first-of-type {
    order: 2;
    grid-column: 1 / 2;
  }
  #container .content #front-top .catch-wrap div:nth-of-type(2) {
    order: 1;
    grid-column: 1 / 4; /* 1列目から3列目までを占める */
  }
  #container .content #front-top .catch-wrap div:nth-of-type(3) {
    order: 3;
    grid-column: 3 / 4;
  }
}
@media (max-width: 767px) {
}

/* お知らせ #news
---------------------------------------------------- */
#container .content section#news {
  margin: 80px 0;
}
#news {
  padding: 50px 0;
  background-color: rgba(161, 232, 252, 0.5);
}
#container .content #news .section-wrap {
  width: 80%;
  display: flex;
  justify-content: space-between;
}

#container .content #news .section-wrap header {
  width: fit-content;
  margin-right: 2em;
}

#news .section-wrap .article-list {
  margin: 1rem 0;
  padding: 0;
  width: 75%;
}
/* お知らせカテゴリタブリスト */
.news-list-wrap {
  align-items: flex-start;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
/* 各カテゴリタブ */
.tab-switch {
  display: none;
}
.tab-label {
  align-items: center;
  background: #fff;
  border-radius: 0.5em 0.5em 0 0;
  font-size: 1.3em;
  color: #fff;
  display: flex;
  flex: 1;
  justify-content: center;
  line-height: 100%;
  margin-right: 10px;
  order: -1;
  padding: 1em 0;
  text-align: center;
  transition: 0.3s;
  font-weight: 500;
}

.tab-label:last-child {
  margin: 0;
}

.tab-label.news {
  background-color: #4093d9;
}
.tab-label.visitor {
  background-color: #43ccb2;
}
.tab-label.medical {
  background-color: #e58bb7;
}
.tab-label.recruit {
  background-color: #ea8d4a;
}
.news-list-wrap .tab-label:first-of-type {
  margin-left: 10px;
}
.tab-label:hover {
  opacity: 0.7;
  cursor: pointer;
}
/* 各カテゴリタブ - アクティブ*/
.tab-switch:checked + .tab-label {
  position: relative;
  /* color: #000; */
  z-index: 100;
}

.tab-switch:checked + .tab-label::after {
  content: "";
  position: absolute;
  /* 位置の調整：タブの下部中央に出す想定 */
  bottom: -10px;
  left: 50%;
  transform: translateX(-50%);
  /* 画像の指定 */
  width: 20px; /* 画像の表示幅に合わせて調整 */
  height: 20px; /* 画像の表示高に合わせて調整 */
  background: url(../images/front/news/img01.png) no-repeat center center;
  background-size: contain;
  z-index: 100;
}

.tab-switch:checked + .tab-label.news::after {
  background: url(../images/front/news/img_news.svg) no-repeat center center;
}
.tab-switch:checked + .tab-label.visitor::after {
  background: url(../images/front/news/img_visitor.svg) no-repeat center center;
}
.tab-switch:checked + .tab-label.medical::after {
  background: url(../images/front/news/img_medical.svg) no-repeat center center;
}
.tab-switch:checked + .tab-label.recruit::after {
  background: url(../images/front/news/img_recruit.svg) no-repeat center center;
}

/* 各カテゴリタブ コンテンツ */
.tab-content {
  display: none;
  padding: 1em 1em 3em 1em;
  position: relative;
  width: 100%;
  background-color: #fff;
}
/* 各カテゴリタブ コンテンツ - アクティブ*/
.tab-switch:checked + .tab-label + .tab-content {
  display: block;
}
#news .btn.more-link a {
  border: rgba(3, 80, 160, 1) solid 2px;
  background-color: rgba(3, 80, 160, 1);
  color: #fff;
  border-radius: 3em;
  margin: -60px 100% 0 60%;
  width: 25%;
  position: relative;
  z-index: 100;
  justify-content: left;
}

#news .btn.more-link a:hover {
  border: rgba(3, 80, 160, 1) solid 2px;
  background-color: #fff;
  color: rgba(3, 80, 160, 1);
}

#news .btn.more-link a::after {
  content: "\e409";
  font-family: "Material Icons";
  color: #fff;
  position: absolute;
  right: 3%;
}

/* 来院される方へ #for-patients
---------------------------------------------------- */
#container .content #for-patients {
  background: url("../images/front/for-patients/bg_for-patients.png") center
    no-repeat;
  background-size: cover;
  margin: 60px auto;
  padding: 100px 0;
}
#container .content #for-patients .section-wrap {
  width: 100%;
}
#for-patients .section-wrap header {
  margin: 0 0 50px;
}
#for-patients .section-wrap .for-patients-box-wrap {
  display: flex;
  justify-content: space-evenly;
  margin: 0 auto;
  width: 100%;
  max-width: 1900px;
}
#for-patients .section-wrap .for-patients-box-wrap .for-patients-box {
  margin: 0 0.5rem;
  position: relative;
  width: 240px;
}
#for-patients .section-wrap .for-patients-box-wrap .for-patients-box::before {
  content: "";
  background-color: rgba(0, 0, 0, 0);
  display: block;
  height: 100%;
  mix-blend-mode: multiply;
  position: absolute;
  top: 0;
  left: 0;
  transition: 0.3s;
  width: 100%;
  z-index: 3;
  border-radius: 30px;
}
#for-patients
  .section-wrap
  .for-patients-box-wrap
  .for-patients-box:hover::before {
  background-color: rgba(3, 80, 160, 0.1);
}

.for-patients-box figure p.img {
  aspect-ratio: 1 / 1;
  font-size: 0 !important;
  line-height: 100% !important;
  margin: 0 !important;
  position: relative;
}
.for-patients-box figure p.img::before,
.for-patients-box figure p.img::after {
  background-color: #fff;
  content: "";
  display: block;
  height: 30px;
  position: absolute;
  width: 30px;
  z-index: 1;
}
.for-patients-box figure p.img::before {
  clip-path: polygon(0 0, 100% 0, 100% 100%);
  top: -1px;
  right: -1px;
}
.for-patients-box figure p.img::after {
  clip-path: polygon(0 0, 100% 100%, 0 100%);
  bottom: -1px;
  left: -1px;
}
.for-patients-box figure p.img img {
  height: 100%;
  width: 100%;
}
.for-patients-box figure figcaption {
 height: 240px;
　width: 240px;
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0;
  background-color: #fff;
  border-radius: 30px;
  padding: 1.5em 0;
  border: rgba(3, 80, 160, 1) solid 4px;

}
.for-patients-box figure figcaption::before {
  /* background-color: #fff; */
  content: "";
  display: block;
  height: 120px;
  width: 120px;
  z-index: 2;
}

.for-patients-box figure figcaption::before {
  background-size: auto 50%;
}

.for-patients-box#sec01 figure figcaption::before {
  background: url("../images/front/for-patients/ico_01.svg") center no-repeat;
}
.for-patients-box#sec02 figure figcaption::before {
  background: url("../images/front/for-patients/ico_02.svg") center no-repeat;
}
.for-patients-box#sec03 figure figcaption::before {
  background: url("../images/front/for-patients/ico_03.svg") center no-repeat;
}
.for-patients-box#sec04 figure figcaption::before {
  background: url("../images/front/for-patients/ico_04.svg") center no-repeat;
}
.for-patients-box#sec05 figure figcaption::before {
  background: url("../images/front/for-patients/ico_05.svg") center no-repeat;
}
.for-patients-box#sec06 figure figcaption::before {
  background: url("../images/front/for-patients/ico_06.svg") center no-repeat;
}
.for-patients-box figure figcaption h3 {
  text-align: center;
  font-size: 1.5em;
  font-weight: 600;
}
.for-patients-box figure figcaption h3 a {
  color: #000;
  text-decoration: none;
}
.for-patients-box figure figcaption h3 a::after {
  background-color: rgba(0, 0, 0, 0);
  content: "";
  pointer-events: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 4;
}

#for-patients .section-wrap .for-patients-detail {
  display: flex;
  justify-content: space-evenly;
  margin: 6em auto 0;
  width: 100%;
  max-width: 1800px;
}

#for-patients .section-wrap .for-patients-detail dl {
  display: block;
  background-color: #fff;
  padding: 1em;
  font-size: 1.4em;
  font-weight: 500;
  width: calc(96% / 3);
  /* margin: 3em auto 0;
  width: 90%;
  max-width: 1500px; */
}

#for-patients .section-wrap .for-patients-detail dl dt {
  text-align: center;
  background-color: rgba(3, 80, 160, 1);
  color: #fff;
  width: 70%;
  padding: 0.8em 1em;
  margin: -50px auto 30px;
}

#for-patients .section-wrap .for-patients-detail dl dd {
  margin: 0 auto;
  text-align: center;
}

#for-patients .section-wrap .for-patients-detail dl ul {
  text-align: left;
}

#for-patients .section-wrap .for-patients-detail dl ul li::before {
  content: "●";
  color: rgba(161, 232, 252, 1);
  display: inline;
  padding: 0 0.25rem 0 0;
}

#for-patients .section-wrap .for-patients-detail a {
  color: rgba(3, 80, 160, 1);
}

/* 当院の特色 section id="features" #features 
---------------------------------------------------- */
#container .content section#features .section-wrap {
  width: 100%;
}

/* 当院の特色 - 見出し */
#features .section-wrap header {
  justify-content: center;
  padding: 2em 0 4em;
}

#features .section-wrap header h2.ttl {
  align-items: center;
  display: inline;
  flex-direction: column;
  justify-content: center;
}

/* リスト - wrap */
#features .lists-wrap {
  display: flex;
}

#features .lists-wrap > div {
}

/* リスト - list */
#features .lists-wrap > div.lists {
  display: block;
  /* max-width: 1440px; */
  margin: 0 auto;
}

#features .lists-wrap > div.lists .list {
  position: relative;
  width: 100%;
  background: url("../images/front/slide/slide1.png") center no-repeat;
}

#features .lists-wrap > div.lists .list#list-01 {
  background: url("../images/front/features/img01.jpg") 40% no-repeat;
  margin: 0 0 6em;
}
#features .lists-wrap > div.lists .list#list-01::after {
  content: "";
  background: url("../images/front/features/bg_features.png");
  background-position: center;
  background-repeat: no-repeat;
  display: block;
  margin: 0;
  padding: 0;
  position: absolute;
  bottom: -900px;
  width: 100%;
  height: 100%;
  height: 1900px;
  z-index: -1;
  background-size: 170%;
}

#features .lists-wrap > div.lists .list#list-02 {
  background: url("../images/front/features/img02.jpg") 60% no-repeat;
}

#features .lists-wrap > div.lists .list .child-list {
  margin: 1rem 0;
  padding: 1.25rem;
  position: relative;
  text-align: left;
  display: block;
  justify-content: space-between;
  margin: 0 auto;
  width: 70%;
}

#features .lists-wrap > div.lists .list#list-01 .child-list {
  margin: 0 20em 0 auto;
	    width: 100%;
	max-width: 660px;
}


#features .lists-wrap > div.lists .list#list-02 .child-list {
	margin: 0 0 0 12rem;
    width: 40%;
}

/* リスト - list - 見出し h3 */
#features .lists-wrap > div.lists .list .child-list h3 {
  font-weight: 500;
  font-size: 2.6em;
  line-height: 120%;
  margin: 0 0 1em;
}

/* リスト - list - 見出し h3 */
#features .lists-wrap > div.lists .list .child-list h3 span {
  font-size: 56px;
}
#features .lists-wrap > div.lists .list#list-02 .child-list p.btn.more-link {
	justify-content: flex-start;
}
/* リスト - list - dl */
#features .lists-wrap > div.lists .list .child-list dl {
  margin: 0 auto;
  background-color: #fff;
  margin-left: 0px;
  padding: 1em;
	margin-bottom: 70px;
}
#features .lists-wrap p.btn.more-link a{
  position: relative;
  width: 380px;
}
#features .lists-wrap p.btn.more-link a::after {
  content: "\e5df";
    font-family: "Material Icons";
    color: rgba(3, 80, 160, 1);
    position: absolute;
    right: 3%;
	font-size: 36px;
}
#features .lists-wrap p.btn.more-link a:hover::after {
  color: #fff;
}
#features .lists-wrap p.btn.more-link a::hover{
  position: relative;
}
/* リスト - list - dt */
#features .lists-wrap > div.lists .list .child-list dl dt {
  font-weight: 500;
  margin: 0 0 1em;
	font-size: 1.1rem;
    line-height: 2rem;
}

/* リスト - list - dd */
#features .lists-wrap > div.lists .list .child-list dl dd {
  margin-left: 0;
}

/* リスト - list - dl dd p */
#features .lists-wrap > div.lists .list .child-list p.btn.more-link {
  width: 100%;
  margin-left: auto;
  display: flex;
  justify-content: right;
}

/* リスト - list - 見出し p img */
#features .lists-wrap > div.lists .list p img {
  width: 100%;
  text-align: right;
}

/* リスト - list - 手・肘の外科センター */
#features .lists-wrap > div.lists .list#list-01 h3 {
}

#features .lists-wrap > div.lists .list#list-01 dl dd p.btn.more-link a {
}

#features .lists-wrap > div.lists .list#list-01 dl dd p.btn.more-link a:hover {
}

/* リスト - list - こころとからだの総合医療 */
#features .lists-wrap > div.lists .list#list-02 h3 {
}

#features .lists-wrap > div.lists .list#list-02 dl dd p.btn.more-link a {
}

#features .lists-wrap > div.lists .list#list-02 dl dd p.btn.more-link a:hover {
}

/* 各種ご案内 #contents
---------------------------------------------------- */
#container .content #contents {
  /* margin: 0 0 150px; */
}
#container .content #contents .section-wrap {
  width: 100%;
}
/*各種ご案内 - メインコンテンツwrap .main-contents-wrap */
#contents .main-contents-wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
#contents .main-contents-wrap .main-content {
  background: #ddd url("../images/front/contents/img_main-endoscopy.png")
    no-repeat right center;
  background-size: auto 100%;
  height: 400px;
  position: relative;
  width: 49.5%;
}
#contents .main-contents-wrap .main-content > div {
  background-color: #fff;
  padding: 1em;
  width: 33%;
  border-radius: 3em;
  margin: 300px auto 0 auto;
}

#contents .main-contents-wrap .main-content:nth-child(1),
#contents .main-contents-wrap .main-content:nth-child(3) {
  border-radius: 0 2em 2em 0;
}
#contents .main-contents-wrap .main-content:nth-child(2),
#contents .main-contents-wrap .main-content:nth-child(4) {
  border-radius: 2em 0 0 2em;
}
#contents .main-contents-wrap .main-content:nth-child(1),
#contents .main-contents-wrap .main-content:nth-child(2) {
  margin-bottom: 1%;
}
#contents .main-contents-wrap .main-content > div h3 {
  align-items: center;
  display: flex;
  font-size: 1.8em;
    font-weight: bold;
  justify-content: center;
  letter-spacing: 1px;
}
#contents .main-contents-wrap .main-content > div h3 a {
  color: #000;
  text-decoration: none;
}
#contents .main-contents-wrap .main-content > div h3 a::before {
  background-color: rgba(255, 255, 255, 0);
  content: "";
  pointer-events: auto;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  transition: 0.3s;
  z-index: 1;
}
#contents .main-contents-wrap .main-content:hover > div h3 a::before {
  background-color: rgba(255, 255, 255, 0.25);
}

/*各種ご案内 - メインコンテンツ - 消化器内視鏡センター */
#contents .main-contents-wrap .main-content#endoscopy {
  background: url("../images/front/contents/img01.png") no-repeat right center;
  background-size: cover;
  background-color: rgba(174, 195, 214, 1);
  background-blend-mode: multiply;
}
/*各種ご案内 - メインコンテンツ - 健診センター */
#contents .main-contents-wrap .main-content#medical_checkup {
  background: url("../images/front/contents/img02.png") no-repeat right center;
  background-size: cover;
  background-color: rgba(174, 195, 214, 1);
  background-blend-mode: multiply;
}
/*各種ご案内 - メインコンテンツ - 看護部 */
#contents .main-contents-wrap .main-content#nurse {
  background: url("../images/front/contents/img03.png") no-repeat right center;
  background-size: cover;
  background-color: rgba(174, 195, 214, 1);
  background-blend-mode: multiply;
}
/*各種ご案内 - メインコンテンツ - 訪問診療 */
#contents .main-contents-wrap .main-content#visit_medical {
  background: url("../images/front/contents/img04.png") no-repeat right center;
  background-size: cover;
  background-color: rgba(174, 195, 214, 1);
  background-blend-mode: multiply;
}

/* 採用情報 #recruit
---------------------------------------------------- */
#recruit {
  background-size: 100%;
  max-width: 1260px;
  margin: 0 auto 120px;
  background-color: #fff;
  position: relative;
  border-radius: 30px;
  display: flex;
}

#recruit .section-wrap {
  margin: 0 auto;
  padding: 0;
  position: relative;
  width: 1200px !important;
  height: auto;
}

#recruit .section-wrap img {
  margin: 0 auto;
  display: flex;
}

#recruit .section-wrap header h2 {
  padding: 20px 0 0px;
  text-align: center;
  color: #fff;
}

#recruit .section-wrap header h2 span {
  color: #fff;
}

#recruit .section-wrap .contents {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: block;
  justify-content: space-between;
  bottom: 20%;
  right: 5%;
  padding-right: 10% 0 0;
  width: 400px;
  position: absolute;
  float: right;
}

#recruit .section-wrap .contents p {
  text-align: center;
  color: rgba(3, 80, 160, 1);
  font-weight: 500;
}

/* ウィジェット（バナーエリア） #bnr-widget
---------------------------------------------------- */
section.widget-area#bnr-widget {
  background-color: rgba(161, 232, 252, 0.5);
  margin: 0 !important;
  padding: 0;
}
section.widget-area#bnr-widget .section-wrap {
	width: 100%;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick {
  padding: 2rem 0;
  position: relative;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slick-track {
  align-items: center;
  display: flex;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick li {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0;
  padding: 0;
}
section.widget-area#bnr-widget .section-wrap .bnr-area.slick li h2 {
  display: none;
}
/*左右送り（バナー枚数超過の時のみ表示）*/
section.widget-area#bnr-widget .section-wrap .bnr-area.slick .slide-arrow {
  height: 2rem;
  margin: 0;
  text-align: center;
  width: 2rem;
  z-index: 250;
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow:hover {
  cursor: pointer;
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow::before {
  color: rgba(0, 0, 0, 0.5);
  content: "";
  display: inline;
  font-family: "Material Icons";
  font-size: 2rem;
  line-height: 1;
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow.slick-disabled::before {
  color: rgba(0, 0, 0, 0.5);
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow.next-arrow {
  position: absolute;
  top: calc(50% - 1rem);
  right: 0;
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow.next-arrow::before {
  content: "\e5e1";
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow.prev-arrow {
  position: absolute;
  top: calc(50% - 1rem);
  left: 0;
}
section.widget-area#bnr-widget
  .section-wrap
  .bnr-area.slick
  .slide-arrow.prev-arrow::before {
  content: "\e2ea";
}
#header-contents .cont-btn li a {
	    font-size: 1.2em
}

/* メディアクエリ（ブレイクポイントごと）
---------------------------------------------------- */
@media (max-width: 1600px) {
  /*各種ご案内 - メインコンテンツwrap .main-contents-wrap */
	#header-contents tel {
		font-size: 1.6rem;
	}
	#header-contents .facility .small-black {
		font-size: 1.2rem;
	}
	#header-contents address {
		font-size: 1.2rem;
	}
}
@media (max-width: 1536px) {
  /*各種ご案内 - メインコンテンツwrap .main-contents-wrap */
  #contents .main-contents-wrap .main-content > div {
  }

  #contents .main-contents-wrap .main-content > div h3 {
    font-size: 1.25em;
    font-weight: 600;
}
}

@media (max-width: 1366px) {
  /* お知らせ #news
---------------------------------------------------- */
  .tab-label {
    font-size: 1.125em;
  }
  .entry-list .section-wrap .article-list article .entry-meta {
    font-size: 1.125em;
  }
  .entry-list .section-wrap .article-list article .entry-title {
    font-size: 1.125em;
  }
  /* 来院される方へ #for-patients
---------------------------------------------------- */
  #for-patients .section-wrap .for-patients-box-wrap {
    width: 95%;
  }
  .for-patients-box figure figcaption h3 {
    font-size: 1.1rem;
  }
  #for-patients .section-wrap .for-patients-detail dl {
    font-size: 1.1rem;
  }
	.for-patients-box figure figcaption {

		
	}
	#for-patients .section-wrap .for-patients-box-wrap {
		-ms-flex-wrap: wrap;
        flex-wrap: wrap;
               -webkit-flex-wrap: wrap;
	}
	#for-patients .section-wrap .for-patients-box-wrap .for-patients-box {
		margin-bottom: 20px;
	}
	
}

@media (max-width: 1260px) {
  /* 共通要素
---------------------------------------------------- */
  /* セクション section */
  #container .content section {
    margin: 60px 0;
  }
  #container .content section .section-wrap {
    width: 90%;
  }

  /* お知らせ #news
---------------------------------------------------- */
  #news {
    padding: 50px 0;
  }
  #container .content #news .section-wrap {
    width: 90%;
  }
  /* 当院の特色 #features
---------------------------------------------------- */
  #container .content section#features {
    margin: 0 0 120px 0;
  }

  p.btn.more-link a {
    font-size: 1em;
  }

  /* 各種ご案内 #contents
---------------------------------------------------- */
  #contents .main-contents-wrap .main-content {
    background: url("../images/front/contents/img_main-endoscopy.png") no-repeat
      top center;
    background-size: contain;
    margin: 0;
    height: 300px;
  }
  #contents .main-contents-wrap .main-content > div {
    padding: 1rem 2rem;
    width: fit-content;
    margin: 200px auto 0 auto;
  }

  /* 採用情報 #recruit
---------------------------------------------------- */
  #recruit .section-wrap {
    margin: 0 auto;
    padding: 0 10px;
    position: relative;
    width: 100% !important;
  }

  /* ウィジェット（バナーエリア） #bnr-widget
---------------------------------------------------- */
  section.widget-area#bnr-widget
    .section-wrap
    .bnr-area.slick
    .slide-arrow.next-arrow {
    right: -5%;
  }
  section.widget-area#bnr-widget
    .section-wrap
    .bnr-area.slick
    .slide-arrow.prev-arrow {
    left: -5%;
  }
}

@media (max-width: 1024px) {
  /* 共通要素
---------------------------------------------------- */
  /* h2見出し h2.ttl */
  section .section-wrap header h2.ttl {
    font-size: 2.5rem;
    padding: 0 0 1em;
  }
  section .section-wrap header h2.ttl span {
    font-size: 0.75rem;
  }
  /* セクション section */
  #container .content section {
    margin: 50px 0 110px;
  }
  /* お知らせ・ブログ等新着表示 .entry-list */
  .entry-list .section-wrap .article-list article {
    border-bottom: #ccc dotted 1px;
    flex-wrap: wrap;
    padding: 0.5rem 1em;
  }
  .entry-list .section-wrap .article-list article::after {
    display: none;
  }
  .entry-list .section-wrap .article-list article .entry-meta,
  .entry-list .section-wrap .article-list article .entry-title {
    width: 100%;
  }
  .entry-list .section-wrap .article-list article .entry-meta {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
  }
  .entry-list .section-wrap .article-list article .entry-meta .entry-time {
    padding: 0 0.5em;
    width: auto;
  }
  .entry-list .section-wrap .article-list article .entry-meta .category {
    width: auto;
  }
  .entry-list .section-wrap .article-list article .entry-title {
    padding: 0.5em 0 0;
  }
  .entry-list .section-wrap .article-list article .entry-title::before {
    content: "\e5df";
    display: inline-block;
    font-family: "Material Icons";
    padding: 0;
  }
  /* moreリンクボタン .btn.more-link */
  p.btn.more-link {
  }
  p.btn.more-link a {
    padding: 0.5rem 1rem;
  }
	section .section-wrap header h2.ttl span {
		display: block;
		font-size: 1.25rem;
	}
	section .section-wrap header h2.ttl {
		text-align: center;
		
	}
  /* フロントトップsection id="front-top" #front-top （#main-vis）
---------------------------------------------------- */
  /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
  #container .content #front-top {
    /* min-height: 100vh; */
    height: auto;
  }
  /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
  /*各スライド設定*/
  #main-vis {
    margin-top: 80px !important;
  }
  #main-vis .bx-wrapper .bx-viewport .slider > div {
    height: 60vh;
  }
  #main-vis .bx-wrapper .bx-viewport .slider > div .catch {
  }

  #main-vis .bx-wrapper .bx-viewport .slider > div .catch::after {
    bottom: 0px;
    left: 448px;
    width: 80px;
    height: 80px;
  }
  #main-vis .bx-wrapper .bx-viewport .slider > div .catch h2 {
    font-size: 2rem;
    padding: 1rem 2rem 0.5rem;
  }

  #main-vis .bx-wrapper .bx-viewport .slider > div .catch h3 {
    font-size: 1rem;
    padding: 0 1rem 1rem 2rem;
  }

  /* お知らせ #news
---------------------------------------------------- */
  #container .content section#news {
    margin: 50px 0;
  }
  #news {
    padding: 50px 0;
  }

  #container .content #news .section-wrap {
    display: block;
  }

  #container .content #news .section-wrap header {
    width: 100%;
    margin: 0 auto;
  }

  #news .section-wrap .article-list {
    width: 100%;
    margin: 0 0 2rem;
  }
  .tab-label {
    font-size: 1.1em;
    margin-right: 5px;
  }

  .news-list-wrap .tab-label:first-of-type {
    margin-left: 5px;
  }

  #news .btn.more-link a {
    margin: 0 auto;
    width: 50%;
  }

  /* 来院される方へ #for-patients
---------------------------------------------------- */
  #for-patients .section-wrap header {
    margin: 0;
    /* padding: 0 0 2em; */
  }
  #for-patients .section-wrap .for-patients-box-wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
  }
  #for-patients .section-wrap .for-patients-box-wrap .for-patients-box {
    margin: 0 0 0.5rem;
    padding: 0m;
  }
  #for-patients .section-wrap .for-patients-box-wrap .for-patients-box::after {
    clip-path: polygon(100% 0, 100% 100%, 0 100%);
    height: 15px;
    left: calc(100% - 15px);
    width: 15px;
  }
  .for-patients-box figure {
    display: flex;
    justify-content: space-between;
  }
  .for-patients-box figure p.img {
    margin: 0 1rem 0 0 !important;
    width: 100px;
  }
  .for-patients-box figure p.img::before,
  .for-patients-box figure p.img::after {
    display: none;
  }
  .for-patients-box figure figcaption {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0;
    padding: 0.5em;
    border-radius: 20px;
	  width: 200px;
	  height: 200px;
	  
  }
	#for-patients .section-wrap .for-patients-box-wrap .for-patients-box {
		width: 200px;
	}
	.for-patients-box figure figcaption h3 a::after {

	}
  .for-patients-box figure figcaption::before {
    border-radius: 0;
    height: 100px;
    margin: 0 0.5rem 0 0;
    width: 100px;
  }
  .for-patients-box#machines figure figcaption::before {
    background-size: contain;
  }
  .for-patients-box#er figure figcaption::before {
    background-size: contain;
  }
  .for-patients-box#cancer figure figcaption::before {
    background-size: contain;
  }
  .for-patients-box#cooperation figure figcaption::before {
    background-size: contain;
  }
  .for-patients-box#medical_checkup figure figcaption::before {
    background-size: contain;
  }
  .for-patients-box#nursing_home figure figcaption::before {
    background-size: contain;
  }
  .for-patients-box figure figcaption h3 {
    font-weight: bold;
    text-align: left;
    font-size: 1.25em;
  }
  .for-patients-box figure figcaption p {
    margin: 0 !important;
    width: 100%;
  }

  #for-patients .section-wrap .for-patients-detail {
    display: block;
    justify-content: space-evenly;
    margin: 6em auto 0;
    width: 70%;
    /* max-width: 1500px; */
  }

  #for-patients .section-wrap .for-patients-detail dl {
    display: block;
    width: 100%;
    margin-bottom: 3.5em;
    font-size: 1.25rem;
  }

  #for-patients .section-wrap .for-patients-detail dl dt {
    margin: -50px auto 30px;
  }

  #for-patients .section-wrap .for-patients-detail dl dd {
    margin: 0 auto;
  }

  #for-patients .section-wrap .for-patients-detail p {
    text-align: center;
  }
  #for-patients .section-wrap .for-patients-detail dl ul {
    padding: 0 1.5em;
  }

  /* #features --- */
  #features .section-wrap header {
    padding: 1em 0 0.5em;
  }
  #features .lists-wrap > div.lists .list .child-list dl {
    width: 100%;
  }

  #features .lists-wrap > div.lists .list .child-list {
    /* margin: 0 5em 0 auto; */
    width: 70%;
  }

  #features .lists-wrap > div.lists .list .child-list h3 {
    font-size: 1.5em;
  }

  #features .lists-wrap > div.lists .list .child-list p.btn.more-link {
    width: 100%;
  }

  /* #recruit --- */
  #recruit {
    margin: 0px auto 60px;
  }

  #recruit .section-wrap .contents {
    width: 100%;
    position: relative;
    top: 0;
    bottom: 0;
    right: 0;
    margin: 0 auto;
  }

  #recruit .section-wrap header h2 {
    text-align: center;
    color: #66cccc;
  }

  #recruit .section-wrap header h2 span {
    text-align: center;
    color: #000;
  }

  #recruit .section-wrap .contents p {
    text-align: center;
    color: #000;
  }

  #recruit .section-wrap .contents p.btn.more-link {
    text-align: center;
  }
}

@media screen and (max-width: 782px) {
  html #wpadminbar {
    position: fixed;
  }
  /*ログイン時のアドミンバー表示調整*/
  body.logged-in #header {
    top: 46px;
  }
  #wp-admin-bar-my-account {
    line-height: 80%;
  }
}

@media (min-width: 769px) {
}
@media (max-width: 768px) {
  /* 共通要素
---------------------------------------------------- */

  /* 来院される方へ #for-patients
---------------------------------------------------- */
  #container .content #for-patients {
    padding: 50px 0;
  }
  #for-patients .section-wrap .for-patients-box-wrap {
    width: 90%;
	  display: flex;
	  justify-content: space-between;
  }
  #for-patients .section-wrap .for-patients-box-wrap .for-patients-box {
    margin: 0 0 1rem;
    padding: 0;
    width: 48%;
  }
  .for-patients-box figure figcaption::before {
    height: 60px;
    width: 60px;
  }
	.for-patients-box figure figcaption {
		height: auto;
		width: auto;
		        padding: 1rem 0.5em;
	}
	
	.for-patients-box figure {
		display: inherit;
		justify-content: center;
	}

  #for-patients .section-wrap .for-patients-detail {
    width: 80%;
  }

  /* 当院の特色 section id="features" #features 
---------------------------------------------------- */
  /* リスト - wrap */
  #features .lists-wrap {
    flex-wrap: wrap;
  }

  #features .lists-wrap > div {
    width: 100%;
  }

  #features .lists-wrap > div.lists .list {
    margin: 0.5rem 0 0 0;
  }

  #features .lists-wrap > div.lists .list#list-01 .child-list,
  #features .lists-wrap > div.lists .list#list-02 .child-list {
    width: 90%;
  }

  #features .lists-wrap > div.lists .list .child-list {
    display: block;
  }

  #features .lists-wrap > div.lists .list#list-01 .child-list,
  #features .lists-wrap > div.lists .list#list-02 .child-list {
    margin: 0 auto;
  }

  #features .lists-wrap > div.lists .list .child-list dl {
    width: 100%;
  }
	
	#features .lists-wrap > div.lists .list .child-list dl {
		margin-bottom: 0px;
		background-color: rgba(255, 255, 255, 0.7);
	}

  #features .lists-wrap > div.lists .list .child-list p {
    width: 100%;
    text-align: center;
    text-align: -webkit-center;
  }
	#features .lists-wrap p.btn.more-link a{
		padding: 1rem;
	}
	.for-patients-box figure figcaption {
		        border-radius: 10px;
	}
	#features .lists-wrap > div.lists .list .child-list h3 {
		margin: 0 0 0.5em;
	}
	#features .lists-wrap > div.lists .list .child-list dl dt {
		line-height: 1.6rem;
		    font-size: 1.0rem;
	}
  /* リスト - list - 見出し h3 */
  #features .lists-wrap > div.lists .list h3 {
    text-align: center;
  }

  /* 各種ご案内 #contents
---------------------------------------------------- */
  #container .content section#contents {
    margin: 0 0 60px;
  }

  #contents .main-contents-wrap .main-content {
    height: 200px;
  }

  #contents .main-contents-wrap .main-content > div {
    margin: 120px auto 0 auto;
  }
}
@media (max-width: 767px) {
}
@media (max-width: 576px) {
  /* 共通要素
---------------------------------------------------- */
  /* セクション section */
  #container .content section {
    margin: 0 0 30px;
  }
  #container .content section .section-wrap {
    width: 94%;
  }

  section .section-wrap header h2.ttl {
    font-size: 2rem;
  }

  /* フロントトップsection id="front-top" #front-top （#main-vis）
---------------------------------------------------- */
  /*各スライド設定*/
  #main-vis .bx-wrapper .bx-viewport .slider > div {
    height: 45vh;
  }

  #main-vis .bx-wrapper .bx-viewport .slider > div .catch {
    background-color: rgba(255, 255, 255, 0.7);
  }

  #main-vis .bx-wrapper .bx-viewport .slider > div .catch::after {
    /* left: 351px; */
    opacity: 0.7;
  }

  #main-vis .bx-wrapper .bx-viewport .slider > div .catch h2 {
    font-size: 1.5rem;
    padding: 0;
  }

  #main-vis .bx-wrapper .bx-viewport .slider > div .catch h3 {
    padding: 0;
  }

  /* お知らせ #news
---------------------------------------------------- */
  #news {
    padding: 30px 0;
  }
  .news-list-wrap {
    padding: 1rem 0 0 0;
	  justify-content: space-between;
  }
	.news-list-wrap .tab-label {
		        width: 47%;
		        font-size: 1rem;
	}
  .tab-label {
    border-radius: 1rem;
    flex: unset;
    line-height: 1;
    margin: 5px;
    padding: 0.5rem;
  }
  .tab-switch:checked + .tab-label + .tab-content {
    background-color: #fff;
    margin: 1rem 0 0 0;
  }

  .tab-switch:checked + .tab-label::after {
    bottom: -5px;
    width: 10px;
    height: 10px;
  }

  .entry-list .section-wrap .article-list article .entry-meta {
    font-size: 1.0em!important;
  }
	.entry-list .section-wrap .article-list article {
		padding: 0.5rem 0;
	}
  .entry-list .section-wrap .article-list article .entry-title {
    font-size: 1.0em!important;
  }

  /* ご来院される方へ #for-patients
---------------------------------------------------- */
  .for-patients-box figure figcaption h3 {
    font-size: 1.1em;
  }

  #for-patients .section-wrap .for-patients-detail {
    width: 80%;
  }

  #for-patients .section-wrap .for-patients-detail dl {
    font-size: 1.125em;
  }

  /* 当院の特色 #features
---------------------------------------------------- */
  /*当院の特色 - メインコンテンツwrap .main-contents-wrap */
  #features .lists-wrap > div.lists .list#list-01 .child-list,
  #features .lists-wrap > div.lists .list#list-02 .child-list {
    width: 95%;
  }
  #features .lists-wrap > div.lists .list .child-list h3 {
    font-size: 1.5em;
  }
  #features p.btn.more-link a {
    width: 80%;
  }

  /* 各種ご案内 #contents
---------------------------------------------------- */
  /*各種ご案内 - メインコンテンツwrap .main-contents-wrap */
  #contents .main-contents-wrap .main-content {
    margin: 1% 2%;
    width: 100%;
  }

  #contents .main-contents-wrap .main-content:nth-child(1),
  #contents .main-contents-wrap .main-content:nth-child(2),
  #contents .main-contents-wrap .main-content:nth-child(3),
  #contents .main-contents-wrap .main-content:nth-child(4) {
    border-radius: 1em;
  }

  /* 採用情報 #recruit
---------------------------------------------------- */
  #recruit .section-wrap img {
    /* border-radius: 20px; */
  }

  /* ウィジェット（バナーエリア） #bnr-widget
---------------------------------------------------- */
  section.widget-area .section-wrap .bnr-area.slick .slide-arrow {
    height: 1.5rem;
    width: 1.5rem;
  }
  section.widget-area .section-wrap .bnr-area.slick .slide-arrow::before {
    font-size: 1.5rem;
  }
  section.widget-area .section-wrap .bnr-area.slick .slide-arrow.next-arrow {
    position: absolute;
    right: -0.25rem;
  }
  section.widget-area .section-wrap .bnr-area.slick .slide-arrow.prev-arrow {
    position: absolute;
    left: -0.25rem;
  }
  section.widget-area#bnr-widget
    .section-wrap
    .bnr-area.slick
    .slide-arrow.next-arrow {
    right: -3%;
  }
  section.widget-area#bnr-widget
    .section-wrap
    .bnr-area.slick
    .slide-arrow.prev-arrow {
    left: -3%;
  }
}

@media (max-width: 350px) {
  section .section-wrap header:has(.ttl)::before {
    display: none;
  }
  section .section-wrap header h2.ttl {
    border-left: none;
    border-right: none;
    padding: 0;
  }

  /* #for-patients .section-wrap .for-patients-detail dl {
    font-size: 1em;
  } */
}

/*モバイル画面横向きの際*/
@media (orientation: landscape) {
  #container .content #front-top {
    height: auto;
    /* min-height: 100vh; */
  }
}