@charset "utf-8";
/* Generic Child-hanyuStyle-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 {
    margin: 0 auto;
    width: 100%;
}

/*メインコンテンツ - メインカラム*/
body.home main.content {
    float: none;
    margin: 0;
    padding: 00;
    width: 100%;
}

/* 共通要素
---------------------------------------------------- */
/* セクション section */
#container .content section {
    margin: 0 0 100px;
}

#container .content section .section-wrap {
    margin: 0 auto;
    width: 1260px;
}

/* h2見出し h2.ttl */
section .section-wrap header:has(.ttl) {
    justify-content: center;
    position: relative;
	margin: 0 auto;
}



section .section-wrap header:has(.ttl)::after {
    display: none;
}

section .section-wrap header h2.ttl {
    font-weight: normal;
    margin: 0;
    padding: 0 2rem;
    text-align: center;
    width: fit-content;
    z-index: 1;
}

section .section-wrap header span {
    color: #c5a27d;
    display: block;
    font-size: 1rem;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: normal;
    font-style: normal;
    padding:0 0 2em;
	text-align: center;
	
}

/* 左右に横線 */
section .section-wrap header h2.ttl {
  align-items: center; /* 横線を上下中央 */
  display: flex; /* 文字と横線を横並び */
  justify-content: center; /* 文字を中央寄せ */
	    margin: 0 auto;
}
section .section-wrap header h2.ttl::before,
section .section-wrap header h2.ttl::after {
  background-color: #161c34; /* 横線の色 */
  content: "";
  height: 1px; /* 横線の高さ */
  width: 100px; /* 横線の長さ */
 
}
section .section-wrap header h2.ttl::before {
	 margin-right: 30px;
}
section .section-wrap header h2.ttl::after {
	 margin-left: 30px;
}
.heading::before {
  margin-right: 15px; /* 文字との余白 */
}
.heading::after {
  margin-left: 15px; /* 文字との余白 */
}

/* お知らせ・ブログ等　新着表示 .entry-list --- */
.entry-list .section-wrap .article-list {
    margin: 0 auto;
}

.entry-list .section-wrap .article-list article {
    align-items: center;
    background-color: #fff;
    border-bottom: #ccc dotted 1px;
    display: flex;
    justify-content: flex-start;
    margin: 0;
    padding: 1rem 0;
    position: relative;
    transition: .3s;
}

.entry-list .section-wrap .article-list article:first-child {}

.entry-list .section-wrap .article-list article:hover {
    background-color: #f7f7f7;
}

.entry-list .section-wrap .article-list article .entry-meta {
    color: #666;
    margin: 0;
}

.entry-list .section-wrap .article-list article .entry-meta .entry-time {
    display: inline-block;
    padding: 0 0 0 .5em;
    width: 9em;
}

.entry-list .section-wrap .article-list article .entry-meta .category {
    background-color: #ddd;
    border: #ddd solid 1px;
    color: #666;
    display: inline-block;
    padding: .25em;
    text-align: center;
    width: 5em;
}

.entry-list .section-wrap .article-list article .entry-meta .category.notice {
    background-color: #fff;
    border: rgba(34, 58, 112, 1) solid 1px;
    color: rgba(34, 58, 112, 1);
}
.entry-list .section-wrap .article-list article .entry-meta .category.closed {
    background-color: #fff;
    border: #81a51c solid 1px;
    color: #81a51c;
}
.entry-list .section-wrap .article-list article .entry-meta .category.important {
    background-color: #a25768;
    border:#a25768 solid 1px;
    color: #fff;
	    letter-spacing: 3px;
			font-size: 15px;
}
.entry-list .section-wrap .article-list article .entry-meta .category.lecture{
    background-color: #fff;
    border: #21afd6 solid 1px;
    color: #21afd6;
}

.entry-list .section-wrap .article-list article .entry-meta .category.recruit {
    background-color: #fff;
    border: rgba(188, 100, 164, 1) solid 1px;
    color: rgba(188, 100, 164, 1);
}


.entry-list .section-wrap .article-list article .entry-title {
    flex: 1;
    font-size: 1rem;
    font-weight: normal;
    padding: 0 0 0 1em;
}

.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 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;
    background-color: #161c34;
    border: rgba(34, 58, 112, 1) solid 1px;
    color: #fff;
    display: flex;
    height: auto;
    line-height: normal;
    padding: .75rem 2rem;
    text-decoration: none;
    font-family: 'Roboto', sans-serif;
        font-size: 1.15em;
}

p.btn.more-link a:hover {
    background-color: #fff;
    color: rgba(34, 58, 112, 1);
}

/* ヘッダ 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 / #attention）
---------------------------------------------------- */
#container .content #front-top {
    display: flex;
    flex-direction: column;
    height: 100vh;
    justify-content: space-between;
    margin: 0;
    position: relative;
}

#container .content #front-top .tel {
    background-color:rgba(238,248,252,1.00);
    display: flex;
    flex-direction: column;
    position: absolute;
    top: 24%;
    right: 3%;
    margin: 0 auto 1rem;
    text-align: left;
    width: 360px;
    word-break: keep-all;
    padding: 20px 20px 30px 20px;
    border-radius: 1em;
}

#container .content #front-top .tel h3 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5em;
    font-style: normal;
    font-weight: normal;
    color: rgba(34, 58, 112, 1);
    margin-left: 40px;
}

#container .content #front-top .tel h3::before {
    content: "\e57b";
    font-family: 'Material Icons';
    font-size: 1.5em;
    position: absolute;
    left: 20px;
}

#container .content #front-top .tel dl {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1em;
    font-style: normal;
    font-weight: normal;
    color: #000;
    margin: .5em 0;
}

