@charset "UTF-8";






	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* pagetitle */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle .movie {
	width: 320px;
	padding: 0 35px;
	overflow: hidden;
	position: absolute;
	top: -40px;
    right: -8px;
}
		#pagetitle .movie a {
			display: block;
			border-radius: 10px;
			overflow: hidden;
			position: relative;
		}
		#pagetitle .movie a:before {
			content: "";
			width: 100%;
			height: 100%;
			background: url("../img/common/icon_movie.svg") no-repeat center / 15%;
			position: absolute;
			top: 0;
			left: 0;
			z-index: 2;
		}

		#pagetitle .movie a:hover:before {
			background: url("../img/common/icon_movie.svg") no-repeat center / 17%;
		}

@media screen and (max-width: 1200px) {
	#pagetitle .movie {
		width: 290px;
		top: -22px;
		right: 2%;
	}
}
@media screen and (max-width: 1000px) {
	#pagetitle .movie {
		width: 100%;
		padding: 4% 0 0 0;
		position: static;
	}
}



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* paper */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#eyeson {
	padding: 0 0 100px 0;
}
	#eyeson .searchform {
		width: 100%;
		height: 46px;
		overflow: hidden;
		background: #fff;
		border-radius: 6px;
		display: -webkit-box;
		display: -ms-flexbox;
		display: flex;
		display: -webkit-flex;
		-webkit-box-pack: justify;
		-webkit-justify-content: space-between;
		-ms-flex-pack: justify;
		justify-content: space-between;
	}
		#eyeson .searchform input {
			width: calc(100% - 35px);
			height: 100%;
			border: none;
			background: #fff;
			font-size: 1.6rem;
			line-height: 1;
			padding: 23px 0 20px 12px;
			border-radius: 6px 0 0 6px;
		}
		#eyeson .searchform button {
			width: 35px;
			height: 100%;
			padding: 14px 15px 17px 0;
			text-indent: 0;
			border: none;
			text-align: left;
			background: #fff;
			cursor: pointer;
		}


	#eyeson .formlink {
		width: 100%;
		display: inline-flex;
		align-items: center;
		position: relative;
		margin-bottom: 10px;
	}
	#eyeson .formlink::after {
		position: absolute;
		right: 15px;
		width: 10px;
		height: 7px;
		background-color: #535353;
		clip-path: polygon(0 0, 100% 0, 50% 100%);
		content: '';
		pointer-events: none;
	}
		#eyeson .formlink select {
			appearance: none;
			width: 100%;
			height: 46px;
			padding: 15px 12px 12px 12px;
			border: solid 1px #fff;
			border-radius: 6px;
			background-color: #fff;
			color: #333333;
			font-size: 1.6rem;
			cursor: pointer;
		}


	#eyeson .list {
		margin-bottom: 40px;
	}
		#eyeson .list .box {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			border-bottom: solid 1px #7B7B7B;
			padding: 30px;
			position: relative;
		}
			#eyeson .list .box a.pht {
				display: block;
				width: 35%;
				position: relative;
			}
				#eyeson .list .box a.pht .pdf_pht {
					width: 100%;
					height: 100%;
					aspect-ratio: 16 / 9;
					overflow: hidden;
				}
					#eyeson .list .box a.pht .pdf_pht img {
						width: 100%;
						height: 100%;
						object-fit: cover;
						object-position: 0 0;
					}

			#eyeson .list .box a.pht .pdf {
				display: flex;
				justify-content: center;
				align-items: center;
				width: 75%;
				height: 35px;
				margin: 22px auto 0 auto;
				border-radius: 5px;
				background: #003B80 url("../img/common/icon_pdf.svg") no-repeat right 28px center / 16px;
				font-size: 1.3rem;
				font-weight: 700;
				text-indent: -20px;
				color: #fff;
				line-height: 1;
				padding-top: 2px;
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#eyeson .list .box a.pht:hover .pdf {
				background: #003B80 url("../img/common/icon_pdf_hover.svg") no-repeat right 26px center / 20px;
			}

			#eyeson .list .box .text {
				width: 65%;
				padding-left: 30px;
			}
				#eyeson .list .box .text .month {
					display: inline-block;
					background: #ffff;
					border: solid 1px #003B80;
					border-radius: 5px;
					font-size: 1.4rem;
					font-weight: 700;
					color: #003B80;
					line-height: 1;
					letter-spacing: 0;
					padding: 5px 12px;
					margin-bottom: 10px;
				}

				#eyeson .list .box .text h2 {
					font-size: 2.0rem;
					font-weight: 700;
					color: #003B80;
					line-height: 1.4em;
					margin-bottom: 10px;
				}

				#eyeson .list .box .text .company {
					font-size: 1.2rem;
					line-height: 1.4em;
					padding-right: 80px;
				}

				#eyeson .list .box .text .name {
					font-size: 1.2rem;
					line-height: 1.4em;
					padding-right: 80px;
				}

				#eyeson .list .box .text .logo {
					width: 95px;
					padding: 8px 10px;
					border-radius: 6px;
					background: #fff;
					position: absolute;
					bottom: 30px;
					right: 30px;
				}
	







