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

	css/activities.css

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

/* ----------------------------------------------------------------------------------------------------
	onstruction
---------------------------------------------------------------------------------------------------- */
#business_activities {
	margin:0;
	}
	#business_activities .inner {
		}
		#business_activities .inner > p {
			text-align:left;
			}
		#business_activities .inner > article {
			margin:80px 0 0 0;
			overflow:hidden;
			}
		#business_activities .inner > article:nth-of-type(1) {
			margin:50px 0 0 0;
			}
			#business_activities .inner > article h3 {
				display:block;
				color:#ffffff;
				font-size:25px;
				background:#0066b0;
				margin:0 0 20px 0;
				padding:17px 20px;
				}
			#business_activities .inner > article p {
				text-align:left;
				padding:0 0 0 1em;
				}
			#business_activities .inner > article figure {
				display:flex;
				flex-direction:row-reverse;
				gap:30px;
				background:#f5f7f6;
				margin:25px 0 0 0;
				padding:30px;
				transition:none;
				}
				#business_activities .inner > article figure > div {
					flex-shrink:0;
					position:relative;
					width:450px;
					max-height:350px;
					aspect-ratio:3 / 2;
					background:#ffffff;
					overflow:hidden;
					transition:none;
					}
					#business_activities .inner > article figure > div img {
						position:absolute;
						inset:0;
						width:100%;
						height:100%;
						object-fit:cover;
						transition:all 0.5s 0s ease;
						}
				#business_activities .inner > article figure > figcaption {
					text-align:left;
					}
					#business_activities .inner > article figure > figcaption > ul,
					#business_activities .inner > article figure > figcaption > ol {
						list-style:none;
						}
					#business_activities .inner > article figure > figcaption > ol {
						}
						#business_activities .inner > article figure > figcaption > ul > li,
						#business_activities .inner > article figure > figcaption > ol > li {
							margin:20px 0 0 0;
							}
						#business_activities .inner > article figure > figcaption > ul > li:nth-of-type(1),
						#business_activities .inner > article figure > figcaption > ol > li:nth-of-type(1) {
							margin:0;
							}
							#business_activities .inner > article figure > figcaption > ul > li > dl,
							#business_activities .inner > article figure > figcaption > ol > li > dl {
								}
								#business_activities .inner > article figure > figcaption > ul > li > dl dt,
								#business_activities .inner > article figure > figcaption > ol > li > dl dt {
									color:#0066b0;
									font-size:20px;
									font-weight:bold;
									}
								#business_activities .inner > article figure > figcaption > ul > li > dl dd,
								#business_activities .inner > article figure > figcaption > ol > li > dl dd {
									margin:5px 0 0 0;
									}
									#business_activities .inner > article figure > figcaption > ul > li > dl dd > ul,
									#business_activities .inner > article figure > figcaption > ol > li > dl dd > ul {
										list-style:none;
										}
										#business_activities .inner > article figure > figcaption > ul > li > dl dd > ul > li,
										#business_activities .inner > article figure > figcaption > ol > li > dl dd > ul > li {
											position:relative;
											margin:5px 0 0 0;
											padding:0 0 0 1em;
											}
										#business_activities .inner > article figure > figcaption > ul > li > dl dd > ul > li:nth-of-type(1),
										#business_activities .inner > article figure > figcaption > ol > li > dl dd > ul > li:nth-of-type(1) {
											margin:0;
											}
										#business_activities .inner > article figure > figcaption > ul > li > dl dd > ul > li::before,
										#business_activities .inner > article figure > figcaption > ol > li > dl dd > ul > li::before {
											content:"・";
											position:absolute;
											left:0;
											}
			#business_activities .inner > article > article {
				position:relative;
				width:100vw;
				background:#f7f7f7 url("../image/layout/bg01.jpg") center top / auto repeat;
				margin:50px calc(-50vw + 50%);
				padding:60px 30px;
				overflow:hidden;
				transition:none;
				}
				#business_activities .inner > article > article .container {
					position:relative;
					max-width:1200px;
					margin:0 auto;
					z-index:122;
					transition:none;
					}
					#business_activities .inner > article > article .container h4 {
						color:#2a71cd;
						font-size:30px;
						font-weight:700;
						text-align:center;
						white-space:pre-wrap;
						word-break:keep-all;
						}
					#business_activities .inner > article > article .container > ul {
						display:flex;
						flex-wrap:wrap;
						gap:40px;
						margin:40px 0 0 0;
						list-style:none;
						}
						#business_activities .inner > article > article .container > ul > li {
							display:flex;
							flex-direction:column;
							gap:20px;
							width:calc((100% - 120px) / 4);
							text-align:center;
							white-space:pre-wrap;
							word-break:keep-all;
							background:#ffffff;
							padding:26px;
							}
						#business_activities .inner > article > article .container > ul > li::before {
							content:"";
							display:block;
							width:100%;
							aspect-ratio:6 / 5;
							margin:0 auto;
							background:#000000;
							}
						#business_activities .inner > article > article .container > ul > li:nth-of-type(1)::before { background:transparent url("../image/contents/activities/illust01.png") center bottom / 100% auto no-repeat; }
						#business_activities .inner > article > article .container > ul > li:nth-of-type(2)::before { background:transparent url("../image/contents/activities/illust02.png") center bottom / 100% auto no-repeat; }
						#business_activities .inner > article > article .container > ul > li:nth-of-type(3)::before { background:transparent url("../image/contents/activities/illust03.png") center bottom / 100% auto no-repeat; }
						#business_activities .inner > article > article .container > ul > li:nth-of-type(4)::before { background:transparent url("../image/contents/activities/illust04.png") center bottom / 100% auto no-repeat; }
					#business_activities .inner > article > article .container p {
						font-size:20px;
						text-align:center;
						white-space:pre-wrap;
						word-break:keep-all;
						margin:40px 0 0 0;
						}

