@charset "utf-8";
/* ====================================================================================================

	css/achievements.css

==================================================================================================== */

/* ----------------------------------------------------------------------------------------------------
	introducing_achievements list
---------------------------------------------------------------------------------------------------- */
#introducing_achievements.list {
	margin:0;
	}
	#introducing_achievements.list .inner {
		width:100% !important;
		max-width:initial !important;
		text-align:left;
		}
		#introducing_achievements.list .inner > p {
			max-width:1200px;
			text-align:left;
			white-space:pre-wrap;
			word-break:keep-all;
			margin:0 auto;
			}
			#introducing_achievements.list .inner > p a {
				color:#0066b0;
				text-decoration:underline;
				}
			#introducing_achievements.list .inner > p a:hover {
				text-decoration:none;
				}
		#introducing_achievements.list .inner article {
			background:#f5f7f6;
			margin:60px 0 0 0;
			padding:60px 30px;
			}
			#introducing_achievements.list .inner article dl.category {
				display:flex;
				gap:10px;
				max-width:1200px;
				background:#ffffff;
				padding:20px 30px;
				margin:0 auto;
				}
				#introducing_achievements.list .inner article dl.category dt {
					flex-shrink:0;
					line-height:1;
					padding:10px 0;
					}
				#introducing_achievements.list .inner article dl.category dd {
					}
					#introducing_achievements.list .inner article dl.category dd ul {
						display:flex;
						flex-wrap:wrap;
						gap:20px;
						list-style:none;
						}
						#introducing_achievements.list .inner article dl.category dd ul li {
							flex-shrink:0;
							line-height:1;
							}
						#introducing_achievements.list .inner article dl.category dd ul li.current {
							color:#ffffff;
							background:rgba(32,32,32,1);
							padding:10px 20px;
							}
							#introducing_achievements.list .inner article dl.category dd ul li a {
								display:inline-block;
								color:#ffffff;
								line-height:1;
								background:rgba(32,32,32,0.6);
								padding:10px 20px;
								}
							#introducing_achievements.list .inner article dl.category dd ul li a:hover {
								background:rgba(32,32,32,1);
								}
			#introducing_achievements.list .inner article ul.list {
				display:flex;
				flex-wrap:wrap;
				gap:40px;
				max-width:1200px;
				margin:50px auto 0 auto;
				list-style:none;
				transition:none;
				}
				#introducing_achievements.list .inner article ul.list li {
					width:calc((100% - 80px) / 3);
					background:#ffffff;
					transition:none;
					}
					#introducing_achievements.list .inner article ul.list li a {
						display:block;
						border:2px solid transparent;
						transition:none;
						}
					#introducing_achievements.list .inner article ul.list li a:hover {
						/*
						display:block;
						border:2px solid #0065a7;
						*/
						}
						
						#introducing_achievements.list .inner article ul.list li a figure {
								display: flex;
								flex-direction: column;
								gap: 10px;
								padding: 26px;
								transition: none;
						}
						#introducing_achievements.list .inner article ul li > figure {
							display:flex;
							flex-direction:column;
							gap:10px;
							padding:26px;
							transition:none;
							}
							#introducing_achievements.list .inner article ul.list li a figure div {
								position:relative;
								aspect-ratio:53 / 30;
								background:#ffffff;
								overflow:hidden;
								transition:none;
								}
							#introducing_achievements.list .inner article ul.list li a figure div::after {
								content:"詳細を見る";
								position:absolute;
								inset:0;
								display:flex;
								justify-content:center;
								align-items:center;
								color:#ffffff;
								font-weight:300;
								letter-spacing:1px;
								background:rgba(32,32,32,0.6);
								margin:auto;
								opacity:0;
								transition:all 0.4s ease-in-out;
								}
							#introducing_achievements.list .inner article ul.list li a:hover figure div::after {
								opacity:1;
								}
								#introducing_achievements.list .inner article ul.list li a figure div img {
									position:absolute;
									top:0;
									right:0;
									bottom:0;
									left:0;
									width:100%;
									height:100%;
									object-fit:cover;
									transition:all 0.5s 0s ease;
									}
								#introducing_achievements.list .inner article ul.list li a:hover figure div img {
									transform:scale(1.3,1.3);
									transition:all 0.5s 0s ease;
									}
							#introducing_achievements.list .inner article ul.list li a figure figcaption {
								margin:0;
								transition:none;
								}
								#introducing_achievements.list .inner article ul.list li a figure figcaption dl {
									transition:none;
									}
									#introducing_achievements.list .inner article ul.list li a figure figcaption dl dt {
										color:#1068bf;
										font-size:18px;
										font-weight:bold;
										letter-spacing:1px;
										padding:0 0 5px 0;
										transition:none;
										}
									#introducing_achievements.list .inner article ul.list li a figure figcaption dl dd {
										display:-webkit-box;
										-webkit-box-orient:vertical;
										-webkit-line-clamp:3;
										overflow:hidden;
										transition:none;
										}
									#introducing_achievements.list .inner article ul.list li a:hover figure figcaption dl dd {
										color:#1068bf;
										}