#container .content #front-top .tel dt {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1em;
    color: rgba(34, 58, 112, 1);
}

#container .content #front-top .tel dd {
    margin-left: 0;
}

#container .content #front-top .tel dd.number {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.25em;
    font-weight: 600;
    color: rgba(44, 169, 225, 1);
}

#container .content #front-top .tel dd.number::before {
    content: "\f095";
    font-family: FontAwesome;
    background-size: contain;
    display: inline;
    padding: 0 .25em 0 0;
}

#container .content #front-top .tel dd.text {}


/* フロントトップ - メインビジュアル div#main-bis（bxslider） */
#main-vis {
    margin: 0;
    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: 82vh;
    top: 0px;
    position: relative;
}

#main-vis .bx-wrapper .bx-viewport .slider>div .catch {
    display: flex;
    flex-direction: column;
    height: fit-content;
    position: absolute;
    top: 21%;
    left: 7%;
    margin: 0 auto 1rem;
    text-align: left;
    width: 50%;
    word-break: keep-all;
}

#main-vis .bx-wrapper .bx-viewport .slider>div .catch h2 {
    font-family: 'Noto Serif JP', serif;
    font-size: 3.00em;
    font-style: normal;
    font-weight: normal;
    color: #000000;
	text-shadow : 2px 2px 5px #fff,
	-2px 2px 5px #fff,
	2px -2px 5px #fff,
	-2px -2px 5px #fff;

}


#main-vis .bx-wrapper .bx-viewport .slider>div .catch h3 {
    padding: 1rem 0;
	font-family: 'Noto Serif JP', serif;
	font-size:20px;
		text-shadow : 2px 2px 5px #fff,
	-2px 2px 5px #fff,
	2px -2px 5px #fff,
	-2px -2px 5px #fff;
	font-weight: 400;
	font-family: sans-serif;
}
#main-vis .bx-wrapper .bx-viewport .slider .slide05 .catch h3 a{
    color: #FFF;
    text-decoration: none;
}

#main-vis .bx-wrapper .bx-viewport .slider .slide01 {
    background: url("../images/front/slide/slide1_re.jpg") center no-repeat;
    background-size: cover;
    background-position: 75%;
}

/* ガイドボタン#guide-btn */
#guide-btn {

	
}
#guide-btn ul {
	display: block;
	position: absolute;
	top:35%;
	right: 0%;
	list-style: none;
}
#guide-btn ul li {
	margin-bottom: 10px;
}
#guide-btn ul li.schedule a{ 
	display: block;
	text-decoration: none;
	border: 1px solid #c5a27d;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px 0px 0px 10px;
	color: #c5a27d;
}
#guide-btn ul li.schedule a::before {
	background-image: url(../images/front/guide-btn/ico-schedule.png);
    content: "";
    display: block;
    margin-right: 8px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#guide-btn ul li.schedule a:hover{
	color: #fff;
	background-color: #c5a27d;
}
#guide-btn ul li.schedule a:hover::before {
	background-image: url(../images/front/guide-btn/ico-schedule-on.png);
}

#guide-btn ul li.close a{ 
	display: block;
	text-decoration: none;
	border: 1px solid #6e7955;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px 0px 0px 10px;
	color: #6e7955;
}
#guide-btn ul li.close a::before {
	background-image: url(../images/front/guide-btn/ico-close.png);
    content: "";
    display: block;
    margin-right: 8px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#guide-btn ul li.close a:hover{
	color: #fff;
	background-color: #6e7955;
}
#guide-btn ul li.close a:hover::before {
	background-image: url(../images/front/guide-btn/ico-close-on.png);
}

#guide-btn ul li.lecture a{ 
	display: block;
	text-decoration: none;
	border: 1px solid #2a83a2;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px 0px 0px 10px;
	color: #2a83a2;
}
#guide-btn ul li.lecture a::before {
	background-image: url(../images/front/guide-btn/ico-lecture.png);
    content: "";
    display: block;
    margin-right: 8px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#guide-btn ul li.lecture a:hover {
		color: #fff;
	background-color: #2a83a2;
}
#guide-btn ul li.lecture a:hover::before {
	background-image: url(../images/front/guide-btn/ico-lecture-on.png);
}
#guide-btn ul li.medical_checkup a{ 
	display: block;
	text-decoration: none;
	border: 1px solid #dd9331;
	background-color: #fff;
	padding: 20px;
	border-radius: 10px 0px 0px 10px;
	color: #dd9331;
	text-align: center;
}
#guide-btn ul li.medical_checkup a::before {
	background-image: url(../images/front/guide-btn/ico-medical_checkup.png);
    content: "";
    display: block;
    margin-right: 8px;
    width: 35px;
    height: 35px;
    background-repeat: no-repeat;
    margin: 0 auto;
}
#guide-btn ul li.medical_checkup a:hover{
	color: #fff;
	background-color: #dd9331;
}
#guide-btn ul li.medical_checkup a:hover::before {
	background-image: url(../images/front/guide-btn/ico-medical_checkup-on.png);
}

/* フロントトップ - 重要なお知らせ div#attention */
#attention {
    background-color: rgba(0, 0, 0, .75);
}

#attention .section-wrap {
    align-items: center;
    display: flex;
    padding: 1rem 0;
}

#attention .section-wrap h3 {
    color: rgba(211, 56, 28, 1);
    font-size: 1rem;
}

#attention .section-wrap h3::before {
    content: "\f06a";
    font-family: FontAwesome;
    padding: 0 5px;
}

#attention .section-wrap article {
    align-items: center;
    color: #fff;
    display: flex;
    flex: 1;
    opacity: 1;
    padding: 0 1rem;
    position: relative;
    transition: .3s;
}

#attention .section-wrap article:hover {
    opacity: .8;
}