@media screen and (max-width:1040px) {
		#business_activities .inner > p {
			text-align:left;
			}
			#business_activities .inner > article figure {
				flex-direction:column-reverse;
				padding:30px;
				}
				#business_activities .inner > article figure > div {
					width:100%;
					max-height:initial;
					aspect-ratio:3 / 2;
					}
					#business_activities .inner > article > article .container h4 {
						font-size:clamp(25px,3.906vw,30px);
						}
					#business_activities .inner > article > article .container > ul {
						gap:20px;
						}
						#business_activities .inner > article > article .container > ul > li {
							width:calc((100% - 20px) / 2);
							}
					#business_activities .inner > article > article .container p {
						font-size:clamp(17px,2.656vw,20px);
						}
}

@media screen and (max-width:640px) {
						#business_activities .inner > article > article .container > ul > li {
							width:100%;
							}
}

/* ----------------------------------------------------------------------------------------------------
	introducing_achievements
---------------------------------------------------------------------------------------------------- */
#introducing_achievements {
	position:relative;
	background:#f5f7f6;
	margin:80px 0 0 0;
	padding:80px 0 60px 0;
	overflow:hidden;
	transition:none;
	}
#introducing_achievements::before {
	content:"";
	position:absolute;
	inset:0;
	display:block;
	width:calc(100vw + 1346px);
	height:100%;
	background-image:linear-gradient(-19.5deg,#0066b0 0%,#0066b0 50%,#f5f7f6 50.05%,#f5f7f6 100%);
	background-position:right -673px top;
	margin:0 -673px;
	transition:none;
	z-index:111;
	}
	#introducing_achievements .inner {
		position:relative;
		z-index:122;
		transition:none;
		}
			#introducing_achievements .inner h2 i {
				background:-webkit-linear-gradient(180deg,#e5ecf4,#e5e9f2) !important;
				background:-o-linear-gradient(180deg,#e5ecf4,#e5e9f2) !important;
				background:linear-gradient(180deg,#e5ecf4,#e5e9f2) !important;
				-webkit-background-clip:text !important;
				-webkit-text-fill-color:transparent !important;
				transition:none;
				}
		#introducing_achievements .inner ul {
			display:flex;
			gap:40px;
			list-style:none;
			transition:none;
			}
			#introducing_achievements .inner ul li {
				width:calc((100% - 80px) / 3);
				background:#ffffff;
				transition:none;
				}
				#introducing_achievements .inner ul li a {
					display:block;
					border:2px solid transparent;
					transition:none;
					}
				#introducing_achievements .inner ul li a:hover {
					/*
					display:block;
					border:2px solid #0065a7;
					*/
					}
					#introducing_achievements .inner ul li a figure {
						display:flex;
						flex-direction:column;
						gap:10px;
						padding:26px;
						transition:none;
						}
						#introducing_achievements .inner ul li a figure div {
							position:relative;
							aspect-ratio:53 / 30;
							background:#ffffff;
							overflow:hidden;
							transition:none;
							}
						#introducing_achievements .inner ul 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 .inner ul li a:hover figure div::after {
							opacity:1;
							}
							#introducing_achievements .inner ul 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 .inner ul li a:hover figure div img {
								transform:scale(1.3,1.3);
								transition:all 0.5s 0s ease;
								}
						#introducing_achievements .inner ul li a figure figcaption {
							margin:0;
							transition:none;
							}
							#introducing_achievements .inner ul li a figure figcaption dl {
								transition:none;
								}
								#introducing_achievements .inner ul 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 .inner ul li a figure figcaption dl dd {
									display:-webkit-box;
									-webkit-box-orient:vertical;
									-webkit-line-clamp:3;
									overflow:hidden;
									transition:none;
									}
								#introducing_achievements .inner ul li a:hover figure figcaption dl dd {
									color:#1068bf;
									}

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