@media screen and (max-width:1260px) {
		#introducing_achievements.list .inner article {
			margin:60px -30px 0 -30px;
			}
}

@media screen and (max-width:1040px) {
		#introducing_achievements.list .inner p {
			text-align:left !important;
			white-space:normal;
			word-break:normal;
			}
			#introducing_achievements.list .inner article dl.category {
				padding:20px;
				}
						#introducing_achievements.list .inner article dl.category dd ul li.current {
							padding:10px clamp(10px,1.562vw,20px);
							}
							#introducing_achievements.list .inner article dl.category dd ul li a {
								padding:10px clamp(10px,1.562vw,20px);
								}
			#introducing_achievements.list .inner article ul.list {
				flex-direction:column;
				gap:20px;
				}
				#introducing_achievements.list .inner article ul.list li {
					width:100%;
					}
						#introducing_achievements.list .inner article ul.list li a figure {
							display:flex;
							flex-direction:row;
							gap:20px;
							padding:20px;
							}
							#introducing_achievements.list .inner article ul.list li a figure div {
								flex-shrink:0;
								width:150px;
								height:112px;
								}
							#introducing_achievements.list .inner article ul.list li a figure figcaption {
								margin:0;
								}
}

@media screen and (max-width:640px) {
		#introducing_achievements.list .inner article {
			margin:60px -20px 0 -20px;
			padding:60px 20px;
			}
			#introducing_achievements.list .inner article dl.category {
				flex-direction:column;
				}
					#introducing_achievements.list .inner article dl.category dd ul {
						gap:clamp(10px,3.125vw,20px);
						}
						#introducing_achievements.list .inner article ul.list li a figure {
							flex-direction:column;
							gap:10px;
							}
							#introducing_achievements.list .inner article ul.list li a figure div {
								width:100%;
								height:auto;
								}
							#introducing_achievements.list .inner article ul.list li a figure div::after {
								content:"詳細を見る";
								position:absolute;
								inset:0;
								display:flex;
								justify-content:center;
								align-items:center;
								color:#ffffff;
								font-weight:300;
								letter-spacing:1px;
								background:rgba(32,32,32,0.6);
								margin:auto;
								opacity:0;
								transition:all 0.4s ease-in-out;
								}
							#introducing_achievements.list .inner article ul.list li a:hover figure div::after {
								opacity:1;
								}
								#introducing_achievements.list .inner article ul.list li a figure div img {
									position:absolute;
									top:0;
									right:0;
									bottom:0;
									left:0;
									width:100%;
									height:100%;
									object-fit:cover;
									transition:all 0.5s 0s ease;
									}
								#introducing_achievements.list .inner article ul.list li a:hover figure div img {
									transform:scale(1.3,1.3);
									transition:all 0.5s 0s ease;
									}
							#introducing_achievements.list .inner ul.list > article li a figure figcaption {
								margin:0;
								}
								#introducing_achievements.list .inner ul.list > article li a figure figcaption dl {
									}
									#introducing_achievements.list .inner ul.list > article li a figure figcaption dl dt {
										color:#1068bf;
										font-size:18px;
										font-weight:bold;
										letter-spacing:1px;
										padding:0 0 5px 0;
										}
									#introducing_achievements.list .inner article ul.list li a figure figcaption dl dd {
										display:-webkit-box;
										-webkit-box-orient:vertical;
										-webkit-line-clamp:3;
										overflow:hidden;
										}
									#introducing_achievements.list .inner article ul.list li a:hover figure figcaption dl dd {
										color:#1068bf;
										}
}


/* ----------------------------------------------------------------------------------------------------
	introducing_achievements detail
---------------------------------------------------------------------------------------------------- */
#introducing_achievements.detail {
	margin:0;
	}
	#introducing_achievements.detail .inner {
		width:100% !important;
		max-width:initial !important;
		text-align:left;
		}
		#introducing_achievements.detail .inner > article {
			background:#f5f7f6;
			margin:60px 0 0 0;
			padding:60px 30px;
			overflow:hidden;
			}
			#introducing_achievements.detail .inner > article .container {
				max-width:1200px;
				margin:0 auto;
				}
				#introducing_achievements.detail .inner > article .container h3 {
					width:100vw;
					color:#fffcfd;
					font-size:25px;
					text-align:center;
					white-space:pre-wrap;
					word-break:keep-all;
					background:#0066b0;
					margin:-60px calc(-50vw + 50%) 50px calc(-50vw + 50%);
					padding:30px 30px;
					}
					#introducing_achievements.detail .inner > article .container h3 span {
						display:block;
						max-width:1200px;
						margin:0 auto;
						}
						#introducing_achievements.detail .inner > article .container h3 span small {
							font-size:17px;
							}
				#introducing_achievements.detail .inner > article .container .caution {
					position:relative;
					color:#de5253;
					margin:50px 0 0 0;
					padding:0 0 0 1.5em;
					}
					#introducing_achievements.detail .inner > article .container .caution::before {
						content:"※";
						position:absolute;
						left:0;
						display:inline-block;
						}