#attention .section-wrap article .entry-meta {
    color: #fff;
    margin: 0;
}

#attention .section-wrap article .entry-meta time {
    padding: 0 1rem;
}

#attention .section-wrap article .entry-title {
    flex: 1;
    font-size: 1rem;
    font-weight: normal;
}

#attention .section-wrap article .entry-title a {
    color: #fff;
    text-decoration: none;
}

#attention .section-wrap 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);
}

/* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
#container .content #visit-info {
    background-color: rgba(234, 237, 247, .25);
    margin: 0;
    padding: 40px 0;
}


/*来院案内 - 本日の診療受付：受付診療科表示 - 診療受付*/
.time-table {
    padding: .5rem 0;
    margin: 0;
    width: 100%;
}

.time-table .panel {
    display: none;
}

.time-table .panel.active {
    display: block;
}

.time-table .panel .closed {
    color: #ff7474;
    font-weight: bold;
    text-align: center;
}

.time-table .panel ul {
    column-count: 2;
    column-gap: 12%;
    list-style: none;
    margin: 0 0 1rem;
}

.time-table .panel ul li {
    border-bottom: #ddd dotted 1px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: .5em 0;
    text-align: left;
}

.time-table .panel ul li span {
    color: #666;
    display: block;
    font-size: .875em;
    font-weight: normal;
    max-width: 45%;
    text-align: right;
}

.time-table .panel ul li span.comment {
    max-width: 100%;
    width: 100%;
}

.time-table-wrap div.button-group {
    display: flex;
    justify-content: space-between;
}


/* お知らせ #news
---------------------------------------------------- */
#news {
    padding: 100px 0 0;
    font-family: 'Noto Sans JP', sans-serif;
}

#container .content #news .section-wrap {
    width: calc(1240px * 0.9);
}

#news .section-wrap .article-list {
    display: flex;
    margin: 1rem 0 3rem 0;
    padding: 0;
    justify-content: space-between;
}

/* お知らせカテゴリタブリスト */
.news-list-wrap {
    align-items: flex-start;
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    width: 48%;
}

.news-list-wrap h3.main-title {
    text-align: center;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.5em;
    font-weight: 600;
    padding: 1em 0;
    border-bottom: rgba(234, 237, 247, 1) solid 1px;
}

.news-list-wrap h3.main-title.important {
    color: rgba(211, 56, 28, 1);
}

.news-list-wrap h3.main-title.notice {
    color: rgba(34, 58, 112, 1);
}

/* 各カテゴリタブ コンテンツ - アクティブ*/

#news .btn.more-link {
    margin: 3em 0 0 0;
    width: 320px;
    margin: 0 auto;
}

#news .btn.more-link a {
    margin: 0 auto;
    position: relative;
}

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

#news .btn.more-link:hover a::after {
    content: '\e409';
    font-family: 'Material Icons';
    color: rgba(34, 58, 112, 1);
    position: absolute;
    right: 3%;
}


/* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
#pickup-widget {
    background-color: rgba(34, 58, 112, 1);
    padding: 50px 0;
}

#pickup-widget header {
    width: 50%
}

#pickup-widget header h2 {
    color: #fff;
}

#pickup-widget header h2.ttl span {
    color: #fff;
}

/* h2見出し h2.ttl */
section#pickup-widget .section-wrap header:has(.ttl) {
    justify-content: flex-start;
    flex-direction: column;
    justify-content: center;
}

section#pickup-widget .section-wrap header:has(.ttl)::before {
    background-color: #fff;
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 300px;
}

section#pickup-widget .section-wrap header:has(.ttl)::after {
    background-color: rgba(44, 169, 225, 1);
    content: "";
    display: block;
    height: 2px;
    position: absolute;
    top: 50%;
    left: 0;
    width: 50px;
}

section.widget-area#pickup-widget .section-wrap {
    display: flex;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick {
    padding: 0;
    position: relative;
    width: 750px;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick li {
    position: relative;
    transition: .3s;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick li:hover {
    opacity: .8;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick li 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);
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick li h2 {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    display: inline-block;
    font-family: 'Noto Sans JP', sans-serif;
    font-style: normal;
    font-weight: 500;
    font-size: 1.125em;
    padding: .5em;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick li img {
    margin: auto;
    width: auto;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick li div .wp-caption-text {
    background-color: rgba(0, 0, 0, .50);
    color: #fff;
    margin: 0;
    padding: 1rem;
    position: absolute;
    bottom: 0;
    left: 0;
    text-align: right;
    width: 100%;
}

/*slick dots 上書き*/
section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots {
    bottom: -30px;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li button:before {
    border: rgba(255, 255, 255, 1.00) solid 1px;
    border-radius: 5px;
    content: "";
    display: block;
    height: 10px;
    opacity: 1;
    width: 10px;
}

section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li.slick-active button:before {
    background-color: rgba(255, 255, 255, 1.00);
    opacity: 1;
}


/* コンテンツリンクエリア
------------------------------------------------- */
#contents-link {
    background-color: #f9f7f2;
    margin: 0 auto!important;
    padding: 80px calc(50% - 630px);
    width: 100%;

}

/*コンテンツリンクボックス*/
.contents-link-box {
    width: 30%;
    margin: 0;
    padding: 0;
}
#contents-link .contents {
	display: flex;
    flex-wrap: wrap;
    justify-content: space-around;
    align-items: flex-start;
}
/*コンテンツリンクボックス 各ボックスの背景設定*/
.contents-link-box#for-patient {
    background: url("../images/front/contents-link/img_for_patient.jpg") no-repeat 0 0;
}

.contents-link-box#for-medical {
    background: url("../images/front/contents-link/img_for_medical.jpg") no-repeat 0 0;
}

.contents-link-box#for-recruit {
    background: url("../images/front/contents-link/img_for_recruit.png") no-repeat 0 0;
}

