@charset "UTF-8";

/** -- intro -- **/
.company .intro {
	position: relative;
}
.company .intro .text_area {
	width: calc(50% + 20px);
}
.company .intro .headline_3 {
	margin-bottom: 40px;
}
.company .intro .logo {
	position: absolute;
	left: 50%;
	top: 140px;
	text-align: right;
	transform: translateX(-50%);
	width: 1110px;
}
.company .intro .logo img {
	width: 400px;
}
@media screen and (max-width: 1190px) {
	.company .intro .text_area {
		width: calc(50% + 5vw);
	}
	.company .intro .headline_3 {
		margin-bottom: 4vw;
	}
	.company .intro .logo {
		top: 13vw;
		width: calc(100% - 8vw);
	}
	.company .intro .logo img {
		width: 30vw;
	}
}
@media screen and (max-width: 640px) {
	.company .intro .text_area {
		width: 100%;
	}
	.company .intro .headline_1::before {
		display: none;
	}
	.company .intro .headline_3 {
		margin-bottom: 8vw;
	}
	.company .intro .logo {
		margin: 0 auto 14vw;
		position: relative;
		left: auto;
		top: auto;
		transform: initial;
		width: 60vw;
	}
	.company .intro .logo img {
		width: 100%;
	}
}

/** -- profile -- **/
.profile {
	margin-bottom: 200px;
	margin-top: -320px;
}
.profile .sec_inner {
	padding: 80px 0 100px;
}
.profile dl {
	margin: 0 auto;
	margin-top: -20px;
	width: 720px;
}
.profile dt {
	float: left;
	padding: 20px;
	width: 200px;
}
.profile dd {
	border-bottom: solid 1px #222;
	padding: 20px 0;
	padding-left: 200px;
}
@media screen and (max-width: 1190px) {
	.profile {
		margin-bottom: 16vw;
		margin-top: -25vw;
	}
	.profile .sec_inner {
		padding: 7vw 0 9vw;
	}
	.profile dl {
		margin: 0 10vw;
		margin-top: -2vw;
		width: auto;
	}
	.profile dt {
		padding: 2vw;
		width: 20vw;
	}
	.profile dd {
		padding: 2vw 0;
		padding-left: 20vw;
	}
}
@media screen and (max-width: 640px) {
	.profile {
		margin-bottom: 20vw;
		margin-top: -35vw;
	}
	.profile .sec_inner {
		padding: 10vw 0 12vw;
	}
	.profile dl {
		margin: 0 6vw;
		margin-top: 0;
		width: auto;
	}
	.profile dt {
		float: none;
		margin-bottom: 2vw;
		padding: 0;
		width: 100%;
	}
	.profile dd {
		margin-bottom: 6vw;
		padding: 0;
		padding-bottom: 6vw;
		padding-left: 0;
	}
}

/** -- officer -- **/
.officer {
	margin-bottom: 150px;
}
.officer h2 {
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
	font-weight: 600;
	line-height: 1.0;
	margin-bottom: 10px;
}
.officer .ceo {
	margin-bottom: 100px;
}
.officer .ceo .inner {
	margin-bottom: 50px;
}
.officer .ceo figure {
	width: 50%;
}
.officer .ceo .text_box {
	margin-left: 40px;
	width: calc(50% - 40px);
}
.officer .ceo h2 {
	font-size: 35px;
}
.officer .ceo h3 {
	font-size: 25px;
	margin-bottom: 40px;
}
.officer .ceo .career {
	display: table;
	margin-left: auto;
}
/** other **/
.officer .other article {
	margin-bottom: 50px;
}
.officer .other article figure {
	width: 350px;
}
.officer .other article .text_box {
	margin-left: 40px;
	width: calc(100% - 350px - 40px);
}
.officer .other article h2 {
	font-size: 25px;
}
.officer .other article  h3 {
	font-size: 18px;
	margin-bottom: 30px;
}
@media screen and (max-width: 1190px) {
	.officer {
		margin-bottom: 12vw;
	}
	.officer h2 {
		margin-bottom: 1vw;
	}
	.officer .ceo {
		margin-bottom: 8vw;
	}
	.officer .ceo .inner {
		margin-bottom: 4vw;
	}
	.officer .ceo figure {
		width: 50%;
	}
	.officer .ceo .text_box {
		margin-left: 4vw;
		width: calc(50% - 4vw);
	}
	.officer .ceo h2 {
		font-size: 3.2vw;
	}
	.officer .ceo h3 {
		font-size: 2.2vw;
		margin-bottom: 4vw;
	}
	/** other **/
	.officer .other article {
		margin-bottom: 5vw;
	}
	.officer .other article figure {
		width: 32vw;
	}
	.officer .other article .text_box {
		margin-left: 4vw;
		width: calc(100% - 32vw - 4vw);
	}
	.officer .other article h2 {
		font-size: 2.3vw;
	}
	.officer .other article  h3 {
		font-size: 1.6vw;
		margin-bottom: 2vw;
	}
}
@media screen and (max-width: 640px) {
	.officer {
		margin-bottom: 12vw;
	}
	.officer h2 {
		margin-bottom: 1vw;
	}
	.officer .ceo {
		margin-bottom: 16vw;
	}
	.officer .ceo .inner {
		margin-bottom: 10vw;
	}
	.officer .ceo figure {
		margin-bottom: 10vw;
		width: 100%;
	}
	.officer .ceo .text_box {
		margin-left: 0;
		width: 100%;
	}
	.officer .ceo h2 {
		font-size: 6.4vw;
	}
	.officer .ceo h3 {
		font-size: 4.2vw;
		margin-bottom: 8vw;
	}
	/** other **/
	.officer .other article {
		margin-bottom: 12vw;
	}
	.officer .other article figure {
		margin-bottom: 8vw;
		width: 100%;
	}
	.officer .other article .text_box {
		margin-left: 0;
		width: 100%;
	}
	.officer .other article h2 {
		font-size: 5.4vw;
	}
	.officer .other article  h3 {
		font-size: 3.8vw;
		margin-bottom: 4vw;
	}
}