@charset "UTF-8";


	
	
/* body
--------------------- */
body.greetings {
	background: url("../img/common/bg_sky.webp") repeat-y left top;
}
	body.greetings #pagetitle {
		background: none;
	}
		body.greetings #pagetitle .text .en {
			color: #fff;
		}
		body.greetings #pagetitle .text h1 {
			background: url("../img/common/icon_title_white.svg") no-repeat left center / 1.8vw;
			color: #fff;
		}
		.en-US.greetings #pagetitle .text h1 {
			background: none;
		}

		body.greetings #pagetitle .breadcrumb,
		body.greetings #pagetitle .breadcrumb a,
		body.greetings #pagetitle .breadcrumb .current-item {
			color: #fff;
		}

		body.greetings #pagetitle .motif01 {
			opacity: 0.7;
		}
@media screen and (max-width: 767px) {
		body.greetings #pagetitle .text h1 {
			background: url("../img/common/icon_title_white.svg") no-repeat left center / 4.6vw;
		}
}


	
	
/* greetings
--------------------- */
#greetings {
	padding-top: calc(60 * var(--vw-ratio));
}
	#greetings h2 {
		font-size: calc(44 * var(--vw-ratio));
		line-height: calc(58 * var(--vw-ratio));
	}

	#greetings .row {
		margin-top: calc(70 * var(--vw-ratio));
	}
	#greetings .row.last {
		padding-bottom: calc(120 * var(--vw-ratio));
	}
		#greetings .row .text {
			width: 46.5%;
		}
		#greetings .row.reverse .text {
			order: 2;
		}
			#greetings .row .text h3 {
				font-size: calc(30 * var(--vw-ratio));
				line-height: calc(44 * var(--vw-ratio));
				margin-bottom: calc(25 * var(--vw-ratio));
			}

		#greetings .row .pht {
			width: 46.5%;
			margin-top: calc(115 * var(--vw-ratio));
		}
		#greetings .row.reverse .pht {
			order: 1;
		}
			#greetings .row .pht img {
				border-radius: calc(20 * var(--vw-ratio));
			}

	#greetings .human {
		width: 46.5%;
		position: absolute;
		bottom: 0;
		right: 0;
	}
		#greetings .human dl.profile {
			text-align: right;
			position: absolute;
			top: calc(180 * var(--vw-ratio));
			right: 0;
		}
			#greetings .human dl.profile dt {
				font-weight: 700;
				line-height: 1;
			}
			#greetings .human dl.profile dd {
				font-size: calc(27 * var(--vw-ratio));
				letter-spacing: 0.06em;
				font-weight: 700;
				line-height: 1;
				margin-top: calc(12 * var(--vw-ratio));
			}
			.en-US #greetings .human dl.profile dd {
				font-size: calc(17 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	#greetings {
		padding-top: calc(30 * var(--vw-ratio));
	}
		#greetings h2 {
			font-size: calc(30 * var(--vw-ratio));
			line-height: calc(42 * var(--vw-ratio));
		}

		#greetings .row {
			display: block;
			margin-top: calc(50 * var(--vw-ratio));
		}
		#greetings .row.last {
			padding-bottom: calc(20 * var(--vw-ratio));
		}
			#greetings .row .text {
				width: 100%;
			}
				#greetings .row .text h3 {
					font-size: calc(24 * var(--vw-ratio));
					line-height: calc(34 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}

			#greetings .row .pht {
				width: 100%;
				margin-top: calc(25 * var(--vw-ratio));
			}
				#greetings .row .pht img {
					border-radius: calc(15 * var(--vw-ratio));
				}

		#greetings .human {
			width: 100%;
			position: relative;
		}
			#greetings .human .pht {
				overflow: hidden;
				width: 100%;
				height: 100%;
				aspect-ratio: 1 / 1;
			}
	
			#greetings .human dl.profile {
				top: calc(80 * var(--vw-ratio));
			}
				#greetings .human dl.profile dd {
					font-size: calc(24 * var(--vw-ratio));
					margin-top: calc(10 * var(--vw-ratio));
				}
}


	
	