/*コンテンツリンクボックス内スタイル*/
.contents-link-box div {
    background-color: #FFF;
    box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .05);
    margin: 160px 0 0 30px;
}

/*コンテンツリンクボックス内 見出し*/
.contents-link-box div h2 {
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 1.24rem;
    font-weight: normal;
    padding: 1em 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-items: center;
    position: relative;
	color: #fff;
}
.contents-link-box#for-patient div h2{
	background-color: #c5a27d;
}
.contents-link-box#for-medical div h2{
	background-color: #507ea4;
}
.contents-link-box#for-recruit div h2{
	background-color: #a86965;
}
.contents-link-box div h2::before {
    content: "";
    background-color: #fff;
    width: 70px;
    height: 1px;
    display: block;
    margin: 0 .5em 0 0;
}

.contents-link-box#for-patient div ul li a::after {
	color: #c5a27d;
}
.contents-link-box#for-medical div ul li a::after {
	color: #507ea4;
}
.contents-link-box#for-recruit div ul li a::after {
	color: #a86965;
}

/*コンテンツリンクボックス内 見出し リンク設定がある場合*/
.contents-link-box div h2 a {
    color: #fff;
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    width: calc(100% - 100px);
}

.contents-link-box div h2 a::after {
    content: "\f138";
    font-family: FontAwesome;
    display: inline-block;
}

.contents-link-box div h2 a::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    pointer-events: auto;
    content: "";
    background-color: rgba(0, 0, 0, 0);
}

/*コンテンツリンクボックス内 リンク*/
.contents-link-box div ul li {
    border-top: #eee solid 1px;
    list-style: none;
}

.contents-link-box div ul li a {
    text-decoration: none;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
    padding: 1em 1.5em;
    width: 100%;
    height: 100%;
}

.contents-link-box div ul li a:hover {
    background-color: rgba(84, 195, 241, .1)
}

.contents-link-box div ul li a::after {
    content: "\f138";
    font-family: FontAwesome;
}

/*コンテンツリンクボックス内 リンクの数が不揃いになったので以下追加 ※5件分の高さで揃える 20230713*/
#contents-link .contents-link-box ul {
    display: flex;
    align-items: stretch;
    flex-direction: column;
    height: 250px;
}
#map-area {
	margin: 0 0 0px!important;
	padding-bottom: 50px;
	background-color: #161c34;
}
#banner-area {
	background-color: #161c34;
	padding-bottom: 50px;
	border-bottom: 1px solid #fff;
	margin-bottom: 0px!important;
	
}
#banner-area .section-wrap{
	margin: 0 auto;
    max-width: 1920px!important;
    width: 100%!important;
}
#banner-area .section-wrap ul{
	display: flex;
	justify-content: space-between;
}
#banner-area .section-wrap ul li{
	width: 20%;
	text-align: center;
}



/* 関連施設 #relation
---------------------------------------------------- */



/* メディアクエリ（ブレイクポイントごと）
---------------------------------------------------- */
@media(max-width:1800px) {

    /* お電話窓口 .tel
---------------------------------------------------- */

    #container .content #front-top .tel {
        top: 24%;
        right: 1%;
    }

    /* メインビジュアル #main-vis
---------------------------------------------------- */
    #main-vis .bx-wrapper .bx-viewport .slider .slide01 {
        background: url("../images/front/slide/slide1_re.jpg") center no-repeat;
        background-size: cover;
        background-position: 85%;
    }

    #main-vis .bx-wrapper .bx-viewport .slider .slide02 {
        background: url("../images/front/slide/slide2.png") center no-repeat;
        background-size: cover;
        background-position-x: 85%;
    }



    /* 採用情報 #recruit
---------------------------------------------------- */
    #recruit .section-wrap ul {
        width: fit-content;
        top: 30%;
        left: 30%;
    }

    #container .content #recruit section {
        width: 75%;
        top: 42%;
        left: 25%;
    }

}

@media(max-width:1490px) {

    /* お電話窓口 .tel
---------------------------------------------------- */

    #container .content #front-top .tel {
        top: 24%;
        right: 1%;
    }

    /* メインビジュアル #main-vis
---------------------------------------------------- */
    #main-vis .bx-wrapper .bx-viewport .slider>div {
        height: 82vh;
    }

    #main-vis .bx-wrapper .bx-viewport .slider .slide01 {
        background: url("../images/front/slide/slide1_re.jpg") center no-repeat;
        background-size: cover;
        background-position: 75%;
    }



    #main-vis .bx-wrapper .bx-viewport .slider>div .catch h2 {
        font-size: 3em;
    }

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


    /* 採用情報 #recruit
---------------------------------------------------- */

    /* h2見出し h2.ttl */
    section#recruit .section-wrap div.sec-hd header:has(.ttl) {
        justify-content: flex-start;
        flex-direction: column;
        float: right;
    }

    section#recruit .section-wrap div.sec-hd header:has(.ttl)::before {
        position: absolute;
        top: 120px;
        right: 0;
        width: 300px;
    }

    section#recruit .section-wrap div.sec-hd header:has(.ttl)::after {
        position: absolute;
        top: 120px;
        right: 0;
        width: 50px;
    }

    #recruit .section-wrap ul {}

    #recruit .section-wrap ul li::before {
        border-radius: 60px;
        height: 120px;
        width: 120px;
    }

    #recruit .section-wrap ul {
        top: 40%;
        left: 32%;
    }

    #container .content #recruit section {
        width: 75%;
        top: 50%;
        left: 25%;
    }

    #recruit .news-list-wrap {
        padding: 120px 0px 40px 0;
    }

    #recruit .news-list-wrap h2 {
        font-size: 1em;
        margin: 0 20px 0 0;
    }

}

