@charset "UTF-8";
/*
 * ================================================
 *
 * [home]
 *
 * ================================================
 */
/**
 * mainVisual
 */
#mainVisual {
	background: #F3F8FA;
	position: relative;
	margin-bottom: 25px;
}
	#mainVisual .inner {}
	#mainVisual a {
		display: block;
		text-decoration: none;
	}
	#mainVisual .slider {
		width: 100%;
		position: relative;
		padding-top: calc(520 / 1920 * 100%);
	}
		#mainVisual .slider li {
			width: 100%;
		}
		#mainVisual .slider li img{
      width: 100%;
      height: auto;
      display: block;
		}
	/*#mainVisual .fs-ctrls {
		position: absolute;
		z-index: 52;
		top: 50%;
		left: 0;
		width: 100%;
	}
	#mainVisual .fs-ctrls-direction {
		display: flex;
		justify-content: space-between;
		width: 1200px;
		margin: 0 auto;
	}
	#mainVisual .fs-prev,
	#mainVisual .fs-next {
		position: relative;
		display: block;
		width: 30px;
		height: 60px;
		overflow: hidden;
		text-indent: 100%;
		white-space: nowrap;
		margin-top: -30px;
	}
	#mainVisual .fs-prev::before,
	#mainVisual .fs-next::before {
		content: '';
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 30px 12px 30px 0;
		border-color: transparent #005EAC transparent transparent;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#mainVisual .fs-ctrls .fs-next {
		transform: rotate(180deg);
	}*/
	#mainVisual .fs-pager {
		position: absolute;
		z-index: 52;
		bottom: -40px;
		left: 50%;
		line-height: 1;
		width: 1200px;
		text-align: center;
		margin-left: -600px;
	}
		#mainVisual .fs-pager .fs-pager-item {
			display: inline-block;
			overflow: hidden;
			text-indent: 100%;
			white-space: nowrap;
			margin: 0 3px;
		}
			#mainVisual .fs-pager .fs-pager-item a {
				display: block;
				width: 30px;
				height: 30px;
				position: relative;
				text-decoration: none;
			}
			#mainVisual .fs-pager .fs-pager-item a::after {
				content: '';
				width: 12px;
				height: 12px;
				background: #D5E7EC;
				position: absolute;
				top: 50%;
				left: 50%;
				margin: -6px 0 0 -6px;
				border-radius: 50%;
			}
			#mainVisual .fs-pager .fs-pager-item a.active::after {
				background: #8DC21F;
			}
/**
 * ---------------------------------------------------
 * hNav
 * ---------------------------------------------------
 */
#hNav {
	width: 260px;
	float: left;
}
	#hNav .menu {}
	#hNav .menu:not(:last-child) {
		margin-bottom: 30px;
	}
		#hNav .menu a {
			display: block;
			color: #000;
			text-decoration: none;
			border: 1px solid #005eac;
		}
		#hNav .menu > li {
			margin-bottom: 10px;
		}

			#hNav .menu > li a {
				position: relative;
				font-size: 1.4rem;
				padding: 20px;
			}		
		
/*アイコン表示バージョン
			#hNav .menu > li a {
				position: relative;
				font-size: 1.4rem;
				padding: 20px 20px 20px 70px;
				background-position: left 15px center;
				background-repeat: no-repeat;
				background-size: auto 27px;
			}
			#hNav .menu > li:nth-child(1) a {
				background-image: url(../../images/content/home/ico_hnav01.png);
			}
			#hNav .menu > li:nth-child(2) a {
				background-image: url(../../images/content/home/ico_hnav02.png);
			}
			#hNav .menu > li:nth-child(3) a {
				background-image: url(../../images/content/home/ico_hnav03.png);
				background-size: auto 32px;
			}
			#hNav .menu > li:nth-child(4) a {
				background-image: url(../../images/content/home/ico_hnav04.png);
				background-size: auto 24px;
			}
			#hNav .menu > li:nth-child(5) a {
				background-image: url(../../images/content/home/ico_hnav05.png);
				background-size: auto 24px;
			}*/
			
/**
 * news
 */
#news {}
	#news header {
		position: relative;
	}
		#news header .toIndex {
			position: absolute;
			top: .1em;
			right: 0;
		}
		#news header .toIndex::before {
			content: '＞';
		}
	#news .articles {}
		#news .articles article {
			border-bottom: 1px dashed #999;
			padding: 15px 20px;
			display: table;
			width: 100%;
		}
		#news .articles article time,
		#news .articles article h3 {
			display: table-cell;
		}
		#news .articles article time {
			width: 8em;
		}
		#news .articles article h3 {
			padding-left: 2em;
		}
/**
 * corona
 */

