@charset "UTF-8";

/* close対応 */
/* #linkArea section:nth-child(1) .sec_box a {
	pointer-events: none;
	opacity: 0.5;
} */


/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	.se{
		display: none!important;
	}

	body::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url("../img/bg.png");
		background-size: 100% 60%;
		background-position: 50% 160px;
		background-repeat: no-repeat;
	}
	.bar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url("../img/bg_bar.png");
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
		z-index: 1;
	}

	#content {
		position: relative;
		margin-top: -80px;
		z-index: 2;
	}
	#mainimg {
		position: relative;
		padding: 270px 0 285px;
	}
		#movie {
		}
			#movie li {
				position: absolute;
				line-height: 1;
				font-size: 0;
				box-shadow: 30px 30px 10px 10px rgba(150,150,150,.15);
			}
			#movie li:nth-child(1) {
				top: 0;
				left: 35%;
				width: 274px;
			}
			#movie li:nth-child(2) {
				top: 35%;
				left: 0%;
				max-width: 390px;
				min-width: 300px;
				width: 26vw;
			}
			#movie li:nth-child(3) {
				top: 30%;
				right: 0%;
				max-width: 354px;
				min-width: 290px;
				width: 25vw;
			}
			#movie li:nth-child(4) {
				bottom: 0%;
				right: 34%;
				width: 220px;
			}
				#movie li video {
					width: 100%;
				}
		h1 {
			width: 548px;
			margin: 0 auto;
			position: relative;
		}
			#lead {
				margin-top: 40px;
				text-align: center;
				line-height: 2.35;
				letter-spacing: 3px;
				font-size: 16px;
				font-weight: bold;
			}

	#news {
		width: 825px;
		margin: 100px auto 0;
		background-color: #fff;
		padding: 40px 60px;
	}
		#news .news_tit {
			float: left;
			width: 59px;
			position: relative;
			line-height: 1;
			font-size: 0;
			margin-top: 11px;
		}
		#news .news_tit::before {
			position: absolute;
			content: "";
			top: 0;
			bottom: 0;
			right: -60px;
			margin: auto;
			width: 38px;
			height: 1px;
			background-color: #B3D4F8;
		}
		#news ul {
			float: right;
			width: calc(100% - 145px);
			overflow-y: scroll;
			max-height: 110px;
		}
		#news ul::-webkit-scrollbar{
		  width: 5px;
		  height: 5px;
		}
		#news ul::-webkit-scrollbar-track{
			background: #B3D4F8;
			border: solid 2px #eaffef;
		}
		#news ul::-webkit-scrollbar-thumb{
		  background: #67AAF0;
		  border-radius: 5px;
		}
			#news ul li {
				line-height: 1.4;
				padding: 10px 0;
				letter-spacing: 2px;
			}
				#news ul li span {
					float: left;
					margin-right: 20px;
				}
				#news ul li p {
					float: right;
					/* margin-right: 20px; */
					width: calc(100% - 135px);
				}
	
	#bnrarea {
		padding: 100px 0 200px;
		background-image: url("../img/ft_bg.png");
		background-size: cover;
		background-position: center bottom;
		background-repeat: no-repeat;
	}
		#bnrarea ul {
			display: flex;
			width: 945px;
			margin: auto;
		}
			#bnrarea ul li {
				width: calc(100%);
			}
			#bnrarea ul li + li {
				margin-left: 12px;
			}
	
	#linkArea {
		margin: 100px auto 0;
		/* padding-bottom: 200px;
		background-image: url("../img/ft_bg.png");
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat; */
		position: relative;
	}
	#linkArea::before {
		position: absolute;
		bottom: -80px;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url("../img/ft_bg_bar.png");
		background-size: contain;
		background-position: center bottom;
		background-repeat: no-repeat;
		z-index: 1;
	}
		#linkArea section {
			float: left;
			width: calc(50% - 4px);
			background-size: cover;
			position: relative;
			z-index: 1;
		}
		#linkArea section:nth-child(odd) {
		}
		#linkArea section:nth-child(even) {
			margin-left: 8px;
		}
		#linkArea section:nth-child(n + 3) {
			margin-top: 8px;
		}
		#linkArea section:nth-child(1) {
			background-image: url("../img/link_img01.jpg");
			background-position: 80% 50%;
		}
		#linkArea section:nth-child(2) {
			background-image: url("../img/link_img02.jpg");
		}
		#linkArea section:nth-child(3) {
			background-image: url("../img/link_img03.jpg");
			background-position-x: 52%;
		}
		#linkArea section:nth-child(4) {
			background-image: url("../img/link_img04.jpg");
			background-position-x: 28%;
		}
		#linkArea section:nth-child(5) {
			background-image: url("../img/link_img05.jpg");
		}
		#linkArea section:nth-child(6) {
			background-image: url("../img/link_img06.jpg");
		}
			#linkArea section .sec_blo {
				padding: 40px;
				display: block;
				box-sizing: border-box;
			}
			#linkArea section:nth-child(3) .sec_blo,
			#linkArea section:nth-child(4) .sec_blo {
				float: right;
			}
			#linkArea section .sec_f {
				position: absolute;
			}
			#linkArea section:nth-child(1) .sec_f {
				top: 150px;
				left: 220px;
				width: 70px;
			}
			#linkArea section:nth-child(4) .sec_f {
				top: -80px;
				left: 260px;
				width: 135px;
			}
				#linkArea section .sec_blo .sec_box {
					display: table;
					text-align: center;
					background-color: #fff;
					width: 225px;
					height: 225px;
					font-weight: bold;
				}
					#linkArea section .sec_blo .sec_box dl {
						display: table-cell;
						vertical-align: middle;
					}
						#linkArea section .sec_blo .sec_box dl dt {
						}
							#linkArea section .sec_blo .sec_box dl dt div {
								width: 106px;
								margin: auto;
							}
							#linkArea section .sec_blo .sec_box dl dt h2 {
								font-size: 14px;
								font-weight: bold;
								color: #67AAF0;
								letter-spacing: 2px;
								margin-top: 15px;
							}
						#linkArea section .sec_blo .sec_box dl dd {
							margin-top: 15px;
							line-height: 1.6;
						}
						#linkArea section .sec_blo .sec_box dl dd p {
						}
						#linkArea section .sec_blo .sec_box dl dd p + p {
							margin-top: 5px;
						}
						#linkArea section .sec_blo .sec_box dl dd p a{
							position: relative;
							display: inline-block;
							letter-spacing: 0;
							font-size: 14px;
						}
						#linkArea section .sec_blo .sec_box dl dd p a::before{
							position: absolute;
							content: "";
							top: 0;
							bottom: 0;
							right: -12px;
							width: 4px;
							height: 4px;
							transform: rotate(-45deg);
							border-bottom: solid 1px #000;
							border-right: solid 1px #000;
							margin: auto;
						}

	
