@charset "utf-8";
/*
theme Name: 宇治徳洲会病院_2022
Author: 宇治徳洲会病院
Description: original theme
version： 1.0.0
*/


/*cssのリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,table,caption,
tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,
figcaption,figure,footer,header,hgroup,menu,nav,section,
summary,time,mark,audio,video {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	border: 0;
	outline: 0;
	background: transparent;
}
body {
	line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display: block;
}
nav ul {
	list-style: none;
}
blockquote,
q {
	quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}
a {
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	background: transparent;
}
ins {
	text-decoration: none;
	color: #000;
	background-color: #ff9;
}
mark {
	font-weight: bold;
	font-style: italic;
	color: #000;
	background-color: #ff9;
}
del {
	text-decoration: line-through;
}
abbr[title],
dfn[title] {
	cursor: help;
	border-bottom: 1px dotted;
}
table {
	border-spacing: 0;
	border-collapse: collapse;
}
hr {
	display: block;
	height: 1px;
	margin: 1em 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}
/*cssのリセット---end*/



/* サイト全体の基準となるCSSを記述 */
*{
	text-decoration: none;
	font-size: 16px;
	scroll-padding-top: 100px;
	box-sizing: border-box;
}
*::before, *::after {
	box-sizing: border-box;
}
html {
	font-size: 16px;/* サイト全体の文字サイズの指定 */
}
body {
	font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-family: 'Noto Sans JP', sans-serif;/* サイト全体のフォントの指定 */
	line-height: 1;/* サイト全体の行間の指定 */
	margin: 0;
	padding: 0;
	color: #666666;/* サイト全体のデフォルトとなる文字の色を指定 */
	background-color: #fff;/* サイト全体の背景色 */
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;/* サイト全体の見出しを全て太字で表示 + 文字色を黒に */
	color: #666666;
}
img {
	max-width: 100%;
	height: auto;
}
.alignright{/* 記事内画像の右寄せ */
	display: block;
	margin: 0 0 0 auto;
}
.alignleft{/* 記事内画像の左寄せ */
	display: block;
	margin: 0 auto 0 0;
}
.aligncenter{/* 記事内画像のセンタリング */
	display: block;
	margin: 0 auto;
}
.video-youtube {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 9;
	max-width: 100%;
}
/* reCAPTCHA関連 */
.grecaptcha-badge {/* reCAPTCHAバッジの非表示化 */
	visibility: hidden;
}
.recaptcha {/* フォーム下のテキスト調整 */
	display: block;
	text-align: center;
	width: 100%;
	color: #999;
	font-size: 14px !important;
	line-height: 1.7 !important;
	margin-top: 1.2rem;
	margin-bottom: 1.6rem;
}
.recaptcha a {
	color: #007bff;
	text-decoration: underline;
}
@media screen and (max-width: 750px) {
	.recaptcha {
		font-size: 12px !important;
	}
}
/*サイト全体の基準となるCSSを記述---end*/


/*main共通*/
main{
	width: 100%;
	padding-top:90px;/* ヘッダーの高さ分開ける */
}

.content-wrap{
	display:flex;
	justify-content:space-between;
	width:1400px;
	margin:0 auto;
	margin-top:40px;
	padding-bottom:40px;
}

.main-inner{
	width: calc(100% - 350px);
	min-height: 700px;
	box-sizing:border-box;
}

/*タブ切り替え共通*/
.tab-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	cursor: pointer;
	box-sizing: border-box;
	margin-bottom: 20px;
}
.tab-area:before {
    content: "";
    display: block;
    width: calc(100% / 4 - 10px);  /* .tab-area .tab に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
.tab-area:after {
    content: "";
    display: block;
    width: calc(100% / 4 - 10px);  /* .tab-area .tab に指定したwidthと同じ幅を指定する */
    height: 0;
}
.tab-area .tab {
	display: block;
	text-align: center;
	white-space: nowrap;
	width: calc(100% / 4 - 10px);
	padding: 10px 15px;
	border-radius: 3px;
	border: 1px solid #ccc;
	white-space: nowrap;
	background-color: #fff;
	transition:ease 0.2s opacity;
	box-sizing: border-box;
	margin-bottom: 10px;
	overflow: hidden;
}
.tab-area .tab:hover{
	border: 1px solid #0cb59b;
	background-color: #e5efee;
}
.tab-area .tab.active {/* アクティブなタブ */
	color: #fff;
	font-weight: bold;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
	border: none;
}
.tab-area .tab.active:hover{
	opacity:1;
	cursor: default;
}

.content-area {
	width: 100%;
	box-sizing: border-box;
}
.content-area .content {
	display: none;
}
.content-area .content.show {/* アクティブなコンテンツ */
	display: block;
}
/*タブ切り替え共通---end*/

/*アニメーション*/
@keyframes fade-in{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}
/*アニメーション---end*/
/*main共通---end*/


/* -------------------------TIS追記分　ここから -------------------------*/
/* ポップアップ表示
-------------------------------------------------- */
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 99999;
  opacity: 0;
  visibility: hidden;
  transition: .6s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}

.popup .popup-inner {
  position: absolute;
  left: 50%;
  top: 45%;
  transform: translate(-50%,-50%);
  width: 55%;
  /* width: 40%; */
  padding: 40px 40px 40px 40px;
  background-color: #fff;
  z-index: 2;
  overflow: auto;
  box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
  /* max-height: 700px; */
  max-height: 600px;
}
.popup .popup-inner p{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
.popup .popup-inner p.day{
  text-align: right;
  margin-top: 50px;
}
.popup .popup-inner img {
  width: 100%;
}
.popup .close-btn {
  position: absolute;
  right: 0;
  top: 0;
  width: 50px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.popup .close-btn i {
  font-size: 25px;
  color: #333;
}
.popup .black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.5);
  z-index: 1;
  cursor: pointer;
}
.popup h1 {
	text-align: center;
	color:000;
	margin-bottom: 2em;
  margin-top: 0.8em;
  font-size: 1.6rem;
}
.popup h2 {
	font-size: 1.4em;
	margin: 0.4em 0;
  color: red;
	font-weight: bold;
}
.popup .red-b {
  font-weight: bold;
  color: red;
}
 .box01 {
	background-color: #f3f3f3;
	padding: 15px;
	margin-bottom: 1em;
  border-radius: 5px;
}
 .under-web-reserve {
	background-color: #fff!important;
}

.under-web-reserve ul{
	border: none!important;
	padding: 0!important;
}
.under-web-reserve ul li{
	padding: 0!important;
}

 .box01 ol.number {
  margin-top: 20px;
  margin-bottom: 20px;
  counter-reset: my-counter;
  list-style: none;
}
 .box01 ol.number li{
  margin-bottom: 10px;
   padding-left: 30px;
   position: relative;
   font-weight: bold;
}
 .box01 ol.number li:before {
  content: counter(my-counter);
  counter-increment: my-counter;
  background-color: #BBB;
  color: #FFF;
  display: block;
  float: left;
  line-height: 22px;
  margin-left: -30px;
  text-align: center;
  height: 22px;
  width: 22px;
  border-radius: 50%;
}

.popup .sp{
	display: none;
}

/*ポップアップ内 Web診療予約告知*/
 .box01.web-reserve {}
 .box01.web-reserve p ,
 .box01.web-reserve dl ,
 .box01.web-reserve ul {
    font-size: 1rem;
    font-weight: normal;
    margin-bottom: .5rem;
    text-align: left;
}
 .box01.web-reserve > p {
    text-align: center;
}
 .box01.web-reserve ul li {
    list-style-position: inside;
}
 .box01.web-reserve div.web_reserve {
    margin: 2rem auto;
    width: 100%;
}
 .box01.web-reserve div.web_reserve a {
    margin: 0 auto;
    width: 95%;
}
 .box01.web-reserve div.web_reserve a::after {
    height: 80px;
    width: 80px;
}
 .box01.web-reserve dl.attention {
    border-bottom: #f00 double 3px;
    border-top: #f00 double 3px;
    padding: 1rem;
}
 .box01.web-reserve dl.attention dt {
    color: #f00;
    font-weight: bold;
    padding: 0 0 .25rem;
}

 .box01.web-reserve dl.attention-list dt{
	border-bottom: dashed 1px #f00;
	/* font-size: 0.95em; */
	margin-bottom: 10px;
	font-weight: 450;
}

 .box01.web-reserve dl.attention-list dt::before{
	content: '◎';
	color: #f00;
	margin-right: 8px;
}

 .box01.web-reserve .m20-b{
margin-bottom: 20px;
}

 .box01.web-reserve .m10-b{
    margin-bottom: 10px;
    }


/*TOP メインビジュアル下 Web診療予約告知*/
#contents-wrap #changeArea .top-web{
    display: none;
}

    
/* ------------------------------------------
　TOP・下層 共通 - WEB診療予約バナーボタン
-------------------------------------------- */
	.web_reserve a {
    align-items: center;
	 /* 方眼紙模様に必須のスタイル */
  background-image: linear-gradient(0deg, transparent calc(100% - 1px), rgba(12, 181, 155, 0.2) calc(100% - 1px)),
                    linear-gradient(90deg, transparent calc(100% - 1px), rgba(12, 181, 155, 0.2) calc(100% - 1px));
  background-size: 10px 10px;
  background-repeat: repeat;
  background-position: center center;
  background-color: #fff;
  /* 以下任意のスタイル */
  padding: 5px;

    /* background: url("../images/index/bg_web_reserve.png") repeat top left; */
    border:rgba(12, 181, 155, 1.00) solid 5px;
    border-radius: 5px;
    color: #333;
    display: flex;
    font-size: 1.05rem;
    font-weight: bold;
    justify-content: center;
    padding: .5rem;
    text-decoration: none;
    transition: .3s;
}
.web_reserve a span > span{
    color: rgba(12, 181, 155, 1.00);
    display: block;
    font-size: 1.3rem;
    padding: 0 0 .5rem;
}
.web_reserve a:hover {
    background-color: rgba(12, 181, 155, .10);
    opacity: .7;
}
.web_reserve a::after {
    content: "";
    background: url("./img/web_reserve.png") center no-repeat;
    background-size: contain;
    display: block;
    height: 120px;
    margin: 0 0 0 1rem;
    width: 120px;
}
dl.web-reserve_attention {
    border-bottom: #f00 double 3px;
    border-top: #f00 double 3px;
    padding: 1rem;
    margin: 0 0 20px;
}
dl.web-reserve_attention dt {
    color: #f00;
    font-weight: bold;
    padding: 0 0 .25rem;
}
dl.web-reserve_attention dd ul {
    margin-bottom: 10px;
}

/* WEB診療予約リンクバナーボタン ------------------------------------ */
header .header-web {
    max-width: 200px;
    width: 100%;
}
header .header-web a{
    align-items: center;
    background-color: #fff;
    border:rgba(12, 181, 155) solid 3px;
    border-radius: 5px;
    color: #333;
    display: flex;
    font-weight: bold;
    justify-content: center;
    padding: .25rem;
    position: relative;
    text-decoration: none;
    transition: .3s;
}
header .header-web a::before {
    content: "";
    background: url("./img/web_reserve.png") center no-repeat;
    background-size: contain;
    display: block;
    height: 40px;
    margin: 0 .5rem 0 0;
    width: 60px;
}
header .header-web a::after {
    content: "";
    background-color: transparent;
    display: block;
    height: 100%;
    position: absolute;
        left: 0;
        top: 0;
    width: 100%;
}
header .header-web a:hover::after  {
    background-color: rgba(12, 181, 155, .10);
    transition: .3s;
}
header .header-web a span {
    color: rgba(12, 181, 155);
    text-align: left;
}
header .header-web a span > span {
    color: rgba(0, 0, 0, 1.00);
    display: inline-block;
    font-size: .75rem;
    font-weight: normal;
    width: 100%;
}

