@charset "UTF-8";

.headline {
	font-family: 'Roboto', sans-serif;
	font-size: 24px;
	letter-spacing: 1px;
	margin-bottom: 40px;
}
@media screen and (max-width: 1040px) {
	.headline {
		font-size: 2.3vw;
		letter-spacing: .1vw;
		margin-bottom: 4vw;
	}
}
@media screen and (max-width: 770px) {
	.headline {
		font-size: 4.6vw;
		letter-spacing: .2vw;
		margin-bottom: 5vw;
	}
}

/** -- fv -- **/
.fv {
	margin-bottom: 60px;
}
.fv img {
	width: 100%;
}
@media screen and (max-width: 1040px) {
	.fv {
		margin-bottom: 6vw;
	}
}
@media screen and (max-width: 770px) {
	.fv {
		margin: 0 -30vw;
		margin-bottom: 8vw;
	}
}

/** -- message -- **/
.message {
	margin-bottom: 80px;
}
.message figure {
	margin-left: -120px;
	width: calc(50% + 120px);
}
.message figure .image_2 {
	margin-top: 40px;
	position: relative;
	left: 60px;
}
.message .text_box {
	margin-left: -100px;
	padding-top: 75px;
	width: calc(50% + 100px);
}
.message .text_box p {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.7;
	position: relative;
}
@media screen and (max-width: 1040px) {
	.message {
		margin-bottom: 8vw;
	}
	.message figure {
		margin-left: -12vw;
		width: calc(50% + 12vw);
	}
	.message figure .image_2 {
		margin-top: 3vw;
		left: 5vw;
		width: 42vw;
	}
	.message .text_box {
		margin-left: -10vw;
		padding-top: 6vw;
		width: calc(50% + 10vw);
	}
	.message .text_box p {
		font-size: 1.9vw;
	}
}
@media screen and (max-width: 770px) {
	.message {
		margin-bottom: 8vw;
	}
	.message .inner {
		display: block;
		padding-bottom: 50vw;
		position: relative;
	}
	.message figure {
		margin-left: -6vw;
		width: calc(100% + 6vw);
	}
	.message figure .image_2 {
		margin-top: 3vw;
		position: absolute;
		bottom: 0;
		left: 8vw;
		width: 74vw;
	}
	.message .text_box {
		box-sizing: border-box;
		margin-left: 0;
		margin-top: 6vw;
		padding: 0 4vw;
		width: auto;
	}
	.message .text_box p {
		font-size: 4.2vw;
		letter-spacing: .2vw;
	}
}

/** -- profile -- **/
.profile dt {
	float: left;
	font-weight: bold;
	line-height: 2.0;
	padding-bottom: 20px;
	width: 150px;
}
.profile dd {
	border-bottom: solid 1px #E0E0E0;
	line-height: 2.0;
	margin-bottom: 20px;
	padding-bottom: 20px;
	padding-left: 200px;
	position: relative;
}
.profile dd::after {
	border-bottom: solid 1px #707070;
	content: '';
	display: block;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 200px;
}
@media screen and (max-width: 1040px) {
	.profile dt {
		padding-bottom: 2vw;
		width: 15vw;
	}
	.profile dd {
		margin-bottom: 2vw;
		padding-bottom: 2vw;
		padding-left: 18vw;
	}
	.profile dd::after {
		width: 18vw;
	}
}
@media screen and (max-width: 770px) {
	.profile dt {
		padding-bottom: 2vw;
		width: 22vw;
	}
	.profile dd {
		margin-bottom: 4vw;
		padding-bottom: 4vw;
		padding-left: 22vw;
	}
	.profile dd::after {
		width: 22vw;
	}
}