@charset "utf-8";
/*------------------［トップページ］----------------------*/

h2 {
 width: 100%;
 padding: 0px;
 margin: 20px 0 10px 0;
 text-align: center;
 font-size: 2.2rem;
 color: #37b1e4;
 font-weight:normal;
 background: none;
 border: none;
 text-shadow: none; 
}
h2:before { 
 display: none
}


/***---背景スライダー---***/
.hero{
 height: 700px;
 overflow: hidden;
 animation: fadeIn 10s ease 0s 1 normal;
 -webkit-animation: fadeIn 10s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@media screen and (max-width:600px){
	.hero{
	 height: 300px;
	}
}

@media print{
	.nav_fixed{
	 display: none;
	}
}


@-webkit-keyframes zoomUp {
0% {
-webkit-transform: scale(1);
transform: scale(1);
}
100% {
-webkit-transform: scale(1.15);
transform: scale(1.15);
}
}

.swiper-slide-active .slide-img,
.swiper-slide-duplicate-active .slide-img,
.swiper-slide-prev .slide-img {
-webkit-animation: zoomUp 12s linear 0s;
animation: zoomUp 12s linear 0s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
}
.slide-img {
 background-size: cover;
 background-position: center center;
 height: 700px;
}
.slide-text {
 width: 100%;
 letter-spacing: 3px;
 color: #fff;
 position: absolute;
 top: 50%;
 z-index: 10;
}
slide-text p{
 animation: fadeIn 10s ease 0s 1 normal;
 -webkit-animation: fadeIn 10s ease 0s 1 normal;
}
@keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
@-webkit-keyframes fadeIn {
 0% {opacity: 0}
 100% {opacity: 1}
}
.slide-text_link{
 width:120px;
 margin:0 auto;
 padding: 10px 10px;
 font-size: 1.4rem;
 color: #37b1e4;
 background: #fff;
 display: block;
 position: absolute;
 bottom:50px;
 right:50px;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 text-shadow:none; 
}
.slide-text_link:hover {
 background: #dbf4ff;
}
.swiper-slide p{
 font-size: 5.5rem;
 line-height: 4rem;
 font-weight: normal;
 color: #FFF;
 text-shadow: 0px 0px 5px #37b1e4; 
}

@media screen and (max-width:600px){
	.slide-img {
	 background-size: cover;
	 background-position: center center;
	 height: 300px;
	}
	.slide-text {
	 font-size: 1.6rem;
	 width: 100%;
	 top: 40%;
	}
	.slide-text a{
	 width:150px;
	 margin:0 auto;
	 padding: 5px;
	 border: solid 3px #fff;
	 border-radius: 10px;
	 -webkit-border-radius: 10px;
	 -moz-border-radius: 10px;
	}
	.swiper-slide p{
	 font-size: 1.6rem;
	 line-height: 2rem;
	 font-weight: bold;
	 color: #FFF;
	 text-shadow: 0px 0px 5px #005d84; 
	}
	.slide-text_link{
	 bottom:20px;
	 right:20px;
	}
}


/***---ニュースタブ切り替え用---***/
input[type="radio"] {
 display:none;
}
.tab_area label {
 width:120px;
 margin:0 5px;
 display:inline-block;
 padding:12px 0;
 color:#999;
 background:#ddd;
 text-align:center;
 font-size:1.4rem;
 cursor:pointer;
 transition:ease 0.2s opacity;
}
.tab_area label:hover {
 opacity:0.5;
}
.tab_panel {
 width:100%;
 display:none;
}
#tab1:checked ~ .tab_area .tab1_label {
 background:#37b1e4;
 color:#fff;
}
#tab1:checked ~ .panel_area #panel1 {
 display:block;
}
#tab2:checked ~ .tab_area .tab2_label {
 background:#37b1e4;
 color:#fff;
}
#tab2:checked ~ .panel_area #panel2 {
 display:block;
}
/***---ニュース---***/
#news {
 width: 100%;
 padding: 10px 0 30px 0;
 background: #FFF;
 text-align: center;
}
#news dl{
 display: flex;
}
#news dl:first-child {
 border-top: solid 1px #37b1e4;
}
#news dl:nth-last-child(1) {
 border-bottom: solid 1px #37b1e4;
}
#news dl:nth-last-child(1) dt {
 border: none;
}
#news dl:nth-last-child(1) dd {
 border: none;
}
#news dl dt{
 padding: 22px 10px 20px 10px;
 width: 220px;
 font-size: 1.6rem;
 line-height: 1.8rem;
 border-bottom: dotted 1px #CCC;
}
#news dl dt.kouhou{
 background: url(../images/top/news_even.jpg) right 20px top 20px no-repeat;
}
#news dl dt.event{
 background: url(../images/top/news_event.gif) right 20px top 20px no-repeat;
}
#news dl dt.kouhou{
 background: url(../images/top/news_kouhou.gif) right 20px top 20px no-repeat;
}
#news dl dt.activity{
 background: url(../images/top/news_activity.gif) right 20px top 20px no-repeat;
}
#news dl dt.info{
 background: url(../images/top/news_info.gif) right 20px top 20px no-repeat;
}
#news dl dd{
 padding: 22px 10px 20px 10px;
 width: 780px;
 font-size: 1.6rem;
 line-height: 1.8rem;
 border-bottom: dotted 1px #CCC;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
