@charset "UTF-8";


		
	
/*career
--------------------- */
#career .careerbox {
	margin-top: 100px;
}
	#career .careerbox .profile {
		display: flex;
		justify-content: flex-start;
		align-items: center;
		background: #fff;
		border-radius: 10px 10px 0 0;
		padding: 50px;
		margin-bottom: 0.5%;
	}
		#career .careerbox .profile .icon {
			width: 180px;
		}

		#career .careerbox .profile .text {
			width: -webkit-calc(100% - 180px);
			width: calc(100% - 180px);
			padding-left: 40px;
		}
			#career .careerbox .profile .text .number {
				font-size: 1.8rem;
				font-weight: 700;
				line-height: 1;
				margin-bottom: 10px;
			}

			#career .careerbox .profile .text h2 {
				font-size: 3.4rem;
				font-weight: 700;
				line-height: 1.3em;
				margin-bottom: 15px;
			}

			#career .careerbox .profile .text .name {
				font-size: 1.6rem;
				font-weight: 700;
				line-height: 1;
			}
				#career .careerbox .profile .text .name .en {
					font-size: 3.0rem;
				}

	#career .careerbox .contents {
		display: flex;
		display: -webkit-flex;
		justify-content: space-between;
	}
		#career .careerbox .contents .history {
			width: 49.75%;
			background: #fff;
			border-radius: 0 0 0 10px;
			overflow: hidden;
		}
			#career .careerbox .contents .history dl.year {
				display: flex;
				display: -webkit-flex;
				justify-content: flex-start;
				border-bottom: solid 1px #D5E1FF;
			}
				#career .careerbox .contents .history dl.year dt {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 140px;
					background: #EEF3FF;
					text-align: center;
					padding: 15px 10px;
				}
				#career .careerbox .contents .history dl.year dd {
					width: -webkit-calc(100% - 140px);
					width: calc(100% - 140px);
					display: flex;
					justify-content: flex-start;
					align-items: center;
					line-height: 1.5em;
					padding: 15px;
				}

		#career .careerbox .contents .text {
			width: 49.75%;
			background: #E7EFFF;
			padding: 35px;
			border-radius: 0 0 10px 0;
		}
			#career .careerbox .contents .text .txt {
				line-height: 1.9em;
			}
@media screen and (max-width: 1024px) {
	#career .careerbox {
		margin-top: 10vw;
	}
		#career .careerbox .profile {
			padding: 4vw;
			margin-bottom: 1%;
		}
			#career .careerbox .profile .icon {
				width: 18vw;
			}

			#career .careerbox .profile .text {
				width: -webkit-calc(100% - 18vw);
				width: calc(100% - 18vw);
				padding-left: 3vw;
			}
				#career .careerbox .profile .text .number {
					font-size: 2.2vw;
					margin-bottom: 1vw;
				}

				#career .careerbox .profile .text h2 {
					font-size: 3.4vw;
					margin-bottom: 1.5vw;
				}

				#career .careerbox .profile .text .name {
					font-size: 1.8vw;
				}
					#career .careerbox .profile .text .name .en {
						font-size: 3.4vw;
					}

		#career .careerbox .contents .history {
			width: 49.5%;
		}
			#career .careerbox .contents .history dl.year dt {
				width: 14vw;
				padding: 1.5vw 1vw;
			}
			#career .careerbox .contents .history dl.year dd {
				width: -webkit-calc(100% - 14vw);
				width: calc(100% - 14vw);
				padding: 1.5vw;
			}

		#career .careerbox .contents .text {
			width: 49.5%;
			padding: 3.5vw;
		}
			#career .careerbox .contents .text .txt {
				line-height: 1.7em;
			}
}
@media screen and (max-width: 767px) {
	#career .careerbox {
		margin-top: 10vw;
	}
		#career .careerbox .profile {
			display: block;
			padding: 7vw 3vw;
			margin-bottom: 1vw;
		}
			#career .careerbox .profile .icon {
				width: 40%;
				margin: 0 auto 5vw auto;
			}

			#career .careerbox .profile .text {
				width: 100%;
				text-align: center;
				padding-left: 0;
			}
				#career .careerbox .profile .text .number {
					font-size: 3.6vw;
					margin-bottom: 3vw;
				}

				#career .careerbox .profile .text h2 {
					font-size: 5.0vw;
					margin-bottom: 3vw;
				}

				#career .careerbox .profile .text .name {
					font-size: 3.6vw;
				}
					#career .careerbox .profile .text .name .en {
						font-size: 5.4vw;
					}

		#career .careerbox .contents {
			display: block;
		}
			#career .careerbox .contents .history {
				width: 100%;
				border-radius: 0;
				margin-bottom: 1vw;
			}
				#career .careerbox .contents .history dl.year dt {
					width: 18vw;
					padding: 3vw 0;
				}
				#career .careerbox .contents .history dl.year dd {
					width: -webkit-calc(100% - 18vw);
					width: calc(100% - 18vw);
					padding: 3vw;
				}

			#career .careerbox .contents .text {
				width: 100%;
				padding: 6vw;
				border-radius: 0 0 10px 10px;
			}
				#career .careerbox .contents .text .txt {
					line-height: 1.6em;
				}
}