header .header-web-wrap{
	position: fixed;
	right: 280px;
	margin-top: 20px;
    margin-right: 20px;
}

@media screen and (max-width: 750px){
	/* ポップアップ表示・レイアウト -------------------------*/
    .popup {
      position: fixed;
      left: 0;
      top: 0;
      width: 100%;
      height: 100%;
      z-index: 99999;
      opacity: 0;
      visibility: hidden;
      transition: .6s;
    }
    .popup.is-show {
      opacity: 1;
      visibility: visible;
    }

    .popup .popup-inner {
      position: absolute;
      left: 50%;
      top: 50%;
      transform: translate(-50%,-50%);
      width: 90%;
      padding: 50px;
      background-color: #fff;
      z-index: 2;
      overflow: auto;
      padding: 20px;
      box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.4);
      max-height: 550px;
    }
    .popup .popup-inner p{
      font-size: 14px;
    }
    .popup .popup-inner p.day{
      text-align: left;
    }
    .popup h1 {
    	text-align: center;
    	color:000;
    	margin-bottom: 1em;
      margin-top: 0.8em;
      font-size: 1.3em;
    }
    .popup h2 {
    	font-size: 1.2em;
    	margin: 0.4em 0;
      color: red;
    	font-weight: bold;
    }
.popup .sp{
	display: block;
}


    /* ポップアップ　WEB予約システム */

     .box01.web-reserve div.web_reserve a{
        width: 95%;
    }

     .box01.web-reserve div.web_reserve a::after {
        display: none;
    }

    /* TOP WEB診療予約リンクバナーボタン ------------------------------------ */
#contents-wrap #changeArea .top-web {
    /* max-width: 240px; */
    width: 97%;
    margin: 10px 5px 0 5px;
}
#contents-wrap #changeArea .top-web a{
    align-items: center;
    background-color: #fff;
    border:rgba(12, 181, 155, 1.00) solid 3px;
    border-radius: 5px;
    color: #333;
    display: flex;
    font-weight: bold;
    justify-content: center;
    padding: .25rem;
    position: relative;
    text-decoration: none;
    transition: .3s;
}
#contents-wrap #changeArea .top-web a::before {
    content: "";
    background: url("./img/web_reserve.png") center no-repeat;
    background-size: contain;
    display: block;
    height: 40px;
    margin: 0 .5rem 0 0;
    width: 60px;
}
#contents-wrap #changeArea .top-web a::after {
    content: "";
    background-color: transparent;
    display: block;
    height: 100%;
    position: absolute;
        left: 0;
        top: 0;
    width: 100%;
}
#contents-wrap #changeArea .top-web a:hover::after  {
    background-color: rgba(12, 181, 155, .10);
    transition: .3s;
}
#contents-wrap #changeArea .top-web a span {
    color: rgba(12, 181, 155, 1.00);
    text-align: left;
}
#contents-wrap #changeArea .top-web a span > span {
    color: rgba(0, 0, 0, 1.00);
    display: inline-block;
    font-size: .75rem;
    font-weight: normal;
    width: 100%;
}

#contents-wrap #changeArea .top-web{
    display: none;
}

    #contents-wrap #changeArea .top-web{
    display: block;
    }

	        /* ヘッダー内 Web予約システム バナー非表示 */
        header .header-web-wrap{
        display: none;
    }
}


/* -------------------------TIS追記分　ここまで -------------------------*/

/*ヘッダー*/
header{
	position: relative;
	width: 100%;
	height: 90px;
	background-color:#fff;
	border-bottom: 1px solid #e6e6e6;
	position:fixed;
	z-index:9999;
}

/*ヘッダーロゴ*/
.header-logo{
	display:block;
	position:absolute;
	left:30px;
	top:19px;
	width: 190px;
}

/*ヘッダーリンクボタン*/
.header-link{
	position: absolute;
	display: block;
	width: 100px;
	height: 90px;
	color: #4a4a4a;
	box-sizing: border-box;
	transition: 0.3s;
}
.header-link:hover{
	background-color: #f7f7f7;
}
.header-link i{
	position: absolute;
	display: block;
	top: 18px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	margin: 0 auto;
	color: #777777;
	font-size: 30px;
}
.header-link p{
	position: absolute;
	display: block;
	white-space: nowrap;
	bottom: 19px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	color: #666666;
	font-size: 14px;
}
#web-reserve-button{
	display: none;
	top: 0;
	right: 500px;
}
#tel-button{
	display: none;
	top: 0;
	right: 400px;
}
#contact-button{
	top: 0;
	right: 300px;
	display: none;
}
#search-button{
	cursor: pointer;
	top: 0;
	right: 200px;
}

/*ヘッダー検索ボックスボタン*/
.header-search{
	display: none;
	position: fixed;
	width:400px;
	top: 90px;
	right: 0;
	padding: 15px 0;
	background-color: #fff;
	box-shadow: 0 5px 10px rgba(0,0,0,0.1);
	border-radius: 0 0 0 10px;
	box-sizing:border-box;
	z-index: 9999;
}
.header-search.search-open{
	display: block;
	animation-name: fade-in;
	animation-duration: 0.5s;
}
/*ヘッダー検索ボックス*/
#searchform{
	position:relative;
	display:block;
	width:90%;
	margin: 0 auto;
	box-sizing:border-box;
}
#searchform input{
	width:100%;
	height:46px;
	border:1px solid #e6e6e6;
	font-size:15px;
	border-radius:23px;
	padding:0 20px;
	box-sizing:border-box;
	outline:none;
	appearance: none;
}
#searchform button{
	position:absolute;
	top:11px;
	right:10px;
	box-sizing:border-box;
	border:none;
	outline:none;
	background:none;
	appearance: none;
	color:#777777;
	font-size:20px;
}
#searchform button:hover{
	color:#555;
}

/*検索ボックスボタン*/
.header-nav-wrap{
	position: fixed;
	display: none;
	top:90px;
	left: 0;
	width: 100%;
	background-color: #fff;
	padding: 0 0 80px 0;
	border-top: 1px solid #f6f6f6;
	box-sizing: border-box;
	z-index: 9998;
	top: 90px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow-y: auto;
	-webkit-overflow-scrolling: touch;
}
.header-nav{
	width: 1400px;
	margin: 0 auto;
}
.header-nav ul{
	display: block;
	width: 100%;
	margin: 0 auto;
}
.header-nav ul li{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 40px;
}
.header-nav ul li a{
	display: inline-block;
	padding: 12px 0 12px 1em;
	color: #666;
	font-size: 20px;
	font-weight: bold;
	border-left: 10px solid #0cb59b;
}
.header-nav ul li a:after{
	content: '\f152';
	font-family: "Font Awesome 5 Free";
	color: #0cb59b;
	font-weight: 900;
	margin-left: 0.5em;
}

.header-nav ul ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.header-nav ul ul:before {
    content: "";
    display: block;
    width: calc(100% / 4 - 20px);  /* .header-nav ul ul li に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
.header-nav ul ul:after {
    content: "";
    display: block;
    width: calc(100% / 4 - 20px);  /* .header-nav ul ul li に指定したwidthと同じ幅を指定する */
    height: 0;
}
.header-nav ul ul li{
	display: block;
	width: calc(100% / 4 - 20px);
	margin-top: 15px;
	box-sizing: border-box;
}
.header-nav ul ul li a{
	position: relative;
	display: block;
	width: 100%;
	color: #000;
	padding: 15px 40px 15px 20px;
	font-size: 100%;
	font-weight: normal;
	border: 1px solid #ddd;
	border-radius: 3px;
	background: none;
	background-color: rgba(255,255,255,1);
	box-sizing: border-box;
}
.header-nav ul ul li a:hover{
	border: 1px solid #0cb59b;
	background-color: #e5efee;
}
.header-nav ul ul li a:after{
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	content: '\f054';
	font-weight: 900;
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-size: 0.8em;
}

/*ヘッダーアドレス*/
.header-nav-subbox{
	position: relative;
	width: 1400px;
	margin: 0 auto;
	margin-top: 50px;
	padding-top: 30px;
	border-top: 2px solid #f6f6f6;
	box-sizing: border-box;
}

.header-nav-address-box{
	width: 100%;
	box-sizing: border-box;
}
.header-nav-address-bold{
	font-weight: bold;
	margin-bottom: 1em;
}
.header-nav-address-normal{
	margin-bottom: 0.7em;
}
.header-nav-address-tel{
	line-height: 1.5em;
}
.header-nav-address-tel a{
	color: #666666;
	text-decoration: underline;
}

/*ヘッダーメニューボタン*/
.header-nav-button{
	position: absolute;
	top: 0;
	right: 0;
	width: 200px;
	height: 90px;
	cursor: pointer;
	border-left: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.header-nav-button:hover{
	background-color: #f7f7f7;
}

.header-nav-button-icon{
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 40px;
	height: 31px;
}
.header-nav-button-icon:after{
	position: absolute;
	text-align: center;
	content: 'MENU';
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	color: #666666;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: 0.1em;
	bottom: -23px;
}

.header-nav-button-icon span{
	position: absolute;
	display: block;
	width: 100%;
	height: 3px;
	background-color: #666666;
	transition: all .5s;
}
.header-nav-button-icon span:nth-of-type(1) {
  top: 0;
}
.header-nav-button-icon span:nth-of-type(2) {
  top: 14px;
}
.header-nav-button-icon span:nth-of-type(3) {
  bottom: 0;
}

/*メニューボタンがクリックされた時の挙動*/
.header-nav-wrap.open{
	display: block;
	animation-name: fade-in;
	animation-duration: 0.5s;
}

.header-nav-button-icon.open:after{
	content: 'CLOSE';
}

.header-nav-button-icon.open span:nth-of-type(1) {
  -webkit-transform: translateY(14.5px) rotate(-45deg);
  transform: translateY(14.5px) rotate(-45deg);
}
.header-nav-button-icon.open span:nth-of-type(2) {
  opacity: 0;
}
.header-nav-button-icon.open span:nth-of-type(3) {
  -webkit-transform: translateY(-14.5px) rotate(45deg);
  transform: translateY(-14.5px) rotate(45deg);
}
/*メニューボタンがクリックされた時の挙動---end*/
/*ヘッダー---end*/


/*トップページ アドレス*/
#top-address{
	width: 100%;
	padding: 15px 0;
	background-color: #fff;
	border-bottom: 1px solid #e6e6e6;
}
.top-address-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}
.top-address-box{
	box-sizing: border-box;
}

#top-address-box01{
	padding: 10px 0;
}
#top-address-box01 p{
	line-height: 1.5em;
}
#top-address-box01 p br{
	display: none;
}
.top-address-bold{
	font-weight: bold;
}
#top-address-box01 a{
	color: #0cb59b;
	font-weight: bold;
	text-decoration: underline;
}

