@charset "utf-8";

/****************************
TOPページ専用CSS
*****************************/

/* ヘッダー・ナビ・メイン画像
----------------------------------*/


.top{
	background: #fff; 
	
	/* background: #c8e0f4; */ 
}


/* TOP　のみ 斜めの背景*/

#svg-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: -1;
}


/* TOPページは、fixed menu を出さない　※padding-top: 0px にしないと上に余白が出る
body{ 
	padding-top: 0px;
}
 */


/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
 
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
    .pc { display: none !important; }
    .sp { display: block !important; }
}

/* TOP ふわっとしたスライダー */

.slideBox {
  width: 2000px;		
  height: 500px; /*  height: 600px; */
  overflow: hidden;
  position: relative;
	margin: 0 auto;
}

/* テキストがあるバージョン */
.s_title {
  font-size: 48px; /* font-size: 32px; */
  color: #0A0A0A;  /* color: #fff; */
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  letter-spacing: 0.05em;
font-weight: bold;
}

.s_item2 {
  z-index: 10;
  opacity: 0;
  width: 100%;
  height: 100%; /*  height: 600px; */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  top: 0;
  -webkit-animation: anime 10s 0s infinite;
  animation: anime 10s 0s infinite;
}

.s_item2:nth-of-type(2) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
}

.s_item2:nth-of-type(3) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
}

.s_item2:nth-of-type(4) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
}


/* ふわっとアニメーション */
@keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}

@-webkit-keyframes anime {
  0% {
    opacity: 0;
  }
  30% {
    opacity: 1;
  }
  35% {
    opacity: 1;
  }
  50% {
    opacity: 0;
    z-index: 9;
  }
  100% {
    opacity: 0;
  }
}



#mainImg {
	/*display: none; */
}	


@media screen and (max-width:750px) {	
.slideBox {
  height: 400px;
  overflow: hidden;
  position: relative;
}

/* テキストがあるバージョン */
.s_title {
  font-size: 16px; /* font-size: 32px; */
  color: #0A0A0A;  /* color: #fff; */
  z-index: 11;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%,-50%);
  letter-spacing: 0.05em;	
}
	
.s_item2 {
display: none; 
}	

	
	
/* ふわっとアニメーションをスマホのみ動きを止めたい　*/
	
#mainImg {
	text-align: center;
	margin: 0px auto; 
	padding: 0 auto;
	 line-height: 1;　/* 文字の上下の隙間を消す */
	
}	
#mainImg img{
max-width: 100%;
	
}
 
	
}




@media only screen and (max-width: 979px){
	.top #header{background-size: auto 120px;}
}


.contents {
  position: relative;
  overflow: hidden;
  margin: 10% 0;
  padding: 80px 0;
}

.contents:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 120%;
  height: 80%;
  margin: 3% -10% 0;
  background: #011931;
  -webkit-transform-origin: left center;
  -ms-transform-origin: left center;
  transform-origin: left center;
  -webkit-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  transform: rotate(3deg);
  z-index: -1;
}

.contents_inner {
  box-sizing: boder-box;
  width: 100%;
  max-width: 640px;
  height: 100%;
  margin: 0 auto;
  padding: 100px 10px 120px;
  color: #fff;
  text-align: center;
}







/*
#mainImg img {
	max-width: 94%;
	border:1px solid #d5d6e1;
	box-shadow: 5px 5px 0 0 #d5d6e1;
}

/*

@media only screen and (min-width: 880px),print{
	.top .mainnav {
		margin: 0;
		background: #00baa5; 
	}
	.top .mainnav .mainnav_inner {
		border-left:1px solid #d5d6e1;
		box-shadow: 0 0 0 0 transparent;
	}
}

*/