.corona-wrapper {
	background:#e80000;
	color:#fff;
	padding:25px 0;
	margin-top: 45px;
	text-align: center;
}
.corona-wrapper a{
	color:#fff;
}
.corona-inner {
	width:auto;
	margin:0 auto;
}
.corona-inner h2{
	font-size:2.2rem;
	font-weight: bold;
}
/**
 * ---------------------------------------------------
 * title
 * ---------------------------------------------------
 */
.kifuWrapper {
  margin: 0px calc(50% - 50vw);
  padding: 100px calc(50vw - 50%);
  background: rgb(233,251,245);
  background: linear-gradient(90deg, rgba(233,251,245,1) 0%, rgba(210,231,255,1) 100%);
}
/**
 * ---------------------------------------------------
 * return
 * ---------------------------------------------------
 */
.returnBt {
  position: relative;
  text-align: center;
}
.returnBt a{
  display: block;
  width: 100%;
  padding: 110px 0 40px;
  background: #005eac;
  color: #fff;
  text-decoration: none;
  border-radius: 4px;
  font-size: 2rem;
}
.returnBt .icn {
  width: 60px;
  position: absolute;
  top: 40px;
  left: 50%;
  margin-left: -30px;
}
.returnBt .icn img {
  width: 100%;
}

/**
 * ---------------------------------------------------
 * title
 * ---------------------------------------------------
 */
.hdS02top {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 3rem;
  font-weight: bold;
	text-align: center;
  margin-bottom: 50px;
}
.hdS02top::before,
.hdS02top::after {
	content: '';
	width: 70px;
	height: 2px;
	background: rgb(0,164,150);
background: linear-gradient(90deg, rgba(0,164,150,1) 0%, rgba(0,88,169,1) 100%);
}

.hdS02top::before {
	margin-right: 20px;
}
.hdS02top::after {
	margin-left: 20px;
}

/**
 ****************************************************
 *
 * screens larger than 767
 *
 ****************************************************
 */
@media only screen and (min-width: 768px) {

}
/**
 ****************************************************
 *
 * screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (max-width: 767px) {
	/**
	 * mainVisual
	 */
	#mainVisual {}
		#mainVisual .slider {
			height: 0;
			padding-top: 63.235294117%;
		}
		#mainVisual .fs-ctrls {
			display: none;
		}
		#mainVisual .fs-pager {
			width: 100%;
			margin-left: 0;
			bottom: -30px;
			left: 0;
		}
			#mainVisual .fs-pager .fs-pager-item {}
				#mainVisual .fs-pager .fs-pager-item a {
					width: 20px;
					height: 20px;
				}
				#mainVisual .fs-pager .fs-pager-item a::after {
					width: 10px;
					height: 10px;
					margin: -5px 0 0 -5px;
				}
	#hNav {
		width: 100%;
		float: none;
	}
	/**
	 * news
	 */
	#news {
		margin-bottom: 25px;
	}
		#news h2 {
			margin-bottom: 10px;
		}
		#news .articles {}
			#news .articles article {
				padding: 12px 15px;
				display: block;
				font-size: 1.2rem;
			}
			#news .articles article time,
			#news .articles article h3 {
				display: block;
			}
			#news .articles article time {
				margin-bottom: 5px;
			}
			#news .articles article h3 {
				padding-left: 0;
			}
  /**
   * ---------------------------------------------------
   * title
   * ---------------------------------------------------
   */
  .kifuWrapper {
    margin: 0px calc(50% - 50vw);
    padding: 30px calc(50vw - 50%);
  }
  /**
   * ---------------------------------------------------
   * return
   * ---------------------------------------------------
   */
  .returnBt {
  }
  .returnBt a{
    padding: 50px 0 20px;
    font-size: 1.5rem;
  }
  .returnBt .icn {
    width: 30px;
    top: 15px;
    left: 50%;
    margin-left: -15px;
  }
  .returnBt .icn img {
    width: 100%;
  }

  /**
   * ---------------------------------------------------
   * title
   * ---------------------------------------------------
   */
  .hdS02top {
    font-size: 1.8rem;
    font-weight: normal;
    margin-bottom: 30px;
  }
  .hdS02top::before,
  .hdS02top::after {
    width: 50px;
    height: 2px;
  }

  .hdS02top::before {
    margin-right: 10px;
  }
  .hdS02top::after {
    margin-left: 10px;
  }
}

/**
 ****************************************************
 *
 * screens larger than 567 & screens smaller than 768
 *
 ****************************************************
 */
@media only screen and (min-width: 568px) and (max-width: 767px) {
	.msgVox {}
		.msgVox .msg {
			width: calc(100% - 120px);
		}
			.msgVox .msg h2 {
				font-size: 1.8rem;
			}
			.msgVox .msg .text {
				font-size: 1.3rem;
			}
			.msgVox .msg .sign {
				font-size: 1.6rem;
			}
		.msgVox .images {
			width: 100px;
		}
}