#top-address-box02{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding: 10px 0;
}
.top-address-link{
	display: block;
	color: #0cb59b;
	height: 50px;
	line-height: 46px;
	font-weight: bold;
	font-size: 16px;
	border: 2px solid #0cb59b;
	padding: 0 30px;
	border-radius: 30px;
	box-sizing: border-box;
	margin-left: 20px;
	transition: 0.3s;
}
.top-address-link:hover{
	color: #fff;
	background-color: #0cb59b;
}
.top-address-link i{
	margin-right: 0.5em;
}
.top-address-anno{
	color: red;
}

/* SNSリンク */
#top-sns {
	display: block;
	width: 100%;
	padding: 12px 0;
	background-color: #f7f7f7;
}
.top-sns-list {
	display: flex;
	justify-content: center;
	gap: 40px;
	width: 1400px;
	margin: 0 auto;
}
.top-sns-list > a {
	display: grid;
	grid-template-columns: 20px auto;
	gap: 8px;
	align-items: center;
	width: fit-content;
}
.top-sns-list > a > img {
	display: block;
	width: 100%;
}
.top-sns-list > a > p {
	color: #333;
	font-size: 14px;
}
@media screen and (max-width: 1400px) {
	.top-sns-list {
		gap: 24px;
		width: 90%;
	}
}
@media screen and (max-width: 750px) {
	#top-sns {
		padding: 10px 0;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
	}
	.top-sns-list {
		display: flex;
		flex-wrap: nowrap;
		justify-content: start;
		gap: 16px;
		width: auto;
		padding-left: 5%;
	}
	.top-sns-list > a:last-child {
		padding-right: 5%;
	}
	.top-sns-list > a > p {
		white-space: nowrap;
		font-size: 12px;
	}
}

/*トップページスライダー*/
#top-img {
	display: block;
	width: 100%;
	height: auto;
	background-color:#e6e6e6;
	box-sizing: border-box;
}
/* スライダー */
.slider {
	display: block;
	width: 100%;
	height: 600px;
	box-sizing: border-box;
}
.slider .swiper-slide {
	position: relative;
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.slider .swiper-slide > img {
	position: absolute;
	display: block;
	object-fit: cover;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
	z-index: 1;
}
.slide-text-box {
	position: absolute;
	display: block;
	top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
	box-sizing: border-box;
	z-index: 2;
}
.slide-text {
	display: grid;
	place-content: center;
	place-items: center;
	text-align: center;
	min-width: 500px;
	height: 130px;
	margin: 0 auto;
	color: #222;
	background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1) 20%, rgba(255, 255, 255, 1) 80%, rgba(255, 255, 255, 0));
	box-sizing: border-box;
}
.slide-text > span {
	display: block;
	color: #0cb59b;
	font-weight: 700;
	font-size: 18px;
	margin-bottom: .7em;
	box-sizing: border-box;
}
.slide-text > p {
	display: block;
	font-weight: 700;
	font-size: 28px;
	box-sizing: border-box;
}
.slide-link {
	display: grid;
	place-content: center;
	text-align: center;
	width: 200px;
	height: 50px;
	margin: 0 auto;
	color: #fff;
	font-weight: 700;
	font-size: 14px;
	background-color: #0cb59b;
	border-radius: 25px;
	margin-top: 40px;
	box-sizing: border-box;
}
/* スライダー_プログレスバー */
.swiper-horizontal > .swiper-pagination-progressbar,
.swiper-pagination-progressbar.swiper-pagination-horizontal {
	bottom: 0 !important;
	top: auto !important;
}
.swiper-pagination-progressbar {
	background-color: #d9d9d9 !important;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background-color: #0cb59b !important;
}
@media screen and (max-width: 750px){
	/* スライダー */
	.slider {
		height: auto;
		aspect-ratio: 16 / 9;
	}
	.slide-text {
		min-width: 250px;
		height: 70px;
	}
	.slide-text > span {
		font-size: 12px;
	}
	.slide-text > p {
		font-size: 16px;
	}
	.slide-link {
		width: 140px;
		height: 32px;
		font-size: 12px;
		border-radius: 18px;
		margin-top: 15px;
	}
	/* TOP_ファーストビュー_スライダー矢印 */
	.swiper-button-prev,
	.swiper-button-next {
		display: none !important;
	}
}

/*トップページ ピックアップ*/
#top-pickup{
	width: 100%;
	padding: 60px 0 60px 0;
}
/*トップページ ピックアップ_大*/
.top-pickup-big {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
	gap: 16px;
	width: 1400px;
	margin: 0 auto;
	margin-bottom: 32px;
	box-sizing: border-box;
}
.top-pickup-big > a {
	display: block;
	aspect-ratio: 5 / 2;
	border: 1px solid #ccc;
	box-sizing: border-box;
	transition: .3s;
}
.top-pickup-big > a:hover {
	opacity: 0.7;
}
.top-pickup-big > a > img {
	display: block;
	object-fit: cover;
	width: 100%;
	height: 100%;
	box-sizing: border-box;
}
@media screen and (max-width: 1400px) {
	/*トップページ ピックアップ_大*/
	.top-pickup-big {
		width: 90%;
	}
}
@media screen and (max-width: 750px) {
	/*トップページ ピックアップ_大*/
	.top-pickup-big {
		gap: 12px;
		margin-bottom: 24px;
	}
}
/*トップページ ピックアップ_小*/
.top-pickup-inner{
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

.top-pickup-content{
	display: grid;
	grid-template-columns: repeat(5, 1fr);
	grid-gap: 20px;
	list-style: none;
	width: 100%;
	box-sizing: border-box;
}
.top-pickup-content li{
	display: block;
	width: 100%;
	border: 1px solid #ccc;
	box-sizing: border-box;
	transition:0.3s;
}
.top-pickup-content li:hover{
	opacity: 0.7;
}
.top-pickup-content li a{
	position:relative;
	width: 100%;
	color: #555555;
	background-color: #fff;
	box-sizing:border-box;
	overflow: hidden;
}
.pickup-content-thumbnail{
	display: block;
	width: 100%;
	box-sizing: border-box;
}
.pickup-content-thumbnail img{
	display: block;
	width:100%;
	height: auto;
	/*height: 150px;*/
	/*object-fit: cover;*/
}
.top-pickup-content li a p{
	display: block;
	width: 100%;
	font-size: 15px;
	padding: 1em;
	line-height: 1.2em;
	box-sizing: border-box;
}
.top-pickup-content li a p:after{
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	margin-left: 0.5em;
}

/*トップページ　発熱外来案内*/
#top-hatsunetsu{
	width: 100%;
	box-sizing: border-box;
}
.top-hatsunetsu-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}
.top-hatsunetsu-content{
	display: block;
	width: calc(100% / 2 - 15px);
	box-sizing: border-box;
	transition: 0.3s;
}
.top-hatsunetsu-content:hover{
	opacity: 0.7;
}
.top-hatsunetsu-content img{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/*トップページ 重要なお知らせ*/
#top-fixed_news{
	width: 100%;
	/*padding: 100px 0 30px 0;*/
	padding: 40px 0 30px 0;
}
.top-fixed_news-title{
	text-align: center;
	font-size: 24px;
	font-weight: bold;
	color: #ff4d4d;
	padding-bottom: 10px;
}
.top-fixed_news-title i{
	margin-right: 0.5em;
}
.imnews-list{
	display: block;
	list-style: none;
	width: 1400px;
	margin: 0 auto;
	border-radius: 5px;
	background-color: #fff0f0;
	padding: 40px 80px;
	box-sizing: border-box;
}
.imnews-content{
	display: block;
	width: 100%;
	box-sizing: border-box;
	margin-top: 1.3em;
}
.imnews-content:first-child{
	margin-top: 0;
}
.imnews-content a{
	display: block;
	width: 100%;
	color: #ff4d4d;
	font-size: 18px;
	box-sizing: border-box;
}
.imnews-content time{
	display: inline-block;
	color: #555555;
	margin-right: 3em;
}
.imnews-content h2{
	display: inline-block;
	color: #ff4d4d;
	font-weight: normal;
	text-decoration: underline;
}

/*トップページ 新着お知らせ*/
#top-news{
	width:100%;
	padding:50px 0 80px 0;
}
.top-news-inner{
	position: relative;
	width:1400px;
	margin:0 auto;
	box-sizing:border-box;
}
.top-news-title{
	color: #222;
	font-weight: bold;
	padding: 13px 0 13px 0.7em;
	border-left: 10px solid #6fd6c7;
	font-size: 26px;
}
.top-news-link{
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	color: #666666;
	font-size: 15px;
	border: 1px solid #ccc;
	padding: 13px 30px;
	border-radius: 30px;
	box-sizing: border-box;
}
.top-news-link:hover{
	background-color: #f7f7f7;
}
.top-news-link i{
	margin-right: 0.5em;
}

#top_news-tab{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	margin-top: 50px;
	margin-bottom: 20px;
}
#top_news-tab:before {
    content: "";
    display: block;
    width: calc(100% / 4 - 10px);  /* .tab-area .tab に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
#top_news-tab:after {
    content: "";
    display: block;
    width: calc(100% / 4 - 10px);  /* .tab-area .tab に指定したwidthと同じ幅を指定する */
    height: 0;
}
#top_news-tab .tab {
	display: block;
	text-align: center;
	color: #0cb59b;
	white-space: nowrap;
	width: calc(100% / 4 - 10px);
	padding: 13px 15px;
	border-radius: 3px;
	border: 1px solid #0cb59b;
	white-space: nowrap;
	background-color: #fff;
	transition:ease 0.2s opacity;
	box-sizing: border-box;
	margin-bottom: 10px;
	overflow: hidden;
}
#top_news-tab .tab:hover{
	border: 1px solid #0cb59b;
	background-color: #e5efee;
}
#top_news-tab .tab.active {/* アクティブなタブ */
	color: #fff;
	font-weight: bold;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
	border: none;
}
#top_news-tab .tab.active:hover{
	opacity:1;
	cursor: default;
}

.news-list{
	display: block;
	width:100%;
	box-sizing: border-box;
	margin-top: 0px;
}
.news-content{
	display: block;
	width: 100%;
	list-style:none;
	border-top: 1px solid #ccc;
	box-sizing:border-box;
}
.news-content:first-child{
	border-top: none;
}
.news-content a{
	display: block;
	width:100%;
	font-size: 17px;
	padding: 20px 0;
	box-sizing:border-box;
}
.news-content a:hover{
	background-color: #f7f7f7;
}
.news-content a time{
	color: #999999;
}
.news-content-category{
	display: inline-block;
	width: 180px;
	color: #999999;
	border-left: 1px solid #ccc;
	margin-left: 1em;
	padding-left: 1em;
}
.news-content a h2{
	display: inline-block;
	color: #555555;
	font-weight: normal;
}
.news-content-newmark{
	display: inline-block;
	font-size: 14px;
	color: #fff;
	background-color: #ff4d4d;
	padding: 0.1em 0.5em;
	border-radius: 20px;
	margin-left: 0.5em;
	box-sizing: border-box;
}