/* thought
--------------------- */
#thought {
	position: relative;
}
#thought:before {
	content: "";
	width: 100%;
	height: 70%;
	background: #fff;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
	#thought .pht {
		width: calc(524 * var(--vw-ratio));
		margin: 0 auto;
	}

	#thought .txt-16 {
		margin-top: calc(40 * var(--vw-ratio));
		text-align: center;
	}
@media screen and (max-width: 767px) {
	#thought .pht {
		width:100%;
	}

	#thought .txt-16 {
		margin-top: calc(30 * var(--vw-ratio));
		text-align: left;
	}
}


	
	
/* philosophy
--------------------- */
#philosophy {
	background: #fff;
	position: relative;
}
#philosophy:before {
	content: "";
	width: 100%;
	height: calc(60 * var(--vw-ratio));
	background: #fff;
	position: absolute;
	bottom: calc(-60 * var(--vw-ratio));
	left: 0;
	z-index: -1;
}
	#philosophy .policy {
		background: #EFF3FC;
		border-radius: calc(20 * var(--vw-ratio));
		margin-top: calc(70 * var(--vw-ratio));
		margin-bottom: calc(80 * var(--vw-ratio));
		padding: calc(50 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
		text-align: center;
		position: relative;
	}
		#philosophy .policy h3 {
			width: 100%;
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
			position: absolute;
			top: calc(-17 * var(--vw-ratio));
			left: 0;
		}

		#philosophy .policy h4 {
			font-size: calc(40 * var(--vw-ratio));
			font-weight: 500;
			line-height: 1;
		}

	#philosophy .vision {
		border: solid 1px #ddd;
		border-radius: calc(20 * var(--vw-ratio));
		padding: calc(50 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
		text-align: center;
		position: relative;
	}
		#philosophy .vision h3 {
			width: 100%;
			font-size: calc(30 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
			position: absolute;
			top: calc(-17 * var(--vw-ratio));
			left: 0;
		}
			#philosophy .vision h3 span {
				background: #fff;
				padding: 0 calc(20 * var(--vw-ratio));
			}

		#philosophy .vision .txt-20 {
			line-height: 2.0em;
		}
@media screen and (max-width: 767px) {
	#philosophy:before {
		bottom: calc(-59 * var(--vw-ratio));
	}
		#philosophy .policy {
			border-radius: calc(15 * var(--vw-ratio));
			margin-top: calc(50 * var(--vw-ratio));
			margin-bottom: calc(60 * var(--vw-ratio));
			padding: calc(40 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
		}
			#philosophy .policy h3 {
				font-size: calc(26 * var(--vw-ratio));
				top: calc(-15 * var(--vw-ratio));
			}

			#philosophy .policy h4 {
				font-size: calc(32 * var(--vw-ratio));
			}

		#philosophy .vision {
			border-radius: calc(15 * var(--vw-ratio));
			padding: calc(40 * var(--vw-ratio)) calc(20 * var(--vw-ratio));
		}
			#philosophy .vision h3 {
				font-size: calc(26 * var(--vw-ratio));
				top: calc(-15 * var(--vw-ratio));
			}

		#philosophy .vision .txt-20 {
			line-height: 1.6em;
		}
}


	
	