@media(max-width:1420px) {

    /* メインビジュアル #main-vis
---------------------------------------------------- */
    #main-vis .bx-wrapper .bx-viewport .slider>div {
        height: 70vh;
    }

    #main-vis .bx-wrapper .bx-viewport .slider .slide01 {
        background: url("../images/front/slide/slide1_re.jpg") center no-repeat;
        background-size: cover;
    }


    #container .content #front-top .tel h3 {
        font-size: 1.25em;
        margin-left: 35px;
    }

    #container .content #front-top .tel dl {
        font-size: .9em;
    }

}

@media(max-width:1360px) {

    /* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick {
        width: 500px;
    }
}

@media(max-width:1260px) {

    /* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 70px;
    }

    #container .content section .section-wrap {
        width: 90%;
    }

    #menu ul li a {
        font-size: 1.125em;
    }

    /* メインビジュアル #main-vis 
---------------------------------------------------- */
    /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
    /*各スライド設定*/
    #main-vis .bx-wrapper .bx-viewport .slider>div {
        height: 100vh;
        top: 0px;
    }

    #main-vis .bx-wrapper .bx-viewport .slider .slide01 {
        background: url("../images/front/slide/slide1_re.jpg") center no-repeat;
        background-size: cover;
        background-position: 63%;
    }

    #main-vis .bx-wrapper .bx-viewport .slider>div .catch {
        width: 100%;
    }


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

    #container .content #front-top .tel {
        flex-direction: row;
        position: absolute;
        top: auto;
        bottom: 7%;
        left: 1%;
        right: 1%;
        width: auto;
        padding: 10px 15px;
        display: flex;
        justify-content: space-between;
    }

    #container .content #front-top .tel h3 {
        font-size: 1.25em;
        display: none;
    }

    #container .content #front-top .tel dl {
        font-size: .9em;
        padding: 0 .5em;
        width: 33%;
    }

    /* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        padding: 70px 0;
    }



    /* お知らせ #news
---------------------------------------------------- */
    #news {
        padding: 70px 0 0;
    }

    #container .content #news .section-wrap {
        width: 90%;
    }



    div.title_area {
        width: 100%;
        padding: 10px 40px;
    }

    div.insta_area {
        width: 100%;
    }


    div.insta_area {
        padding: 20px;
    }

    /* 採用情報 #recruit
---------------------------------------------------- */
    #container .content #recruit .section-wrap {}

    #recruit .section-wrap div.sec-hd {
        display: block;
        align-items: center;

    }

    #recruit .section-wrap div.sec-hd::before {
        width: 100%;
        height: 400px;
        background-position-y: 21%;
    }

    #recruit .section-wrap div.sec-hd::after {
        width: 100%;
        height: 360px;
    }

    #recruit .section-wrap div.sec-hd header h2 {
        text-align: center;
        margin: 0 5% 0 0;
        color: rgba(64, 64, 64, 1);
        /* text-shadow: 1px 1px 1px rgba(224, 224, 224, 1), 1px -1px 1px rgba(224, 224, 224, 1), -1px 1px 1px rgba(224, 224, 224, 1), -1px -1px 1px rgba(224, 224, 224, 1); */
    }

    #recruit .section-wrap div.sec-hd header h2 span {
        font-size: .875rem;
        color: rgba(64, 64, 64, 1);
    }

    /* h2見出し h2.ttl */
    section#recruit .section-wrap div.sec-hd header:has(.ttl)::before {
        background-color: rgba(188, 100, 164, 1);
        margin: 0 5% 0 0;
        /* box-shadow: 1px 1px 1px rgba(224, 224, 224, .5), 1px -1px 1px rgba(224, 224, 224, .5), -1px 1px 1px rgba(224, 224, 224, .5), -1px -1px 1px rgba(224, 224, 224, .5); */
    }

    section#recruit .section-wrap div.sec-hd header:has(.ttl)::after {
        background-color: rgba(64, 64, 64, 1);
        width: 200px;
        margin: 0 5% 0 0;
    }

    section#recruit .section-wrap p {
        margin: 0 5% 0 0;
    }

    #recruit .section-wrap ul {
        width: 100%;
        top: 40%;
        left: 0;
        justify-content: center;
    }

    #container .content #recruit section {
        margin: 0;
        position: absolute;
        top: 68%;
        left: 0;
        padding: 0;
        width: 100%;
    }

    #recruit .news-list-wrap {
        padding: 0;
    }

	#banner-area .section-wrap ul li {
		width: 17%;
	}

}