/*トップページ インフォメーション*/
#top-info{
	width: 100%;
	padding: 80px 0 80px 0;
	background-color: #f7f7f7;
	/*background-color: #e9f5f4;*/
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) ,url("img/top-img06.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.top-info-inner{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

#top-info-inner01{
	display: grid !important; /* 修正 */
	grid-template-columns: repeat(3, 1fr); /* 修正 */
	gap: 30px; /* 修正 */
	margin-bottom: 40px;
}
.top-info-link01{
	position: relative;
	display: block;
	width: 100%; /* 修正 */
	/*box-shadow: 0 5px 10px rgba(0,0,0,0.1);*/
	/*border-radius: 10px;*/
	border: 1px solid #ccc;
	background-color: #fff;
	box-sizing: border-box;
	overflow: hidden;
}
.top-info-link01-img{
	width:100%;
	background-color: #ccc;
	overflow: hidden;
	box-sizing:border-box;
}
.top-info-link01-img img{
	display:block;
	width:100%;
	height:200px;
	object-fit: cover;
	transition: 0.5s;
}
.top-info-link01:hover .top-info-link01-img img{
	transform: scale(1.2,1.2);
}
.top-info-link01-text{
	position: relative;
	display: block;
	padding: 25px 30px 25px 100px;
	box-sizing: border-box;
}
.top-info-link01-text:after{
	position: absolute;
	display: block;
	text-align: center;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	font-size: 18px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	box-sizing: border-box;
	transition: 0.3s;
}
.top-info-link01:hover .top-info-link01-text:after{
	right: 10px;
}
.top-info-link01 i{
	position: absolute;
	display: inline-block;
	text-align: center;
	left: 25px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	margin: 0 auto;
	width: 50px;
	height: 50px;
	border-radius: 50%;
	color: #fff;
	font-size: 25px;
	line-height: 50px;
	background-color: #ccc;
	box-sizing: border-box;
}
#top-info-link-op i{
	background-color: #ff9c9c;
}
#top-info-link-hos i{
	background-color: #94d6f2;
}
#top-info-link-mc i{
	background-color: #f2d491;
}
#top-info-link-em i{
	background-color: #c6a2e8;
}
#top-info-link-cc i{
	background-color: #96de85;
}
#top-info-link-pc i{
	background-color: #eba2d0;
}
.top-info-link01-title{
	color: #4a4a4a;
	font-weight: bold;
	font-size: 22px;
}
.top-info-link01 span{
	display: block;
	font-weight: normal;
	color: #888;
	font-size: 15px;
	margin-top: 10px;
}

#top-info-inner02{
	margin-bottom: 40px;
}
.top-info-link02{
	position: relative;
	display: block;
	width: calc(100% / 2 - 30px);
	background-color: #fff;
	color: #4a4a4a;
	font-weight: bold;
	font-size: 20px;
	padding: 40px 50px 40px 120px;
	border: 1px solid #ccc;
	border-left: 15px solid #0cb59b;
	box-sizing: border-box;
	transition: 0.3s;
	margin-top: 20px;
}
.top-info-link02:hover{
	color: #fff;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
}
.top-info-link02:after{
	position: absolute;
	display: block;
	text-align: center;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	font-size: 18px;
	right: 30px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	box-sizing: border-box;
	transition: 0.3s;
}
.top-info-link02:hover:after{
	right: 20px;
	color: #fff;
}
.top-info-link02 i{
	position: absolute;
	display: block;
	text-align: center;
	left: 40px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	color: #6fd6c7;
	font-size: 40px;
}

#top-info-inner03:after {
    content: "";
    display: block;
    width: calc(100% / 3 - 30px);  /* .top-info-link03 に指定したwidthと同じ幅を指定する */
    height: 0;
}
.top-info-link03{
	position: relative;
	display: block;
	width: calc(100% / 3 - 30px);
	color: #4a4a4a;
	font-weight: bold;
	font-size: 18px;
	background-color: #fff;
	border: 1px solid #ccc;
	border-left: 10px solid #0cb59b;
	padding: 25px 30px;
	box-sizing: border-box;
	transition: 0.3s;
	margin-top: 20px;
}
.top-info-link03:hover{
	color: #fff;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
}
.top-info-link03:after{
	position: absolute;
	display: block;
	text-align: center;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	font-size: 16px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	box-sizing: border-box;
	transition: 0.3s;
}
.top-info-link03:hover:after{
	right: 10px;
	color: #fff;
}

/*トップページ 採用情報*/
#top-recruit{
	width: 100%;
	padding: 60px 0 80px 0;
}
.top-recruit-inner{
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

.top-recruit-content{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 100%;
	box-sizing: border-box;
}
.top-recruit-content:before {
    content: "";
    display: block;
    width: 320px;  /* .footer-link-inner a に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
.top-recruit-content:after {
    content: "";
    display: block;
    width: 320px;  /* .footer-link-inner a に指定したwidthと同じ幅を指定する */
    height: 0;
}
.top-recruit-content a{
	position:relative;
	width: 320px;
	color: #555555;
	font-size: 17px;
	font-weight: bold;
	padding: 30px 45px 30px 25px;
	background-color: #fff;
	margin-top: 30px;
	border: 1px solid #ccc;
	border-left: 10px solid #0cb59b;
	box-sizing:border-box;
	transition: 0.3s;
}
.top-recruit-content a:after{
	position: absolute;
	display: block;
	text-align: center;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	font-size: 18px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	box-sizing: border-box;
	transition: 0.3s;
}
.top-recruit-content a:hover:after{
	right: 15px;
	color: #fff;
}
.top-recruit-content a:hover{
	color: #fff;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
}

/*トップページ 外部リンク*/
#top-link{
	width: 100%;
	padding: 60px 0 80px 0;
	background-color: #f7f7f7;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0.9)) ,url("img/top-img06.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.top-link-inner{
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

.top-link-content{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width: 100%;
	box-sizing: border-box;
}
.top-link-content:before {
    content: "";
    display: block;
    width: 320px;  /* .footer-link-inner a に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
.top-link-content:after {
    content: "";
    display: block;
    width: 320px;  /* .footer-link-inner a に指定したwidthと同じ幅を指定する */
    height: 0;
}
.top-link-content a{
	display: flex;
	align-items: center;
	position:relative;
	width: 320px;
	background-color: #f7f7f7;
	margin-top:30px;
	border: 1px solid #ccc;
	box-sizing:border-box;
	transition:0.3s;
	overflow: hidden;
}
.top-link-content a:hover{
	opacity: 0.5;
}
.top-link-content a img{
	display: block;
	width:100%;
}

/*トップページ Googleマップ*/
#top-map{
	width: 100%;
	height: 500px;
	overflow: hidden;
}
#top-map iframe{
	display: block;
	width: 100%;
	height: 860px;/*左上のポップ非表示*/
	margin-top: -170px;/*左上のポップ非表示*/
}
/*交通アクセスページGoogleマップ*/
.access-map{
	width: 100%;
	height: 400px;
	overflow: hidden;
}
.access-map iframe{
	display: block;
	width: 100%;
	height: 800px;/*左上のポップ非表示*/
	margin-top: -200px;/*左上のポップ非表示*/
}
/*トップページ---end*/


/*検索結果表示ページ*/
.search-title{
	width:100%;
	background-color:#fff;
	padding:30px 0;
	border-bottom: 1px solid #e6e6e6;
	box-sizing: border-box;
}
.search-title-inner{
	width:1400px;
	margin:0 auto;
	box-sizing:border-box;
}
.search-title-inner h1{
	font-weight:bold;
	font-size:30px;
	color:#222;
	border-left: 10px solid #0cb59b;
	padding: 20px 0 20px 20px;
	box-sizing: border-box;
}

.search-content{
	width:100%;
	padding:30px 0 60px 0;
}
.search-content-inner{
	width:1400px;
	margin:0 auto;
	box-sizing:border-box;
}

.search-content-inner ul{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	list-style:none;
}
.search-content-inner ul li{
	display:flex;
	width:calc(100% / 2 - 30px);
	margin-top:20px;
}
.search-content-inner ul li a{
	position:relative;
	display:block;
	width:100%;
	padding:20px 60px 20px 30px;
	border:1px solid #e6e6e6;
	background-color: #fff;
	border-radius:5px;
	box-sizing:border-box;
	transition:0.3s;
}
.search-content-inner ul li a:hover{
	border: 1px solid #6fd6c7;
	background-color: #e5efee;
}
.search-content-inner ul li a:after{
	position: absolute;
	display: block;
	text-align: center;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	font-size: 18px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	box-sizing: border-box;
	transition: 0.3s;
}
.search-content-inner ul li a:hover:after{
	right: 10px;
}

.search-content-inner ul li a h2{
	color:#222;
	font-size:20px;
	font-weight:bold;
	line-height:1.3em;
	border-bottom:1px solid #e0e0e0;
	padding-bottom:10px;
	margin-bottom:15px;
}
.search-content-inner ul li a p{
	color:#666;
	font-size:14px;
	line-height:1.5em;
}

.search-content-none{
	margin-top:20px;
	line-height:1.3em;
}
/*検索結果表示ページ---end*/


/*サイドバー*/
aside{
	width:300px;
	box-sizing:border-box;
}
.aside-title{
	font-weight: bold;
	font-size: 20px;
	padding: 10px 0 10px 0.7em;
	border-left: 5px solid #0cb59b;
	margin-bottom: 15px;
}

aside .menu{
	width: 100%;
	box-sizing: border-box;
	margin-bottom: 50px;
}
aside .menu ul{
	display: block;
	width: 100%;
	box-sizing: border-box;
	list-style: none;
}
aside .menu ul li{
	width: 100%;
	box-sizing: border-box;
	margin-top: 10px;
}
aside .menu ul li:first-child{
	margin-top: 0;
}
aside .menu ul li a{
	position: relative;
	display: block;
	width: 100%;
	height: 50px;
	line-height: 49px;
	color: #4a4a4a;
	font-weight: bold;
	background-color: #fff;
	/*border-radius: 5px;*/
	/*box-shadow: 0 5px 10px rgba(0,0,0,0.1);*/
	border: 1px solid #6fd6c7;
	padding: 0 70px 0 20px;
	box-sizing: border-box;
	transition: 0.3s;
}
aside .menu ul li a:after{
	position: absolute;
	display: block;
	text-align: center;
	cursor: pointer;
	content: '\f067';
	font-family: "Font Awesome 5 Free";
	width: 40px;
	height: 49px;
	line-height: 50px;
	/*border-radius: 0 5px 5px 0;*/
	color: #fff;
	font-weight: 900;
	font-size: 14px;
	background-color: #6fd6c7;
	right: 0;
	top: 0;
	box-sizing: border-box;
	transition: 0.3s;
}
aside .menu ul li a:hover{
	color: #0cb59b;
}
aside .menu ul li a:hover:after{
	background-color: #0cb59b;
}
aside .menu ul li a.on:after{
	content: "\f068";
}

/*子要素*/
aside .menu ul .children{
	display: none;
	width: 100%;
	/*border: 1px solid #6fd6c7;*/
	/*border-top: none;*/
}
aside .menu ul .children li{
	margin-top: 0;
	border-top: 1px solid #ddd;
}
aside .menu ul .children li:first-child{
	border-top: none;
}
aside .menu ul .children li a{
	font-weight: normal;
	font-size: 15px;
	height: auto;
	padding: 13px 50px 13px 20px;
	line-height: 1;
	background-color: rgba(255,2552,255,0);
	border: none;
	border-radius: 0;
	box-shadow: 0 0 0 rgba(0,0,0,0);
}
aside .menu ul .children li a:after{
	content: '\f054';
	right: 15px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	width: auto;
	height: auto;
	line-height: 1;
	border-radius: 0;
	color: #6fd6c7;
	background-color: rgba(255,255,255,0);
}
aside .menu ul .children li a:hover:after{
	right: 5px;
}