/* コンテンツ部分・レイアウト
----------------------------------*/
.top_content.green {background:rgba(0,186,165,0.25);} 
.top_content.white {background:#fff;} 
.top_content.gray {background:#E7F1FA;}  /*#E7F1FA */
.top_content.blue {background:#c8e0f4;} /*#c8e0f4 */


.t_l45 {
	float: left;
	width: 43%;
	margin: 0 2% 40px 0;
}

.t_r55 {
	float: right;
	width: 55%;
	margin: 0 0 40px;
}

.t_l50 {
	float: left;
	width: 49%; /* 49%;   */
	margin: 0 1% 40px 0;
}

.t_r50 {
	float: right;
	width: 49%;
	margin: 0 0 40px 1%;
}

.t_l67 {
	float: left;
	width: 65%;
	margin: 20px 2% 89px 0;　/* margin: 50px 2% 40px 0; */
 }

.t_r33 {
	float: right;
	width: 33%;
	margin: 20px 0 20px 0;　/* margin: 50px 0 40px 0; */
}

@media only screen and (max-width: 879px){
	.t_l45,.t_r55,.t_l67,.t_r33 {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
}
@media only screen and (max-width: 644px){
	.t_l50,.t_r50 {
		float: none;
		width: 100%;
		margin: 20px 0;
	}
}
@media only screen and (min-width: 645px){
	.t_l50 img,.t_r50 img {
		width: 240px; /* width: 150px; */
	}
}

/* コンテンツ部分・要素
----------------------------------*/
/*見出し*/
#top_content .h2_box {
	padding: 50px 0 40px;
	text-align: center;
}
#top_content h2 {
	font-size:28px;
	font-weight: bold;
	position: relative;
	display: inline-block;
	letter-spacing: 0.1em;
}



#top_content h3{
	color:#030303;  /* 1e6a16   */
	font-weight: bold;
	font-size: 18px;
}

#top_content a.link {
	margin: 0 0 20px;
	display: inline-block;
	padding: 8px 15px 8px 30px;
	box-shadow: 5px 5px 0 0 #d5d6e1;
	text-decoration: none;
	background: url(../images/m_ic02.png) no-repeat 10px 15px #e98562; /* 20190313 shioda add #f0cf65; */
	color: #fff;
}
#top_content a.link:hover{background-color: #ee9272;}  /* 20190313 shioda add #ddae16;*/

#top_content ul li{margin:0 0 0 30px;list-style: disc;}
#top_content ul ul {margin: 0 0 0 18px;}
#top_content ul ul li{list-style: circle;}
#top_content ul li a:hover {color: #0068b7;}

#top_content img {
	box-shadow: 5px 5px 0 0 #d5d6e1;
	max-width: 100%;
}

#top_content .hidden {overflow: hidden;}

/* News & Events 左側
----------------------------------*/

/* 20200414　News */

.t_news {
padding:11px 15px 15px 15px;
background: url(../images/news_t.png) no-repeat #fff;
box-shadow: 5px 5px 0 0 #d5d6e1; 
border: 1px solid  #d5d6e1; 
}



.t_news dl{
font-size:16px;
}


.t_news dt{
  float: left;
  padding: 5px 0;
}

.t_news dd{
  margin-left: 150px;
  padding: 5px 0;	
}


@media only screen and (max-width: 644px){
	
.t_news dl{
font-size:14px;
}
	
	
.t_news dt{
  float: none;
  padding: 2px 0;	
}

.t_news dd{
  margin-left: 0px;
}
}

.t_news h4{
margin: 0 0 10px 10px;  /*margin: 0 0 10px 30px; */
padding-bottom:10px;	
font-size: 16px;
font-weight: bold;	
color: #fff;	
}

/*Newsのdiv*/
.t_news_txt {
	width: 100%;
	height: 250px; /* height: 150px;  height: 308px; */
	overflow-y: scroll;
	padding: 0 10px 0 0;	
}