/* company
--------------------- */
#company a.linkbox {
	display: block;
	width: 48%;
	margin-right: 4%;
	margin-bottom: 4%;
	padding: calc(60 * var(--vw-ratio)) calc(60 * var(--vw-ratio)) calc(130 * var(--vw-ratio)) calc(60 * var(--vw-ratio));
	border: solid 1px #ddd;
	border-radius: calc(20 * var(--vw-ratio));
	background: url("../img/common/icon_arrow_blue.svg") no-repeat left calc(60 * var(--vw-ratio)) bottom calc(60 * var(--vw-ratio)) / calc(36 * var(--vw-ratio));
}
#company a.linkbox:nth-child(2n) {
	margin-right: 0;
}
#company a.linkbox:hover {
	background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat left calc(60 * var(--vw-ratio)) bottom calc(60 * var(--vw-ratio)) / calc(36 * var(--vw-ratio));
}
	#company a.linkbox .head {
		line-height: 1;
		margin-bottom: calc(20 * var(--vw-ratio));
	}

	#company a.linkbox h2 {
		font-size: calc(30 * var(--vw-ratio));
		line-height: 1.3em;
		margin-bottom: calc(15 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#company .inner {
		display: block;
	}
		#company a.linkbox {
			display: block;
			width: 100%;
			margin-right: 0;
			margin-bottom: calc(30 * var(--vw-ratio));
			padding: calc(40 * var(--vw-ratio)) calc(40* var(--vw-ratio)) calc(90 * var(--vw-ratio)) calc(40 * var(--vw-ratio));
			background: url("../img/common/icon_arrow_blue.svg") no-repeat left calc(40 * var(--vw-ratio)) bottom calc(40 * var(--vw-ratio)) / calc(36 * var(--vw-ratio));
		}
		#company a.linkbox:hover {
			background: #EFF3FC url("../img/common/icon_arrow_blue.svg") no-repeat left calc(40 * var(--vw-ratio)) bottom calc(40 * var(--vw-ratio)) / calc(36 * var(--vw-ratio));
		}
			#company a.linkbox .head {
				margin-bottom: calc(15 * var(--vw-ratio));
			}

			#company a.linkbox h2 {
				font-size: calc(24 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}

			#company a.linkbox .txt-18 {
				font-size: calc(16 * var(--vw-ratio));
				 line-height: calc(30 * var(--vw-ratio));
			}
}


	
	