@media(max-width:1024px) {

    /* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 50px;
    }

    /* お知らせ・ブログ等新着表示 .entry-list */
    .entry-list .section-wrap .article-list article {
        border-bottom: #ccc dotted 1px;
        flex-wrap: wrap;
        padding: .5rem 0;
    }

    .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 .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: .5em 0 0;
    }
	section .section-wrap header h2.ttl {
	   font-size: 2.0em;
	}
	p.btn.more-link a {
		font-size: 1.0em;
	}

    /* moreリンクボタン .btn.more-link */
    p.btn.more-link {}

    p.btn.more-link a {
        padding: .5rem 1rem;
    }

    /* フロントトップsection id="front-top" #front-top （#main-vis / #attention）
---------------------------------------------------- */
    /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
    #container .content #front-top {
        /* min-height: 100vh; */
        height: auto;
    }

    /* メインビジュアル #main-vis 
---------------------------------------------------- */
    /* フロントトップ - メインビジュアル div#main-bis（bxslider） */
    /*各スライド設定*/
    #main-vis .bx-wrapper .bx-viewport .slider>div {
        height: 80vh;
        top: 0px;
    }

    /* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        padding: 50px 0;
    }
	#main-vis {
		margin-top: 0px;
	}

    /* 来院案内 - 本日の診療受付 div.contents#today */
    /*来院案内 - 本日の診療受付：受付診療科表示 - 診療受付*/
    .time-table {
        overflow-y: scroll;
        margin: 1rem 0;
        max-height: 300px;
        padding: 0 1rem 0 0;
        position: relative;
    }

    .time-table .panel ul {
        column-count: 2;
    }

    /* perfect-scrollbar.js スクロールバー設定 */
    .ps__rail-x,
    .ps__rail-y {
        opacity: 0.6 !important;
    }

    .ps__thumb-y {
        background-color: rgba(44, 169, 225, .25) !important;
    }

    /*来院案内 - 本日の診療受付：関連リンクボタン*/
    #visit-info .today-link {
        justify-content: center;
    }

    #visit-info .today-link li a {}

    /* お知らせ #news
---------------------------------------------------- */
    #news {
        padding: 50px 0 0;
    }

    /* お知らせカテゴリタブリスト */
    .news-list-wrap {
        align-items: flex-start;
        display: block;
        flex-wrap: wrap;
        justify-content: center;
        width: 48%;
        /* margin: 0 .5em; */
    }
	
	#contents-link .contents {
		display: block;
	}

    /* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
    section.widget-area#pickup-widget .section-wrap {
        display: block;
    }

    section.widget-area#pickup-widget .section-wrap .pickup-area.slick {
        width: 90%;
        margin: 0 auto;
    }


    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li h2 {
        display: block;
        padding: .5rem;
        margin: auto;
    }

    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li img {
        margin: auto;
        width: 100%;
    }

    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li div .wp-caption-text {
        padding: .5rem;
        position: relative;
    }

    /*slick dots 上書き*/
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li button:before {
        border-radius: 3px;
        height: 6px;
        width: 6px;
    }

    /* #contents-link --- */
    section#contents-link {
        margin: 0;
    }

    #contents-link .section-wrap {
        padding-bottom: calc(50px - 1rem);
    }

    #contents-link .contents ul {
        justify-content: flex-start;
    }

	#contents-link .contents ul li {
		width: 100%;
		
	}
	 /* コンテンツリンクエリア
    ------------------------------------------------- */
    #contents-link {
        padding: 20px;
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        align-items: flex-start;
    }

    /*コンテンツリンクボックス*/
    .contents-link-box {
        background-image: none !important;
        background-color: #FFF;
        box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .05);
        width: 100%;
        margin: 0 0 20px;
    }

    /*コンテンツリンクボックス内スタイル*/
    .contents-link-box div {
        margin: 0;
    }

    /*コンテンツリンクボックス内 見出し*/
    .contents-link-box div h2 {
        padding: .25em;
    }

    .contents-link-box div h2::before {
        content: "";
        border-right: #54C3F1 solid 3px;
        width: 80px;
        height: 60px;
        display: block;
        margin: 0 .5em 0 0;
    }

    /*コンテンツリンクボックス内 見出し リンク設定がある場合*/
    .contents-link-box div h2 a {
        width: calc(100% - 100px);
    }
	.contents-link-box div h2::before {
		border-right: 0px;
	}
    .contents-link-box#for-patient div h2::before {
        background: url("../images/front/contents-link/img_for_patient.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .contents-link-box#for-medical div h2::before {
        background: url("../images/front/contents-link/img_for_medical.jpg") no-repeat 0 0;
        background-size: cover;
    }

    .contents-link-box#for-recruit div h2::before {
        background: url("../images/front/contents-link/img_for_recruit.png") no-repeat 0 0;
        background-size: cover;
    }
	#contents-link .contents-link-box ul {
		height: auto;
	}
	#banner-area .section-wrap ul {
		    flex-wrap: wrap;
		justify-content: space-around;
	}
	#banner-area .section-wrap ul li {
		width: 30%;
		        margin-bottom: 15px;
	}
	#banner-area {
		    padding-bottom: 30px;
	}
}

@media screen and (max-width: 960px) {

	#guide-btn ul {
		display: flex;
		position: static;
		width: 100%;
		justify-content: space-between;
		padding: 30px 10px 20px 10px;
	}
	#guide-btn ul li{
		width: 23%;
		box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, .05)
	}
	#guide-btn ul li.schedule a,
	#guide-btn ul li.close a,
	#guide-btn ul li.lecture a,
	#guide-btn ul li.medical_checkup a{
		 padding: 5px 10px;
		 border-radius: 5px;
		text-align: center;
        font-size: 0.85rem;
	}

    /*来院案内 - 本日の診療受付：関連リンクボタン*/
    #visit-info .today-link {
        justify-content: center;
        margin: 1rem 0 0;
    }

    #visit-info .today-link li {
        margin: .5rem 0;
        width: 70%;
    }
	#visit-info .today-link li {
		margin: .5rem 0;
		width: 70%;
    }

	

    /* お知らせ #news
---------------------------------------------------- */
  
}

@media screen and (max-width: 820px) {
    #recruit .news-list-wrap h2 {
        padding: 72px 15px;
        margin: 0px 15px 0 15px;
    }
}

@media screen and (max-width: 782px) {
    html #wpadminbar {
        position: fixed;
    }

    /*ログイン時のアドミンバー表示調整*/
    body.logged-in #header {
        top: 46px;
    }

    #wp-admin-bar-my-account {
        line-height: 80%;
    }

  #news .section-wrap .article-list {
        display: block;
    }}

@media(min-width:769px) {}

