@charset "UTF-8";



.top-main-title{
	position:absolute;
	top:50%;
	left:3.5em;
	color:#fff;
	text-shadow: 0 0 15px rgba(0,0,0,.8);

	font-size: 58px;
/*	margin-top: -3.5em;
	letter-spacing: 1em;*/
	margin-top: -2.9em;
	letter-spacing: 0.7em;
	margin-bottom: -1em;
	z-index: 1;
}


.top-main-slider{
	height: 95vh;
	/*margin-top: -57px;*/
	margin-top: -105px;
	position: relative;
	/* z-index: -1; */
	min-width: 100%;
}

/* .top-main-slider:after{
	content: "";
	width: 100%;
	min-width: 100%;
	height: 300px;
	background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(255, 255, 255, 0));
	background: linear-gradient(0deg, rgba(0, 0, 0, .6), rgba(255, 255, 255, 0));
	position: absolute;
	bottom: 0;
	left: 0;
} */

.top-main-slider li{
	height:95vh;
}

.top .header-inner{
	position:relative;
	z-index: 1;
	z-index:100;
}

.s-slide01{
	background: url(../images/top/top-main-slider01.jpg)no-repeat center center;
	background-size: cover;
}

.s-slide02{
	background: url(../images/top/top-main-slider02.jpg)no-repeat center center;
	background-size: cover;
}

.s-slide03{
	background: url(../images/top/top-main-slider03.jpg)no-repeat center center;
	background-size: cover;
}
.s-slide04{
	background: url(../images/top/top-main-slider04.jpg)no-repeat 20% center;
	background-size: cover;
}

.s-slide05{
	background: url(../images/top/top-main-slider05.jpg)no-repeat 20% center;
	background-size: cover;
}
.s-slide06{
	background: url(../images/top/top-main-slider06.png)no-repeat center center;
	background-size: cover;
}
.s-slide07{
	background: url(../images/top/top-main-slider07.jpg)no-repeat 20% center;
	background-size: cover;
}

.s-slide02 a,.s-slide03 a,.s-slide04 a,.s-slide05 a,.s-slide07 a{
	width: 100%;
	height: 100%;
	display: block;
	/* background: #000; */
}

/*slick*/

/*main-slider*/
.slick-next{
	right:0;
	display: none!important;
}
.slick-prev{
	left:0;
	display: none!important;
}

.slick-dots{
	position: relative;
	z-index:1000000;
	position:absolute;
	left:20px;
	bottom:10px;
	width: 365px;
	height:30px;
}
.slick-dots li{
	width: 10px;
	height:10px!important;
}

.slick-dots li button{
	border:2px solid #fff;
	border-radius:15px;
	width: 10px;
	height:10px;
}

.slick-dots li button:before{
	color:#fff!important;
	font-size: 0;
	content: '';
}
.slick-dots li.slick-active button:before{
	opacity: 1!important;
	color:#fff!important;
	background: #FFF;
	border-radius:15px;
	width: 15px;
	height:15px;
}


.top-visual-text{
	font-family: 'Muli', sans-serif;
	color:#fff;
	position: absolute;
	bottom:40px;
	left:20px;
	z-index:10;
	font-size: 12px;
}

/*.news-slider*/

.news-slider{
	background: rgba(0,0,0,.6);
	padding:0 40px;
}

.news-slider{
	border-radius:25px;
	text-align: center;
}

.news-slider .slick-prev{
	display: inline-block!important;
	width: 10px;
	height:10px;
	border-left: 2px solid #fff;
	border-bottom: 1px solid #fff;
	position: absolute;
	top:50%;
	transform: rotate(45deg);
	margin-top: -5px;
	left:15px;
}

.news-slider .slick-next{
	display: inline-block!important;
	width: 10px;
	height:10px;
	border-right: 2px solid #fff;
	border-bottom: 1px solid #fff;
	transform: rotate(-45deg);
	top:50%;
	margin-top: -5px;
	right:15px;
}



.news-slider .slick-prev:before , .news-slider .slick-next:before{
	content:"";
}

.news-slider li a{
	color:#fff;
	width: 100%;
	display: block;
	padding:10px;
 }
.news-slider-date{
	font-family: 'Muli', sans-serif;
	margin-right: 20px;
	position:relative;
}
.news-slider-date:before{
	content:"";
	display: inline-block;
	width: 10px;
	height:10px;
	background: #F00;
	border-radius: 10px;
	margin-right:10px;
}