/* office
--------------------- */
#each {
	background: url("../img/common/motif_blue-black.svg") no-repeat left calc(-266 * var(--vw-ratio)) top 45% / calc(600 * var(--vw-ratio));
}
	.office .map {
		margin-top: calc(-260 * var(--vw-ratio));
		padding-left: calc(80 * var(--vw-ratio));
		margin-bottom: calc(100 * var(--vw-ratio));
		padding-right: calc(80 * var(--vw-ratio));
	}

	.office .office-list .box {
		width: 47%;
		margin-right: 6%;
		margin-bottom: calc(70 * var(--vw-ratio));
	}
	.office .office-list .box.border {
		background: #fff;
		border: solid 1px #CDD9E8;
		border-radius: calc(20 * var(--vw-ratio));
		padding: calc(40 * var(--vw-ratio)) calc(50 * var(--vw-ratio)) calc(70 * var(--vw-ratio)) calc(50 * var(--vw-ratio));
		position: relative;
		margin-bottom: calc(100 * var(--vw-ratio));
	}
	.office .office-list .box.other {
		background: #fff;
		border: solid 1px #CDD9E8;
		border-radius: calc(20 * var(--vw-ratio));
		padding: calc(40 * var(--vw-ratio)) calc(50 * var(--vw-ratio));
		margin-bottom: calc(70 * var(--vw-ratio));
	}
	.office .office-list .box.column1 {
		width: 100%;
		margin-right: 0;
		margin-bottom: 0;
	}
	.office .office-list .box:nth-child(2n) {
		margin-right: 0;
	}
		.office .office-list .box .pht {
			overflow: hidden;
			border-radius: calc(20 * var(--vw-ratio));
			margin-bottom: calc(20 * var(--vw-ratio));
		}

		.office .office-list .box h4 {
			margin-bottom: calc(10 * var(--vw-ratio));
		}
			.office .office-list .box h4 a {
				display: inline-block;
				padding-right: calc(45 * var(--vw-ratio));
				background: url("../img/common/icon_external_blue.svg") no-repeat right center / calc(36 * var(--vw-ratio));
			}
			.office .office-list .box h4 a:hover {
				color: #053D78;
				padding-right: calc(50 * var(--vw-ratio));
			}

		.office .office-list .box.pickup .btn {
			margin: calc(20 * var(--vw-ratio)) auto 0 auto;
		}
		.office .office-list .box.border .btn {
			position: absolute;
			left: 50%;
			bottom:  calc(-30 * var(--vw-ratio));
			margin-left: calc(-125 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#each {
		background: url("../img/common/motif_blue-black.svg") no-repeat left calc(-150 * var(--vw-ratio)) top 30% / calc(400 * var(--vw-ratio));
	}
		.office .map {
			margin-top: calc(0 * var(--vw-ratio));
			padding-left: calc(0 * var(--vw-ratio));
			margin-bottom: calc(50 * var(--vw-ratio));
			padding-right: calc(0 * var(--vw-ratio));
		}

		.office .office-list {
			display: block;
		}
			.office .office-list .box {
				width: 100%;
				margin-right: 0;
				margin-bottom: calc(50 * var(--vw-ratio));
			}
			.office .office-list .box.border {
				border-radius: calc(15 * var(--vw-ratio));
				padding: calc(35 * var(--vw-ratio)) calc(35 * var(--vw-ratio)) calc(60 * var(--vw-ratio)) calc(35 * var(--vw-ratio));
				margin-bottom: calc(80 * var(--vw-ratio));
			}
			.office .office-list .box.other {
				border-radius: calc(15 * var(--vw-ratio));
				padding: calc(35 * var(--vw-ratio));
				margin-bottom: calc(30 * var(--vw-ratio));
			}
			.office .office-list .box:nth-last-child(1) {
				margin-bottom: 0 !important;
			}
				.office .office-list .box .pht {
					border-radius: calc(15 * var(--vw-ratio));
				}

				.office .office-list .box h4 {
					font-size: calc(17 * var(--vw-ratio));
					margin-bottom: calc(6 * var(--vw-ratio));
				}
					.office .office-list .box h4 a {
						display: inline-block;
						padding-right: calc(35 * var(--vw-ratio));
						background: url("../img/common/icon_external_blue.svg") no-repeat right center / calc(26 * var(--vw-ratio));
					}
					.office .office-list .box h4 a:hover {
						padding-right: calc(35 * var(--vw-ratio));
					}

				.office .office-list .box.border .btn {
					left: 15%;
					margin-left: 0;
				}
}


	
	
/* company
--------------------- */
#company .list dl {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	border-radius: calc(10 * var(--vw-ratio));
	padding: calc(25 * var(--vw-ratio)) 0;
}
#company .list dl:nth-child(odd) {
	background: #EFF3FC;
}
	#company .list dl dt {
		width: calc(230 * var(--vw-ratio));
		padding-left: calc(50 * var(--vw-ratio));
		font-weight: 500;
		line-height: 1.3em;
	}
	#company .list dl dd {
		width: calc(870 * var(--vw-ratio));
	}
	.en-US  #company .list dl dt {
		width: calc(260 * var(--vw-ratio));
	}
	.en-US  #company .list dl dd {
		width: calc(840 * var(--vw-ratio));
	}
		#company .list dl dd a.txt-link {
			text-decoration: underline;
		}
		#company .list dl dd a.txt-link:hover {
			text-decoration: none;
		}

		#company .list dl dd a.pdf {
			display: flex;
			justify-content: flex-start;
			align-items: center;
		}
			#company .list dl dd a.pdf img {
				width: calc(96 * var(--vw-ratio));
			}
			#company .list dl dd a.pdf span {
				display: inline-block;
				background: url("../img/common/icon_pdf.svg") no-repeat right bottom calc(5 * var(--vw-ratio)) / calc(20 * var(--vw-ratio));
				text-decoration: underline;
				padding-right: calc(30 * var(--vw-ratio));
				margin-left: calc(25 * var(--vw-ratio));
			}
			#company .list dl dd a.pdf:hover span {
				text-decoration: none;
			}