#news dl dd a{
 color: #666;
 text-decoration: none;
}
#news dl dd a:hover{
 color: #37b1e4;
}
.news_link{
 width: 1000px;
 margin-top: 15px;
 text-align: right;
}
.news_link_line{
 padding: 3px 10px 3px 10px;
 color: #37b1e4;
 font-size: 1.2rem;
 border: solid 2px #37b1e4;
 border-radius: 7px;
 -webkit-border-radius: 7px;
 -moz-border-radius: 7px;
}
.news_link_line:hover {
 color: #fff;
 background: #37b1e4;
}

@media screen and (max-width:600px){
	.news_menu_wrap {
	 width: 100%;
	}
	#news dl{
	 display: block;
	}
	#news dl dt{
	 padding: 5px 5px 5px 15px;
	 width: 220px;
	 border-bottom: none;
	}
	#news dl dt.kouhou{
	 background: url(../images/top/news_kouhou.jpg) right 30px top 2px no-repeat;
	}
	#news dl dt.event{
	 background: url(../images/top/news_event.gif) right 30px top 2px no-repeat;
	}
	#news dl dt.kouhou{
	 background: url(../images/top/news_kouhou.gif) right 30px top 2px no-repeat;
	}
	#news dl dt.activity{
	 background: url(../images/top/news_activity.gif) right 30px top 2px no-repeat;
	}
	#news dl dt.info{
	 background: url(../images/top/news_info.gif) right 30px top 2px no-repeat;
	}
	#news dl dd{
	 padding: 10px 10px 10px 15px;
	 width: 100%;
	 background: none;
	 border-bottom: dotted 1px #CCC;
	 box-sizing: border-box;
	 -moz-box-sizing: border-box;
	}
	.news_link{
	 width: 100%;
	 margin-top: 15px;
	 text-align: right;
	}
}


