@charset "utf-8";
/* CSS Document */
/*
Theme Name: ORIGINAL
Description: オリジナルテーマ
Version: 1.1
Author: FAM
*/

@import url('https://fonts.googleapis.com/css?family=Lato:400,700|Noto+Sans+JP:400,700');
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@200;400;600&display=swap');

/* CLEAR FIX */
.cf:after{content: "."; display: block; height: 0;  clear: both; visibility:hidden;}
.cf{display: inline-table;} 
/* Hides from IE Mac */
* html .cf{height: 1%;}
.cf{display:block;}
/* BOXSIZING */
.boxSizing { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}
/* iOSでのsubmitのスタイルをリセット */
input[type="submit"],input[type="button"] {border-radius: 0;-webkit-box-sizing: content-box;-webkit-appearance: button; appearance: button; border: none; box-sizing: border-box; cursor: pointer;}
input[type="submit"]::-webkit-search-decoration,input[type="button"]::-webkit-search-decoration {display: none;}
input[type="submit"]::focus,input[type="button"]::focus {outline-offset: -2px;}
/* スクロール関係リセット */
html {scroll-behavior: auto;}

/* =======PRUGIN SETTINGS======= */
/* PAGE TOP */
.pagetop {z-index: 999; position: fixed;bottom: 55px;right: 55px;opacity: 0;filter: alpha(opacity=0);-webkit-transform: scale(0.3);-moz-transform: scale(0.3);-ms-transform: scale(0.3);-o-transform: scale(0.3);transform: scale(0.3);-webkit-transition: all .4s;-moz-transition: all .4s;	-o-transition: all .4s;	transition: all .4s;}
.pagetop a {display: block;width: 50px;	height: 50px;background-color: #000;text-align: center;color: #fff;font-size: 1em;text-decoration: none;line-height: 50px; border-radius: 50%; -moz-border-radius: 50%; -webkit-border-radius: 50%;}
.pagetop.show {	opacity: 1;filter: alpha(opacity=100);-webkit-transform: scale(1);-moz-transform: scale(1);-ms-transform: scale(1);-o-transform: scale(1);transform: scale(1);}
#pagetop{content: ""; display: block; height: 111px;  margin-top: -111px; visibility: hidden;}

/* BLOCK LINK */
.box-link{cursor:pointer;}
.box-link,
.box-link::before,
.box-link::after {-webkit-transition: all .3s;transition: all .3s;}
.box-link:hover{background:#EEE;}

/* =======WP PAGENAVI SETTINGS======= */
.wp-pagenavi {clear: both; text-align: center; margin-bottom: 100px;}
.wp-pagenavi a, .wp-pagenavi span {text-decoration: none; display:inline-block;color:#444; background-color:#EEE; padding: 8px 15px; margin:0 1px 2px; white-space: nowrap; -moz-border-radius: 3px;-webkit-border-radius: 3px;border-radius: 3px;-webkit-transition: 0.2s ease-in-out;-moz-transition: 0.2s ease-in-out;-o-transition: 0.2s ease-in-out;transition: 0.2s ease-in-out;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {color:#FFF;background-color:#666;border-color:#666;}
.wp-pagenavi span.current {color:#FFF;background-color:#1e2e46;border-color:#1e2e46;font-weight: bold;}

/* =======TABLE ======= */
/* .table-col1 */
.basic-table { width: 100%; background:#FFF;}
.basic-table td{border: 1px solid #EEE; padding: 10px 20px;}
.basic-table th {width: 20%; border: 1px solid #EEE; padding: 10px 20px; white-space: nowrap; font-weight: bold; background: #f5f5f5;}
.basic-table a {text-decoration: underline;}

.basic-table2 {width:100%; margin-bottom: 30px;}
.basic-table2 td{border-bottom: 1px solid #EEE; padding: 15px;}
.basic-table2 th {border-bottom: 1px solid #EEE; padding: 15px; width: 10%; white-space: nowrap; font-weight: bold;}f

.basic-table3 { width:100%; margin-bottom: 30px;}
.basic-table3 td{border: 1px solid #EEE; padding: 5px 15px; }
.basic-table3 th {background: #F7F5F2;border: 1px solid #EEE; padding: 5px 15px; white-space: nowrap;}
.wpcf7 p {display: inline;}

table#tablepress-2 td.column-1 {white-space: nowrap;}
table#tablepress-2 td {padding: 5px;}
table#tablepress-2 th {width: 14%; padding: 5px;}

/* =======ACCORDION======= */
.accordion {margin: 0 auto 50px;}
.option {position: relative; border-bottom: solid 1px #ccc;}
.title {padding: 16px 50px 16px 16px; display: block; font-weight: bold; cursor: pointer;  position: relative;}
.title::after {content: "＋"; position: absolute; right: 20px; top: 16px; font-size: 20px; transition: transform 0.3s;}
.option.active .title::after {content: "－";}
.content {display: none; padding: 0 20px 20px;}

/* =======SLIDER======= */
.slick-slide {box-sizing: border-box;}
.slick-slider div { transition: none; }

/* ======= BASIC ======= */
html,body { height: 100%; width: 100%; min-width: 1200px; }
body{font-family: 'Noto Sans JP', san-serif; color:#333; letter-spacing: 0.1em;}
img {max-width: 100%; height: auto;}
a{text-decoration: none; color:#333; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all  0.3s ease;}
a:hover{color:#CCC;}
strong{font-weight:bold;}

div.wp-caption {max-width: 100%!important; height: auto;}

img.arrow {width: 20px; height: 20px;}

/* OTHER-STYLING */
.big{font-size:1.4em;}
.small{font-size:0.6em;}
.bg-brack{display:inline-block; background:#000; padding:10px 15px; font-size:0.8em; color:#FFF; margin-right:10px; vertical-align: super; margin:10px 0;}
.bgGlay {background: #EEE; padding: 30px;}.bgGlay p{margin:0;}
.bgBlue {background: #E0F1F4; padding: 30px; margin-bottom: 50px;}

.arrow-down{ margin-bottom: 30px; font-size: 3em;}
.mb0{margin-bottom:0 !important;}
.mb10{margin-bottom:10px;}
.mb30{margin-bottom:30px;}
.mb50{margin-bottom:50px;}
.pc{display:block!important;}
.sp {display: none!important;}
.menu-sp{display:none;}
.text-left{text-align:left;}
.text-right{text-align:right;}
.text-center{text-align:center;}
.strong{font-weight:bold;}
.wsnw{white-space: nowrap;}

.jump{margin-top:-100px; padding-top:100px;}
.jump2 {margin-top: -180px; padding-top: 180px;}
.name {font-weight: bold; display: block; text-align: left; margin-top: 17px;}

.youtube {position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe {position: absolute; top: 0; right: 0; width: 100%; height: 100%;}

/* ======= HEADER ======= */
header{width:100%; z-index: 9999; position: fixed; top: 0; background: rgba(255,255,255,0.9); border-bottom: 1px solid #EEE; letter-spacing: normal;}
header h1 img {width: 250px; margin-bottom: 22px;}

.headBox {display: flex; justify-content: center; align-items: flex-end; flex-direction: column;}
ul.headBoxNav {font-size: 0.9em; display: flex;}
ul.headBoxNav li { text-align: center; margin-left: 20px; letter-spacing: normal;}

.smlBtn {margin-right: 10px;}
.smlBtn button {border: 1px solid #EEE; background: #EEE; cursor: pointer; width: 30px; height: 30px;}
.smlBtn button.active {background: #7ac992; color: #FFF; border: 1px solid #7ac992;}

/* global nav */
#gnav {display: flex; justify-content: space-between; align-items: center; padding: 20px 3% 0;}
.nav-button-box {display: flex; text-align: center; width: 100px; height: 100px; z-index: 50; background: #1e2e46; color: #FFF; flex-direction: column; align-content: center; justify-content: center; align-items: center;}
.nav-button-box p {font-size: 0.5em;text-align: center; margin-top: 5px;}
.nav-button {display: block; cursor: pointer; }

nav.nav01 {display: flex; margin-bottom: 20px; align-items: center;}
nav.nav01 p {font-size: 12px; margin-right: 10px;}

ul.nav01Btn {display: flex;}
ul.nav01Btn li a {padding: 6px 0; width: 100px; display: block; text-align: center; border-radius: 50px; color: #FFF; font-weight: bold; font-size: 0.8em;}
ul.nav01Btn li a:hover{background: #EEE;}
ul.nav01Btn li:nth-child(1) a {background: #7ac992; margin-right: 10px;}
ul.nav01Btn li:nth-child(2) a {background: #ff95ac; }

/*メニューボタンのエフェクト*/
.nav-button span { display: inline-block; transition: all 0.4s; box-sizing: border-box;}
.nav-button { z-index: 20; position: relative; width: 40px; height: 36px;}
.nav-button span {position: absolute; left: 0; width: 100%; height: 4px; background-color: #FFF; border-radius: 4px;}
.nav-button span:nth-of-type(1) {top: 0;}
.nav-button span:nth-of-type(2) {top: 16px;}
.nav-button span:nth-of-type(3) {bottom: 0;}

.nav-button.active span:nth-of-type(1) {-webkit-transform: translateY(16px) rotate(-45deg);transform: translateY(16px) rotate(-45deg);}
.nav-button.active span:nth-of-type(2) {opacity: 0;}
.nav-button.active span:nth-of-type(3) {-webkit-transform: translateY(-16px) rotate(45deg);transform: translateY(-16px) rotate(45deg);}

/* 展開後 */
.nav-wrap {display:none; width: 100%; height: 100%; padding: 0; box-sizing: border-box; z-index: 10; }
.navBox {display: flex; width: 100%; height: 100vh; background: #FFF; box-sizing: border-box; position: fixed; top: 0; right: 0;}
.navCont {display: flex; padding-bottom: 30px; border-bottom: 1px solid #F5F5F5; margin-bottom: 30px;}
.navCont a {color: #F5F5F5;}
.navCont h3 {width: 30%; font-weight: bold; font-size: 18px; border: none; padding: unset; margin: 0;}
.navCont h3:after { display: none; }

/* メガメニュー */
.menu {display: flex; font-size:15px;}
.menu li {margin-left: 30px; display: flex; align-content: center; align-items: center; font-weight: 600;}
.menu-parent {font-weight: bold;}
.menu-parent_a {display: flex; text-align: center; align-items: center; }
.menu li a{padding-bottom: 20px;}

@media (hover: hover) {.menu-parent:hover .menu-parent_a{transition: all .3s;}}
.menu-child {display: none; position: absolute; top: 100%; left: 0; width: 100%; padding: 80px 0 90px; background: rgba(50,50,50,0.9); color: #FFF; text-align:center; }
.menu-child_ul{}
.menu-child_li {}
.menu-child p {font-size: 34px; font-weight: 300; display: flex; justify-content: center; flex-direction: column; align-items: center; }
.menu-child p:after{content:""; width:30px; height:2px; display:block; background: linear-gradient(120deg, rgba(29, 193, 193, 1) 10%, rgba(135, 85, 255, 1) 90%); margin:30px 0 40px;}
.menu-child .box {display: flex; justify-content: space-between; flex-wrap: wrap; padding: 0 10%; box-sizing: border-box;}
.menu-child .box a {color:#FFF; font-weight: normal; font-size: 15px; border-bottom: 1px solid #CCC; width: 30%; padding: 20px 0; text-align: left; position: relative;}
.menu-child .box a:hover{color:#CCC;}
.menu-child .box a i{position:absolute; right:0;}

/* ======= FOOTER ======= */
footer { background: #22b597; width: 100%; color: #FFF; padding: 70px 0 50px; text-align: center;}
footer h1 {font-size: 2em; font-weight: bold; margin-bottom: 10px;}
.footbox01 {margin-bottom: 30px;}
.footbox02 {width: 90%; margin: 0 auto; font-size: 0.9em; padding: 20px 0;}
.footbox02 ul {border-top: 1px solid #FFF; border-bottom: 1px solid #FFF; padding: 10px 0; display: flex; justify-content: center;}
.footbox02 ul li a {letter-spacing: normal; color: #FFF; margin: 0 10px;}
.footbox02 ul:last-child {border: none; font-size: 0.8em;}
p.copyRights {font-size: 12px; text-align: center; color: #FFF;  padding: 20px 0 0;}

/*  ======= TOP =======  */
section.wrapCont {width: 90%; max-width: 1400px; min-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
#container.toppage {z-index: 1; position: relative;}

.toppage p {text-align: justify;}

h3 {border-bottom: solid 1px #DDD; position: relative; font-size: 1.4em; padding: 16px 0; margin-bottom: 32px; font-weight:bold;}
h3:after {position: absolute;  content: " ";  display: block;  border-bottom: solid 1px #22b597; bottom: -1px; width: 100px;}
h4 {font-size: 1.4em; margin-bottom: 16px; padding-left: 16px;}
h5 {font-size: 1.4em; margin-bottom: 16px;}
h6 {font-weight: bold;}

/* TEASER */
#teaser {margin-top: 112px; position: relative; width: 100%; height: 600px; overflow: hidden;}
#teaser::before,#teaser::after {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 600px; background: url("img/top/teaser.jpg") center top no-repeat; background-size: cover;}
#teaser::before {animation: bgloop 20s linear infinite;}
#teaser::after {top: 100%; animation: bgloop 20s linear infinite;}
@keyframes bgloop {
  0%   { transform: translateY(0); }
  100% { transform: translateY(-100%); }
}
.teaserInr {position: relative; z-index: 20; width: 100%; padding: 215px 0 0; box-sizing: border-box;}
.teaserInr h2 {font-size: 50px; color: #FFF; text-align: center; font-weight: bold;}
.maskBg {position: absolute; background: rgba(0,0,0,0.3); top: 0; width: 100%; height: 600px; z-index: 10;}

/* STAGE01 */
#stage01 {background: #F5F5F5; padding: 70px 0;}
#stage01 ul li img { height: 50px; width: auto; margin-bottom: 20px;}
#stage01 ul li a {background: #FFF; display: flex; align-items: center; font-weight: bold; width: 250px; height: 250px; margin: 0 20px 20px 0; border-radius: 50%; flex-direction: column; justify-content: center; align-content: space-between;}
#stage01 ul li a:hover {background: #CCC; color:#FFF;}
#stage01 ul li:nth-child(1) {flex-grow: 1;}
#stage01 ul li:nth-child(2) {width: 580px; display: flex; flex-wrap: wrap; align-content: center; justify-content: flex-end; align-items: center;}
#stage01 table th {background: #FFF;}

/* STAGE02 */
#stage02 {padding:70px 0; position: relative;}
.topNews {display: flex; align-content: flex-start; justify-content: space-between; margin-bottom: 50px;}
.topNews a {border-bottom: 1px solid #CCC; display: block; padding: 16px 0; letter-spacing: normal;}
.topNews a span {margin-right: 20px;}
.topNews li {position: relative;}
.topNews a.newsBtn {border: none;}

/* STAGE03 */
#stage03 { margin-bottom: 70px;}
#stage03 ul.col5 li{width:20%;}
#stage03 ul {border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; text-align: center;}
#stage03 ul li { border-right: 1px solid #CCC;}
#stage03 ul li:last-child {border-right: none;}
#stage03 ul li img {width: 150px; margin-bottom: 30px;}
#stage03 ul li img.arrow{width: 30px; margin-bottom: 0;}
#stage03 ul li a { display: block; padding: 50px; position: relative; overflow: hidden; z-index: 0; color: #333; text-decoration: none; }
#stage03 ul li a::before { content: ""; position: absolute; top: 50%; left: 50%; width: 0; height: 0; background: #f5f5f5; border-radius: 50%; transform: translate(-50%, -50%); transition: width 0.5s ease, height 0.5s ease; z-index: -1; }
#stage03 ul li a:hover::before { width: 250%; height: 250%; }
#stage03 ul li a:hover { color: #333; }
#stage03 h5 {font-size: 1em; font-weight: bold;}

/* STAGE04 */
#stage04 { margin-bottom: 70px;}
#stage04 ul {display: flex; justify-content: center;}
#stage04 a {display: block; background: #FFF; padding: 50px 0; text-align: center; border: 1px solid #CCC; border-radius: 50px; padding: 10px 20px; margin: 0 10px;}
#stage04 a:hover{background: #EEE;}

/* STAGE05 */
#stage05 {margin-bottom: 70px; position: relative; }
h4.pinkBar {border: none; color: #ff95ac; font-weight: bold; padding: 0; text-align: center; margin-bottom: 70px;}
#stage05 ul li img {border-radius: 15px; margin-bottom: 20px;}
#stage05 a.grnBtn {width: 100%; font-size: 0.9em;}

/* STAGE06 */
#stage06 {margin-bottom: 70px; position: relative;}


/* ======= PAGES ======= */
#container.page {width: 100%; padding: 100px 0;}
#container.page img{border-radius:15px; }
.page section.wrapCont {width: 1100px; max-width: 1400px; min-width: 1100px; margin: 0 auto; position: relative; z-index: 1;}

#container.post {margin: 50px 0 100px;}

.page h3 {border-bottom: solid 1px #DDD; position: relative; font-size: 1.4em; padding: 16px 0; margin-bottom: 32px; font-weight:bold;}
.page h3:after {position: absolute;  content: " ";  display: block;  border-bottom: solid 1px #22b597; bottom: -1px; width: 100px;}
.page h4 {position: relative; padding-left: 1.5em;  font-weight: bold; font-size: 1.4em; margin-bottom: 16px;}
.page h4::before {content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 0.5em; height: 0.5em; border-radius: 50%; border: 6px solid #7ac992;}
.page h5 {font-size: 1.4em; margin-bottom: 16px; color: #22b597; font-weight: bold;}
.page h6 {font-weight: bold;}

.page-title {position: relative; width: 100%; padding: 60px 0; text-align: left; margin: 113px auto 10px; box-sizing: border-box; background: #22b597;}
.page-title h2 {font-size: 36px; font-weight: bold; text-align: center; color: #FFF;}
.page-title h2 span {display: block; font-weight: 100; font-size: 13px;  margin-top: 10px;}
.page-title img {position: absolute; width: 400px; right: 0; bottom: -47px;}

ul.boxList li {font-size: 1.1em; font-weight: bold; border-bottom: 1px solid #CCC; padding-bottom: 10px; margin-bottom: 10px;}
ul.boxList li span {font-size: 0.9em; font-weight: normal; display: block;}
ul.boxList li:last-child{border-bottom: none; padding-bottom: 0; margin-bottom: 0;}

ul.boxNumberList { margin-bottom: 0;}
ul.boxNumberList li {border: 1px solid #CCC; box-sizing: border-box; margin-bottom: 20px; padding: 20px; display: flex; align-items: center;}
ul.boxNumberList li span {width: 50px; height: 50px; background: #22b597; display: flex; justify-content: center; align-items: center; color: #FFF; font-weight: bold; margin-right: 20px; flex-shrink: 0;}
ul.boxNumberList li h5 {width: 200px; margin: 0; flex-shrink: 0; }
ul.boxNumberList li p {flex: 1; margin: 0; word-break: break-word;}

.breadCrumb {font-size: 12px; letter-spacing: normal; padding: 0 10px;}

.basebox {margin-bottom: 50px; }
.basebox p{margin-bottom: 30px; text-align: justify;}
.basebox p:last-child {margin: 0;}
.basebox p span {color: #7ac992;}
.basebox ul{margin-bottom: 50px;}
.basebox ul:last-child {margin: 0;}
.basebox table{margin-bottom: 30px;}
.basebox table:last-child {margin: 0;}

.bgGlay ul:last-child {margin: 0;}
.basebox .bgGlay h5 {margin-bottom:5px;}
.basebox .bgGlay p {margin-bottom:5px;}
.basebox .bgGlay p span {font-weight: normal; color:#333; }

ul.col2{display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.col2 li{width:48%;}
ul.col2:after {content: ""; display: block; width: 32%; height: 0;}
ul.col2 img{width:100%;}
ul.col2.reverse {display: flex; flex-direction: row-reverse;}
ul.col3{display: flex; justify-content: space-between;flex-wrap: wrap;}
ul.col3 li{width:32%;}
ul.col3:after {content: ""; display: block; width: 32%; height: 0;}
ul.col3 img{width:100%;}
ul.col4{display: flex; flex-wrap: wrap; justify-content: space-between;}
ul.col4 li{width:23%; margin:0 0 30px 0;}
ul.col4:after {content: ""; display: block; width: 23%; height: 0;}
ul.col4:before {content: ""; display: block; width: 23%; order: 1;}
ul.col5 {display: flex; justify-content: space-between; letter-spacing: normal;}
ul.col5 li {width: 18%;}
ul.col6 li {width: 15%;}
ul.col6 {display: flex; justify-content: space-between;}

a.newsBtn {background: #7ac992; font-weight: bold; position: absolute; right: 0; top: 0; color: #FFF; padding: 10px 20px; border-radius: 50px; font-size: 0.9em;letter-spacing: normal;}
a.newsBtn:hover{background: #EEE; color:#CCC;}

a.grnBtn {width: 70%; display: block; margin: 0 auto; background: #7ac992; text-align: center; font-weight: bold; color: #FFF; padding: 20px 0; border-radius: 50px;letter-spacing: normal;}
a.grnBtn:hover{background: #EEE; color:#CCC;}
.w100 a.grnBtn{width:100%; }
.ml20 a.grnBtn{margin-bottom:20px; }

/**** 外来診療 ****/
ul.outNav01.col3 {width: 70%; margin: 0 auto;}
ul.outNav01 img {width: 80%; display: block; margin: 0 auto 15px;}
ul.outNav01 li a {display: block; text-align: center; font-weight: bold;}
ul.outNav02 li a:hover{background: #EEE; color:#CCC;}

ul.outNav02 li a {background: #007195; color: #FFF; display: block; text-align: center; padding: 15px; border-radius: 50px; margin-bottom: 20px;}
ul.outNav02 li a:hover{background: #EEE; color:#CCC;}

/**** アクセス ****/
#access02 ul {display: flex; align-items: center;}
#access04 h4 {margin: 0; font-size: 1.1em;}
#access04 a.grnBtn {margin: 0; width: 50%;}
#access05 a.grnBtn {width: 100%;}

/**** HOSPITALIZATION ****/
ul.outNav03 li a{display: block; border: 1px solid #CCC; border-radius: 50px; padding: 15px 0; text-align: center;}
ul.outNav03 li a:hover {background: #EEE; color: #CCC;}
ul.borderBox li {border: 1px solid #CCC; padding: 30px;  box-sizing: border-box;}
#hos02 .basebox ul li img {margin-bottom: 10px;}
#hos02 .basebox .bgGlay span {color: #22b597;}

/**** 健康診断 ****/
.pub01 a.grnBtn{width:100%;}

/**** 病院紹介 ****/
.about01.basebox p {text-align: center; line-height: 2.5; font-weight: bold;}
.basic-table.about td.column-1 { background: #F5F5F5;　white-space: nowrap;}
.about02.basebox {position: relative;}
.about02.basebox ul li a.grnBtn {width: 100%;}
.about03 {width: 90%; max-width: 1400px; min-width: 1200px; margin: 0 auto; position: relative; z-index: 1;}
#container.page .about03 img {border-radius: 0;}

/**** 看護部 ****/
.page-title.kangobu {background: #ff95ac;}
.kangobu ul.outNav02 li a {background: #7ac992;}
.kangobu.page h3:after {border-bottom: solid 1px #ff95ac;}
.kangobu.page h5 {font-size: 1.2em; color: #ff95ac;}
.kangobu.page h5 span{color: #333;}
.kangoTitle1 { margin: 30px 0;}
#kangobu03 ul li img {margin-bottom: 30px;}
.kangobu.page h4::before {border: 6px solid #ff95ac;}
img.kangoTitle2 {width: 500px; margin: 70px auto 0; display: block;}
#container.page #kangobu05 ul li img {border-radius: 50%;}
#kangobu05 a.grnBtn {width: 100%; margin-top: -50px; z-index: 100; position: relative;}
img.kangoTitle3 {display: block; width: 600px; margin: 70px auto 0;}
#kangobu06 a.grnBtn {width: 100%;}
.kangobu .bgGlay {background: #ffeff4;}

/**** CONTACT ****/
span.wpcf7-list-item-label {color: #333!important;}
input.wpcf7-form-control.wpcf7-submit.has-spinner {width: 100%; padding: 15px 0; background: #7ac992; border-radius: 50px; color: #FFF;}
.wpcf7-form table th p span {background: #ffacbe; color: #FFF; font-size: 11px; padding: 3px 10px; margin-right: 10px;}
.wpcf7-form table input,
.wpcf7-form table textarea,
.wpcf7-form table select{width: 100%; border: 1px solid #EEE; background: #F5F5F5; padding: 10px; box-sizing: border-box; border-radius: 5px;}
.wpcf7-form table input[type="checkbox"] {width: auto;}
.wpcf7-form table input[type="radio"] {width: auto;}

/* ======= CATEGORY ======= */
.catNews a {display: flex; align-items: center;  border-bottom: 1px solid #EEE;}
.catNews a p {margin-right: 15px; margin-bottom: 0;}
.catNews h3:after {border: none;}
.catNews h3 {border: none; margin: 0; font-size: 1em; font-weight: normal;}

.selectbox-002 {position: relative;}
.selectbox-002::before,
.selectbox-002::after {position: absolute; content: ''; pointer-events: none;}
.selectbox-002::before {right: 0; display: inline-block; width: 2.8em; height: 2.8em; border-radius: 0 3px 3px 0; background-color: #a8a8a8; content: '';}
.selectbox-002::after {position: absolute; top: 50%; right: 1.4em; transform: translate(50%, -50%) rotate(45deg); width: 6px; height: 6px; border-bottom: 3px solid #fff; border-right: 3px solid #fff; content: '';}
.selectbox-002 select {appearance: none; -webkit-appearance: none; -moz-appearance: none; min-width: 230px; height: 2.8em; padding: .4em 3.6em .4em .8em; border: 2px solid #a8a8a8; border-radius: 3px; color: #333333; font-size: 1em; cursor: pointer;}
.selectbox-002 select:focus {outline: 1px solid #a8a8a8;}

/**** 採用 ****/
.saiyo #stage07 {background: none; padding: 0;}
.saiyo #stage07 ul li a {box-shadow: 0 0 10px 0px #CCC;}

ul.saiyolist {margin-bottom: 50px;}
ul.saiyolist li {border-bottom: 1px solid #CCC;}
ul.saiyolist li a {display: block; padding: 10px 0;}
ul.saiyolist li a span {background: #1e2e46;color: #FFF; font-size: 11px; padding: 1px 5px; margin-right: 13px;}

/* ======= SINGLE PAGE ======= */
#container.singlepage {width: 100%; padding: 100px 0 70px;}
.singlepage section.wrapCont {width: 1100px; max-width: 1400px; min-width: 1100px; margin: 0 auto; position: relative; z-index: 1;}

.single-postbox {border-bottom: 2px solid #22b597; margin-bottom: 50px;}
.single-postbox h3 {border-bottom: 2px solid #22b597;}
.single-postbox h3:after {border: none;}

.cat_paging {width: 100%; position: relative; overflow: hidden; text-align: center;}
.cat_paging p {margin-bottom: 20px;}
.cat_paging a {border: 1px solid #EEE; display: block; padding: 15px 0; border-radius: 5px;  font-family: nNoto sans-serif;  font-size: 0.9em;}
.cat-back {border-top: 2px solid #c69c6d;  padding: 50px 0;}

.alignLeft {float: right; width: 30%;}
.alignCenter {position: absolute; width: 30%; left: 35%;}
.alignRight {float: left; width: 30%;}

.rekated-title {position: relative;}
.rekated-title p {padding: 15px 0;}
.rekated-title a {border-bottom: 1px solid #CCC; display: block;}
.rekated-title a.newsBtn {border: none;}
.rekated-title p span {color: #333;}
.rekated-title a.grnBtn {border: none;}

/* 投稿エリアの設定 */
#editor-area a{color:#c69c6d;}
#editor-area a:hover{background:#EEEEEE;}
#editor-area a.blackBtn {color: #FFF!important;}
#editor-area img{max-width: 100%; height:auto; display:block;}
#editor-area h4 {border-bottom: solid 1px #CCC; position: relative; font-size: 1.4em; padding: 16px 0; margin-bottom: 32px; border-left: none;}
#editor-area h4:after {  position: absolute;  content: " ";  display: block;  border-bottom: solid 1px #22b597; bottom: -1px; width: 100px;}
#editor-area h5 {font-weight:bold; font-size: 1.4em; margin-bottom: 16px; border-left: 4px solid #22b597; padding-left: 16px;}
#editor-area h6 {font-weight:bold; font-size: 1.4em; margin-bottom: 16px; color:#22b597;}
#editor-area p{margin-bottom:30px; line-height: 1.8em; }
#editor-area strong{font-weight:bold;}
#editor-area ul{margin: 30px 0 30px 5px;}
#editor-area ul li{margin: 2px 0 2px 15px;  list-style: disc;}
#editor-area table{ width: 100%; border-collapse: collapse; margin-bottom:30px;}
#editor-area table th {background-color: #F5F5F5; border: 1px solid #CCC; padding: 20px; box-sizing: border-box;}
#editor-area table td {border: 1px solid #CCC; padding: 20px; box-sizing: border-box;}
#editor-area blockquote{padding: 20px; margin-bottom:30px; background:#EEEEEE;}
#editor-area blockquote p{margin:0px !important;}
#editor-area div.borderbox{border:1px dotted #CCC; padding: 20px; margin-bottom:30px;}
#editor-area div.borderbox p{margin:0px !important;}
#editor-area div.borderbox ul{margin:0px !important;}

#editor-area iframe::before { content: "<div>";}
#editor-area iframe::after { content: "</div>";}


@media screen and (max-width: 1279px) {
 /*　================================ for ipad ================================　*/

}

@media screen and (max-width: 768px) {
 /*　================================ for iphone ================================　*/

/* HEAD */
html,body { height: 100%; width: 100%; min-width: 100%; font-size: 14px;}
section.w1080 {width:90%; margin: 0 auto;}
.pagetop{bottom:10px; right:10px; z-index: 2;}
section.wrapCont {width: 90%; min-width: auto;}	

.sp{display:block!important;;}
.pc{display:none!important;}
.mb50 {margin-bottom: 20px;}
.mt50 {margin-top: 50px;}
.button {padding: .9em 30%;}
.jump{margin-top:-142px; padding-top:142px;}

/* header */
header { padding-bottom: 0;}
header h1 {padding: 0 0 0 20px;}
header h1 img {width: 250px; margin: 0;}
.nav-button {width: 43px; height: 30px; margin: 0 auto;}
.nav-button-box {width: 75px; height: 75px; background: #7ac992; z-index: 9999; position: relative;}
.nav-button span {background-color: #FFF;}
.nav-button-box p {font-size: 11px;}
.nav-button span:nth-of-type(2) {top: 13px;}
.nav-button.active span:nth-of-type(1) {-webkit-transform: translateY(16px) rotate(-45deg); transform: translateY(16px) rotate(-30deg);}
.nav-button.active span:nth-of-type(3) {-webkit-transform: translateY(-10px) rotate(45deg); transform: translateY(-10px) rotate(30deg);}
.navBox {width: 100%; height: 100vh;  background-color: rgba(255,255,255,0.9); padding: 100px 0 0; display: block; position: fixed; top:0; right: 0;}
.nav-wrap {position: fixed;}
#gnav {display: flex; justify-content: space-between; align-items: center; align-content: center; padding: 0;}
nav.nav01 {display: none;}
nav.nav02 {display: none;}
.navBox .accordion {margin: 0 auto; width: 90%;}
.navBox .title {padding: 20px 0;}
.navBox .noLink {padding: 20px 0; display: block; font-weight: bold; cursor: pointer; position: relative;}
.navBox .content {padding: 0 0 10px 0;}
.navBox .content a {display: inline-block; padding: 10px 0; width: 47%; background: #EEE; margin: 2px 1px; text-align: center; font-size: 12px; }

/* footer */
footer {padding: 30px 0 30px;  text-align: center;}
.footbox01 {width: 100%; margin-bottom: 30px; padding: 0 5%; box-sizing: border-box;}
.footbox01 p {font-feature-settings: "palt"; font-size: 13px; }
.footbox02 {width: 100%; padding: 0;}
.footbox02 ul {border-top: none; border-bottom: none; padding: 0; display: flex; justify-content: center; flex-direction: column;}
.footbox02 ul:first-child li a {color: #333; display: block; background: #FFF; padding: 10px; border-bottom: 1px solid #CCC;margin: 0;}
.footbox02 ul:last-child {border: none; font-size: 0.8em; display: flex; flex-wrap: wrap; flex-direction: row;}
p.copyRights {font-size: 11px; text-align: center;color: #FFF; padding: 20px 0 0; font-feature-settings: "palt"; letter-spacing: normal;}

/* 共通 */
.basebox {margin-bottom: 30px;}

a.grnBtn {width: 90%; position: relative;}
a.grnBtn span {display: block;}
a.grnBtn i {position: absolute; right: 20px; top: 40%;}
/* TEASER */
#teaser {height: 300px; margin-top: 75px; display: flex; align-items: center; align-content: center; justify-content: center;}
.teaserInr {padding: 0; display: flex; justify-content: center; align-items: center;}
.teaserInr h2 {font-size: 22px; text-align: center;}

/* STAGE01 */
#stage01 {padding: 30px 0;}
#stage01 ul li:nth-child(2) {width: 100%; margin: 0; justify-content: space-between; display: flex;  flex-wrap: wrap;}
#stage01 ul li a {width: 150px; height: 150px; margin: 0 auto 20px;}

/* STAGE02 */
#stage02 {padding: 30px 0;}
.topNews {display: flex; gap: 0 10px; align-content: flex-start; justify-content: space-between; margin-bottom: 30px; flex-wrap: wrap;}
.topNews h3 {margin: 0;}
.topNews a span {margin-right: 0; display: block;}
a.newsBtn {margin-top: 10px;}
#stage02 .bgglay ul {display: flex; justify-content: center; flex-wrap: wrap;}

/* STAGE03 */
#stage03 {margin-bottom: 30px;}
#stage03 ul {text-align: center; display: flex;flex-direction: column;}
#stage03 ul.col5 li {width: 100%; display: flex; flex-wrap: wrap; border-bottom: 1px solid #CCC; border-right: none;}
#stage03 ul.col5 li:last-child{border-bottom: none;}
#stage03 ul li img {width: 30%; height: auto; margin: 0;}
#stage03 ul li a {display: flex; padding: 20px 5%; align-content: center; align-items: center; flex-direction: row; width: 100%;}
#stage03 h5 {margin: 0 0 0 30px;}
#stage03 ul li img.arrow {width: 20px; margin-bottom: 0; position: absolute; right: 25px;}

/* STAGE04 */
#stage04 {margin-bottom: 30px;}
#stage04 a {display: block; padding: 15px 0; margin: 0;}
#stage04 ul {display: flex;justify-content: center; flex-wrap: wrap; justify-content: space-between;}
#stage04 ul li {width: 49%; margin-bottom: 10px;}

/* STAGE05 */
#stage05 {margin-bottom: 0; position: relative; text-align: center;}
h4.pinkBar {margin-bottom: 40px;}
h4.pinkBar span {display: none;}
#stage05 ul.col4 li {width: 48%;}
#stage05 a.grnBtn {font-size: 11px; font-feature-settings: "palt";}

/* STAGE06 */
#stage06 {margin-bottom: 30px; position: relative;}

/* =====PAGE===== */
#container.page {width: 100%;margin-bottom: 0; box-sizing: border-box; padding: 30px 0 20px;}
.page section.wrapCont {width: 100%; padding: 0 5%; box-sizing: border-box; max-width: 100%; min-width: auto;}
#container.singlepage {width: 100%;margin-bottom: 0; box-sizing: border-box; padding: 30px 0 20px;}
.singlepage section.wrapCont {width: 100%; padding: 0 5%; box-sizing: border-box; max-width: 100%; min-width: auto;}

.page-title {display: flex; min-height: auto; padding: 0; margin: 75px auto 50px; height: 200px; align-items: center; justify-content: center;}
.page-title h2 {font-size: 20px;  padding: 0;}
.page-title h2 span {font-size: 11px; margin-top: 1px;}
.page-title img {width: 260px; bottom: -31px;}

.page h3 {font-size: 18px; padding: 0 0 10px 0; margin-bottom: 15px; font-feature-settings: "palt";}
.page h4 {font-size: 16px; font-feature-settings: "palt";}
.page h5 {font-size: 16px; font-feature-settings: "palt";}

.basebox p {margin-bottom: 20px;}
.basebox ul {margin-bottom: 20px;}
.basebox ul li:last-child {margin: 0;}

.breadCrumb {font-size: 10px; padding: 0 5%;}

ul.col2 {flex-direction: column; }
ul.col2 li{width:100%; margin-bottom: 20px;}
ul.col2:last-child {margin-bottom: 0;}
ul.col2.reverse {display: flex; flex-direction: column;}
ul.col3 {flex-direction: column;}
ul.col3 li{width:100%; margin-bottom: 20px;}
ul.col3:last-child {margin-bottom: 0;}
ul.col6 {justify-content: space-between; flex-direction: row; flex-wrap: wrap;}
ul.col6 li {width: 48%; margin-bottom: 20px;}

.basic-table {margin-bottom: 30px;}

.footBox01 {margin-bottom: 30px; padding: 30px 5%;}
.footBox01 h5 {padding-bottom: 20px; margin-bottom: 20px;}
.footBox01 p {font-size: 16px; margin-bottom: 20px;}
.footBox01 p span {font-size: 11px;}

img.arrow {width: 12px; height:12px;}
.pageNavi ul li a {padding: 8px 20px 8px 20px;}
.pageNavi ul li a img {right: 10px;}

/* ABOUT */
.about01.basebox p {text-align: justify; line-height: 1.5; font-weight: bold;letter-spacing: normal;}
.about01.basebox p br {display: none;}
.about03 {width: 90%; max-width: 100%; min-width: auto;}
.about02.basebox h3 {padding: 15px 0;}

/* HOSPITALIZATION */
.hospital02-1 ul.col3 {margin-bottom: 0;}

/* 外来診療 */
ul.outNav01.col3 {width: 100%;}
ul.outNav01 img {width: 30%;display: block; margin: 0 30px 0 0;}
ul.outNav01 li a {display: flex; text-align: center; font-weight: bold; align-items: center; border-bottom: 1px solid #CCC; padding-bottom: 20px;}
ul.outNav01 li:last-child a{border-bottom: none; padding-bottom: 0;}
ul.outNav01 li:last-child {margin-bottom: 0;}
ul.outNav02.col3 {display: flex; flex-wrap: wrap; flex-direction: row; justify-content: space-between;}
ul.outNav02.col3 li {width: 49%; font-feature-settings: "palt"; font-size: 13px; letter-spacing: normal; margin-bottom: 10px;}
ul.outNav02 li a {margin-bottom: 0;}
ul.boxList li {font-size: 14px;}
ul.outNav02.col4 li {width: 49%; margin: 0 0 10px;}

/* 部署 */
.basebox.rekated-title h3 {padding: 15px 0;}
ul.outNav03.col4 li {width: 49%; margin-bottom: 10px; letter-spacing: normal; font-size: 13px;}
img.kangoTitle2 {width: 250px; margin: 50px auto 0;}
img.kangoTitle3 {width: 250px; margin: 50px auto 0;}
#container.page #kangobu05 ul li img { width: 30%;}
#kangobu05 a.grnBtn {width: 60%; margin: 0; z-index: 100; position: relative;}
#kangobu05 ul li {display: flex; align-items: center;justify-content: space-around;}

/* 入院について */
ul.boxNumberList li {display: flex; flex-wrap: wrap; width: 100%; }
ul.boxNumberList li span {flex: 0 0 50px; height: 50px; margin-right: 15px; display: flex; justify-content: center; align-items: center;}
ul.boxNumberList li h5{flex: 1 1 auto; display: block;  margin: 0; }
ul.boxNumberList li p {flex: 1 1 auto; display: block;  margin: 0; }
ul.boxNumberList li p:last-child {margin-top: 15px;}

/* 医療関係者の方へ */
ul.col2.w100.ml20 li {margin: 0;}

/* NEWS */
.catNews ul li a {align-items: flex-start; flex-direction: column;}
.catNews ul li a p {font-size: 11px;}
.catNews ul li a h3 {margin-bottom: 0; margin-left: 0; font-size: 15px; padding-bottom: 0;}



/* シングルページ */
.footBox02{padding: 30px;}
.footBox02 p {font-size: 19px; letter-spacing: normal;}

/* CONTACT */
.wpcf7 th {width: 100%; display: block; box-sizing: border-box;}
.wpcf7 td {display: block;}
table.table-entry th {padding: 20px 0; padding: 20px 0 0;}
td.hogokoumoku input {width: auto!important;}

/* =======CATEGORY======= */
.catNews a {display: flex; align-items: flex-start; border-bottom: 1px solid #EEE; flex-direction: column; padding: 10px 0;}
.page .catNews h3 {border: none;margin: 0; padding: 0; font-size: 1em;}

.catPage ul li h3 {font-size: 14px; color: #333; margin: 10px 0;}

.catWrap {display: flex; justify-content: flex-start; flex-direction: column;}
#leftBox { width: 100%;}
#rightBox {width: 100%; margin-bottom: 50px;}
.selectbox-002 select{width: 100%; min-width: 100%;}
.postCat ul li a {border: 1px solid #EEE; width: 100%; text-align: center; display: block; margin-bottom: 10px; padding: 10px; box-sizing: border-box; border-radius: 5px;}

/* =======POST AREA======= */
.cat-postbox h3 span {display: block; font-size: 0.8em; margin-bottom: 10px;}
.cat-postbox { padding: 10px 0;}
.cat-postbox li { padding: 20px 0; font-size: 0.9em;}
.cat-nav li {margin: 5px 5px; font-size: 0.8em;}

.single-postbox {padding: 0;  margin-bottom: 30px;}
.single-postbox h3 { font-size: 1.2em; margin-bottom: 30px;}
.single-postbox h3 span {margin: 0 10px 0 0;}

.cat_paging a {font-size: 12px; letter-spacing: normal;}
.cat-back {padding: 20px 0; margin-top: 30px;}

.tag-title {margin-bottom: 30px;}
.tag-title h3 {margin-top: 30px; margin-bottom: 30px; font-size: 1.5em;}

/* =======EDITOR AREA======= */
#editor-area p {font-size: 0.9em;}
#editor-area h4 {font-size: 1.1em !important; margin-bottom: 25px !important; }
#editor-area h5 {font-size: 1em; margin-bottom: 10px;}
#editor-area.saiyo table {border-bottom: 1px solid #CCC;}
#editor-area.saiyo table th {display: block; width: 100%!important; border-bottom: none;}
#editor-area.saiyo table td {display: block; width: 100% !important; box-sizing: border-box; border-bottom: none;}
#editor-area ul li{font-size:16px;}

.wp-pagenavi {margin-top: 0; margin-bottom: 50px;}

.access01 ul.col2 li:nth-child(odd) {margin: 0px;}
	.access01 ul li{width:100%;}

table.tablepress {white-space: nowrap; font-size: 13px!important; border: 1px solid #EEE; border-bottom: none;}
table.tablepress td{font-size: 13px!important; -webkit-text-size-adjust: 100%;}

#editor-area table.tablepress {display: table;}
#editor-area table.tablepress td {border-bottom: 1px solid #EEE;  padding: 5px 15px; white-space: normal; display: table-cell;  width: auto!important; }

}

@media (orientation: landscape) and (max-height: 450px) {
 /*　================================ for 横向き ================================　*/

}
.grecaptcha-badge { visibility: hidden; }