@media screen and (max-width: 767px) {
	#company .list dl {
		display: block;
		padding: calc(25 * var(--vw-ratio));
	}
		#company .list dl dt {
			width: 100%;
			padding-left: 0;
			font-weight: 500;
			line-height: 1.3em;
			margin-bottom: calc(10 * var(--vw-ratio)); 
		}
		#company .list dl dd {
			width: 100%;
			font-size: calc(15 * var(--vw-ratio)); 
			line-height: 1.6em;
		}
		.en-US  #company .list dl dt {
			width: 100%;
		}
		.en-US  #company .list dl dd {
			width: 100%;
		}
			#company .list dl dd a.pdf img {
				width: calc(55 * var(--vw-ratio));
			}
			#company .list dl dd a.pdf span {
				background: url("../img/common/icon_pdf.svg") no-repeat right bottom calc(5 * var(--vw-ratio)) / calc(16 * var(--vw-ratio));
				padding-right: calc(23 * var(--vw-ratio));
				margin-left: calc(15 * var(--vw-ratio));
			}
}


	
	
/* performance
--------------------- */
#performance .bg-blue {
	background: #053D78 url("../img/common/motif_white.svg") no-repeat right -20% top 20% / auto 20%;
}
	#performance .list {
		margin-top: calc(100 * var(--vw-ratio));
	}
		#performance .list .row {
			border-radius: calc(15 * var(--vw-ratio));
			border: solid 1px rgba(255,255,255,0.2);
			margin-bottom: calc(120 * var(--vw-ratio));
		}
		#performance .list .row:nth-last-child(1) {
			margin-bottom: 0;
		}
			#performance .list .row .head-tit {
				margin-top: calc(-45 * var(--vw-ratio));
				text-align: center;
			}
			.en-US #performance .list .row .head-tit {
				margin-top: calc(-15 * var(--vw-ratio));
			}
				#performance .list .row .head-tit .en {
					font-weight: 600;
					line-height: 1;
					margin-bottom: calc(12 * var(--vw-ratio));
				}

				#performance .list .row .head-tit h3 {
					display: inline-block;
					background: #053D78;
					padding: 0 calc(20 * var(--vw-ratio));
					font-size: calc(30 * var(--vw-ratio));
					font-weight: 700;
					line-height: 1;
				}
				.en-US #performance .list .row .head-tit h3 {
					font-weight: 600;
				}

			#performance .list .row .graph {
				text-align: center;
				padding: calc(40 * var(--vw-ratio)) 0 calc(50 * var(--vw-ratio)) 0;
			}
				#performance .list .row:nth-child(1) .graph img {
					max-width: calc(570 * var(--vw-ratio));
				}
				#performance .list .row:nth-child(2) .graph img {
					max-width: calc(790 * var(--vw-ratio));
				}
@media screen and (max-width: 767px) {
	#performance .bg-blue {
		background: #053D78 url("../img/common/motif_white.svg") no-repeat right -45% top 7% / auto 10%;
	}
		#performance .list  {
			margin-top: calc(80 * var(--vw-ratio));
		}
			#performance .list .row {
				border-radius: calc(10 * var(--vw-ratio));
				margin-bottom: calc(90 * var(--vw-ratio));
			}
				#performance .list .row .head-tit {
					margin-top: calc(-40 * var(--vw-ratio));
					text-align: center;
				}
				.en-US #performance .list .row .head-tit {
					padding-top: calc(30 * var(--vw-ratio));
					margin-top: 0;
				}
					#performance .list .row .head-tit .en {
						font-size: calc(12 * var(--vw-ratio));
						margin-bottom: calc(10 * var(--vw-ratio));
					}

					#performance .list .row .head-tit h3 {
						font-size: calc(24 * var(--vw-ratio));
					}

				#performance .list .row .graph {
					text-align: center;
					padding: calc(30 * var(--vw-ratio)) calc(25 * var(--vw-ratio)) calc(30 * var(--vw-ratio)) calc(25 * var(--vw-ratio));
				}
}


	
	
