@charset "UTF-8";
/* CSS Document */

.contents{
	margin-top:24px;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}
@media all and (max-width: 768px) {
.contents{
	padding-top:0;
}
}

/*メインビジュアル------------------------------*/
#SlideShow{
	position:relative;
	top:120px;
	left:100%;
	width:76%;
	height:600px;
	transform: translateX(-100%);
	overflow:hidden;
	z-index:1;
}

#SlideShow ul li{
	position:absolute;
	width:100%;
	height:100%;
	
}
	#SlideShow ul li img{
		
	}
	#SlideShow ul li.visual.p01{
		background-image:url(../images/slide_1.jpg);
		background-size:cover;
		background-position:left bottom;
	}
	#SlideShow ul li.visual.p02{
		background-image:url(../images/slide_2.jpg);
		background-size:cover;
		background-position:left bottom;
	}
	#SlideShow ul li.visual.p03{
		background-image:url(../images/slide_3.jpg);
		background-size:cover;
		background-position:left bottom;
	}
#SlideShow ul li.visual.p04{
		background-image:url(../images/slide_4.jpg);
		background-size:cover;
		background-position:left bottom;
	}

.ttl{
	position:absolute;
	top:376px;
	left:12%;
	z-index:1900;
}
	.ttl h1{
		line-height:1.2;
		letter-spacing:0.1em;
		margin-bottom:20px;
		font-size:32px;
	}
	.ttl sub{
		font-size:19px;
	}
.text_bg{
	background-color:#FFF;
	display:inline-block;
	padding:0.1em 0.1em;
}

.slide_bg{
	background-color:#FFDDDE;
	position:absolute;
	top:184px;
	left:0;
	width:38.5%;
	height:600px;
	z-index:0;
}

.scroll_down{
	position:relative;
	top:50px;
	left:98%;
	transform: translateX(-100%);
	text-align:right;
	z-index:2;
	animation: scroll_down_animate 1s ease-out  3;
}
@keyframes scroll_down_animate {
0% {top:0px;}
100% {top:50px;}
}

@media all and (max-width: 1100px) {
.ttl{
	left:10%;
}
}

@media all and (max-width: 768px) {
#SlideShow{
	top:190px;
	height:350px;
}
	#SlideShow ul li.visual.p01{
		background-position:left bottom;
	}
	#SlideShow ul li.visual.p02{
		background-position:right bottom;
	}
	#SlideShow ul li.visual.p03{
		background-position:center bottom;
	}
.slide_bg{
	height:350px;
	top:190px;
}

.ttl{
	top:240px;
	left:8%;
}
	.ttl h1{
		line-height:1.2;
		letter-spacing:0.1em;
		margin-bottom:10px;
		font-size:24px;
	}
	.ttl sub{
		font-size:10px;
	}
	.scroll_down{
		display:none;
	}
}

@media all and (max-width: 580px) {
#SlideShow{
	top:130px;
	
}
.ttl{
	top:180px;
}
.slide_bg{
	top:130px;
}

}

/*リード------------------------------*/
.lead{
	margin:140px 0 240px;
	text-align:center;
	font-size:18px;
	letter-spacing:0.3em;
	background:url(../images/lead_bg.jpg) no-repeat center top;
}
	.lead p{
		line-height:2.5;
		padding:1.5em 0 1.5em;
	}
	
@media all and (max-width: 1100px) {
	
	.lead p{
		line-height:2.5;
		padding:3.5em 0 1.5em;
	}
	
	}
	
@media all and (max-width: 768px) {
.lead{
	width:80%;
	margin:200px auto 60px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.3em;
	background:none;
	
}
}
	

/*ニュース------------------------------*/
.news{
	background:url(../images/news_bg.jpg);
	width:884px;
	padding:12px;
	margin:0 auto 200px;
	text-align:center;
	position:relative;
}
 .news_container{
		background-color:#FFF;
		padding-bottom:40px;
 }
 .news h2{
	 width:290px;
	 background-color:#FFF;
	 margin:auto;
	 position:relative;
	 top:-20px;
	 margin-bottom:0.5em;
 }
		.news h2 img{
			width:206px;
		}
	.news .news_lead{
		font-size:120%;
		font-weight:bold;
		text-align:center;
		margin-bottom:0.7em;
	}
	.news p{
		width:690px;
		margin:0 auto 2em;
		text-align:left;
	}
	.news_btn{
		width:260px;
		margin:0 auto;
	}
		.news_btn img{
			width:100%;
		}
	.news_ribon{
		position:absolute;
		top:-1px;
		left:0;
	}
	
@media all and (max-width: 960px) {
.news{
	background:url(../images/news_bg.jpg);
	width:84%;
	padding:1.5%;
	margin:0 auto 200px;
	text-align:center;
	position:relative;
}
	.news h2{
	 width:50%;
	 background-color:#FFF;
	 margin:auto;
	 position:relative;
	 top:-20px;
	 margin-bottom:0.5em;
 }
		.news h2 img{
			width:80%;
		}
	.news .news_lead{
		font-size:115%;
		font-weight:bold;
		text-align:left;
		margin-bottom:0.7em;
		line-height:1.5;
	}
	.news p{
		width:85%;
		margin:0 auto 2em;
		text-align:left;
		font-size:100%;
	}
	.news_btn{
		width:220px;
		margin:0 auto;
	}
}