/***---トピックス---***/
#topics {
  padding-bottom: 30px;
}
.slider {
 margin: 0 auto;
 padding-bottom: 20px;
 width: 1000px;
}
.slider a:link,
.slider a:visited,
.slider a:active {
 text-decoration: none;
 color: #666;
}
.topics_img{
 width: 100%;
 height: 200px;
 object-fit: cover;
 border: solid 5px #fff;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.topic_cap_date_kouen {
 padding: 5px 10px 5px 110px;
 text-align: left;
 background: url(../images/top/topi_kouen.gif) left 10px top 2px no-repeat;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.topic_cap_date {
 padding: 5px 10px 5px 110px;
 text-align: left;
 background: url(../images/top/news_activity.gif) left 10px top 2px no-repeat;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.topic_cap_title {
 padding: 5px 10px 0 10px;
 text-align: left;
 font-size: 1.6rem;
 font-weight: bold;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
.topic_cap {
 padding: 5px 10px 0 10px;
 text-align: left;
 font-size: 1.4rem;
 line-height: 1.8rem;
 box-sizing: border-box;
 -moz-box-sizing: border-box;
}
@media screen and (max-width:600px){
	.slider{
	 width: 315px;
	}
}


/***---病棟メニュー---***/
#service_menu {
 width: 100%;
 padding: 50px 0 30px 0;
 background: url(../images/top/bg.png);
 text-align: center;
}
.f_link_menu {
 display: flex;
}
.link_box {
 margin: 0 10px;
 padding-bottom: 10px;
 width: 330px;
 background: #fff;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.link_box_img_01 {
 width: 100%;
 height: 120px;
 background: url(../images/top/m_box_01.jpg) no-repeat;
}
.link_box_img_02 {
 width: 100%;
 height: 120px;
 background: url(../images/top/m_box_02.jpg) no-repeat;
}
.link_box_img_03 {
 width: 100%;
 height: 120px;
 background: url(../images/top/m_box_03.jpg) no-repeat;
}
.link_box_cap {
 font-size: 1.6rem;
 margin: 10px 0 10px 0;
 padding: 15px 0 15px 0;
 text-align: center;
 font-weight: bold;
 border-top: dotted 2px #37b1e4;
 border-bottom: dotted 2px #37b1e4;
}
.link_box p{
 font-size: 1.4rem;
 line-height: 2rem;
 margin: 0 5px 10px 10px;
}
.link_box a:link,
.link_box a:visited,
.link_box a:active {
 display: block;
 text-decoration: none;
 color: #333;
}
.link_box a:hover {
 text-decoration:none;
 color: #37b1e4;
}
.link_btn {
 margin: 20px 50px 0 50px;
 background: #37b1e4;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.link_btn a{
 padding: 15px 0 15px 0;
 dislpay: block;
 width: 400px;
 height: 20px;
 text-align: center;
 font-weight: bold;
 font-size: 1.6em;
 color: #FFF;
 background: url(../images/top/btn_arrow.gif) right 15px top 18px no-repeat;
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}
.link_btn a:link,
.link_btn a:visited,
.link_btn a:active {
 display: block;
 text-decoration: none;
 color: #FFF;
}

.link_btn a:hover {
 color: #fff;
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}

.link_btn_cap{
 margin-left: 20px;
 color: #ffbd00;
}
@media screen and (max-width:600px){
	.f_link_menu {
	 width: 95%;
	 display: block;
	}
	.link_box {
	 margin: 0 0 20px 10px;
	 padding: 0px;
	 width: 100%;
	 display: flex;
	}
	.link_box_img_01 {
	 width: 30%;
	 height: auto;
	 background-position: center;
	}
	.link_box_img_02 {
	 width: 30%;
	 height: auto;
	 background-position: center;
	}
	.link_box_img_03 {
	 width: 30%;
	 height: auto;
	 background-position: center;
	}
	.link_box_cap {
	 padding: 10px 0 10px 10px;
	 text-align: left;
	}
	.link_box_sp{
	 width: 70%;
	 margin: 0 10px 0 10px;
	 display: block;
	}
	.link_btn {
	 margin: 0 auto;
	 margin-top: 10px;
	 width: 90%;
	}
	.link_btn a{
	 width: 100%;
	}
}

/***---桐和会グループ---***/
.gray_back {
 width: 100%;
 text-align: center;
 background: url(../images/top/top_tms_bg.jpg) center;
}
.towakai_wrap {
 width: 100%;
 margin: 0 auto;
 text-align: left;
 display: flex;
}
.towakai_box_L{
 height: 230px;
 margin-top: 10px;
 width: 300px;
 background: url(../images/top/tums_logo.png) no-repeat;
}
.towakai_box_R{
 margin-top: 10px;
 width: 700px;
 text-align: center;
}
.towakai_cap{
 margin-top: 50px;
 padding: 10px 0;
 font-size: 1.2em;
 line-height: 1.8em;
 color: #666;
 background-color:rgba(255,255,255,0.7);
}
.towakai_img{
 width: 330px;
 margin: 30px 2px 30px 2px;
}
.towakai_btn {
 width: 400px;
 margin: 0 auto;
 background: #37b1e4;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
}
.towakai_btn a{
 padding: 8px 0 10px 0;
 dislpay: block;
 width: 400px;
 height: 20px;
 text-align: center;
 font-weight: bold;
 font-size: 1.4em;
 color: #FFF;
 background: url(../images/top/btn_arrow.gif) right 15px top 11px no-repeat;
 border-radius: 20px;
 -webkit-border-radius: 20px;
 -moz-border-radius: 20px;
}
.towakai_btn a:link,
.towakai_btn a:visited,
.towakai_btn a:active {
 display: block;
 text-decoration: none;
 color: #FFF;
}
.towakai_btn a:hover {
 color: #fff;
 filter:alpha(opacity=80);
 -moz-opacity: 0.8;
 opacity: 0.8;
}
@media screen and (max-width:600px){
	.t_t{
	 width: 100%;
	}
	.towakai_wrap {
	 display: block;
	 text-align: center;
	}
	.towakai_box_L{
	 height: 120px;
	 margin-top: 30px;
	 width: 100%;
	 border:0px;
   background-position: center;
   background-image   : url(../images/top/tums_logo_sp.png);
   background-repeat  : no-repeat;
	}
	.towakai_box_R{
	 width: 100%;
	 text-align: center;
	 border:0px;
	}
	.towakai_cap{
   margin: 15px 15px 30px 15px;
	 font-size: 1.1em;
	 line-height: 1.4em;
	 color: #666;
	}
	.towakai_img{
	 width: 315px;
	 margin: 30px 2px 2px;
	}
	.towakai_btn {
	 width: 90%;
	}
	.towakai_btn a{
	 width: 100%;
	}
}

/***---トップに戻るー---***/
.pagetop {
 padding: 30px 0 30px 0;
 text-align: right;
}
.pagetop a:hover {
 color: #fff;
 filter:alpha(opacity=50);
 -moz-opacity: 0.5;
 opacity: 0.5;
}

/***---20241009 uploadedー---***/

#fim {
	padding: 30px 0;
  }
  
  .fim-container {
	  width: 860px;
	  margin: 0 auto;
	  padding: 30px;
	  border: 1px solid #37b1e4;
  }
  
  .fim-title {
		width: 100%;
	  padding: 0px;
	  margin: 10px 0;
	  text-align: center;
	  font-size: 2.8rem;
		line-height: 1.5;
		font-weight: bold;
	  color: #37b1e4;
  }
  
  .fim-subtitle {
	  color: #333;
		width: 100%;
	  padding: 15px 0 15px 0;
		font-size: 2.0rem;
		background: none;
	  border-left: none;
  }
  
  .fim-what {
	  font-size: 20px;
	padding: 10px 0;
  }
  
  @media screen and (max-width: 600px) {	
		  .fim-container {
		  width: 80%;
		margin: 0 auto;
	  }
	  .fim-title {
			 font-size: 2.4rem;
		line-height: 1.5;
	  }
	  .fim-about {
	  text-align: left;
  }
	  
	  .showPC{
		  display:none;
	  }
  }
  
  @media screen and (min-width: 601px) {
	  .showSP{
		  display:none;
	  }
  }