/* history
--------------------- */
#history .bg-blue.bg-pht {
	background: url("/wp-content/uploads/2026/01/history_bg.webp") no-repeat center / cover;
}
	#history .bg-blue.bg-pht  .inner {
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding-top: calc(100 * var(--vw-ratio));
		padding-bottom: calc(100 * var(--vw-ratio));
	}
		#history .bg-blue.bg-pht  .inner .c-title {
			margin-bottom: 0;
		}

		.en-US #history .bg-blue.bg-pht  .inner .c-title {
			padding-right: calc(100 * var(--vw-ratio));
		}

#history .list {
	padding-top: calc(100 * var(--vw-ratio));
	padding-bottom: calc(100 * var(--vw-ratio));
	position: relative;
}
#history .list:before {
	content: "";
	width: 1px;
	height: 100%;
	background: #053D78;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -0.5px;
}
	#history .list .row {
		margin-bottom: calc(60 * var(--vw-ratio));
		position: relative;
	}
	#history .list .row:nth-last-child(1) {
		margin-bottom: 0;
	}
	#history .list .row:before {
		content: "";
		width: calc(20 * var(--vw-ratio));
		height: calc(20 * var(--vw-ratio));
		border-radius: 50%;
		background: #053D78;
		position: absolute;
		top: calc(10 * var(--vw-ratio));
		left: 50%;
		margin-left: calc(-10 * var(--vw-ratio));
	}
		#history .list .row .text {
			width: 46%;
			text-align: right;
		}
		#history .list .row:nth-child(odd) .text {
			order: 2;
			text-align: left;
		}
			#history .list .row .text .year {
				font-size: calc(20 * var(--vw-ratio));
				font-weight: 500;
				line-height: 1;
				margin-bottom: calc(15 * var(--vw-ratio));
			}
				#history .list .row .text .year .en {
					font-size: calc(40 * var(--vw-ratio));
				}

			#history .list .row .text h3 {
				line-height: 1.3em;
				margin-bottom: calc(10 * var(--vw-ratio));
			}
			#history .list .row .text h3.bt {
				border-top: dashed 1px #ddd;
				padding-top: calc(20 * var(--vw-ratio));
				margin-top: calc(23 * var(--vw-ratio));
			}

		#history .list .row .pht {
			width: 46%;
		}
		#history .list .row:nth-child(odd) .pht {
			display: flex;
			justify-content: flex-end;
			align-items: flex-start;
			order: 1;
		}
			#history .list .row .pht img {
				width: calc(290 * var(--vw-ratio));
				border-radius: calc(10 * var(--vw-ratio));
			}
			#history .list .row .pht.border img {
				border: solid 1px #ddd;
			}

#history .bg-blue.future {
	background: #053D78 url("../img/common/motif_blue-black.svg") no-repeat center top / auto 100%;
}
#history .bg-blue.future {
	padding-top: calc(100 * var(--vw-ratio));
	padding-bottom: calc(100 * var(--vw-ratio));
	text-align: center;
}
	#history .bg-blue.future h2 {
		font-size: calc(40 * var(--vw-ratio));
		line-height: 1;
		letter-spacing: 0.06em;
		margin-bottom: calc(20 * var(--vw-ratio));
	}

	#history .bg-blue.future .en {
		line-height: 1;
		margin-bottom: calc(40 * var(--vw-ratio));
	}