@media screen and (max-width:1040px) {
		#introducing_achievements .inner ul {
			flex-direction:column;
			gap:20px;
			}
			#introducing_achievements .inner ul li {
				width:100%;
				}
					#introducing_achievements .inner ul li a figure {
						display:flex;
						flex-direction:row;
						gap:20px;
						padding:20px;
						}
						#introducing_achievements .inner ul li a figure div {
							flex-shrink:0;
							width:150px;
							height:112px;
							}
						#introducing_achievements .inner ul li a figure figcaption {
							margin:0;
							}
}

@media screen and (max-width:640px) {
#introducing_achievements {
	margin:80px -20px 0 -20px;
	}
	#introducing_achievements .inner {
		padding:0 20px;
		}
					#introducing_achievements .inner ul li a figure {
						flex-direction:column;
						gap:10px;
						}
						#introducing_achievements .inner ul li a figure div {
							width:100%;
							height:auto;
							}
						#introducing_achievements .inner ul 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 .inner ul li a:hover figure div::after {
							opacity:1;
							}
							#introducing_achievements .inner ul 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 .inner ul li a:hover figure div img {
								transform:scale(1.3,1.3);
								transition:all 0.5s 0s ease;
								}
						#introducing_achievements .inner ul li a figure figcaption {
							margin:0;
							}
							#introducing_achievements .inner ul li a figure figcaption dl {
								}
								#introducing_achievements .inner ul li a figure figcaption dl dt {
									color:#1068bf;
									font-size:18px;
									font-weight:bold;
									letter-spacing:1px;
									padding:0 0 5px 0;
									}
								#introducing_achievements .inner ul li a figure figcaption dl dd {
									display:-webkit-box;
									-webkit-box-orient:vertical;
									-webkit-line-clamp:3;
									overflow:hidden;
									}
								#introducing_achievements .inner ul li a:hover figure figcaption dl dd {
									color:#1068bf;
									}
}