/*閲覧中のページの子要素のみ表示*/
aside .menu ul .current_page_ancestor a:after{
	content: "\f068";
}
aside .menu ul .current_page_ancestor a.on:after{
	content: '\f067';
}
aside .menu ul .current_page_ancestor ul{
	display: block;
}

/*サイドバー新着お知らせ*/
.aside_news-list{
	display: block;
	width:100%;
	box-sizing: border-box;
}
.aside_news-content{
	display: block;
	width: 100%;
	list-style:none;
	border-top: 1px solid #ccc;
	box-sizing:border-box;
}
.aside_news-content:first-child{
	border-top: none;
}
.aside_news-content a{
	display: block;
	width:100%;
	padding: 15px 0;
	box-sizing:border-box;
}
.aside_news-content a:hover{
	background-color: #f7f7f7;
}
.aside_news-content a h2{
	font-size:15px;
	font-weight: normal;
	line-height:1.5em;
	margin-bottom: 5px;
}
.aside_news-content a time{
	color: #888;
	font-size: 13px;
}
.aside_news-content-category{
	color: #888;
	font-size: 13px;
	border-left: 1px solid #ccc;
	margin-left: 0.5em;
	padding-left: 0.6em;
}

/*サイドバーお知らせ一覧リンク*/
.aside_news-link{
	display: block;
	text-align: center;
	width: 250px;
	border: 1px solid #ddd;
	padding: 10px 1em;
	border-radius: 30px;
	color: #4a4a4a;
	font-size: 14px;
	background-color: #fff;
	box-sizing: border-box;
	margin-top: 25px;
	transition: 0.3s;
}
.aside_news-link:hover{
	background-color: #efefef;
}
/*サイドバー---end*/


/*footer.php*/
footer{
	width:100%;
	background-color: #fff;
}

/* フッターサイトマップ */
#sitemap{
	display: block;
	width: 100%;
	box-sizing: border-box;
}

/* フッターサイトマップ　開閉ボタン */
.footer-sitemap-button{
	text-align: center;
	cursor: pointer;
	width: 100%;
	color: #fff;
	background-color: #0cb59b;
	padding: 20px 0;
	box-sizing: border-box;
	transition: 0.3s;
}
.footer-sitemap-button:hover{
	opacity: 0.7;
}
.footer-sitemap-button i{
	display: block;
	margin: 0 auto;
	box-sizing: border-box;
	margin-bottom: 5px;
}

.sitemap-content{
	display: none;
	width: 100%;
	padding: 10px 0 60px 0;
	box-sizing: border-box;
}
.sitemap-content-inner{
	display: block;
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

/* フッターサイトマップコンテンツ */
/* フッターサイトマップコンテンツ 親要素 */
.sitemap-content .menu{
	display: block;
	width: 100%;
	list-style: none;
	box-sizing: border-box;
}
.sitemap-content .menu ul{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	list-style: none;
	box-sizing: border-box;
}
.sitemap-content .menu ul:before {
    content: "";
    display: block;
    width: calc(100% / 4 - 40px);  /* .sitemap-content .menu ul li に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
.sitemap-content .menu ul:after {
    content: "";
    display: block;
    width: calc(100% / 4 - 40px);  /* .sitemap-content .menu ul li に指定したwidthと同じ幅を指定する */
    height: 0;
}
.sitemap-content .menu ul li{
	display: block;
	width: calc(100% / 4 - 40px);
	box-sizing: border-box;
	margin-top: 50px;
}
.sitemap-content .menu ul li a{
	display: inline-block;
	font-weight: bold;
	font-size: 22px;
	color: #333;
	border-left: 7px solid #0cb59b;
	padding: 5px 0 5px 0.7em;
	box-sizing: border-box;
}
.sitemap-content .menu ul li a:after{
	content: '\f152';
	font-family: "Font Awesome 5 Free";
	color: #0cb59b;
	font-weight: 900;
	margin-left: 0.5em;
}

/* フッターサイトマップコンテンツ 子要素 */
.sitemap-content .menu ul .children{
	display: block;
	box-sizing: border-box;
	padding-top: 0.5em;
}
.sitemap-content .menu ul .children:after{
	content: "";
	display: block;
	width: calc(100% / 3 - 50px);  /* .sitemap-content .menu li に指定したwidthと同じ幅を指定する */
	height: 0;
}
.sitemap-content .menu ul .children li{
	width: 100%;
	margin-top: 0;
	box-sizing: border-box;
	border-top: 1px solid #ccc;
	padding: 1em 0;
}
.sitemap-content .menu ul .children li:first-child{
	border-top: 0;
}
.sitemap-content .menu ul .children li a{
	font-size: 16px;
	border-left: none;
	padding: 0;
}
.sitemap-content .menu ul .children li a:hover{
	text-decoration: underline;
}
.sitemap-content .menu ul .children li a:before{
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	margin-right: 0.5em;
}
.sitemap-content .menu ul .children li a:after{
	content: none;
}

/* フッターサイトマップコンテンツ 孫要素 */
.sitemap-content .menu ul .children .children{
	width: 100%;
	padding-top: 0.3em;
}
.sitemap-content .menu ul .children .children li{
	margin-top: 0;
	border-top: none;
	margin-top: 0.8em;
	border-top: none;
	padding: 0;
}
.sitemap-content .menu ul .children .children li a{
	font-weight: normal;
	font-size: 15px;
	border: none;
	padding: 0 0 0 10px;
}
.sitemap-content .menu ul .children .children li a:before{
	content: '-';
}

#footer-content{
	width: 100%;
	padding: 50px 0;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.5)) ,url("img/top-img06.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}
.footer-content-inner{
	width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
}

/*フッター住所*/
.footer-logo{
	display: block;
	width: 250px;
	margin-bottom: 20px;
}
.footer-address-text{
	color: #333;
	line-height: 1.7em;
}
.footer-address-text a{
	color: #333;
	text-decoration: underline;
}

/*著作権表示*/
footer address {
	color: #333;
	font-size: 13px;
	font-style: normal;
	margin-top: 30px;
}
/*footer.php---end*/


/* ページトップボタン-開始 */
.page_top{
	position: fixed;
	text-align: center;
	width: 80px;
	height: 80px;
	right: 0;
	bottom: 0;
	background-color: #0cb59b;
	z-index:998;
}
.page_top i{
	padding-top: 22px;
	color: #fff;
	font-size: 34px;
}
/* ページトップボタン-終了 */


/*パンくずリスト*/
.breadcrumb-wrap{
	width: 100%;
	background-color: #efefef;
	/*border-bottom: 1px solid #e6e6e6;*/
}

.breadcrumb{
	width:1400px;
	margin:0 auto;
	padding:9px 0;
	box-sizing:border-box;
}
.breadcrumb ul{
	list-style:none;
}
.breadcrumb li{
	display: inline;
	color:#666666;
	font-weight:normal;
	font-size:14px;
}
.breadcrumb li:last-child{
	margin-right:20px;
}
.breadcrumb li a{
	color: inherit;
	text-decoration: underline;
}
.breadcrumb li + li:before{
	content: ">";
	color:#666666;
	margin-right:.5em;
	margin-left:.6em;
}
.breadcrumb-top:before{
	font-family: "Font Awesome 5 Free";
	content: '\f015';
	color:#666666;
	font-size: 1.1em;
	font-weight: bold;
	margin-right:.5em;
}
/*パンくずリスト---end*/


/*記事ページ・固定ページ共通*/
.article{
	width: 100%;
}

.article-title{
	width: 100%;
	border-bottom:1px solid #ccc;
	margin-bottom:35px;
	padding:10px 0 30px 0;
	box-sizing:border-box;
}
.article-date{
	font-size:18px;
}

/*記事内見出し・本文デザイン*/
.article h1{
	width: 100%;
	font-weight:bold;
	font-size: 30px;
	line-height:2.5rem;
	box-sizing: border-box;
	color:#333;
	margin-bottom:30px;
}
.article h2{
	width: 100%;
	font-size: 23px;
	padding: 18px 20px;
	box-sizing: border-box;
	color:#555;
	border-bottom: 2px solid #efefef;
	border-left: 10px solid #0cb59b;
	margin-bottom: 20px;
}
.article h3 {
	font-size: 20px;
	font-weight: normal;
	/*color: #4a4a4a;*/
	color: #444;
	border-left: 7px solid #81d0cb;
	padding: 10px 15px;
	margin-bottom: 15px;
}
.article h4 {
	font-size: 18px;
	font-weight: bold;
	font-weight: normal;
	color: #0cb59b;
	border-bottom: 1px solid #0cb59b;
	padding: 10px 0;
	margin-bottom: 15px;
}
.article p{
	box-sizing: border-box;
	line-height: 1.7rem;
}
.article .underline{
	background: linear-gradient(transparent 70%, yellow 70%);
}

/*記事内リストデザイン*/
.article ul, ol{
	background-color: #fff;
	border-radius :3px;
	border:1px solid #81d0cb;
	padding: 1em 2em 1em 3em;
	box-sizing: border-box;
	color:#444;
}
.article ul{
	list-style-type: disc;
}
.article ol{
	list-style-type: decimal;
}
.article ul li, ol li{
	line-height: 1.7;
	padding: 0.5em 0;
}

/*記事内リンクデザイン*/
.article-link,
.article-pdf,
.article-excel{
	text-decoration: underline;
}
.article-link:before,
.article-pdf:before,
.article-excel:before{
	font-family: "Font Awesome 5 Free";
	margin-right: 0.5em;
}
.article-link:before{
	content:"\f0c1";
	color:#639dcf;
	font-weight:900;
}
.article-pdf:before{
	content:"\f1c1";
	color:#eb4758;
	font-weight:normal;
}
.article-excel:before{
	content:"\f1c3";
	color:#2c8023;
	font-weight:normal;
}
/*記事ページ・固定ページ共通---end*/


/*固定ページintro*/
.intro-wrap{
	width:1400px;
	margin:0 auto;
	margin-top:40px;
	padding-bottom:30px;
	box-sizing:border-box;
	min-height:500px;
}

.list-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.list-box a{
	position:relative;
	display: block;
	color: #444;
	width: 48%;
	margin-bottom: 20px;
	padding:40px 60px 40px 40px;
	background-color:#fff;
	border: 1px solid #ccc;
	border-left: 15px solid #0cb59b;
	box-sizing:border-box;
	transition: 0.3s;
}
.list-box a:hover{
	color: #fff;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
}
.list-box a:after{
	position: absolute;
	display: block;
	text-align: center;
	content: '\f138';
	font-family: "Font Awesome 5 Free";
	color: #6fd6c7;
	font-weight: 900;
	font-size: 18px;
	right: 20px;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	box-sizing: border-box;
	transition: 0.3s;
}
.list-box a:hover:after{
	right: 10px;
	color: #fff;
}

.list-box .intro-title{
	font-size:23px;
	font-weight:bold;
}
.list-box p{
	padding:0;
}
/*固定ページintro---end*/


/*固定ページ*/
/* 固定ページ上部画像 */
.page-margin{
	width: 100%;
	height: 150px;
	background: linear-gradient(90deg, rgba(255, 255, 255, 1), rgba(255, 255, 255, 0.4)) ,url("img/top-img06.jpg");
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	box-sizing: border-box;
}

/* 固定ページタイトル */
.page-title-wrap{
	background-color:#fff;
	border-bottom: 1px solid #efefef;
	padding:80px 0;
}
.page-title{
	text-align: center;
	width:1400px;
	margin:0 auto;
	color: #444;
	font-weight:normal;
	font-size:30px;
	box-sizing:border-box;
}
/*固定ページ---end*/


/*お知らせ一覧ページ*/
/*タブ切り替え*/
#news_all-tab{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
}
#news_all-tab:before {
    content: "";
    display: block;
    width: calc(100% / 4 - 10px);  /* .tab-area .tab に指定したwidthと同じ幅を指定する */
    height: 0;
    order: 1;  /* 疑似要素beforeの順番を必ず指定する*/
}
#news_all-tab:after {
    content: "";
    display: block;
    width: calc(100% / 4 - 10px);  /* .tab-area .tab に指定したwidthと同じ幅を指定する */
    height: 0;
}
#news_all-tab .tab {
	display: block;
	text-align: center;
	color: #0cb59b;
	white-space: nowrap;
	width: calc(100% / 4 - 10px);
	padding: 13px 15px;
	border-radius: 3px;
	border: 1px solid #0cb59b;
	white-space: nowrap;
	background-color: #fff;
	transition:ease 0.2s opacity;
	box-sizing: border-box;
	margin-bottom: 10px;
	overflow: hidden;
}
#news_all-tab .tab:hover{
	border: 1px solid #0cb59b;
	background-color: #e5efee;
}
#news_all-tab .tab.active {/* アクティブなタブ */
	color: #fff;
	font-weight: bold;
	border: 1px solid #0cb59b;
	background-color: #0cb59b;
	border: none;
}
#news_all-tab .tab.active:hover{
	opacity:1;
	cursor: default;
}