.t_news_txt a {text-decoration: underline;}
.t_news_txt a:hover {text-decoration: none;}
.t_news_login {
	margin: 10px 0;
	text-align: right;
}
.t_news_login a:hover {color: #00baa5;}




/* 2020414　Events */

.t_events
{
padding:11px 15px 15px 15px;
background: url(../images/events_t.png) no-repeat #fff;
box-shadow: 5px 5px 0 0 #d5d6e1; 
border: 1px solid  #d5d6e1; 
}

.t_events dt{
  float: left;
}

.t_events dd{
  margin-left: 100px;
}

@media only screen and (max-width: 644px){
.t_events dt{
  float: none;
}

.t_events dd{
  margin-left: 0px;
}
}

.t_events h4{
margin: 0 0 10px 10px;  /*margin: 0 0 10px 30px; */
padding-bottom:10px;	
font-size: 16px;
font-weight: bold;
	
}

/*新着情報のdiv*/
.t_events_txt {
	width: 100%;
	height: 250px; /* height: 150px; height: 308px; */
	overflow-y: scroll;
	padding: 0 10px 0 0;	
}

.t_events_txt a {text-decoration: underline;}
.t_events_txt a:hover {text-decoration: none;}
.t_events_login {
	margin: 10px 0;
	text-align: right;
}
.t_events_login a:hover {color: #00baa5;}

@media only screen and (max-width: 644px){
	#top_content .h2_box {padding: 20px 0;}
	#top_content h2 {font-size: 16px;}
	#top_content h3,.t_news h4,.t_events h4,.t_r-side h4 {font-size: 16px;}
}




/* お見舞いメッセージ欄 */

.t_r-side_m {
padding:20px 50px 20px 30px;
margin: 0 0 10px 0;	
background: #fff;
box-shadow: 5px 5px 0 0 #d5d6e1;
border: 1px solid #d5d6e1;
font-family: YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'serif';
font-size:90%;
line-height: normal;	
}




.t_r-side_m a{
color: #0A0A0A;
	
}

.t_r-side_m a:hover{
color: #0068b7;
	
}

/* お見舞いメッセージ欄 */

.t_r-side {
padding:15px;
background: url(../images/side1.png) no-repeat #fff;
box-shadow: 5px 5px 0 0 #0068b7;
border: 1px solid #0068b7;
}



.t_r-side h4{
margin: 0 0 10px 10px;
font-size: 18px;
font-weight: bold;
	
}

.t_r-side a{
color: #0A0A0A;
	
}

.t_r-side a:hover{
color: #0068b7;
	
}



.t_bn a {
	display: block;
	margin: 0 0 15px 0;  /* margin: 15px 0; */
	padding: 15px;
	background: #ffffff;
	box-shadow: 5px 5px 0 0 #d5d6e1;
	border: 1px solid #d5d6e1;
}
.t_bn a:hover {
	color: #00baa5;
}

/* アイコン付きボタン */

.t_bn_c a {
	display: block;
	margin: 0 0 15px 0;  /* margin: 15px 0; */
	padding: 15px;
	background: url("../images/comic.png") no-repeat left 7px top 17px #fff;
	box-shadow: 5px 5px 0 0 #1b0795;
	border: 1px solid #d5d6e1;
}
.t_bn_c a:hover {
	color: #1b0795;
}



.t_bn_m a {
	display: block;
	margin: 0 0 15px 0;  /* margin: 15px 0; */
	padding: 15px;
	background: url("../images/movie.png") no-repeat left 7px top 17px #fff;
	box-shadow: 5px 5px 0 0 #1b0795;
	border: 1px solid #d5d6e1;
}
.t_bn_m a:hover {
	color: #1b0795;
}



.t_bn_b a {
	display: block;
	margin: 0 0 15px 0;  /* margin: 15px 0; */
	padding: 15px;
	background: url("../images/books.png") no-repeat left 7px top 17px #fff;
	box-shadow: 5px 5px 0 0 #1b0795;
	border: 1px solid #d5d6e1;
}
.t_bn_b a:hover {
	color: #1b0795;
}



/* 右サイド　ボタン */

.t_bn11 a {
	display: block;
	margin: 15px 0 15px 0;  /* margin: 15px 0; */
	padding: 15px 0px 15px 30px;
	background: #ffffff;
	box-shadow: 5px 5px 0 0 #0068b7;  /*  #4147d2; */
	border: 1px solid #0068b7;　/* #4147d2; */
	background: #fff;  /* #dceffc;   */
 	color: #0068b7; /* #4147d2;  */
	font-size:110%;
	font-weight: bold;
	letter-spacing: 0.02em;
}
.t_bn11 a:hover {
	color: #000;
}







/*  TOP 4つの横並びコンテンツ  */
/* 4カラム（スマートフォンでは1カラム) 210908 */
.fourCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin:0 auto;
	padding-top: 80px;
}

.fourCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 25%;   /* width: 32.14%;  */
	width: calc((235 / 980) *100%);   /* width: calc((245 / 980) *100%);  width: calc((315 / 980) *100%);   */
	margin: 0 0 50px 0;	
	background:#fff;
	padding:10px 4px;
}


.fourCol .inner:nth-child(3n+1) {
	clear:both;
}

.fourCol .inner h4 {
	width: 100%;
	/* margin-top: 0.5em;   */
	text-align: center; /* text-align: left;  */
	color: #0A0A0A;
}

.fourCol .inner p {
	width: 100%;
	margin-bottom: 0;
	text-align: justify;
}

.fourCol .inner > a {
	width: 100%;
	height: 100%;

}

.fourCol .inner .image {
	width: 95%;
	min-height: 0%;
}

.fourCol .inner img {
	width: 100%;　/* width:100% */	
}

.fourCol .inner .btn {
	margin-top: auto;
	padding-top: 10px;
}

