/*-------------------------------------------------------------

　TOP PAGE CSS

-------------------------------------------------------------*/

/**************************************************************
*
* メインイメージ
*
**************************************************************/
.mainimage {
  position: relative;
	width:100%;
	height:calc(100vh - 64px);
  	margin:0;
	margin-top:-18px;
  	padding:0;
	z-index:0;
	background-attachment:fixed !important;
	background-size: cover !important;
	background-position:top;
	background-repeat:no-repeat;
  overflow: hidden;
}
.mainimage .m_cover {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:100;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing:border-box;
	text-align:center;
}

.top_info {
  position: absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:3;
}

@media screen and (min-width: 1400px) {
	.mainimage {
		background-size: cover !important;
		background-position:center;
	}
}

.swiper.main_slide {
	width:100%;
	height:100%;
}

.swiper.main_slide .swiper-slide {
	position:relative;
  overflow: hidden;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.slide_info {
	position: absolute;
	width: 96%;
	height:96%;
	bottom: 2%;
	left: 2%;
	box-sizing:border-box;
	display: flex;
	flex-direction: column-reverse;
	z-index:111;
}

/* Text blurring animation  */
.slide_info p {
	font-size:3.4vw;
	text-align:left;
	padding:0;
	margin:0;
	font-family: 'Sawarabi Mincho';
	font-weight:500;
	filter: drop-shadow(0px 0px 10px rgba(0,0,0,0.3));
	line-height:1;
	z-index:111;
	color:rgba(255,255,255,0.6);
}
.slide_info p span {
  color: transparent;
  animation: blur 6.5s ease-out infinite;
  -webkit-animation: blur 6.5s ease-out infinite;
}

.slide_info p span:nth-child(1) {
  animation-delay: 0.1s;
  -webkit-animation-delay: 0.1s;
}
.slide_info p span:nth-child(2) {
  animation-delay: 0.2s;
  -webkit-animation-delay: 0.2s;
}
.slide_info p span:nth-child(3) {
  animation-delay: 0.3s;
  -webkit-animation-delay: 0.3s;
}
.slide_info p span:nth-child(4) {
  animation-delay: 0.4s;
  -webkit-animation-delay: 0.4s;
}
.slide_info p span:nth-child(4):after {
	content: "\A" ;
	white-space: pre ;
}
.slide_info p span:nth-child(5) {
  animation-delay: 0.5s;
  -webkit-animation-delay: 0.5s;
}
.slide_info p span:nth-child(6) {
  animation-delay: 0.6s;
  -webkit-animation-delay: 0.6s;
}
.slide_info p span:nth-child(7) {
  animation-delay: 0.7s;
  -webkit-animation-delay: 0.7s;
}

@keyframes blur {
  0%    {text-shadow:  0 0 100px #fff; opacity:0;}
  5%    {text-shadow:  0 0 90px #fff;}
  15%   {opacity: 1;}
  20%   {text-shadow:  0 0 0px #fff;}
  80%   {text-shadow:  0 0 0px #fff;}
  85%   {opacity: 1;}
  95%   {text-shadow:  0 0 90px #fff;}
  100%  {text-shadow:  0 0 100px #fff; opacity:0;}
}

@-webkit-keyframes blur {
  0%    {text-shadow:  0 0 100px #fff; opacity:0;}
  5%    {text-shadow:  0 0 90px #fff;}
  15%   {opacity: 1;}
  20%   {text-shadow:  0 0 0px #fff;}
  80%   {text-shadow:  0 0 0px #fff;}
  85%   {opacity: 1;}
  95%   {text-shadow:  0 0 90px #fff;}
  100%  {text-shadow:  0 0 100px #fff; opacity:0;}
}

.slide_info h2 {
	font-size: 1.6vw;
	line-height: 1.6;
}
.slide_info h2.absolute {
	position: absolute;
	top: 0;
	left: 0;
	width:100%;
	height:auto;
	padding: 0 5%;
	font-size: 3.4vw;
	line-height: 1.6;
	letter-spacing: 5px;
	filter: drop-shadow(0px 0px 7px rgba(0,0,0,0.5));
	z-index:3;
/* 色情報は、color_normal.php にて
	color: #1f3134;
	color:#fff;
*/
}

.slide_info h3 {
	font-size: 1.4vw;
	line-height: 1.6;
}
.slide_info h2.w_shadow {
	font-size: 1.6vw;
	line-height: 1.6;
	letter-spacing: 3px;
	text-shadow:1px 1px 0 #FFF, -1px -1px 0 #FFF,
              -1px 1px 0 #FFF, 1px -1px 0 #FFF,
              0px 1px 0 #FFF,  0-1px 0 #FFF,
              -1px 0 0 #FFF, 1px 0 0 #FFF;
}
.main_slide .slide-img {
    height: 100%;
	width:100%;
    background-size: cover; 
    background-position: center center; /* 背景画像は中央を軸に表示させる */
    height: 100vmin; /* 表示させる高さ */
	width:100%;
}
.main_slide .slide-img img {
    object-fit: cover;
    height: 100%;
}

/**** メイン画像スライド＋ズームアップ ****/
@-webkit-keyframes zoomUp {
  0% {
      -webkit-transform: scale(1);
      transform: scale(1) translateX(0px);
  }
  100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1) translateX(-4vw);
  }
}

@keyframes zoomUp { /* 1.1倍させる指定 */
  0% {
      -webkit-transform: scale(1);
      transform: scale(1) translateX(0px);
  }
  100% {
      -webkit-transform: scale(1.1);
      transform: scale(1.1) translateX(-4vw);
  }
}

@media all and (-ms-high-contrast: none) {/* IEのみ */
  .mainimage {
		width:100%;
		height:calc(100vh - 64px);
		background-attachment:scroll !important;
		background-size: cover !important;
  }
	.main_slide .slide-img {
		width:100%;
	    background-size: cover; 
	    background-position: center center; /* 背景画像は中央を軸に表示させる */
	}
	.main_slide .slide-img img {
	    object-fit: cover;
		height:calc(100vh - 64px);
	}
}


.main_slide .swiper-slide-active .slide-img,
.main_slide .swiper-slide-duplicate-active .slide-img,
.main_slide .swiper-slide-prev .slide-img { /* 12秒かけて拡大させる */
    -webkit-animation: zoomUp 12s linear 0s;
    animation: zoomUp 10s linear 0s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

/* 横からスライドインさせる */
@keyframes slide-in {
    0% {
        opacity: 0;
			top: 45%;
			right: -100%;
			transform: translateY(-50%);
    }
    100% {
        opacity: 1;
			top: 45%;
			right: -20%;
			transform: translateY(-50%);
    }
}
.swiper-slide-active .slide_info h2.absolute {
/*	animation-name: slide-in;
	animation-duration: 2s;
	animation-delay: 1s;
	animation-fill-mode: both;
	animation-timing-function:ease-in-out; */
}


@media (orientation: portrait){/* デバイスが縦向きの場合 */
	.mainimage ,
	.swiper-container.main_slide ,
	.main_slide .slide-img {
		width:100%;
		height: 70vw;
	}
}

@media screen and (max-width: 1399px) {
}
@media screen and (max-width: 999px) {
}
@media screen and (max-width: 768px) {
	.mainimage ,
	.swiper-container.main_slide ,
	.main_slide .slide-img {
		width:100%;
		height: 250px;
		background-position:center;
	}
	.slide_info {
		width: 90%;
		left:5%;
	}
	.slide_info h2.absolute {
		position: absolute;
		top: 45%;
		left: 0;
		width:100%;
		height:auto;
		transform: translateY(-50%);
		padding: 0 5%;
		font-size: 3.4vw;
		line-height: 1.6;
		letter-spacing: 2px;
	}
}

/* デバイスが縦向き、画面の横幅が 999px 以下の場合の記述 */
@media (orientation: portrait) and (max-width: 999px){
	.mainimage ,
	.swiper-container.main_slide ,
	.main_slide .slide-img {
		width:100%;
	}
}

@media screen and (max-width: 499px) {
	.mainimage {
		margin-top:60px;
	}
	.mainimage ,
	.swiper-container.main_slide ,
	.main_slide .slide-img {
		width:100%;
	}
	.slide_info {
		position: absolute;
		width: 100%;
		height:auto;
		top: 180px;
		left:1.5em;
		padding: 0 1.5em.;
	}
	.slide_info h2.absolute {
		position: relative;
		width:100%;
		padding: 0;
		font-size: 5vw;
		line-height: 1.6;
		letter-spacing: 1px;
	}
}

/*-------------------------------------------------------------
card_area
-------------------------------------------------------------*/
.card_button {
	position:relative;
	border-radius:5px;
	text-align:center;
	padding:1.5em 0.5em;
	height:100%;

/* 色情報は、color_normal.php にて
	color:#fff;
*/

}
.card_button a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.card_icon {
	width:100px;
	height:100px;
	margin:0 auto;
	border-radius:50%;

/* 色情報は、color_normal.php にて
	background:#fff;
*/
}
.card_icon img {
	height:64px;
	width:64px;
}
.card_button h3 {
	font-size:1.2em;
	margin:1em 0 0.5em;
}
@media screen and (max-width:1024px) {
	.card_button h3 {
		font-size:2vw;
		margin:0.7em 0;
	}
}
@media screen and (max-width: 768px) {
	.card_icon {
		width:15vw;
		height:15vw;
	}
	.card_icon img {
		height:8vw;
		width:8vw;
	}
}

/*-------------------------------------------------------------
  caution
-------------------------------------------------------------*/
.caution_area{
	padding: 30px 20px;
	margin: 0 auto;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	align-items: center;

/* 色情報は、color_normal.php にて
	background-color: #ffd3d3;
	color: #e60000;
*/

}
.caution_area .caution_title{
	width: 20%;
	text-align: center;
	padding-right: 20px;
}
.caution_area .caution_item{
	width: 80%;
	padding-left: 20px;

/* 色情報は、color_normal.php にて
	border-left: 1px solid #e60000;
*/

}
.caution_area .caution_item ul.caution_news{
	width: 100%;
	list-style: none;
}
.caution_area .caution_item ul.caution_news li{
	padding-left: 30px;
	line-height: 1.6em;
	background: url(./../img/common/caution_icon.svg) left 0px top 3px no-repeat;
	background-size: 18px auto;
	margin: 8px 0;
}
.caution_area .caution_item ul.caution_news li span{
	margin-right: 20px;
}
.caution_area .caution_item ul.caution_news li a{
	text-decoration: none;

/* 色情報は、color_normal.php にて
	color: #e60000;
*/
}
.caution_area .caution_item ul.caution_news li a:hover{
	text-decoration: underline;
}
@media screen and (max-width: 768px) {
	.caution_area{
		padding: 15px 10px;
	}
	.caution_area .caution_title{
		width: 100%;
		text-align: center;
		padding-right: 0;
		padding-bottom: 10px;
	}
	.caution_area .caution_item{
		width: 100%;
		padding-left: 0;
		padding-top: 10px;
		border-left: none;

		/* 色情報は、color_normal.php にて
				border-top: 1px solid #e60000;
		*/

	}
}

/*-------------------------------------------------------------
  top_pickup
-------------------------------------------------------------*/
.top_pickup{
	width: 100%;
	padding: 100px;
}


/*-------------------------------------------------------------
hospital_area
nursing_facility
-------------------------------------------------------------*/
.hospital_area {
	padding:70px 0 100px;
	margin:70px 0 80px;
}
.nursing_facility {
	padding:0 0 100px;
}
 

/*-------------------------------------------------------------
スペシャルコンテンツ　special_contents
-------------------------------------------------------------*/
.spacial {
	position:relative;
	padding:5em 0 1em;
	margin:5em 0 0;
  z-index: 0;
}
.spacial::after {
  content: '';
  position: absolute;
  left:0;
  top: 0;
  z-index: -1;
  width: 100%;
  height: 120%;
  transform: skewY(-5deg);
  transform-origin: top right;

/* 色情報は、color_normal.php にて
  background: #F7F5F2;
*/
}

.sp_contents {
	margin-top:-80px;
}
.sp_title {
	margin-bottom:3em;
}
.sp_title h3 {
	position:relative;
	width:100%;
	text-align:left;
	font-size:1.3vw;
	margin-bottom:1em;
}
.sp_title h3 span {
	display:inline;
	margin-left:1.5em;
	font-size:80%;

/* 色情報は、color_normal.php にて
	color:#c0c0c0;
*/
}
.sp_title h3:after {
  content: '';
  position: absolute;
	top:0.5em;
	right:0;
  display: inline-block;
  width: calc(100% - 14em);
  height: 1px;
/* 色情報は、color_normal.php にて
  background-color: #d3d3d3;
*/
}

.sp_carousel {
	position:relative;
}

.sp_wrapper {
	padding:2em 0;
	margin:0 -1em;
}
.sp_slide {
	position:relative;
	width:calc(100% / 6);
  	height: 16vw;
	padding:1em;
}
.sp_wrapper .sp_slide:nth-of-type(1) ,
.sp_wrapper .sp_slide:nth-of-type(2) ,
.sp_wrapper .sp_slide:nth-of-type(3) ,
.sp_wrapper .sp_slide:nth-of-type(4) ,
.sp_wrapper .sp_slide:nth-of-type(5) {
	position:relative;
	width:calc(100% / 5);
  	height: 15vw;
	padding:1em;
	margin-bottom:2.2em;
}

.sp_slide .inner_box {
	position:relative;
	padding:0;
	width:100%;
	border-radius:7px;
	overflow:hidden;
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.2));

/* 色情報は、color_normal.php にて
	background:#fff;
*/

}
.sp_slide .image_box {
	width:100%;
	overflow:hidden;
}
.sp_slide .image_box img {
	width:100%;
}
.sp_slide .image_box figcaption {
	padding:0.7em 0.3em 0.5em;
	min-height:3.8em;
	text-align:center;
}
.sp_slide .image_box figcaption p {
	padding:0;
	margin:0;
	text-align:center;
}

.sp_slide  h4 {
	font-size:1.8rem;
}
.sp_slide  p {
	margin-top:1em;
	text-align:left;
}
.sp_slide  .inner_box:hover {
	filter: drop-shadow(5px 5px 15px rgba(0,0,0,0.3));
}
.sp_slide .inner_box:hover img {
	-webkit-transform: scale(1.1);
   	transform: scale(1.1);
   transition: all .3s;
}
.sp_slide .inner_box a {
	position:absolute;
	top:0;	
	left:0;
	width:100%;
	height:100%;
}

@media screen and (max-width: 1200px) {
	.sp_wrapper {
		padding:2em 1em;
	}
	.sp_slide ,
	.sp_wrapper .sp_slide:nth-of-type(4) ,
	.sp_wrapper .sp_slide:nth-of-type(5)  {
		position:relative;
		width:calc(100% / 4);
	  	height: 16vw;
		padding:1em;
		margin-bottom:4.2em;
	}
	.sp_wrapper .sp_slide:nth-of-type(1) ,
	.sp_wrapper .sp_slide:nth-of-type(2) ,
	.sp_wrapper .sp_slide:nth-of-type(3) {
		position:relative;
		width:calc(100% / 4);
	  	height: 15vw;
		padding:1em;
		margin-bottom:4.2em;
	}
}
@media screen and (max-width: 768px) {
	.sp_wrapper {
		padding:2em;
		margin:-30px -1em 50px;
	}
	.sp_slide ,
	.sp_wrapper .sp_slide:nth-of-type(4) ,
	.sp_wrapper .sp_slide:nth-of-type(5)  {
		position:relative;
		width:calc(100% / 3);
	  	height: 16vw;
		padding:1em;
		margin-bottom:7em;
	}
	.sp_wrapper .sp_slide:nth-of-type(1) ,
	.sp_wrapper .sp_slide:nth-of-type(2) ,
	.sp_wrapper .sp_slide:nth-of-type(3) {
		position:relative;
		width:calc(100% / 3);
	  	height: 15vw;
		padding:1em;
		margin-bottom:7em;
	}
}
@media screen and (max-width: 499px) {
	.spacial {
		display:none;
		margin:4em 0 0;
		padding:3em 1em 0;
	}
	.spacial p {
		font-size:3.6vw;
	}
	.sp_wrapper {
		padding:2em 0;
		margin:-30px -1em 50px;
	}
	.sp_slide ,
	.sp_wrapper .sp_slide:nth-of-type(4) ,
	.sp_wrapper .sp_slide:nth-of-type(5)  {
		position:relative;
		width:calc(100% / 2);
	  	height: 16vw;
		padding:1em;
		margin-bottom:7em;
	}
	.sp_wrapper .sp_slide:nth-of-type(1) ,
	.sp_wrapper .sp_slide:nth-of-type(2) ,
	.sp_wrapper .sp_slide:nth-of-type(3) {
		position:relative;
		width:calc(100% / 2);
	  	height: 15vw;
		padding:1em;
		margin-bottom:7em;
	}
	.sp_title {
		margin-bottom:1em;
	}
	.sp_title h3 {
		font-size:4vw;
	}
	.sp_title h3:after {
	  width: 5em;
	}
	.sp_slide .image_box figcaption {
		font-size:3.4vw;
	}
}


/*************************************************************
*  スライダー
 ************************************************************/
.spc {
	display:none;
	background:#f5f5f5;
	padding:3em 0;
}

.swiper-container {
  width: 100%;
  height: auto;
}
.swiper-slide {
	position:relative;
}
.swiper-slide .inner_box_1em {
	padding:0.5em 0.5em 1em;
  height: 20vw;
	margin-bottom:60px;
}

.swiper-slide .image_box img {
	width:100%;
}
.swiper-slide h4 {
	font-size:1.8rem;
}
.swiper-slide ,
.swiper-slide p {
	margin-top:1em;
	padding:0 0 1em;
}
.swiper-slide > div a.ab_link {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.swiper-slide > div:hover {
	filter: drop-shadow(5px 5px 10px rgba(0,0,0,0.2));
	background:#fff;
}
.swiper-pagination {
	bottom:0 ! important;
}
.swiper-pagination-bullet {
	width:1.2vw ! important;
	height:1.2vw ! important;
}
.swiper-pagination-bullet-active {
	background:navy ! important;
}
.swiper-button-next, .swiper-button-prev {
	color:navy ! important;
}

@media screen and (min-width: 1400px) {
	.swiper-pagination-bullet {
		width:20px ! important;
		height:20px ! important;
	}
}
@media screen and (max-width: 768px) {
	.swiper-slide .inner_box_1em {
		padding:0.5em 0.5em 1em;
		height: 44vw;
		margin-bottom:60px;
	}
	.swiper-slide ,
	.swiper-slide p {
		font-size:calc(0.7em + 0.5vw);
	}
}

/* メイン画像内のテキスト */
.slide_info p {
	line-height:1.6;
}

@media screen and (max-width: 499px) {
	.spc {
		display:block;
	}
}


/*-------------------------------------------------------------
banner_area
-------------------------------------------------------------*/
.banner_area{
	padding:2em 0 0;
}


/*-------------------------------------------------------------
 news
-------------------------------------------------------------*/
section.news {
	position:relative;
	padding:3em 0 5em;
	margin:3em 0;

/* 色情報は、color_normal.php にて
	background:#F7F5F2;
*/

}
.news_box_head {
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	height:2em;
}
.news_box_head h3.sc_title {
	display:inline;
	position:absolute;
	top:-3em;
	left:0;
	width:auto;
	text-align:left;
	font-size:1.3vw;
/*	background: url(./../img/common/icon_hp_info.svg) left 5px top 1px no-repeat;
	background-size: 1.6vw auto; */
}
.news_box_head h3.sc_title span {
	display:inline;
	margin-left:1.5em;

/* 色情報は、color_normal.php にて
	color:#c0c0c0;
*/

}
.news_box_head:after {
  content: '';
  position: absolute;
	top:-2.22em;
	right:0;
  display: inline-block;
  width: calc(100% - 15em);
  height: 1px;

/* 色情報は、color_normal.php にて
  background-color: #d3d3d3;
*/

}

.nb_tab {
	width:100%;
	position:absolute;
	top:0;
	right:0;
}
.nb_tab .item {
	display: inline-block;
  	position: relative;
	width:9em;
	height:2em;
  	padding: 0.5em 0 0;
	margin-left:5px;
	text-align: center;
	font-size:80%;
  	-webkit-transition-property: opacity, transform;
  	-o-transition-property: opacity, transform;
  	transition-property: opacity, transform;
  	-webkit-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  	-o-transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  	transition: 300ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  	cursor: pointer;
	border-radius:3px 3px 0 0;
}

.nb_tab .item.all {
/* 色情報は、color_normal.php にて
	border:1px solid #2d6d97;
	color:#2d6d97;
*/
}
.nb_tab .item.all:hover ,
.nb_tab .item.all.active {
	height:calc(2em + 5px);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
	font-weight:700;

/* 色情報は、color_normal.php にて
  background: #2d6d97;
	color:#fff;
*/

}

.nb_tab .item.cat_info {
/* 色情報は、color_normal.php にて
	border:1px solid #db9e15;
	color:#db9e15;
*/
}
.nb_tab .item.cat_info:hover ,
.nb_tab .item.cat_info.active {
	height:calc(2em + 5px);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
	font-weight:700;

/* 色情報は、color_normal.php にて
  background: #db9e15;
	color:#fff;
*/

}

.nb_tab .item.cat_patient {
/* 色情報は、color_normal.php にて
	border:1px solid #ff8082;
	color:#ff8082;
*/
}
.nb_tab .item.cat_patient:hover ,
.nb_tab .item.cat_patient.active {
	height:calc(2em + 5px);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
	font-weight:700;

/* 色情報は、color_normal.php にて
  background: #ff8082;
	color:#fff;
*/
}

.nb_tab .item.cat_medical {
/* 色情報は、color_normal.php にて
	border:1px solid #990099;
	color:#990099;
*/
}
.nb_tab .item.cat_medical:hover ,
.nb_tab .item.cat_medical.active {
	height:calc(2em + 5px);;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
	font-weight:700;

/* 色情報は、color_normal.php にて
  background: #990099;
	color:#fff;
*/

}

.nb_tab .item.cat_recruit {
/* 色情報は、color_normal.php にて
	border:1px solid #03af7a;
	color:#03af7a;
*/
}
.nb_tab .item.cat_recruit:hover ,
.nb_tab .item.cat_recruit.active {
	height:calc(2em + 5px);;
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
	font-weight:700;

/* 色情報は、color_normal.php にて
  background: #03af7a;
	color:#fff;
*/

}

.nb_tab .item.cat_important {
/* 色情報は、color_normal.php にて
	border:1px solid #ff4b00;
	color:#ff4b00;
*/
}
.nb_tab .item.cat_important:hover ,
.nb_tab .item.cat_important.active {
	height:calc(2em + 5px);
  -webkit-transform: translateY(-5px);
  -ms-transform: translateY(-5px);
  -o-transform: translateY(-5px);
  transform: translateY(-5px);
	font-weight:700;

/* 色情報は、color_normal.php にて
  background: #ff4b00;
	color:#fff;
*/
}

.news_wrap {
	position:relative;
	width:100%;
	max-width:1400px;
	margin:0 auto;
	height:20em;
}

.news_box {
  position: absolute;
  top: 0;
  left: 0;
	width:100%;
	height:20em;
	overflow-y: auto;
	padding:1.5em;
	border-radius:3px;

/* 色情報は、color_normal.php にて
	background:#fff;
*/

}
.news_box dl {
	font-size:1em;
/* 色情報は、color_normal.php にて
	border:1px solid #F7F5F2;
*/
}
.news_box dl dt {
	width:6em;
	padding:1em 0;
}
.news_box dl dd {
	width:calc(100% - 7em);
	padding:1em;
}
.news_box dl dd > div {
	display:inline;
}
.news_box  dl dd div.auto {
	line-height:1.4;
	flex:5;
}
.news_side {
	width:500px;
	margin:0 auto;
	padding:1.5em;
	border-radius:5px;

/* 色情報は、color_normal.php にて
	border:1px solid #cccccc;
*/
}
.news_side h3 {
	padding:0.7em 0 ;
	border-radius:5px;
	text-align:center;
	font-size:1.2em;

/* 色情報は、color_normal.php にて
	color:#fff;
*/
}
.news_side p {
	font-size:1em;
}
/* 診察時間 */
.ex_time {
	width:100%;
}
.ex_day {
	width:5em;
}
.ex_time dl {
	width:calc(100% - 0.5em);
	margin-left:0.5em;
}
.ex_time dl dt {
	width:4em;
}
.ex_time dl dd {
	width:calc(100% - 4em);
	line-height:1.3;
}

@media screen and (max-width: 1200px) {
	.news_box_head {
		height:auto;
	}
	.news_box_head h3.sc_title {
		width:100%;
		font-size:2vw;
		padding-left:1.7em;
		background: url(./../img/common/icon_hp_info.svg) left 5px top 0.2vw no-repeat;
		background-size: 2.2vw auto;
	}	
	.nb_tab {
		position:relative;
		margin-top:0.7em;
	}
	.nb_tab .item {
		width:auto;
		flex:1;
	}
}

@media screen and (max-width: 1024px) {
	.news_box {
		width:100%;
		margin-bottom:80px;
	}
	.news_side {
		width:80%;
		margin:0 auto;
	}
	.news_side h3 {
		font-size:1.4em;
	}
	.news_side p {
		font-size:1.1em;
	}
}
@media screen and (max-width: 768px) {
	.news_box_head h3.sc_title {
		font-size:2.8vw;
		padding-left:5.6vw;
		background: url(./../img/common/icon_hp_info.svg) left 5px top 0.2vw no-repeat;
		background-size: 3.4vw auto;
	}	
}

@media screen and (max-width: 768px) {
	section.news {
		padding:1em 0 5em;
		margin:1em 0;
	}
	.news_box_head h3.sc_title {
		top:-3.4em;
		left:1em;
		width:auto;
		padding-left:2em;
		font-size:4.0vw;
		background: url(./../img/common/icon_hp_info.svg) left -0 top 0 no-repeat;
		background-size: 5vw auto;
	}
}
@media screen and (max-width: 499px) {
	.nb_tab {
		position:relative;
		height:auto;
		flex-wrap:wrap;
		margin-top:0;
	}
	.nb_tab .item {
		display: block;
		width:8em ! important;
		flex:auto;
		padding-top:0.7em;
		font-size:3.8vw;
	}

	.nb_tab .item.all:hover ,
	.nb_tab .item.all.active ,
	.nb_tab .item.cat_info:hover ,
	.nb_tab .item.cat_info.active ,
	.nb_tab .item.cat_patient:hover ,
	.nb_tab .item.cat_patient.active ,
	.nb_tab .item.cat_medical:hover ,
	.nb_tab .item.cat_medical.active ,
	.nb_tab .item.cat_recruit:hover ,
	.nb_tab .item.cat_recruit.active ,
	.nb_tab .item.cat_important:hover ,
	.nb_tab .item.cat_important.active {
	  -webkit-transform: translateY(0px);
	  -ms-transform: translateY(0px);
	  -o-transform: translateY(0px);
	  transform: translateY(0px);
	}
	.news_box  {
		padding:1em;
	}
	.news_box dl {
		flex-direction: column;
		margin-bottom:1em;
		padding-bottom:0.3em;
		border-bottom:1px solid #ddd ! important;
	}
	.news_box dl dt {
		padding:0;
	}
	.news_box dl dd {
		position:relative;
		padding:0.7em 0 0;
		width:100%;
		flex-direction: column;
		font-size:3.6vw;
	}
	.news_box dl dd .news_icon {
		position:absolute;
		top:-1.7em;
		left:10em;
	}
}


.news_icon {
	display:inline-block;
	width:10em;
	white-space: nowrap;
	height:2em;
	font-size:80%;
	text-align:center;
	padding:0.6em 1em 0.5em;
	margin-top:-0.2em;
	margin-right:1em;

/* 色情報は、color_normal.php にて
	color:#fff;
*/
}
.news_icon.important {
/* 色情報は、color_normal.php にて
	background:#ff4b00;
*/
}
.c_important {
/* 色情報は、color_normal.php にて
	color:#ff4b00;
*/
}

.news_icon.info {
/* 色情報は、color_normal.php にて
	background:#db9e15;
*/
}
.news_icon.patient {
/* 色情報は、color_normal.php にて
	background:#ff8082;
*/
}
.news_icon.medical {
/* 色情報は、color_normal.php にて
	background:#990099;
*/
}
.news_icon.recruit {
/* 色情報は、color_normal.php にて
	background:#03af7a;
*/
}

.news_box a:hover {
/* 色情報は、color_normal.php にて
	border-bottom:1px solid #1f3134;
*/
}
.news_box .c_important a:hover {
/* 色情報は、color_normal.php にて
	border-bottom:1px solid #ff4b00;
*/
}


/*-------------------------------------------------------------
 link_area
s_banner
-------------------------------------------------------------*/
.s_banner_item {
	position:relative;
}
.s_banner_item a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.s_banner_item a:hover {
	background:rgba(255,255,255,0.3);
}

/*-------------------------------------------------------------
採用サイト
-------------------------------------------------------------*/
.recruit > div {
	position:relative;
}
.r_link {
	position:absolute;
	top:50%;
	left:0;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width:50%;
	height:70%;
	background:rgba(255,255,255,0.7);
    backdrop-filter: blur(3px);
    -webkit-backdrop-filter: blur(3px);
}
.r_link .inner {
	width:20em;
	margin:0 auto;
}
.recruit_logo {
	position:absolute;
	top:-7%;
	right:-6%;
	width:60%;
}

/*-------------------------------------------------------------
緊急表示バナー
-------------------------------------------------------------*/
.emergency02 {
	position:absolute;
	bottom:3%;
	left:50%;
	width:80%;
	height:auto;
	padding:1em 2em;
	text-align:center;
	border:5px solid red;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	box-shadow: 5px 5px 15px -10px;

/* 色情報は、color_normal.php にて
	background:#fff;
*/
}
.emergency02 p {
	margin-top:0.3em;
	line-height:1.2;
	font-size:2em;	
}
.emergency02b {
	display:none;
}

@media screen and (max-width:1024px) {
	.emergency02 {
		display:none;
	}
	.emergency02b {
		display:block;
		width:99%;
		margin:0 0 0 1%;
		padding:1em;
		text-align:center;
		border:5px solid red;
	}
	.emergency02b p {
		margin-top:0.3em;
	}
}

/*-------------------------------------------------------------
以下、パターン 03 用
-------------------------------------------------------------*/
.medical_facility {
	
}
.medical_facility h2 {
	position:relative;
	font-size:1.8em;
	line-height:2;

/* 色情報は、color_normal.php にて
	color:#75c983;
*/

}
.medical_facility h2 p {
/* 色情報は、color_normal.php にて
	color:#1f3134;
*/

}
.medical_facility h2:after {
  	position: absolute;
	left:calc(50% - 1em);
  	bottom: -0.5em;
  	content: " ";
  	display: block;
  	width: 2em;

/* 色情報は、color_normal.php にて
  	border-bottom: solid 3px #75c983;
*/
}

.mf_item {
	position:relative;
}
.mf_item .mf_info {
	position:absolute;
	top:50%;
	right:5%;
	width:40%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	height:auto;
	padding:2em 3em;
	background:rgba(255,255,255,0.7);
	backdrop-filter: blur(3px);
	-webkit-backdrop-filter: blur(3px);
	box-shadow: 7px 7px 15px -10px;
}
.mf_item .mf_info.reverse {
	position:absolute;
	top:50%;
	left:5%;
	width:40%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
}

.mf_item .mf_info h3 {
	position:relative;
	font-size:1.4em;
	line-height:1.8;
	margin-bottom:1.4em;
}
.mf_item .mf_info h3 span {
	display:block;
	font-size:0.8rem;

/* 色情報は、color_normal.php にて
	color:#75c983;
*/
}
.mf_item .mf_info h3:after {
  	position: absolute;
	left:0;
  	bottom: -0.2em;
  	content: " ";
  	display: block;fd9c34
  	width: 1.8em;

/* 色情報は、color_normal.php にて
  	border-bottom: solid 3px #75c983;
*/
}

.mf_item.mf01 .mf_info h3 span {
/* 色情報は、color_normal.php にて
	color:#75c983;
*/
}
.mf_item.mf01 .mf_info h3:after {
/* 色情報は、color_normal.php にて
  	border-bottom: solid 3px #75c983;
*/
}
.mf_item.mf02 .mf_info h3 span {
/* 色情報は、color_normal.php にて
	color:#fd9c34;
*/
}
.mf_item.mf02 .mf_info h3:after {
/* 色情報は、color_normal.php にて
  	border-bottom: solid 3px #fd9c34;
*/
}
.mf_item.mf03 .mf_info h3 span {
/* 色情報は、color_normal.php にて
	color:#557dbf;
*/
}
.mf_item.mf03 .mf_info h3:after {
/* 色情報は、color_normal.php にて
  	border-bottom: solid 3px #557dbf;
*/
}
.mf_item.mf04 .mf_info h3 span {
/* 色情報は、color_normal.php にて
	color:#f06ca7;
*/
}
.mf_item.mf04 .mf_info h3:after {
/* 色情報は、color_normal.php にて
  	border-bottom: solid 3px #f06ca7;
*/
}

@media screen and (max-width:787px) {
	.mf_item .mf_info {
		position:absolute;
		top:50%;
		right:5%;
		width:90%;
		-webkit-transform: translateY(-10%);
		        transform: translateY(-10%);
		height:auto;
		padding:2em 3em;
	}
	.mf_item .mf_info.reverse {
		position:absolute;
		top:50%;
		left:5%;
		width:90%;
		-webkit-transform: translateY(-10%);
		        transform: translateY(-10%);
	}

}




/*-------------------------------------------------------------
card_area
-------------------------------------------------------------*/
section.top_card_area {
	padding-top:2em;
/* 色情報は、color_normal.php にて
background: linear-gradient(to top, #fff 0%, #fff 60%, #e1eff8 40%,  #e1eff8 100%);
*/
}
.card_button {
	position:relative;
	text-align:center;
	padding:0;
	height:100%;
	border-radius:7px;
    transition: .3s;
	filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.1));
	overflow:hidden;

/* 色情報は、color_normal.php にて
	border:1px solid #e8e8e8;
	background:#fff;
*/
}
.card_button a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.card_icon {
	width:100px;
	height:100px;
	margin:0 auto;
	border-radius:50%;
	transform: translateY(-50%);
	-webkit-transform:translateY(-50%);
	-ms-transform:  translateY(-50%);
	transition: .3s;

/* 色情報は、color_normal.php にて
	background:#fff;
*/
}
.cover_img {
	border-radius:7px 7px 0 0 ;
	transition: .3s;
}

.card_icon img {
	height:64px;
	width:64px;
}
.card_button:hover img.cover_img {
	-webkit-transform: scale(1.15);
   	transform: scale(1.15);
   transition: all .3s;
}

.card_button h3 {
	position:relative;
	font-size:1.2em;
	margin:-1.2em 0 2.5em;
	line-height:1.4;

/* 色情報は、color_normal.php にて
	color:#1f3134;
*/
}
.card_button h3 span {
	display:block;
	font-weight:400;
	font-size:70%;

/* 色情報は、color_normal.php にて
	color:#bababa;
*/}
.card_button h3:after {
	position:absolute;
	bottom:-1.5em;
	left:calc(50% - 0.5em);
	content: url(./../img/common/icon_arrow.svg);
  display: inline-block;
  width: 1em;
  height: 1em;
}
.card_button:hover h3:after {
  animation: r6 1.2s linear infinite;
}
@keyframes r6 {
  0%   { transform: rotateX(0deg); }
  100% { transform: rotateX(360deg); }
}

.card_button.type01:hover ,
.card_button.type01:hover ,
.card_button.type01:hover ,
.card_button.type01:hover ,
	filter: drop-shadow(4px 4px 15px rgba(0,0,0,0.2));
    transition: .3s;
}
.card_button.type01:hover .card_icon ,
.card_button.type01:hover .card_icon ,
.card_button.type01:hover .card_icon ,
.card_button.type01:hover .card_icon {
    transition: .3s;
	overflow:hidden;
}
.card_button.type01:hover .card_icon img ,
.card_button.type02:hover .card_icon img ,
.card_button.type03:hover .card_icon img ,
.card_button.type04:hover .card_icon img {
	z-index:3;
}
.card_button.type01:hover {
/* 色情報は、color_normal.php にて
	background:#e1eff8;
*/
}
.card_button.type01:hover .card_icon {
/* 色情報は、color_normal.php にて
	background:#e1eff8;
*/
}
.card_button.type02:hover {
/* 色情報は、color_normal.php にて
	background:#fff9e5;
*/
}
.card_button.type02:hover .card_icon {
/* 色情報は、color_normal.php にて
	background:#fff9e5;
*/
}
.card_button.type03:hover {
/* 色情報は、color_normal.php にて
	background:#ddffdc;
*/
}
.card_button.type03:hover .card_icon {
/* 色情報は、color_normal.php にて
	background:#ddffdc;
*/
}
.card_button.type04:hover {
/* 色情報は、color_normal.php にて
	background:#f6dcff;
*/
}
.card_button.type04:hover .card_icon {
/* 色情報は、color_normal.php にて
	background:#f6dcff;
*/
}

.card_button.type01::after ,
.card_button.type01 .card_icon::after ,
.card_button.type02::after ,
.card_button.type02 .card_icon::after ,
.card_button.type03::after ,
.card_button.type03 .card_icon::after ,
.card_button.type04::after ,
.card_button.type04 .card_icon::after {
  content: "";
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: -1;
  transform: translateY(-50%) scale(0);
  transition: opacity .5s, transform 0s;
  border-radius: 50%;
}
.card_button.type01::after  ,
.card_button.type02::after  ,
.card_button.type03::after  ,
.card_button.type04::after  {
  transition-delay: 0s, .6s;
}
.card_button.type01 .card_icon::after ,
.card_button.type02 .card_icon::after ,
.card_button.type03 .card_icon::after ,
.card_button.type04 .card_icon::after {
  transition-delay: 0s, .4s;
}
.card_button.type01:hover::after ,
.card_button.type02:hover::after ,
.card_button.type03:hover::after ,
.card_button.type04:hover::after {
  opacity: 1;
  transform: translateY(-50%) scale(2);
  transition-delay: 0s;
  transition: opacity .8s, transform .6s ease-in-out;
}
.card_button.type01:hover .card_icon::after ,
.card_button.type02:hover .card_icon::after ,
.card_button.type03:hover .card_icon::after ,
.card_button.type04:hover .card_icon::after {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  transition-delay: 0s;
  transition: opacity .3s, transform .2s ease-in-out;
}
.card_button.type01 .card_icon::before ,
.card_button.type02 .card_icon::before ,
.card_button.type03 .card_icon::before ,
.card_button.type04 .card_icon::before {
  content: "";
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: 0;
  transform: translateY(-50%) scale(0);
  transition: opacity .5s, transform 0s;
  border-radius: 50%;

/* 色情報は、color_normal.php にて
  background: #fff;
*/
}
.card_button.type01:hover .card_icon::before ,
.card_button.type02:hover .card_icon::before ,
.card_button.type03:hover .card_icon::before ,
.card_button.type04:hover .card_icon::before {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  transition-delay: 1s;
  transition: opacity .6s, transform .8s ease-in-out;
}


.card_button.type01::after ,
.card_button.type01 .card_icon::after {
/* 色情報は、color_normal.php にて
  background: #b2d8ff;
*/
}
.card_button.type02::after ,
.card_button.type02 .card_icon::after {
/* 色情報は、color_normal.php にて
  background: #ffedab;
*/
}
.card_button.type03::after ,
.card_button.type03 .card_icon::after  {
/* 色情報は、color_normal.php にて
  background: #adffae;
*/
}
.card_button.type04::after ,
.card_button.type04 .card_icon::after {
/* 色情報は、color_normal.php にて
  background: #e2c6ff;
*/
}

@media screen and (max-width:1024px) {
	.card_button h3 {
		font-size:2vw;
	}
}
@media screen and (max-width: 768px) {
	.card_icon {
		width:15vw;
		height:15vw;
	}
	.card_icon img {
		height:8vw;
		width:8vw;
	}
	.card_button h3 {
		font-size:3vw;
		margin-top:-6vw;
	}
}
@media screen and (max-width: 499px) {
	.card_button h3 {
		font-size:3.8vw;
	}
}


/* カード２  */
.card_button2 {
	position:relative;
	padding:1em;
	border-radius:7px;
    transition: .3s;
	filter: drop-shadow(2px 2px 7px rgba(0,0,0,0.1));
	overflow: hidden;

/* 色情報は、color_normal.php にて
	border:1px solid #e8e8e8;
	background:#fff;
*/
}

.type_normal .card_button2 h3 {
/* 色情報は、color_normal.php にて
	color:#2d6d97;
*/
}

.card_button2 .icon_normal ,
.card_button2 .icon_01 ,
.card_button2 .icon_02 ,
.card_button2 .icon_03 ,
.card_button2 .icon_04 {
	position:relative;
	width:4.6em;
	height:4.6em;
	border-radius:50%;
	padding:0.8em;
	margin:0 1em 0 0.3em;
}

/*== 背景が流れる（左から右） */
.card_button2:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100%;
  transition: transform .6s cubic-bezier(0.8, 0, 0.2, 1) 0s;
  transform: scale(0, 1);
  transform-origin: right top;
}
/*hoverした際の形状*/
.card_button2:hover:before{
  transform-origin:left top;
  transform:scale(1, 1);
}

.card_button2 .icon_normal {
	position:relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: center;
	align-items: center;
	box-sizing:border-box;

/* 色情報は、color_normal.php にて
	background:#2d6d97;
*/
}
.card_button2 .icon_normal img {
	width:65%;
}
.card_button2.t01:before ,
.card_button2 .icon_01 {
/* 色情報は、color_normal.php にて
	background:#ffe5ec;
*/
}
.card_button2 .icon_01 img {
	padding:0.2em 0.4em 0.4em;
	z-index:1;
}
.card_button2.t02:before ,
.card_button2 .icon_02 {
/* 色情報は、color_normal.php にて
	background:#f6dcff;
*/
}
.card_button2 .icon_02 img {
	padding:0.2em 0.2em 0;
	z-index:1;
}

.card_button2.t03:before ,
.card_button2 .icon_03 {
/* 色情報は、color_normal.php にて
	background:#fff9e5;
*/
}
.card_button2 .icon_03 img {
	z-index:1;
}
.card_button2.t04:before ,
.card_button2 .icon_04 {
/* 色情報は、color_normal.php にて
	background:#ddffdc;
*/
}
.card_button2 .icon_04 img {
	padding:0.25em 0 0;
	z-index:1;
}

.card_button2:hover .icon_01 ,
.card_button2:hover .icon_02 ,
.card_button2:hover .icon_03 ,
.card_button2:hover .icon_04 {
	background:transparent;
}


.card_button2 h3 {
	line-height:1.2em;
	font-size:1.2em;
	vertical-align :middle;
}
.card_button2 h3 span {
	font-size:70%;
	line-height:1.2em;
	margin-left:1em;

/* 色情報は、color_normal.php にて
	color:#bababa;
*/
}
.card_button2 a {
	position:absolute;
	top:0;	
	left:0;
	width:100%;
	height:100%;
	z-index:2;
}

.card_button2:after {
	position:absolute;
	top:calc(50% - 0.6em);
	right:1.5em;
	content: url(./../img/common/icon_arrow.svg);
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
    transition: .3s;
}
.card_button2:hover {
	filter: drop-shadow(2px 2px 15px rgba(0,0,0,0.15));
    transition: .3s;
}
.card_button2:hover:after {
	right:1em;
	transition: .3s;
}

.card_button2 .icon_01::before ,
.card_button2 .icon_02::before ,
.card_button2 .icon_03::before ,
.card_button2 .icon_04::before {
  content: "";
  display: block;
  margin: auto;
  opacity: 0;
  pointer-events: none;
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  width: 100%;
  padding-top: 100%;
  height: 0;
  z-index: -1;
  transform: translateY(-50%) scale(0);
  transition: opacity .5s, transform 0s;
  border-radius: 50%;

/* 色情報は、color_normal.php にて
  background: #fff;
*/
}
.card_button2:hover .icon_01::before ,
.card_button2:hover .icon_02::before ,
.card_button2:hover .icon_03::before ,
.card_button2:hover .icon_04::before {
  opacity: 1;
  transform: translateY(-50%) scale(1);
  transition-delay: 1s;
  transition: opacity .6s, transform .8s ease-in-out;
}


@media screen and (max-width:1024px) {
	.card_button2 h3 {
		font-size:2vw;
		line-height:3vw;
	}
	.card_button2 h3 span {
		display:block;
		margin:0;
	}
}

@media screen and (max-width: 768px) {
	.card_button2 h3 {
		line-height:4vw;
		font-size:3vw;
	}
	.card_button2 h3 span {
		display:block;
		margin:0;
	}
}
@media screen and (max-width: 499px) {
	.card_button2 h3 {
		font-size:3.8vw;
	}
}




/* カード3  */
.card_button3 {
	position:relative;
	padding:0;
	border-radius:7px;
    transition: .3s;
	filter: drop-shadow(2px 2px 10px rgba(0,0,0,0.1));
	border-radius:7px;
	overflow:hidden;

/* 色情報は、color_normal.php にて
	border:1px solid #e8e8e8;
	background:#fff;
*/

}
.card_button3 a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.card_button3:after {
	position:absolute;
	top:calc(50% - 0.6em);
	right:1.5em;
	content: url(./../img/common/icon_arrow.svg);
	display: inline-block;
	width: 1.2em;
	height: 1.2em;
    transition: .3s;
}
.card_button3:hover {
	filter: drop-shadow(2px 2px 15px rgba(0,0,0,0.2));
    transition: .3s;
}
.card_button3:hover:after {
	right:1em;
	transition: .3s;
}

.cb3_img {
	padding:0;
	margin:0;
	flex:2;
	border-radius:7px 0 0 7px;
	overflow:hidden;
	transition: .3s;
}
.cb3_img img {
  vertical-align: top;
	border-radius:7px 0 0 7px;
	transition: .3s;
}
.card_button3:hover .cb3_img img {
	-webkit-transform: scale(1.15);
   	transform: scale(1.15);
   transition: all .3s;
}
.cb3_txt {
	flex:5;
	padding-left:2em;
	border-radius:7px;
	border-radius:0 7px 7px 0;
}



/*-------------------------------------------------------------
 外来診療のご案内
section.outpatient_info
-------------------------------------------------------------*/
section.outpatient_info {
	position:relative;
	width:100%;
	margin-top:80px;
}
.outpatient_info .o_cover{
	position:relative;
	width: 100%;
	margin: 0 auto;
	background-position: top center;
	background-repeat: no-repeat;
	background-size:cover;
	position: relative;
	height : -webkit-calc(100vw * 500 / 1800) ;
	height: calc(100vw * 500 / 1800);
	z-index:0;

/* 色情報は、color_normal.php にて
	background-color: #f3faf4;
*/
}
.outpatient_info .o_cover:after{
  content: "";
  position: absolute;
  top: 0;
  left: 0;
	width:100vw;
	height : -webkit-calc(100vw * 500 / 1800) ;
	height: calc(100vw * 500 / 1800);
	background-image: -moz-linear-gradient(right, rgba(30,199,171,0.1), rgba(66,136,185,0.1));
  	background-image: -webkit-linear-gradient(right, rgba(30,199,171,0.1), rgba(66,136,185,0.1));
  	background-image: linear-gradient(to left, rgba(30,199,171,0.1), rgba(66,136,185,0.1)); 
    backdrop-filter: blur(5px);
    -webkit-backdrop-filter: blur(5px);
}

.parallax_bg {
  	background-attachment: fixed;
 	background-position: center;
  	background-size: cover;
  	background-repeat: no-repeat;
	width:100vw;
	height : -webkit-calc(100vw * 500 / 1800) ;
	height: calc(100vw * 500 / 1800);
}
.img_bg_01 {
	background-image: url(../../assets/img/top/img_bg_01.jpg)  ;
}

.o_info_box_head {
	position:absolute;
	bottom:0;
	left:50%;
	transform: translateX(-50%);
	padding:2.5em 0 2.5em;
	width:90%;
	max-width:1000px;
	border-radius:15px 15px 0 0 ;
	z-index:3;

/* 色情報は、color_normal.php にて
	background:#fff;
*/
}
.o_info_box_head h3 {
	text-align:center;
	font-size:1.4em;
}

.o_info_box {
	width:90%;
	margin:-30px auto 0;
	max-width:1000px;
	padding:2em;
	border-radius:15px;
	z-index:30;

/* 色情報は、color_normal.php にて
	background:#fff;
*/
}
.o_info_box h4 {
	font-size:1em;
	padding:0.7em 0;
	border-radius:7px;

/* 色情報は、color_normal.php にて
	color:#2d6d97;
	background:#d3e8f3;
*/
}
.o_info_box .weekday {
	line-height:1.6;
	margin-bottom:1em;
	padding:0 0.5em;
}
.o_info_box .weekday div:nth-of-type(1){
/* 色情報は、color_normal.php にて
	color:#2d6d97;
	background:#d3e8f3;
*/
}
.icon_time {
	position:relative;
}
.icon_time:before {
	content:'';
	position:absolute;
	top:0.45em;
	left:calc(50% - 3.7em);
	width:1.2em;
	height:1.2em;
/* 色情報は、color_normal.php にて
	background: url(./../img/common/icon_watch.svg)  no-repeat;
*/
}
.icon_time:before img {
	width:100%;
}
.icon_mi_sheet ,
.icon_mail {
	position:relative;
	width:calc(100% - 4em);
	height:2em;
	line-height:2em;
	margin:0 auto;
	border-radius:5px;

/* 色情報は、color_normal.php にて
	border:1px solid #2d6d97;
*/
}
.icon_mi_sheet a ,
.icon_mail a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
.icon_mi_sheet:before {
	content:'';
	position:absolute;
	top:0.32em;
	left:calc(50% - 4.5em);
	width:1.2em;
	height:1.2em;

/* 色情報は、color_normal.php にて
	background: url(./../img/common/icon_mi_sheet.svg)  no-repeat;
*/

}
.icon_mail:before {
	content:'';
	position:absolute;
	top:0.4em;
	left:calc(50% - 7em);
	width:1.2em;
	height:1.2em;

/* 色情報は、color_normal.php にて
	background: url(./../img/common/icon_mail.svg)  no-repeat;
*/

}

.o_info_box span {
/* 色情報は、color_normal.php にて
	color:#2d6d97;
*/
}
.icon_tel {
	position:relative;
}
.icon_tel.big {
	font-size:1.4em;
	font-weight:700;
}
.icon_tel:before {
	content:'';
	position:absolute;
	top:0.47em;
	left:calc(50% - 6.8em);
	width:1.3em;
	height:1.3em;

/* 色情報は、color_normal.php にて
	background: url(./../img/common/icon_tel.svg)  no-repeat;
*/
}
.icon_tel.big:before {
	top:0em;
	left:calc(50% - 5.5em);
}

@media screen and (max-width: 1400px) {
	.o_info_box_head {
		padding:3.5vw 0 3vw;
	}
	.o_info_box_head h3 {
		padding:0;
	}
}

@media screen and (max-width: 1024px) {
	.o_info_box_head {
		padding:3.5vw 0 3vw;
	}
	.o_info_box_head h3 {
		font-size:2.6vw;
	}
	.o_info_box h4 {
		font-size : 1.8vw;
	}
	.icon_tel.big  {
		font-size : 2.4vw;
	}
	.icon_mi_sheet ,
	.icon_mail ,
	.o_info_box p ,
	.weekday {
		font-size : 1.6vw;
	}
}
@media screen and (max-width: 768px) {
	.o_info_box {
		margin:0px auto 0;
		padding:1em 0;
	}
	.o_info_box_head h3 {
		font-size:3.6vw;
	}
	.o_info_box h4 {
		font-size : 3.2vw;
	}
	.icon_tel.big  {
		font-size : 3.4vw;
	}
	.icon_mi_sheet ,
	.icon_mail ,
	.o_info_box p ,
	.weekday {
		font-size : 3.2vw;
	}
	.icon_tel {
		margin-top:2em;
	}
	.icon_tel.big {
		margin-top:1em;
		font-size : 3.8vw;
	}
}
@media screen and (max-width: 768px) {
	.o_info_box_head h3 {
		font-size:4.6vw;
	}
	.o_info_box div {
		font-size : 3.6vw;
	}
	.o_info_box h4 {
		font-size : 3.8vw;
	}
}


/*-------------------------------------------------------------
pickup
-------------------------------------------------------------*/
section.pickup  {
	position:relative;
	padding:3em 0 0;
}
section.pickup .main {
	position:relative;
}
h3.pickup_h3 {
	display:inline;
	position:absolute;
	top:-3em;
	left:0;
	width:100%;
	text-align:left;
	font-size:1.3vw;
}
h3.pickup_h3 span {
	display:inline;
	margin-left:1.5em;
	font-size:80%;

/* 色情報は、color_normal.php にて
	color:#c0c0c0;
*/
}
h3.pickup_h3:after {
  content: '';
  position: absolute;
	top:0.5em;
	right:0;
  display: inline-block;
  width: calc(100% - 12em);
  height: 1px;

/* 色情報は、color_normal.php にて
  background-color: #d3d3d3;
*/
}

@media screen and (max-width: 1024px) {
	section.pickup h3.head {
		font-size : 2.6vw;
		margin-top:500px;
	}
}
@media screen and (max-width: 768px) {
	section.pickup {
		margin-top:10vw;
	}
	section.pickup h3 {
		font-size:3vw;
	}
	section.pickup h3.head {
		font-size:3.6vw;
	}
}
@media screen and (max-width: 499px) {
	h3.pickup_h3 ,
	section.pickup h3 {
			left:1em;
		font-size:3.8vw;
	}
}

/*-------------------------------------------------------------
ドキュメンタリー
documentary
-------------------------------------------------------------*/
.documentary .d_cover{
	width: 90vw;
	margin: 0 auto;
	height:calc(90vw * 530 / 1618);
	background-size: contain;
	background-repeat: no-repeat;	

/* 色情報は、color_normal.php にて
	background: url(./../img/top/documentary.jpg)  ;
*/

}
.documentary .d_cover > div:first-child {
}
.documentary .d_txt {
	padding-left:2em;
	font-size:1em;
}
.documentary .d_cover h3{
	line-height:2.2;
	margin-bottom:0.9em;

/* 色情報は、color_normal.php にて
	border-bottom:3px solid #a9d0e9;
*/

}
.documentary .d_cover .img_wrap {
	position:relative;
}

.documentary .d_cover .img_wrap .my_youtube {
	position:relative;
	width: 90%;
	margin:0 auto;
	overflow: hidden;
	padding-bottom: 56.25%;
}
.my_youtube iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border: none; 
}

@media screen and (max-width: 1024px) {
	.documentary .d_txt h3 {
		font-size:2vw;
	}
	.documentary .d_txt p {
		font-size:1.6vw;
		line-height:1.4;
	}
}
@media screen and (max-width: 768px) {
	.documentary .d_cover{
		width: 90vw;
		margin: 0 auto;
		height:90vw;
		background-size: cover;
		background-repeat: no-repeat;	
		/* 色情報は、color_normal.php にて
		background: url(./../img/top/documentary.jpg)  ;
		*/
	}
	.documentary .d_txt {
		padding:1.5em 2em 1em;
	}
	.documentary .d_txt h3 {
		font-size:3.6vw;
	}
	.documentary .d_txt p {
		font-size:2.4vw;
	}
}
@media screen and (max-width: 499px) {
	.documentary .d_cover{
		height:100vw;
	}
	.documentary .d_cover h3{
		font-size:3.8vw;
	}
	.documentary .d_txt {
		padding:0 0 1em;
	}
	.documentary .d_txt p {
		font-size:3.6vw;
	}

}

/*-------------------------------------------------------------
 リンク集
-------------------------------------------------------------*/
.link_area {
	padding-top:4em;
	padding-bottom:5em;

/* 色情報は、color_normal.php にて
	background: #F7F5F2;
*/
}

.Link_collection  {
	position:relative;
}
.Link_collection h3 {
	display:inline;
	width:100%;
	text-align:left;
	font-size:1.3vw;
}
.Link_collection h3 span {
	display:inline;
	margin-left:1.5em;
	font-size:80%;

/* 色情報は、color_normal.php にて
	color:#c0c0c0;
*/

}
.Link_collection h3:after {
  content: '';
  position: absolute;
	top:0.5em;
	right:0;
  display: inline-block;
  width: calc(100% - 9em);
  height: 1px;

/* 色情報は、color_normal.php にて
  background-color: #d3d3d3;
*/
}
@media screen and (max-width: 499px) {
	.Link_collection h3 {
		font-size:4vw;
		margin-left:1em;
	}

}


/*-------------------------------------------------------------
  ニュースティッカー（1行ニュース）
-------------------------------------------------------------*/
.news_reader {
	position:absolute;
	right:0;
	bottom:-1px;
	width:600px;
	height:calc(600px * 78 / 465  );
  overflow: hidden;
	z-index:3;
}
.news_reader #ticker {
	position:absolute;
	right:0;
	bottom:0;
	width:600px;
	height:calc(600px * 78 / 465  );
	padding:1em 0 0 2em;
    overflow: hidden;
}
.news_reader img {
	filter: drop-shadow(-1px -1px 1px rgba(0,0,0,0.05));
}
#ticker ul {
	list-style:none;
    overflow: hidden;
	height:100%;
	width:100%;
}
#ticker ul li.ticker_data {
	position:relative;
    list-style-position:inside;
    list-style-type:none;
}
#ticker ul li.ticker_data a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:5;
}

#ticker ul li.ticker_data .ticker_d {
	flex:1;
	padding:0 1em;
}

#ticker ul li.ticker_data span.year {
	display:block;
	font-size:70%;
	text-align:center;
	margin:0.5em 0 0.7em;
}
#ticker ul li.ticker_data span.md {
	position:relative;
	display:block;
	text-align:center;
	padding:.3em 1em;
	margin-top:.3em;
	line-height:1.8;