/*コンテンツ*/
.news_all-list{
	display: block;
	width:100%;
	box-sizing: border-box;
	margin-top: 0px;
}
.news_all-content{
	display: block;
	width: 100%;
	list-style:none;
	border-top: 1px solid #ccc;
	box-sizing:border-box;
}
.news_all-content:first-child{
	border-top: none;
}
.news_all-content a{
	display: block;
	width:100%;
	font-size: 17px;
	padding: 20px 0;
	box-sizing:border-box;
}
.news_all-content a:hover{
	background-color: #f7f7f7;
}
.news_all-content a time{
	color: #999999;
	font-size: 15px;
}
.news_all-content-category{
	display: inline-block;
	width: 180px;
	color: #999999;
	font-size: 15px;
	border-left: 1px solid #ccc;
	margin-left: 0.7em;
	padding-left: 0.7em;
}
.news_all-content a h2{
	display: block;
	color: #555555;
	font-weight: normal;
	margin-top: 15px;
}
/*お知らせ一覧ページ---end*/


/*404ページ---*/
.not-found{
	width:100%;
	padding:60px 0;
}
.not-found-inner{
	text-align:center;
	width:1200px;
	margin:0 auto;
	min-height:300px;
}
.not-found-inner p{
	color:#383e66;
	font-size:20px;
	margin-top:30px;
}
.not-found-inner a{
	display:inline-block;
	color:#333;
	font-weight:normal;
	padding:15px 40px;
	background-color:#fff;
	border-radius:3px;
	margin-top:40px;
	border:1px solid #ddd;
}
.not-found-inner a:hover{
	background:none;
	background-color:#e6e6e6;
}
/*404ページ---end*/


/*診療科・センター一覧（ページ内リンクリスト）*/
.md-box{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:100%;
	margin:0 auto;
}
.md-box p{
	width:48%;
	padding:0;
	box-sizing:border-box;
}
.md-box a{
	position:relative;
	text-align:left;
	display:block;
	width:100%;
	padding:13px 30px 13px 25px;
	color:#000;
	box-sizing:border-box;
	border-radius:3px;
	border:1px solid #ccc;
	background-color:#fff;
	margin-bottom:15px;
	box-sizing:border-box;
	transition:0.2s;
}
.md-box a:after{
	position:absolute;
	content:"\f105";
	font-weight:900;
	font-family: "Font Awesome 5 Free";
	font-size:1.3rem;
	color:#ccc;
	right:10px;
}
.md-box a:hover{
	background:none;
	border: 1px solid #0cb59b;
	background-color: #e5efee;
}

.md-box .dummy{
	width:320px;
	border:none;
	background-color:rgba(0,0,0,0);
	visibility:hidden;
}
/*診療科・センター一覧（ページ内リンクリスト）---end*/


/*院内マップ*/
.map-box{
	width: 100%;
	display:grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 8px 16px;
}
.map-box p{
	display: block;
	width:100%;
	padding:0;
}
.map-box a{
	position:relative;
	text-align:left;
	white-space: nowrap;
	display:block;
	width:100%;
	padding:8px 10px 8px 45px;
	color:#222;
	border-radius:2px;
	border:1px solid #0cb59b;
	background-color:#fff;
	box-sizing:border-box;
}
.map-box a:before{
	position:absolute;
	left:15px;
	content:"\f13a";
	font-weight:900;
	font-family: "Font Awesome 5 Free";
	font-size:1rem;
	color: #6fd6c7;
}
.map-box a:hover{
	background-color: #e5efee;
}

.map-wrap{
	display:flex;
	gap: 0 16px;
}
.map-left,
.map-right{
	width:50%;
}
/*院内マップ---end*/



/*タブレットは1400px以下から*/
@media screen and (max-width: 1400px){
	/*main共通*/
	.content-wrap{
		width:100%;
		flex-wrap:wrap;
		margin-bottom:0;
	}
	.main-inner{
		width:100%;
		padding:0 0 50px 0;
	}
	aside{
		width:90%;
		margin:0 auto;
		border-top: 1px solid #ccc;
		padding-top: 30px;
	}
	/*main共通---end*/


	/*ヘッダー*/
	.header-nav{
		width: 90%;
	}

	.header-nav ul ul:before {
	    display: none;
	}
	.header-nav ul ul:after {
	    display: none;
	}
	.header-nav ul ul li{
		width: calc(100% / 2 - 20px);
	}

	.header-nav-subbox{
		width: 90%;
	}
	/*ヘッダー---end*/


	/*トップページ*/
	/*トップページ アドレス*/
	.top-address-inner{
		width: 90%;
	}

	.top-address-box02{
		width: 100%;
		margin-top: 30px;
	}
	.top-address-link:first-child{
		margin-left: 0;
	}

	/*トップページ ピックアップ*/
	#top-pickup{
		padding: 60px 0 60px 0;
	}
	.top-pickup-inner{
		width: 90%;
	}

	.top-pickup-content{
		grid-template-columns: repeat(3, 1fr);
		width: 100%;
		box-sizing: border-box;
	}
	.top-pickup-content a p{
		text-align: left;
		padding: 20px 25px;
	}

	/*トップページ　発熱外来案内*/
	.top-hatsunetsu-inner{
		width: 90%;
	}
	.top-hatsunetsu-content{
		width: calc(100% / 2 - 10px);
	}

	/*トップページ 重要なお知らせ*/
	#top-fixed_news{
		/*padding: 100px 0 30px 0;*/
		padding: 40px 0 30px 0;
	}
	.imnews-list{
		width: 90%;
		padding: 40px 40px;
	}
	.imnews-content{
		margin-top: 1.3em;
	}
	.imnews-content time{
		display: block;
		margin-right: 0;
	}
	.imnews-content h2{
		display: block;
		margin-top: 0.5em;
	}

	/*トップページ 新着お知らせ*/
	.top-news-inner{
		width:90%;
	}

	.news-content-category{
		width: auto;
	}
	.news-content a h2{
		display: block;
		margin-top: 0.7em;
	}

	/*トップページ インフォメーション*/
	.top-info-inner{
		width: 90%;
	}

	/*.top-info-link01{
		width: calc(100% / 3 - 10px);
	}*/
	.top-info-link01-img img{
		height:150px;
	}
	.top-info-link01-text{
		padding: 40px 30px 50px 30px;
	}
	.top-info-link01-text:after{
		font-size: 18px;
		top: auto;
		bottom: 15px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		box-sizing: border-box;
	}
	.top-info-link01:hover .top-info-link01-text:after{
		right: 10px;
	}
	.top-info-link01 i{
		top: -25px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		width: 50px;
		height: 50px;
		font-size: 25px;
		line-height: 50px;
	}
	.top-info-link01-title{
		text-align: center;
		font-size: 22px;
	}
	.top-info-link01 span{
		text-align: center;
		font-size: 15px;
		margin-top: 10px;
	}

	.top-info-link02{
		width: calc(100% / 2 - 20px);
	}

	#top-info-inner03:after {
	    display: none;
	}
	.top-info-link03{
		width: calc(100% / 2 - 20px);
		padding: 25px 50px 25px 25px;
	}

	/*トップページ 採用情報*/
	#top-recruit{
		padding: 60px 0 80px 0;
	}
	.top-recruit-inner{
		width: 90%;
	}

	.top-recruit-content:before {
	    display: none;
	}
	.top-recruit-content:after {
	    display: none;
	}
	.top-recruit-content a{
		width: calc(100% / 2 - 20px);
	}

	/*トップページ 外部リンク*/
	#top-link{
		padding: 60px 0 80px 0;
	}
	.top-link-inner{
		width: 90%;
	}

	.top-link-content:before {
	    display: none;
	}
	.top-link-content:after {
	    width: calc(100% / 3 - 15px);
	}
	.top-link-content a{
		width: calc(100% / 3 - 15px);
	}

	/*トップページ Googleマップ*/
	#top-map{
		height: 400px;
	}
	#top-map iframe{
		height: 800px;/*左上のポップ非表示*/
		margin-top: -200px;/*左上のポップ非表示*/
	}
	/*トップページ---end*/


	/*サイドバーお知らせ一覧リンク*/
	.aside_news-link{
		margin: 0 auto;
		width: 300px;
		margin-top: 25px;
	}
	/*サイドバーお知らせ一覧リンク---end*/


	/*検索結果表示ページ*/
	.search-title{
		padding:20px 0;
	}
	.search-title-inner{
		width:90%;
	}
	.search-title-inner h1{
		font-size:26px;
	}

	.search-content-inner{
		width:90%;
	}

	.search-content-inner ul li{
		width:100%;
	}
	/*検索結果表示ページ---end*/


	/*フッター*/
	#footer-content{
		padding: 50px 0;
	}
	.footer-content-inner{
		width: 90%;
	}

	/* フッターサイトマップ */
	.sitemap-content{
		padding: 10px 0 60px 0;
	}
	.sitemap-content-inner{
		width: 90%;
	}

	/* フッターサイトマップコンテンツ */
	/* フッターサイトマップコンテンツ 親要素 */
	.sitemap-content .menu ul:before {
	    display: none;
	}
	.sitemap-content .menu ul:after {
	    display: none;
	}
	.sitemap-content .menu ul li{
		width: calc(100% / 2 - 30px);
	}

	/*著作権表示*/
	footer address {
		text-align: left;
	}
	/*フッター---end*/


	/* ページトップボタン-開始 */
	.page_top{
		width: 60px;
		height: 60px;
	}
	.page_top i{
		padding-top: 16px;
		font-size: 26px;
	}
	/* ページトップボタン-終了 */


	/*パンくずリスト*/
	.breadcrumb{
		width:90%;
	}
	/*パンくずリスト---end*/


	/*記事ページ・固定ページ*/
	.page-title{
		width:100%;
	}

	.article{
		width:90%;
		margin:0 auto;
	}
	/*記事ページ・固定ページ---end*/


	/*固定ページintro*/
	.intro-wrap{
		width:100%;
		min-height:auto;
	}

	.list-box a{
		width: 100%;
		padding:20px 60px 20px 30px;
	}
	/*固定ページintro---end*/


	/*固定ページ*/
	.page-title-wrap{
		padding:50px 0;
	}
	.page-title{
		width:90%;
	}

	/* 固定ページ上部画像 */
	.page-margin{
		display: none;
	}
	/*固定ページ---end*/


	/*お知らせ一覧ページ*/
	/*タブ切り替え*/
	#news_all-tab{
		width: 90%;
		margin: 0 auto;
		margin-bottom: 30px;
	}

	/*コンテンツ*/
	.news_all-list{
		width:90%;
		margin: 0 auto;
		margin-top: -20px;
	}
	.news_all-content a{
		font-size: 17px;
	}
	.news_all-content a time{
		font-size: 15px;
	}
	.news_all-content-category{
		width: auto;
		font-size: 15px;
		margin-left: 0.7em;
		padding-left: 0.7em;
	}
	.news_all-content a h2{
		display: block;
		margin-top: 15px;
	}
	/*お知らせ一覧ページ---end*/


	/*サイトマップ*/
	.sitemap{
		width: 90%;
	}
	/*サイトマップ---end*/


	/*404ページ---*/
	.not-found-inner{
		width:90%;
		min-height:300px;
	}
	/*404ページ---end*/
}