/* close対応 */	
		/* #linkArea section:nth-child(1) {
			background-image: url("../img/link_img.jpg");
			background-position: 100% 50%;
		}
			#linkArea section:nth-child(1) .sec_box {
				position: relative;
			}
			#linkArea section:nth-child(1) .sec_box::before {
				position: absolute;
				content: "";
				background-image: url("../common/img/cs.png");
				background-size: cover;
				width: 148px;
				height: 22px;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				z-index: 2;
			}
			#linkArea section:nth-child(1) .sec_box::after {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(255,255,255,.5);
				z-index: 1;
			} */
	

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {


	body::before {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url("../img/bg_sp.png");
		background-size: cover;
		background-repeat: no-repeat;
	}
	.bar {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		content: "";
		background-image: url("../img/bg_bar_sp.png");
		background-size: contain;
		background-position: center top;
		background-repeat: no-repeat;
	}
	#header {
		background-color: transparent;
	}

	#content {
		position: relative;
	}
	#mainimg {
		position: relative;
		padding: 60vw 0;
	}
		#movie {
		}
			#movie li {
				position: absolute;
				line-height: 1;
				font-size: 0;
				box-shadow: 15px 15px 10px 10px rgba(150,150,150,.15);
			}
			#movie li:nth-child(1) {
				display: none;
			}
			#movie li:nth-child(2) {
				top: 0%;
				left: 0%;
				width: 55%;
			}
			#movie li:nth-child(3) {
				top: 70%;
				right: 0%;
				width: 50%;
			}
			#movie li:nth-child(4) {
				top: 67%;
				left: 0;
				width: 35%;
			}
				#movie li video {
					width: 100%;
				}
		h1 {
			width: 80%;
			min-width: 265px;
			margin: 0 auto;
			position: relative;
		}
			#lead {
				margin: 80px 5% 0;
				line-height: 2;
				letter-spacing: 2px;
				font-size: 16px;
				font-weight: bold;
			}

	#news {
		margin: 40px 5% 0;
		background-color: #fff;
		padding: 20px;
	}
		#news .news_tit {
			width: 59px;
			line-height: 1;
			font-size: 0;
			margin-top: 11px;
		}
		#news ul {
			margin-top: 20px;
			overflow-y: scroll;
			height: 180px;
		}
		#news ul::-webkit-scrollbar{
		  width: 5px;
		  height: 5px;
		}
		#news ul::-webkit-scrollbar-track{
			background: #B3D4F8;
			border: solid 2px #eff;
		}
		#news ul::-webkit-scrollbar-thumb{
		  background: #67AAF0;
		  border-radius: 5px;
		}
			#news ul li {
				padding: 12px 0;
				width: calc(100% - 5px);
			}
				#news ul li span {
					display: block;
					line-height: 1;
				}
				#news ul li p {
					line-height: 1.4;
					margin-top: 8px;
				}
	
	#bnrarea {
		margin: 40px 5% 0;
		padding: 0 0 160px;
	}
		#bnrarea ul {
		}
			#bnrarea ul li {
				float: left;
			}
			#bnrarea ul li + li {
				margin-top: 20px;
			}
	
	#linkArea {
		margin-top: 50px;
		padding-bottom: 20px;
		overflow: hidden;
	}
	#linkArea::after {
		display: none;
	}
		#linkArea section {
			background-size: cover;
			position: relative;
			padding: 5%;
			display: block;
			box-sizing: border-box;
			background-position: center;
		}
		#linkArea section + section {
			margin-top: 10px;
		}
		#linkArea section:nth-child(1) {
			background-image: url("../img/link_img01_sp.jpg");
			background-position: 80% 50%;
		}
		#linkArea section:nth-child(2) {
			background-image: url("../img/link_img02_sp.jpg");
		}
		#linkArea section:nth-child(3) {
			background-image: url("../img/link_img03_sp.jpg");
		}
		#linkArea section:nth-child(4) {
			background-image: url("../img/link_img04_sp.jpg");
			background-position: left;
		}
		#linkArea section:nth-child(5) {
			background-image: url("../img/link_img05_sp.jpg");
		}
		#linkArea section:nth-child(6) {
			background-image: url("../img/link_img06_sp.jpg");
		}
			#linkArea section .sec_blo {
			}
			#linkArea section:nth-child(even) .sec_box {
				float: right;
			}
			#linkArea section .sec_f {
				position: absolute;
				z-index: 1;
			}
			#linkArea section:nth-child(1) .sec_f {
				top: -20px;
				right: 5%;
				width: 45px;
			}
			#linkArea section:nth-child(2) .sec_f {
				top: -40px;
				left: 50%;
				width: 59px;
			}
			#linkArea section:nth-child(3) .sec_f {
				bottom: -40px;
				left: 30%;
				width: 95px;
			}
			#linkArea section:nth-child(4) .sec_f {
				bottom: -80px;
				right: -5%;
				width: 60px;
			}
			#linkArea section:nth-child(5) .sec_f {
				bottom: -120px;
				left: -15%;
				width: 128px;
			}
			#linkArea section:nth-child(6) .sec_f {
				bottom: -20px;
				left: 25%;
				width: 45px;
			}
				#linkArea section .sec_blo .sec_box {
					display: table;
					text-align: center;
					background-color: #fff;
					width: 170px;
					height: 180px;
					font-weight: bold;
				}
					#linkArea section .sec_blo .sec_box dl {
						display: table-cell;
						vertical-align: middle;
					}
						#linkArea section .sec_blo .sec_box dl dt {
						}
							#linkArea section .sec_blo .sec_box dl dt div {
								width: 70px;
								margin: auto;
							}
							#linkArea section .sec_blo .sec_box dl dt h2 {
								font-size: 14px;
								font-weight: bold;
								color: #67AAF0;
								letter-spacing: 2px;
								margin-top: 10px;
							}
						#linkArea section .sec_blo .sec_box dl dd {
							margin-top: 8px;
							line-height: 1.4;
							letter-spacing: 0;
						}
						#linkArea section .sec_blo .sec_box dl dd p {
							font-size: 12px;
						}
						#linkArea section .sec_blo .sec_box dl dd p + p {
							margin-top: 5px;
						}
						#linkArea section .sec_blo .sec_box dl dd p a{
							position: relative;
							display: inline-block;
							font-feature-settings: "palt";
						}
						#linkArea section .sec_blo .sec_box dl dd p a::before{
							position: absolute;
							content: "";
							top: 0;
							bottom: 0;
							right: -12px;
							width: 4px;
							height: 4px;
							transform: rotate(-45deg);
							border-bottom: solid 1px #000;
							border-right: solid 1px #000;
							margin: auto;
						}
	
	