@media(max-width:768px) {

    /* 共通要素
---------------------------------------------------- */
    /* h2見出し h2.ttl */
    section .section-wrap header h2.ttl span {
        font-size: .8rem;
    }

    section .section-wrap header:has(.ttl)::before {
        top: 48px;
        left: 50;
        width: 300px;
    }

    section .section-wrap header:has(.ttl)::after {
        top: 48px;
        left: 50;
        width: 50px;
    }

    /* メインビジュアル #main-vis
---------------------------------------------------- */
	#main-vis .bx-wrapper .bx-viewport .slider .slide01 {
    background: url("../images/front/slide/slide1_re_sp.jpg") center no-repeat;
    background-size: cover;
    background-position: 75%;
}


    #main-vis .bx-wrapper .bx-viewport .slider>div {
        height: 60vh;
    }

    #main-vis .bx-wrapper .bx-viewport .slider>div .catch h2 {
        font-size: 1.875em;
		text-shadow: 3px 3px 10px #fff, -3px -3px 10px #fff, 3px -3px 10px #fff, -3px 3px 10px #fff;
    }

    #main-vis .bx-wrapper .bx-viewport .slider>div .catch h3 {
        text-shadow: 3px 3px 10px #fff, -3px -3px 10px #fff, 3px -3px 10px #fff, -3px 3px 10px #fff;
    }

    #container .content #front-top .tel {
        flex-direction: column;
        position: relative;
        top: auto;
        bottom: 0%;
        left: 0%;
        right: 0%;
        width: 100%;
        border-radius: 0;
    }

    #container .content #front-top .tel dl {
        width: 100%;
    }
    .sp#web-reserv {
        display: none!important;
    }
	#sub-guide-btn ul {
		padding: 0px 10px 10px 10px;
	}
	#sub-guide-btn ul li.btn.link-blog a::before {
		background-image: url(../images/common/ico-blog.png);
		content: "";
		display: flex;
		margin-right: 8px;
		width: 20px;
		height: 18px;
		background-repeat: no-repeat;
	}
	#sub-guide-btn ul li.btn.link-blog a {
        align-items: center;
        background-color: #161c34;
        font-size: 1.0rem;
        justify-content: center;
        padding: 1.1rem 1rem;
        text-decoration: none;
        transition: .3s;
        color: #fff;
        display: flex;
		border-radius: 5px;
	}

    /* お知らせ #news
---------------------------------------------------- */
    .news-list-wrap h3.main-title {
        font-size: 1.25em;
    }
	    #news .section-wrap .article-list {
        display: block;
		 margin: 0rem 0 3rem 0;
    }
	.news-list-wrap {
		width: 100%;
	}
	section .section-wrap header span {
		margin: 0 0 0 0;
	}
	    section .section-wrap header h2.ttl {
        font-size: 1.7em;
    }
	#attention .section-wrap {
		display: block;
	}
	#attention .section-wrap article .entry-meta time {
		    padding: 0 1rem 0 0;
	}
	.entry-list .section-wrap .article-list article .entry-meta .category.important {
		letter-spacing: 0px;
	}

    /* ウィジェット（ピックアップ） #pickup-widget
---------------------------------------------------- */
    #pickup-widget {
        background-color: rgba(34, 58, 112, 1);
        padding: 50px 0;
    }

    section.widget-area#pickup-widget .section-wrap .pickup-area.slick {
        width: 100%;
    }

    /*slick dots 上書き*/
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick .slick-dots li button:before {
        border-radius: 5px;
        height: 10px;
        width: 10px;
    }

    /* #contents-link --- */
    section#contents-link {
        margin: 0;
    }

    #contents-link .contents ul li p,
    #contents-link .contents ul li h3 {
        font-size: .875em;
    }

    /* 採用情報 #recruit
---------------------------------------------------- */
    #recruit .section-wrap div.sec-hd header {
        align-items: center;
        flex-direction: column;
        justify-content: center;
        /* padding: 1rem; */
    }

    #recruit .section-wrap div.sec-hd::before {
        width: 100%;
        height: 240px;
    }

    #recruit .section-wrap div.sec-hd::after {
        display: none;
    }

    #recruit .section-wrap div.sec-hd header h2 {
        text-align: center;
        top: 110px;
    }

    section#recruit .section-wrap div.sec-hd header:has(.ttl)::before {
        top: 160px;
    }

    section#recruit .section-wrap div.sec-hd header:has(.ttl)::after {
        top: 160px;
    }

    section#recruit .section-wrap p {
        padding: 1rem 0 0;
        position: relative;
            top: 0;
            right: 0;
        text-align: center;
    }

    #recruit .section-wrap ul {
        background: url("../images/front/recruit/bg_recruit_02.png") center no-repeat;
        background-size: cover;
        position: relative;
        right: 0;
        justify-content: space-between;
        padding: 1.5rem 1rem 1rem;
        width: 100%;
    }

    #recruit .section-wrap ul li {
        align-items: center;
        background-color: #fff;
        border-radius: 100px;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        margin: 0 0 .5rem;
        padding: .5rem;
        width: 48%;
    }

    #recruit .section-wrap ul li::before {
        height: calc(100px - 2rem);
        margin: 0;
        width: calc(100px - 2rem);
    }

    #recruit .section-wrap ul li a {
        flex: 1;
        padding: 0 1rem;
    }

    #container .content #recruit section {
        position: relative;
    }

    #recruit .news-list-wrap {
        display: block;
        width: 100%;
        padding: 30px;
    }

    #recruit .news-list-wrap h2 {
        padding: 5px 5px;
        margin: 0;
    }

    #recruit .news-list-wrap #tab-recruit-cont {
        margin: 0 auto;
        width: 100%;
    }


}

@media(max-width:767px) {}