.form-link{
	background: #00b9ef;
	padding:0 40px;
	border-radius:25px;
	text-align: center;
	margin-top: 10px;
}
.form-link li a{
	color:#fff;
	width: 100%;
	display: block;
	padding:10px;
}

.top-content-bn{
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.top-content-bn li{
	width: 25%;
}
.top-content-bn li img{
	width: 100%;
}


.online-info{
	width: 100%;
	background: #00b9ef;
	color: #FFF;
	font-size: 1.5em;
	margin: 1em auto 2em;
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px 50px 50px 50px;
}
.online-info p{
	margin: auto;
}

.info-two-colmun{
	width: 100%;
	display: flex;
	justify-content: space-between;
}
.info-two-colmun a{
	width: 49%;
}

.two-info{
	background: #00b9ef;
	color: #FFF;
	font-size: 1.2em;
	
	height: 3em;
	display: flex;
	align-items: center;
	justify-content: center;
	border-radius: 50px 50px 50px 50px;
}
.two-info p{
	margin: auto;
}




/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media only screen and (max-width: 768px ) {


.top-content-bn li{
	width: 48%;
}
.top-content-bn li:nth-child(odd){
	margin-right: 2%;
}
.top-main-slider{
	height:95vh;
	/*margin-top: -57px;*/
	margin-top: -105px;
	position:relative;
	/* z-index:-1; */
	min-width:100%;
}
/* 
.top-main-slider:after{
	content:"";
	width: 100%;
	min-width:100%;
	height:300px;
	background: -webkit-linear-gradient(0deg, rgba(0,0,0,.6), rgba(255,255,255,0));
	background: linear-gradient(0deg, rgba(0,0,0,.6), rgba(255,255,255,0));
	position: absolute;
	bottom:0;
	left:0;
} */
.slick-dots{
	position: absolute;
	left: 0;
	bottom: 10px;
	width: 100%;
	height: 30px;
	z-index: 1000;
}
}

@media screen and (min-width: 769px) and (max-width: 1025px)  {
	/* 480px - 768px用（タブレット／スマートフォン用）の記述 */
	.content-inner{
		background: #fff;
		width: 100%;
		padding: 80px 35px;
		margin: 0 auto;
}
}

@media screen and (min-width: 640px) and (max-width: 768px)  {
	/* 480px - 768px用（タブレット／スマートフォン用）の記述 */


.s-slide01{
	background: url(../images/top/top-main-slider01_res.jpg)no-repeat center top;
	background-size: cover;
}

.s-slide02{
	background: url(../images/top/top-main-slider02_res.jpg)no-repeat center center;
	background-size: cover;
}

.s-slide03{
	background: url(../images/top/top-main-slider03_res.jpg)no-repeat center center;
	background-size: cover;
}
.s-slide04{
	background: url(../images/top/top-main-slider04_res.jpg)no-repeat center center;
	background-size: cover;
}
.s-slide05{
	background: url(../images/top/top-main-slider05_res.jpg)no-repeat center center;
	background-size: cover;
}
.s-slide06{
	background: url(../images/top/top-main-slider06.png)no-repeat center center;
	background-size: cover;
}
.s-slide07{
	background: url(../images/top/top-main-slider07_res.jpg)no-repeat center center;
	background-size: cover;
}
	.content-inner{
		background: #fff;
		width: 100%;
		padding: 80px 35px;
		margin: 0 auto;
}
}

/* -- Media query	768px以下の場合 スマートフォン設定-- */
@media only screen and (max-width: 640px ) {
.s-slide01{
	background: url(../images/top/top-main-slider01_res.jpg)no-repeat 80% top;
	background-size: cover;
}

.s-slide02{
	background: url(../images/top/top-main-slider02_res.jpg)no-repeat center center;
	background-size: cover;
}

.s-slide03{
	background: url(../images/top/top-main-slider03_res.jpg)no-repeat center center;
	background-size: cover;
}
.s-slide04{
	background: url(../images/top/top-main-slider04_res.jpg)no-repeat center center ;
	background-size: cover;
}
.s-slide05{
	background: url(../images/top/top-main-slider05_res.jpg)no-repeat center center ;
	background-size: cover;
}
.s-slide07{
	background: url(../images/top/top-main-slider07_res.jpg)no-repeat center center ;
	background-size: cover;
}
.s-slide02 a,.s-slide03 a,.s-slide05 a,.s-slide07 a{
	width: 100%;
	height: 100%;
	display: block;
	/* background: #000; */
}
}