.fourCol .inner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	font-size: 16px; 
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	pointer-events: none;
}

@media screen and (max-width:644px) {
	.fourCol .inner {
		width : 90%;
		margin: 0 5% 10px 5%;
	}
	
	.fourCol .inner .image {
	width: 50%;
	min-height: 0%;
}

	
}

/* 写真ズーム */
.zoom {
	overflow: hidden;
}

.zoom img {
	display: block;
	-moz-transition: -moz-transform 0.8s linear;
	-webkit-transition: -webkit-transform 0.8s linear;
	-o-transition: -o-transform 0.8s linear;
	-ms-transition: -ms-transform 0.8s linear;
	transition: transform 0.8s linear;
}

.zoom img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.zoom img {
	margin-bottom: 0;
}

/* オーバーレイ */
.overlay {
	position: relative;
}

.overlay::after{
	background: rgba(0,0,0,.5);
	content: "　";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .3s ease-out;
	pointer-events: none;
}

.overlay:hover::after {
	background: rgba(0,0,0,.1);
	transition: all .3s ease-out;
}

.overlay img {
	margin-bottom: 0;
}

/* ボタン */
.four_top-btn a {
	position: relative;
	display: inline-block;
	padding: 8px 10px 8px 10px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	z-index: 1;
	background: #0068b7; /* #00baa5; */
	border: 1px solid #0068b7; /* #00baa5; */
	margin: 0 0 15px 0;
	font-size: 120%;
	letter-spacing: 0.1em;
	width: 200px;

}

.four_top-btn a:hover {
	color: #0068b7; /* #00baa5; */
	background: #fff;   
}





/*  TOP 3つの横並びコンテンツ  */
/* 3カラム（スマートフォンでは1カラム) */
.threeCol {
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	position: relative;
	overflow: hidden;
	margin:0 auto;
	padding: 80px 100px 0 100px;

	
 /*	width: 1200px;  */
}

.threeCol .inner {
	position: relative;
	overflow: hidden;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	display: flex;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	align-items: center;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: censpace-betweenter;
	justify-content: space-between;
	-ms-flex-direction: normal;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	flex-direction: column;
	width: 32.14%; /* width: 32.14%; */
	width: calc((220 / 840) *100%); /* width: calc((240 / 980) *100%); 200706 add  width: calc((315 / 980) *100%);  */
	height: 250px; /* height: 280px;  */
	margin: 0 0 20px 0;
	border-radius: 50%;
    background:#fff;  /*#FDAABE #FEDAE3; */
	border: 5px solid #0068b7; /*#FDAABE */
	
}
	
/*background-image: linear-gradient(to top, #accbee 0%, #e7f0fd 100%); */
/* background-image: linear-gradient(120deg, #a1c4fd 0%, #c2e9fb 100%); */	
/*background-image: linear-gradient(120deg, #8CB7FD 0%, #ADE2FB 100%);	*/	



.threeCol .inner:nth-child(3n+1) {
	clear:both;
}

.threeCol .inner h4 {
	width: 100%;
	/* margin-top: 0.5em;   */
	/*text-align: center; /* text-align: left;  */
	color: #0068b7; /*  #fff */
	font-size: 28px;
	font-weight: bold;
	letter-spacing: 0.05em;
  width: 200px;
  height: 200px;
  background-color: none;
  /* 水平・垂直方向の中央揃え */
  position: absolute;
  top: 45%; /* 50% */
  left: 50%;
  margin: -30px 0 0 -57px; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
	
}