/* 色情報は、color_normal.php にて
	border-top:1px solid #777e41;
*/
}
#ticker ul li.ticker_data span.md:after {
  position: absolute;
  content: " ";
  display: block;
  top: -3px;
	left:0;
  width: 20%;

/* 色情報は、color_normal.php にて
  border-top: solid 3px #3c7170;
*/
}
#ticker .ticker_txt {
	flex:4;
	padding:0 1em;
}

.bar {
  position: absolute;
  left: 30%;
  bottom: 20px;
  transform: scaleX(0);
  transform-origin: 0 0;
  width: 70%;
  height: 6px;
  transition: transform 6s linear;
  z-index: 2;

/* 色情報は、color_normal.php にて
  background-color: rgba(60,113,112,0.2);
*/

}

@media screen and (max-width: 768px) {
	.news_reader {
		display:none;
	}
}


.blur{
  animation-name:blurAnime;
  animation-duration:2s;
  animation-fill-mode:forwards;
}

@keyframes blurAnime{
  from {
  filter: blur(10px);
  transform: scale(1.02);
  opacity: 0;
  }

  to {
  filter: blur(0);
  transform: scale(1);
  opacity: 1;
  }
}
 
.blurTrigger{
    opacity: 0;
}

.mainimage .kinou_hyouuka {
	position:absolute;
	left:7px;
	bottom:5px;
	width:15vw;
	height:15vw;
	z-index:5;
}
.mainimage .kinou_hyouuka img {
	filter: drop-shadow(5px 5px 5px rgba(0,0,0,0.3));
}