@media(max-width:640px) {

    /* #relation --- */
    #relation .post {
        margin: .25rem auto;
        width: 90%;
        margin: .25rem;
        width: 100%;
    }
}

@media(max-width:576px) {

    /* 共通要素
---------------------------------------------------- */
    /* セクション section */
    #container .content section {
        margin: 0 0 30px;
    }

    #container .content section .section-wrap {
        width: 94%;
    }
		#guide-btn ul {
		padding: 10px 10px 0px 10px;
	}

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

    #main-vis .bx-wrapper .bx-viewport .slider>div .catch h2 {
        font-size: 1.75em;
    }

    /*お電話窓口*/
    #container .content #front-top .tel {
        flex-direction: row;
        margin: 0;
    }

    #container .content #front-top .tel dl {
        width: 33%;
    }

    #container .content #front-top .tel dd.text {
        display: none;
    }
    /* フロントトップ - WEB予約お知らせ div#web-reserv */
    .sp#web-reserv {
        display: block !important;
    }
    .sp#web-reserv dl{
        background-color:rgba(0,120,200,1.00);
        color: #fff;
        padding: 1rem ;
        position: relative;
    }
    .sp#web-reserv dl dt{
        font-weight: bold;
        text-align: center;
    }
    .sp#web-reserv dl dd{
        margin: 0;
    }
    .sp#web-reserv dl dd a{
        align-items: center;
        background-color: #fff;
        color: rgba(0,120,200,1.00);
        display: flex;
        justify-content: center;
        line-height: normal;
        padding: .5rem;
        text-decoration: none;
    }
	
	#news .section-wrap header span {
		padding: 0 0em;
	}
	#news {
		margin: 30px 0 50px 0px;
	}
	        

    /* フロントトップ - 重要なお知らせ div#attention */
    #attention {
        background-color: rgba(0, 0, 0, .25);
    }
	#guide-btn ul {
	  flex-wrap: wrap;
	}
	#guide-btn ul li {
	   width: 48%;
	}

    #container .content section#front-top #attention .section-wrap {
        flex-wrap: wrap;
        padding: 0;
        width: 100%;
    }

    #attention .section-wrap h3 {
        background-color: rgba(0, 0, 0, .75);
        padding: 1rem;
        text-align: center;
        width: 100%;
    }

    #attention .section-wrap article {
        color: #000;
        display: block;
        padding: .5rem;
        position: relative;
    }

    #attention .section-wrap article::after {
        color: rgba(233, 84, 107, 1);
        position: absolute;
        top: calc(50% - .5rem);
        right: .5rem;
    }

    #attention .section-wrap article .entry-meta {
        color: #000;
    }

    #attention .section-wrap article .entry-meta time {
        padding: 0;
    }

    #attention .section-wrap article .entry-title {
        padding: 0 1rem 0 0;
    }

    #attention .section-wrap article .entry-title a {
        color: #000;
    }
	section .section-wrap header h2.ttl::before, section .section-wrap header h2.ttl::after {
		    width: 40px;
	}

    /* 来院案内 section id="visit-info" #visit-info 
---------------------------------------------------- */
    #container .content #visit-info {
        padding: 30px 0;
    }


    /*来院案内 - 本日の診療受付：受付診療科表示 - 診療受付*/
    .time-table {
        max-height: 240px;
    }

    /*来院案内 - 本日の診療受付：関連リンクボタン*/
    #visit-info .today-link li {
        margin: .5rem 0;
        width: 90%;
    }

    #visit-info .today-link li a {
        padding: .5rem;
    }

    /* お知らせ #news
---------------------------------------------------- */
    #news {
        padding: 30px 0 0;
    }

    .news-list-wrap {
        /* background-color: rgba(145, 114, 16, .10); */
        padding: 1rem 0 0 0;
    }

    /* #pickup-widget --- */
    section.widget-area#pickup-widget .section-wrap .pickup-area.slick li h2 {
        font-size: .875em;
    }

    /* #contents-link --- */
    #contents-link .contents ul {
        align-items: stretch;
    }

    #contents-link .contents ul li {
        padding: .5rem;
    }

    #contents-link .contents ul li p {
        margin: 0;
        width: 36px;
    }

    /* 採用情報 #recruit
---------------------------------------------------- */
    section#recruit .section-wrap p {
        font-size: .8em;
    }

    #recruit .section-wrap ul li {
        width: 100%;
    }

    /* #relation --- */
    #relation .post {
        margin: .25rem;
        width: 100%;
    }

    #relation .contents ul {
        align-items: stretch;
    }

    #relation .contents ul li {
        padding: .5rem;
    }

    #relation .contents ul li p {
        margin: 0;
        width: 36px;
    }
	#banner-area .section-wrap ul li {
		 width: 48%;
	}
	
}

@media(max-width:480px) {

    #main-vis .bx-wrapper .bx-viewport .slider>div .catch h2 {
        
    }
	#main-vis .bx-wrapper .bx-viewport .slider>div .catch {
		top: 5%;
    left: 3%;
	}
	#main-vis .bx-wrapper .bx-viewport .slider>div .catch h3 {
		        font-size: 0.9em;
		    padding: 0.5rem 0;
		        width: 85%;
	}

    /*お電話窓口*/
    #container .content #front-top .tel {
        flex-direction: column;
        margin: 0;
        padding: 10px 20px;
    }

    #container .content #front-top .tel dl {
        width: 100%;
        display: flex;
    }

    #container .content #front-top .tel dl dt {
        width: 45%;
    }

    #container .content #front-top .tel dl dd.number {
        width: 55%;
        text-align: center;
    }
}

@media(max-width:420px) {

    #main-vis .bx-wrapper .bx-viewport .slider>div .catch h2 {
        
    }
}

@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;
    }
}

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