/* max 1000px */
@media screen and (max-width: 1000px) {



	
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
/* paper */
/* ++++++++++++++++++++++++++++++++++++++++++++++ */
#pagetitle {
	margin-bottom: 0;
}
	
	
#eyeson {
	margin-top: 15%;
	padding: 0 0 20% 0;
}
#eyeson .inner_1100 {
	display: block;
}
	#eyeson .searchform {
		width: 100%;
		height: auto;
		position: static;
		border-radius: 0;
		margin-top: -15%;
		margin-bottom: 0;
		margin-left: 0;
		position: absolute;
		top: 0;
		left: 0;
	}
		#eyeson .searchform input {
			width: 90%;
			height: 3em;
			padding: 5%;
			font-size: 4.0vw;
			border-radius: 0;
		}
		#eyeson .searchform button {
			width: 10%;
			height: 3em;
			padding-top: 3%;
			line-height: 1;
			border-radius: 0;
		}
			#eyeson .searchform button img {
				max-width: 50px;
			}


	#eyeson .formlink {
		margin-top: 0;
		margin-bottom: 3%;
	}
	#eyeson .formlink::after {
		right: 5%;
		width: 1em;
		height: 0.5em;
	}
		#eyeson .formlink select {
			height: auto;
			padding: 5%;
			font-size: 4.0vw;
		}


	#eyeson .list {
		margin-bottom: 10%;
	}
	


	#eyeson .list {
		margin-bottom: 10%;
	}
		#eyeson .list .box {
			display: block;
			padding: 5vw;
		}
			#eyeson .list .box a.pht{
				width: 100%;
			}
			#eyeson .list .box a.pht:before {
				content: "";
				width: 100%;
				height: 100%;
				background: url("../img/common/icon_movie.svg") no-repeat center / 15%;
				position: absolute;
				top: 0;
				left: 0;
				z-index: 2;
			}

			#eyeson .list .box a.pht:hover:before {
				background: url("../img/common/icon_movie.svg") no-repeat center / 17%;
			}

			#eyeson .list .box .text {
				width: 100%;
				padding-left: 0;
				padding-top: 3vw;
			}
				#eyeson .list .box .text .month {
					font-size: 3.2vw;
					padding: 1.5vw 4vw;
					margin-bottom: 3vw;
				}

				#eyeson .list .box .text h2 {
					font-size: 4.6vw;
					margin-bottom: 2vw;
				}

				#eyeson .list .box .text .company {
					font-size: 3.0vw;
					padding-right: 30vw;
				}

				#eyeson .list .box .text .name {
					font-size: 3.0vw;
					padding-right: 30vw;
				}

				#eyeson .list .box .text .logo {
					width: 25vw;
					padding: 4vw;
					bottom: 5vw;
					right: 5vw;
				}



}