/* close対応 */	
		/* #linkArea section:nth-child(1) {
			background-image: url("../img/link_img_sp.jpg");
			background-position: 100% 50%;
		}
			#linkArea section:nth-child(1) .sec_box {
				position: relative;
			}
			#linkArea section:nth-child(1) .sec_box::before {
				position: absolute;
				content: "";
				background-image: url("../common/img/cs.png");
				background-size: cover;
				width: 135px;
				height: 20px;
				top: 0;
				left: 0;
				bottom: 0;
				right: 0;
				margin: auto;
				z-index: 2;
			}
			#linkArea section:nth-child(1) .sec_box::after {
				position: absolute;
				content: "";
				top: 0;
				left: 0;
				width: 100%;
				height: 100%;
				background-color: rgba(255,255,255,.5);
				z-index: 1;
			} */
	
	
	
}


@media only screen and (min-width: 321px) and (max-width: 799px) {
	.se{
		display: none!important;
	}
}


@media only screen and (max-width: 360px), print {
	.se{
		display: block;
	}
	#lead {
		margin: 80px 3% 0;
	}
	#news {
		margin: 40px 3% 0;
	}
	#linkArea section {
		padding: 3%;
	}
	#linkArea section .sec_blo .sec_box {
					width: 43vw;
					height: 200px;
				}
	#linkArea section:nth-child(1){
		background-position: 66%;
	}
	#linkArea section:nth-child(3){
		background-position: 76%;
	}
	#linkArea section:nth-child(4){
		background-position: 3%;
	}
	
}