/*スマホは750px以下から*/
@media screen and (max-width: 750px){
	* {
		font-size: 14px;/* サイト全体の文字サイズの指定 */
		scroll-padding-top: 60px;
	}

	/*ヘッダー*/
	header{
		height:50px;
	}
	.header-logo{
		left:15px;
		top:10px;
		width: 110px;
	}

	.header-link{
		width: 50px;
		height: 50px;
	}
	.header-link i{
		top: 9px;
		font-size: 18px;
	}
	.header-link p{
		bottom: 7px;
		font-size: 10px;
	}
	#web-reserve-button{
		display: block;
		right: 150px;
	}
	#tel-button{
		display: block;
		right: 100px;
	}
	#contact-button{
		display: none;
		right: 100px;
	}
	#search-button{
		right: 50px;
	}

	/*検索ボックス*/
	.header-search{
		width:100%;
		top: 50px;
		left: 0;
		padding: 15px 0;
		border-radius: 0;
	}
	#searchform input{
		width:100%;
	}
	/*検索ボックス---end*/

	.header-nav-wrap{
		top: 50px;
	}
	.header-nav ul li{
		margin-top: 30px;
	}
	.header-nav ul li:first-child{
		margin-top: 15px;
	}
	.header-nav ul li a{
		padding: 12px 0 12px 0.7em;
		font-size: 18px;
	}

	.header-nav ul ul li{
		width: 100%;
		margin-top: 10px;
	}
	.header-nav ul ul li a{
		padding: 15px 30px 15px 15px;
		font-size: 15px;
	}

	.header-nav-button{
		width: 50px;
		height: 50px;
	}
	.header-nav-button-icon{
		top: 10px;
		width: 26px;
		height: 18px;
	}
	.header-nav-button-icon:after{
		font-size: 10px;
		bottom: -15px;
	}
	.header-nav-button-icon span{
		height: 2px;
	}
	.header-nav-button-icon span:nth-of-type(2) {
	  top: 8px;
	}

	/*メニューボタンがクリックされた時の挙動*/
	.header-nav-button-icon.open span:nth-of-type(1) {
	  -webkit-transform: translateY(8.5px) rotate(-45deg);
	  transform: translateY(8.5px) rotate(-45deg);
	}
	.header-nav-button-icon.open span:nth-of-type(3) {
	  -webkit-transform: translateY(-8.5px) rotate(45deg);
	  transform: translateY(-8.5px) rotate(45deg);
	}
	/*メニューボタンがクリックされた時の挙動---end*/
	/*ヘッダー---end*/

	/*共通*/
	main{
		padding-top:50px;
	}
	.content-wrap{
		width:100%;
		flex-wrap:wrap;
		margin-top:30px;
		margin-bottom:0;
	}
	.main-inner{
		width:100%;
		padding:0 0 40px 0;
	}

	/*タブ切り替え共通*/
	.tab-area:before {
	    display: none;
	}
	.tab-area:after {
	    display: none;
	}
	.tab-area .tab {
		width: calc(100% / 2 - 5px);
		font-size: 13px;
	}
	/*タブ切り替え共通---end*/
	/*共通---end*/

	/*トップページ*/
	#top-fixed{
		display: flex;
		flex-wrap: wrap;
	}
	.top-fixed-link{
		text-align: left;
		width: 100%;
		padding: 15px 25px;
		font-size: 16px;
	}

	/*トップページ アドレス*/
	#top-address{
		padding: 15px 0 20px 0;
	}
	.top-address-inner{
		width: 90%;
	}

	#top-address-box01{
		padding: 0;
	}
	#top-address-box01 p{
		line-height: 1.7em;
	}
	#top-address-box01 p br{
		display: block;
	}
	#top-address-box01 p:first-child{
		margin-bottom: 5px;
	}

	#top-address-box02{
		padding: 0;
		margin-top: 15px;
	}
	.top-address-link{
		text-align: center;
		width: 100%;
		height: 36px;
		line-height: 34px;
		font-size: 14px;
		border: 1px solid #0cb59b;
		padding: 0 30px;
		margin-left: 0;
		margin-top: 5px;
	}
	.top-address-link:first-child{
		margin-top: 0;
	}

	.slick-dots{
		padding: 5px 0 12px 0 !important;
	}
	.slick-dots li{
		width: 20px !important;/*ドットの間隔*/
	}
	.slick-dots li button{/*ドットの当たり判定*/
		width: 15px !important;
		height: 5px !important;
	}
	.slick-dots li button:before{/*ドットのデザイン*/
		width: 15px !important;
		height: 5px !important;
	}

	/*トップページ ピックアップ*/
	#top-pickup{
		padding: 30px 0 30px 0;
	}

	.top-pickup-content{
		grid-template-columns: repeat(2, 1fr);
	}
	.top-pickup-content li{
		width: 100%;
	}
	.top-pickup-content li a p{
		padding: 1em 1em;
	}

	/*トップページ　発熱外来案内*/
	.top-hatsunetsu-content{
		width: 100%;
		margin-top: 10px;
	}
	.top-hatsunetsu-content:first-child{
		margin-top: 0;
	}

	/*トップページ 重要なお知らせ*/
	#top-fixed_news{
		/*padding: 50px 0 20px 0;*/
		padding: 20px 0 20px 0;
	}
	.top-fixed_news-title{
		font-size: 20px;
		padding-bottom: 5px;
	}
	.imnews-list{
		padding: 30px 20px;
	}
	.imnews-content{
		margin-top: 1.3em;
	}
	.imnews-content a{
		font-size: 15px;
	}
	.imnews-content h2{
		margin-top: 0.5em;
		line-height: 1.3em;
	}

	/*トップページ 新着お知らせ*/
	#top-news{
		padding:30px 0 30px 0;
	}
	.top-news-title{
		padding: 10px 0 10px 0.5em;
		border-left: 10px solid #6fd6c7;
		font-size: 20px;
	}
	.top-news-link{
		font-size: 12px;
		padding: 8px 15px;
		margin-top: 5px;
	}
	.top-news-link:hover{
		background-color: #f7f7f7;
	}
	.top-news-link i{
		margin-right: 0.5em;
	}
	.top-news-link span{
		display: none;
	}

	#top_news-tab{
		margin-top: 20px;
		margin-bottom: 5px;
	}
	#top_news-tab:before {
	    display: none;
	}
	#top_news-tab:after {
	    display: none;
	}
	#top_news-tab .tab {
		width: calc(100% / 2 - 5px);
		padding: 10px 10px;
		margin-bottom: 5px;
	}

	.news-content a{
		font-size: 15px;
		padding: 15px 0;
	}
	.news-content a:hover{
		background-color: #f7f7f7;
	}
	.news-content a time{
		font-size: 13px;
	}
	.news-content-category{
		width: auto;
		font-size: 13px;
		margin-left: 0.5em;
		padding-left: 0.5em;
	}
	.news-content a h2{
		display: block;
		line-height: 1.3em;
	}
	.news-content-newmark{
		font-size: 12px;
	}

	/*トップページ　インフォメーション*/
	#top-info{
		padding: 30px 0;
	}

	#top-info-inner01{
		grid-template-columns: repeat(1, 1fr); /* 修正 */
		gap: 16px; /* 修正 */
		margin-bottom: 25px;
	}
	/*.top-info-link01{
		width: 100%;
		margin-top: 20px;
	}*/
	.top-info-link01-img img{
		height:150px;
	}
	.top-info-link01-title{
		font-size: 20px;
	}
	.top-info-link01 span{
		font-size: 14px;
		margin-top: 10px;
	}
	.top-info-link01-text{
		font-size: 14px;
		padding: 40px 30px 40px 30px;
	}
	.top-info-link01-text:after{
		font-size: 16px;
		bottom: 12px;
	}

	#top-info-inner02{
		margin-bottom: 25px;
	}
	.top-info-link02{
		width: 100%;
		font-size: 15px;
		padding: 20px 50px 20px 70px;
		margin-top: 10px;
	}
	.top-info-link02:first-child{
		margin-top: 0;
	}
	.top-info-link02:after{
		font-size: 16px;
		right: 15px;
	}
	.top-info-link02:hover:after{
		right: 5px;
	}
	.top-info-link02 i{
		left: 20px;
		font-size: 24px;
	}
	.top-info-link02 span{
		font-size: 12px;
		margin-top: 10px;
	}

	.top-info-link03{
		width: 100%;
		font-weight: normal;
		font-size: 15px;
		padding: 15px 40px 15px 15px;
		margin-top: 10px;
	}
	.top-info-link03:first-child{
		margin-top: 0;
	}
	.top-info-link03:after{
		font-size: 15px;
		right: 15px;
	}
	.top-info-link03:hover:after{
		right: 5px;
	}
	.top-info-link03 i{
		left: 15px;
		font-size: 20px;
		margin-right: 0;
	}

	/*トップページ 採用情報*/
	#top-recruit{
		padding: 30px 0 40px 0;
	}

	.top-recruit-content:before {
	    display: none;
	}
	.top-recruit-content:after {
	    display: none;
	}
	.top-recruit-content a{
		width: 100%;
		font-weight: normal;
		font-size: 15px;
		padding: 15px 40px 15px 15px;
		margin-top:10px;
	}
	.top-recruit-content a:first-child{
		margin-top: 20px;
	}
	.top-recruit-content a:after{
		font-size: 15px;
		right: 15px;
	}
	.top-recruit-content a:hover:after{
		right: 5px;
	}

	/*トップページ 外部リンク*/
	#top-link{
		padding: 30px 0 40px 0;
	}

	.top-link-content:before {
	    display: none;
	}
	.top-link-content:after {
	    display: none;
	}
	.top-link-content a{
		width: 100%;
		margin-top:10px;
	}
	.top-link-content a:first-child{
		margin-top: 20px;
	}
	/*トップページ---end*/

	/*検索結果表示ページ*/
	.search-title{
		padding:15px 0;
	}
	.search-title-inner h1{
		font-size:18px;
		border-left: 10px solid #0cb59b;
		padding: 10px 0 10px 0.7em;
	}

	.search-content{
		padding:10px 0 30px 0;
	}

	.search-content-inner ul li{
		margin-top:10px;
	}
	.search-content-inner ul li a{
		padding:15px 50px 15px 20px;
	}
	.search-content-inner ul li a:after{
		font-size: 16px;
		right: 15px;
	}

	.search-content-inner ul li a h2{
		font-size:16px;
		margin-bottom:10px;
	}
	.search-content-inner ul li a p{
		font-size:13px;
	}

	.search-content-none{
		margin-top:15px;
		line-height:1.5em;
	}
	/*検索結果表示ページ---end*/

	/*フッター*/
	footer{
		width:100%;
		box-sizing:border-box;
	}

	#footer-content{
		padding: 30px 0;
	}

	/* フッターサイトマップ */
	.sitemap-content{
		padding: 0 0 40px 0;
	}

	/* フッターサイトマップ　開閉ボタン */
	.footer-sitemap-button{
		padding: 10px 0;
		font-size: 14px;
	}
	.footer-sitemap-button i{
		margin-bottom: 3px;
	}

	/* フッターサイトマップコンテンツ */
	/* フッターサイトマップコンテンツ 親要素 */
	.sitemap-content .menu ul li{
		width: 100%;
		margin-top: 30px;
	}
	.sitemap-content .menu ul li a{
		font-size: 18px;
	}

	/* フッターサイトマップコンテンツ 子要素 */
	.sitemap-content .menu ul .children li{
		padding: 0.7em 0;
	}
	.sitemap-content .menu ul .children li a{
		font-size: 15px;
	}

	/* フッターサイトマップコンテンツ 孫要素 */
	.sitemap-content .menu ul .children .children li{
		margin-top: 0.5em;
	}
	.sitemap-content .menu ul .children .children li a{
		font-size: 14px;
	}

	/*フッター住所*/
	.footer-logo{
		width: 200px;
	}
	.footer-address-text{
		font-size: 15px;
		line-height: 1.5em;
	}
	.footer-address-text br{
		display: block;
	}

	/*著作権表示*/
	footer address {
		text-align: left;
		font-size: 12px;
		padding: 0;
		margin-top: 30px;
	}
	/*フッター---end*/

	/* ページトップボタン-開始 */
	.page_top{
		width: 40px;
		height: 40px;
	}
	.page_top i{
		padding-top: 10px;
		font-size: 20px;
	}
	/* ページトップボタン-終了 */

	/*パンくずリスト*/
	.breadcrumb{
		width:100%;
		padding:8px 0;
		overflow-x: auto;
		word-break: keep-all;
		white-space: nowrap;
	}
	.breadcrumb ul{
		padding-left:25px;
	}
	.breadcrumb li{
		font-size:13px;
	}
	/*パンくずリスト---end*/

	/*固定ページ*/
	.article{
		width:90%;
		margin:0 auto;
	}
	.article-title{
		margin-bottom:20px;
		padding:0 0 25px 0;
	}
	.article-date{
		font-size:16px;
	}

	/*記事内見出し・本文デザイン*/
	.article h1{
		font-size: 22px;
		line-height:1.8rem;
		margin-bottom:10px;
	}
	.article h2{
		font-size: 18px;
		padding: 7px 15px 10px 15px;
		line-height: 1.3em;
		border-left: 7px solid #0cb59b;
		margin-bottom: 20px;
	}
	.article h3 {
		font-size: 18px;
		border-left: 5px solid #81d0cb;
		padding: 8px 10px;
		margin-bottom: 15px;
	}
	.article h4 {
		font-size: 16px;
		padding: 10px 0;
		margin-bottom: 10px;
	}
	.article p{
		font-size:15px;
		line-height: 1.7rem;
	}
	.article .underline{
		background: linear-gradient(transparent 70%, yellow 70%);
	}

	/*記事内リストデザイン*/
	.article ul, ol{
		padding: 1em 1.5em 1em 2.5em;
		font-size:15px;
	}
	.article ul li, ol li{
		line-height: 1.7;
		padding: 0.3em 0;
	}
	/*固定ページ---end*/

	/*固定ページintro*/
	.intro-wrap{
		margin-top:20px;
		padding-bottom:20px;
	}

	.list-box a{
		margin-bottom: 10px;
		padding:10px 40px 10px 15px;
		border: 1px solid #ccc;
		border-left: 10px solid #0cb59b;
	}
	.list-box a:after{
		font-size: 15px;
		right: 15px;
	}
	.list-box a:hover:after{
		right: 10px;
	}

	.list-box .intro-title{
		font-size:16px;
	}
	/*固定ページintro---end*/

	/*固定ページ*/
	.page-title-wrap{
		padding:30px 0;
	}
	.page-title{
		font-size:20px;
	}
	/*固定ページ---end*/

	/*サイドバー*/
	/*サイドバーお知らせ一覧リンク*/
	.aside_news-link{
		width: 100%;
	}
	/*サイドバー---end*/

	/*院内マップ*/
	.map-box {
		grid-template-columns: repeat(2, 1fr);
		gap: 8px;
	}
	.map-wrap{
		display:block;
	}
	.map-left{
		width:100%;
		margin-bottom:10px;
	}
	.map-right{
		width:100%;
	}
	/*院内マップ---end*/

	/*お知らせ一覧ページ*/
	/*タブ切り替え*/
	#news_all-tab{
		margin-bottom: 20px;
	}
	#news_all-tab:before {
	    display: none;
	}
	#news_all-tab:after {
	    display: none;
	}
	#news_all-tab .tab {
		width: calc(100% / 2 - 5px);
		padding: 10px 5px;
		border-radius: 3px;
		margin-bottom: 5px;
	}

	/*コンテンツ*/
	.news_all-list{
		margin-top: -20px;
	}
	.news_all-content a{
		font-size: 15px;
		line-height: 1.3em;
		padding: 15px 0;
	}
	.news_all-content a time{
		font-size: 13px;
	}
	.news_all-content-category{
		font-size: 13px;
	}
	.news_all-content a h2{
		margin-top: 5px;
	}
	/*お知らせ一覧ページ---end*/

	/*404ページ---*/
	.not-found-inner{
		width:90%;
		min-height:300px;
	}
	.not-found-inner p{
		font-size:16px;
	}
	/*404ページ---end*/

	/*記事内ボタン*/
	.md-box{
		width:100%;
	}
	.md-box p{
		width:100%;
	}
	.md-box a{
		width:100%;
		margin-bottom:10px;
		padding:10px 30px 10px 20px;
	}
	/*記事内ボタン---end*/

	/*tablepress*/
	.tablepress {
		font-size: 14px !important;
		-webkit-text-size-adjust: none;
		-moz-text-size-adjust: none;
		text-size-adjust: none;
	}
	div.myScrollBox {
		overflow-x: scroll;
		white-space: nowrap;
		font-size: 14px !important;
	}
	/*tablepress---end*/
}