@media screen and (max-width: 767px) {
	#history .bg-blue.bg-pht  .inner {
		display: block;
		padding-top: calc(75 * var(--vw-ratio));
		padding-bottom: calc(75 * var(--vw-ratio));
	}
		#history .bg-blue.bg-pht  .inner .c-title {
			margin-bottom: calc(30 * var(--vw-ratio));
			text-align: center;
		}
		.en-US #history .bg-blue.bg-pht  .inner .c-title {
			padding-right: 0;
		}

	#history .list {
		padding-top: calc(75 * var(--vw-ratio));
		padding-bottom: calc(75 * var(--vw-ratio));
	}
	#history .list:before {
		left: calc(10 * var(--vw-ratio));
		margin-left: 0;
	}
		#history .list .row {
			display: block;
			padding-left: calc(40 * var(--vw-ratio));
			margin-bottom: calc(50 * var(--vw-ratio));
		}
		#history .list .row:before {
			width: calc(20 * var(--vw-ratio));
			height: calc(20 * var(--vw-ratio));
			top: calc(10 * var(--vw-ratio));
			left: calc(0 * var(--vw-ratio));
			margin-left: 0;
		}
			#history .list .row .text {
				width: 100%;
				text-align: left;
			}
				#history .list .row .text .year {
					font-size: calc(18 * var(--vw-ratio));
					margin-bottom: calc(15 * var(--vw-ratio));
				}
					#history .list .row .text .year .en {
						font-size: calc(36 * var(--vw-ratio));
					}

			#history .list .row .pht {
				width: 100%;
				margin-top: calc(20 * var(--vw-ratio));
			}
			#history .list .row:nth-child(odd) .pht {
				display: block;
			}
			#history .list .row .pht.none {
				display: none;
			}
				#history .list .row .pht img {
					width: 100%;
				}

	#history .bg-blue.future {
		padding-top: calc(75 * var(--vw-ratio));
		padding-bottom: calc(75 * var(--vw-ratio));
	}
		#history .bg-blue.future h2 {
			font-size: calc(32 * var(--vw-ratio));
		}
}


	
	
/* other
--------------------- */
#other .row {
	margin-bottom: calc(70 * var(--vw-ratio));
}
#other .row:nth-last-child(1) {
	margin-bottom: 0;
}
	#other .row .cell {
		margin-bottom: calc(35 * var(--vw-ratio));
		padding-bottom: calc(35 * var(--vw-ratio));
		border-bottom: dashed 1px #ddd;
	}
	#other .row .cell:nth-last-child(1) {
		margin-bottom: 0;
		padding-bottom: 0;
		border-bottom: none;
	}
		#other .row .cell h4 {
			font-size: calc(22 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1.3em;
			margin-bottom: calc(12 * var(--vw-ratio));
		}

		#other .row .cell .txt-16 {
			margin-bottom: calc(12 * var(--vw-ratio));
		}
		#other .row .cell .txt-16:nth-last-child(1) {
			margin-bottom: 0;
		}

		#other .row .cell a.pdf {
			display: inline-block;
			text-decoration: underline;
			padding-left: calc(18 * var(--vw-ratio));
			background: url("../img/common/icon_pdf.svg") no-repeat left top calc(10 * var(--vw-ratio)) / calc(12 * var(--vw-ratio));
		}
		#other .row .cell a.pdf:hover {
			text-decoration: none;
		}

		#other .row .cell .border-box {
			border: solid 1px #ddd;
			padding: calc(15 * var(--vw-ratio)) calc(25 * var(--vw-ratio));
			margin-bottom: calc(12 * var(--vw-ratio));
		}
@media screen and (max-width: 767px) {
	#other .row {
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#other .row .cell {
			margin-bottom: calc(25 * var(--vw-ratio));
			padding-bottom: calc(25 * var(--vw-ratio));
		}
			#other .row .cell h4 {
				font-size: calc(18 * var(--vw-ratio));
			}
}