@media all and (max-width: 640px) {
	.news{
		margin:0 auto 100px;
	}
	.news_ribon img{
		width:70px;
	}
}


/*リンク------------------------------*/
.link{
	width: calc(100% - 60px);
	position:relative;
	margin-bottom:12vw;
}
@media all and (max-width: 1100px) {
.link{
	width: calc(96%);
}
}
@media all and (max-width: 1000px) {
.link{
	width: 90%;
}
}

.link.p2{
	margin-bottom:15vw;
}
	.link .text_box{
		width:calc(42% - 60px);
		float:left;
	}
	.link .point02 .text_box{
		width:calc(42% - 60px);
		float:right;
	}
		.link .text_box .point{
			font-size:2.2vw;
			margin-bottom:1em;
			font-family: Futura, 'Century Gothic', 游ゴシック体, YuGothic, 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 游ゴシック, 'Yu Gothic', メイリオ, Meiryo, sans-serif;
			font-style:italic;
			font-weight:300;
		}
		.text_lead_main{
			padding-left:1vw;
		}
		.link .text_box .link_lead{
			font-size:1.7vw;
			line-height:1.5;
			font-weight:bold;
			margin-bottom:1em;
		}
		.link .text_box p{
			width:23vw;
			font-size:1.2vw;
			line-height:1.8;
			margin-bottom:2em;
		}
		
	.link .img {
		width:68%;
		position:absolute;
		top:60px;
		right:0;
	}
	.link .point02 .img {
		width:68%;
		position:absolute;
		top:60px;
		left:0;
	}
		.link .img img{
			width:100%;
		}
		
	.link .link_btn{
		position:relative;
		top:-29px;
		width:136px;
		left:3.5%;
	}
	.link .link_btn.r{
		text-align:right;
		left:72%;
	}
		.link .link_btn img{
			width:100%;
		}
		
	
	
	.point01 .text_box{
		background:url(../images/point_01_bg.png) no-repeat;
		background-color:#CAF1F2;
		padding:30px;
	}
	.point01 .point{
		color:#00B7BF;
	}
	
	.point02 .text_box{
		background:url(../images/point_02_bg.png) no-repeat top right;
		background-color:#FFF4DF;
		padding:30px 0 30px 60px;
	}
	.point02 .point{
		color:#F49E23;
		text-align:right;
		margin-right:30px;
	}
	.point02 .text_lead_main{
		margin-left:7.5vw;
	}
	
	.point03 .text_box{
		background:url(../images/point_03_bg.png) no-repeat;
		background-color:#DFE7FF;
		padding:30px;
	}
	.point03 .point{
		color:#5B67FF;
	}
	
	
@media all and (max-width: 1100px) {
	.point01 .text_box{
		padding:20px;
	}
	.point02 .text_box{
		padding:20px 0 20px 40px;
	}
	.point03 .text_box{
		padding:20px;
	}
}



@media all and (max-width: 1000px) {
.link .text_box{
		width:100%;
		float:none;
	}
.link .point02 .text_box{
		width:100%;
		float:none;
	}
.link .img {
	width:85%;
	margin:0 auto;
	position:relative;
	top:-30px;
}
.link .point02 .img {
		width:85%;
		margin:0 auto;
		position:relative;
		top:-30px;
	}
	.point02 .text_lead_main{
		margin-left:1vw;
	}
	.point01 .text_box{
		padding:20px 5%;
	}
	.point02 .text_box{
		padding:20px 5%;
	}
	.point03 .text_box{
		padding:20px 5%;
	}
		.link .text_box .point{
			font-size:4vw;
		}
		.text_lead_main{
			padding-left:1vw;
		}
		.link .text_box .link_lead{
			font-size:3vw;
			line-height:1.5;
			font-weight:bold;
			margin-bottom:1em;
		}
		.link .text_box p{
			width:100%;
			font-size:2vw;
			line-height:1.8;
			margin-bottom:2em;
		}
		.link .link_btn{
			left:5%;
			width:35%;
			top:-50px;
		}
		.link .link_btn.r{
			left:5%;
		}
		
}

@media all and (max-width: 768px) {
.link .img {
	width:100%;
}
.link .point02 .img {
	width:100%;
}
	.link .text_box .link_lead{
			font-size:14px;
		}
		.link .text_box p{
			font-size:12px;
		}
}






.annotation{ z-index:1000; font-size: 96%; position:absolute;left: 12%; margin:-10px 0 0 0;}
.indent{ text-indent:-1rem; padding-left:1rem;}


@media all and (max-width: 1025px) {
.annotation{ position:absolute;left: 12%; margin:10px 0 0 0; }
}
	
	
@media all and (max-width: 880px) {
.annotation{ position:absolute;left: 12%; margin:-10px 0 0 0; }
}
		
	@media all and (max-width: 760px) {
.annotation{ position:absolute;left: 12%; margin:200px 0 0 0; }
}
		
	
	
	
@media all and (max-width: 580px) {
.annotation{ position:absolute;left: 12%; margin:140px 0 0 0;}
}