/*Contact Form 7カスタマイズ*/
/*スマホContact Form 7カスタマイズ*/
@media(max-width:750px){
	.inquiry th,.inquiry td {
		display:block!important;
		width:100%!important;
		border-top:none!important;
		-webkit-box-sizing:border-box!important;
		-moz-box-sizing:border-box!important;
		box-sizing:border-box!important;
	}
	.inquiry tr:first-child th{
		border-top:1px solid #d7d7d7!important;
	}
	.inquiry input{
		width:100%;
	}
	input[type="radio" i]{
		width:auto;
	}
	input[type="checkbox" i]{
		width:auto;
	}
	.wpcf7-response-output{
		font-size:15px;
	}
	.wpcf7-mail-sent-ok{
		font-size:15px;
	}

	/* 必須・任意のサイズ調整 */
	#formbtn,
	.wpcf7 form [type="submit"] {
		width:100%;
		padding:1em 0!important;
	}
	.inquiry .haveto,.inquiry .any {
		font-size:10px;
	}
}

/* 全体の幅調整 */
.inquiry {
	width:100%;
	margin:0 auto;
	margin-bottom:10px;
	box-sizing:border-box!important;
}
/*見出し欄*/
.inquiry th{
	text-align:left;
	vertical-align:middle;
	font-size:14px;
	color:#444;
	width:30%;
	background:#f7f7f7;
	border:solid 1px #d7d7d7;
	padding:20px;
	box-sizing:border-box!important;
}
/*入力欄*/
.inquiry td{
	font-size:16px;
	border:solid 1px #d7d7d7;
	background-color: #fff;
	padding:20px;
	box-sizing:border-box!important;
}
.inquiry input{
	box-sizing:border-box!important;
	padding:10px;
}
.inquiry select{
	box-sizing:border-box;
	padding:10px;
}
.inquiry label{
	margin-right:10px;
	line-height:1.5rem;
	box-sizing:border-box;
}
.inquiry textarea{
	width:100%;
	padding:10px;
	box-sizing:border-box;
}
.inquiry .input-long{
	width:100%;
	box-sizing:border-box;
}
.inquiry .input-short{
	width:100px;
	box-sizing:border-box;
}
.screen-reader-response{
	display:none;
}
/*エラーメッセージの調整*/
.wpcf7 form.init .wpcf7-response-output, .wpcf7 form.resetting .wpcf7-response-output, .wpcf7 form.submitting .wpcf7-response-output {/*送信前にメッセージが表示されないようにする*/
    display: none;
}
.wpcf7-response-output {/*送信後メッセージのデザイン*/
	display:block;
	width:95%;
    margin: 0 auto;
    padding: 15px 20px;
    border-radius: 3px;
	color: #333;
	font-weight:bold;
	line-height:1.3em;
	background-color: #fff;
	border: 1px solid #ccc;
	box-sizing:border-box;
	margin-top:20px;
}
.wpcf7-not-valid-tip{/*項目ごとのエラーメッセージ*/
	display:block;
	color:red;
	font-size:14px;
	font-weight:bold;
	margin-top:10px;
}
/*横の行とテーブル全体*/
.entry-content .inquiry tr,.entry-content table{
	border:solid 1px #d7d7d7;
}
/*必須の調整*/
.haveto{
	display:inline-block;
	font-size:7px;
	padding:5px;
	background:#ff9393;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}
/*任意の調整*/
.any{
	display:inline-block;
	font-size:7px;
	padding:5px;
	background:#93c9ff;
	color:#fff;
	border-radius:2px;
	margin-right:5px;
	position:relative;
	bottom:1px;
}
/*ラジオボタンを縦並び指定*/
.verticallist .wpcf7-list-item{
	display:block;
}
/*送信ボタンのデザイン変更*/
#formbtn, 
.wpcf7 form [type="submit"] {
	display: block;
	padding:1em 5em;
	margin:0 auto;
	margin-top:20px;
	background:#555;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	border-radius:2px;
	border: none;
}
/*送信ボタンマウスホバー時*/
#formbtn:hover,
.wpcf7 form [type="submit"]:hover {
	background:#777;
}
/*文章*/
.contacttext{
	display:inline-block;
	margin-top:15px;
	font-size:14px;
	line-height:1.5rem;
}
.contacttext-red{
	display:inline-block;
	margin-top:15px;
	font-size:14px;
	color:red;
	font-weight:bold;
	line-height:1.5rem;
}