@media screen and (max-width:1260px) {
		#introducing_achievements.detail .inner > article {
			margin:60px -30px 0 -30px;
			}
}

@media screen and (max-width:1040px) {
}

@media screen and (max-width:640px) {
		#introducing_achievements.detail .inner > article {
			margin:60px -20px 0 -20px;
			padding:60px 20px;
			}
}

@media screen and (max-width:320px) {
				#introducing_achievements.detail .inner > article .container h3 {
					width:calc(100% + 60px);
					margin:-60px -30px 50px -30px;
					padding:30px 30px;
					}
}

/* js/bxslider/jquery.bxslider.css への上書
-------------------------------------------------- */
				#introducing_achievements.detail .inner > article .container .bx-wrapper {
					position:relative;
					max-width:750px !important;
					margin:0 auto;
					}
					#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls {
						}
						#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction {
							}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a {
								position:absolute;
								top:0;
								bottom:0;
								display:block;
								width:60px;
								height:120px;
								background:#202020;
								background:rgba(32,32,32,0.6);
								border:1px solid #ffffff;
								margin:auto 0;
								cursor:pointer;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
								left:-90px;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
								right:-90px;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a::before {
								content:"";
								position:absolute;
								inset:0;
								display:block;
								width:16px;
								height:16px;
								border-top:3px solid #ffffff;
								border-right:3px solid #ffffff;
								border-radius:2px;
								margin:auto;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev::before {
								-webkit-transform:rotate(225deg);
								transform:rotate(225deg);
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a.bx-next::before {
								-webkit-transform:rotate(45deg);
								transform:rotate(45deg);
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a:hover {
								background:#202020;
								background:rgba(32,32,32,1);
								}

@media screen and (max-width:1040px) {
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a {
								width:40px;
								height:80px;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a.bx-prev {
								left:0;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a.bx-next {
								right:0;
								}
							#introducing_achievements.detail .inner > article .container .bx-wrapper .bx-controls .bx-controls-direction a::before {
								width:12px;
								height:12px;
								border-top:2px solid #ffffff;
								border-right:2px solid #ffffff;
								}
}

/* slider
-------------------------------------------------- */
				#introducing_achievements.detail .inner > article .container {
					position:relative;
					width:100%;
					}
					#introducing_achievements.detail .inner > article .container ul.slider {
						list-style:none;
						}
					#introducing_achievements.detail .inner > article .container .photo {
						max-width:750px;
						margin:0 auto;
						}
						#introducing_achievements.detail .inner > article .container .photo img {
							width:100%;
							height:auto;
							}
				#introducing_achievements.detail .inner > article .container ul.slider_pager {
					display:flex;
					flex-wrap:wrap;
					gap:20px;
					width:100%;
					background:#ffffff;
					margin:30px 0 0 0;
					padding:30px;
					list-style:none;
					}
					#introducing_achievements.detail .inner > article .container ul.slider_pager li {
						width:calc((100% - 180px) / 10);
						}
						#introducing_achievements.detail .inner > article .container ul.slider_pager li a {
							position:relative;
							display:block;
							aspect-ratio:4 / 3;
							background:#ffffff;
							overflow:hidden;
							transition:none;
							}
						#introducing_achievements.detail .inner > article .container ul.slider_pager li a.active {
							border:3px solid #0066b0;
							}
							#introducing_achievements.detail .inner > article .container ul.slider_pager li a img {
								position:absolute;
								top:0;
								right:0;
								bottom:0;
								left:0;
								width:100%;
								height:100%;
								object-fit:cover;
								transition:all 0.5s 0s ease;
								}
							#introducing_achievements.detail .inner > article .container ul.slider_pager li a:hover img {
								transform:scale(1.3,1.3);
								transition:all 0.5s 0s ease;
								}

/* text
-------------------------------------------------- */
				#introducing_achievements.detail .inner > article .container > article {
					max-width:1200px;
					background:#ffffff;
					margin:50px auto 0 auto;
					padding:30px;
					}
					#introducing_achievements.detail .inner > article .container > article h4 {
						display:block;
						color:#ffffff;
						background:#0066b0;
						margin:0 0 20px 0;
						padding:17px 20px;
						}

@media screen and (max-width:1040px) {
					#introducing_achievements.detail .inner > article .container ul.slider_pager li {
						width:calc((100% - 80px) / 5);
						}
}

@media screen and (max-width:640px) {
				#introducing_achievements.detail .inner > article .container ul.slider_pager {
					gap:10px;
					padding:20px;
					}
					#introducing_achievements.detail .inner > article .container ul.slider_pager li {
						width:calc((100% - 40px) / 5);
						}
				#introducing_achievements.detail .inner > article .container > article {
					padding:20px
					}
}