.threeCol .inner p {
	width: 100%;
	color: #0068b7; /*  #fff */
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;
  width: 200px;
  height: 100px;
  background-color: none;
  /* 水平・垂直方向の中央揃え */
  position: absolute;
  top: 65%;  /* 70% */
  left: 50%;
  margin: -30px 0 0 -57px; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


/*

.threeCol .inner p {
	width: 100%;
	margin-bottom: 0;
	text-align: justify;
}

*/

.threeCol .inner > a {
	width: 100%;
	height: 100%;
}

.threeCol .inner .image {
	width: 95%;
	min-height: 0%;
}

.threeCol .inner img {
	width: 100%;　/* width:100% */	
}

.threeCol .inner .btn {
	margin-top: auto;
	padding-top: 10px;
}

.threeCol .inner .text {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translateY(-50%) translateX(-50%);
	transform: translateY(-50%) translateX(-50%);
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	text-align: center;
	vertical-align: middle;
	pointer-events: none;
}



@media screen and (max-width:767px) {
	.threeCol {
	display: flex; 　/* display: block;  横に並ぶ　*/
	margin-bottom: 0px;
	margin-top:0px;  /* margin-top:10px;  */
	padding: 60px 0 0 0;
	}
	
	
	.threeCol .inner {
		width : 32%;  /*shioda add 100% */ 
		height: 120px; /* 150px shioda add 100%  */
		margin: 0 auto;
		 /* border-radius: 50%;;*/
	 /*   background:#0068b7;  #FDAABE #FEDAE3; */
		
		border: 3px solid #0068b7; /*#FDAABE */	
	}
	
.threeCol .inner h4 {
	width: 100%;
	/* margin-top: 0.5em;   */
	/*text-align: center; /* text-align: left;  */
 /*	color: #fff; */ 
	font-size: 14px;
	font-weight: bold;
	letter-spacing: 0.05em;

    width: 100%;
    height: 100%;
    background-color: none;
    /* 水平・垂直方向の中央揃え */
    position: absolute;
    top: 55%;
    left: 73%;
    margin: -35px 0 0 -57px; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}


.threeCol .inner p {
	width: 100%;
 /*	color: #fff; */ 
	font-size: 11px;
	font-weight: bold;
	letter-spacing: 0.05em;
	line-height: 1.3em;
    width: 100%;
    height: 100%;
    background-color: none;
  /* 水平・垂直方向の中央揃え */
    position: absolute;
    top: 80%;
    left: 73%;
    margin: -35px 0 0 -70px; /* 完全に中央に配置するため、上・左の margin を負の数に設定 */	
}	

	
}


/*
@media screen and (max-width:500px) {
	.threeCol .inner {
		width : 90%;
		margin: 0 5% 10px 5%;
	}
}



*/




/* 写真ズーム */
.zoom {
	overflow: hidden;
}

.zoom img {
	display: block;
	-moz-transition: -moz-transform 0.8s linear;
	-webkit-transition: -webkit-transform 0.8s linear;
	-o-transition: -o-transform 0.8s linear;
	-ms-transition: -ms-transform 0.8s linear;
	transition: transform 0.8s linear;
}

.zoom img:hover {
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);
}

.zoom img {
	margin-bottom: 0;
}

/* オーバーレイ */
.overlay {
	position: relative;
}

.overlay::after{
	background: rgba(0,0,0,.5);
	content: "　";
	display: block;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	transition: all .3s ease-out;
	pointer-events: none;
}

.overlay:hover::after {
	background: rgba(0,0,0,.1);
	transition: all .3s ease-out;
}

.overlay img {
	margin-bottom: 0;
}

/* ボタン */
.top-btn a {
	position: relative;
	display: inline-block;
	padding: 8px 40px 8px 40px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	-moz-transition: 0.5s;
	-webkit-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
	z-index: 1;
	background: #00baa5;
	border: 1px solid #00baa5;
	margin-top: 10px;

}

.top-btn a:hover {
	color: #00baa5;
	background: #fff;   
}




/*========= TOP３つのアイコンをふわっと動かすCSS ===============*/

.flex{
  display:flex;
  flex-wrap: wrap;
}

.box{
  width: 220px;
  padding: 20px;
    margin: 0 20px 20px 20px;
  background: #666;
  color: #fff;
  box-sizing:border-box;
}

/*==================================================
スタート時は要素自体を透過0にするためのopacity:0;を指定する
===================================*/

.box{
  opacity: 0;
}

/*==================================================
ふわっ
===================================*/

.fadeUp {
animation-name:fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}
@keyframes fadeUpAnime{
  from {
    opacity: 0;
  transform: translateY(100px);
  }

  to {
    opacity: 1;
  transform: translateY(0);
  }
}

/* アニメーションスタートの遅延時間を決めるCSS*/

.delay-time02{
animation-delay: 0.2s;
}

.delay-time04{
animation-delay: 0.4s;
}






/* フッター TOPの背景は白バック
------------------------------------------------------------*/

.footer-3_top {
    padding: 4rem 2rem 1.5rem;
    background-color: #fff; /*#ffffff; */
}




/* Newsのdiv */
.t_news_txt {
	width: 100%;
	height: 250px; /* height: 150px;  height: 308px; */
	overflow-y: scroll;
	padding: 0 10px 0 0;	
}

.t_news_txt a {text-decoration: underline;}
.t_news_txt a:hover {text-decoration: none;}
.t_news_login {
	margin: 10px 0;
	text-align: right;
}
.t_news_login a:hover {color: #00baa5;}