@charset "utf-8";


/* ============================================================================================== */
/* common                                                                                         */
/* ============================================================================================== */

.section__message,
.section__ceo,
.section__footer-nav {
	padding-bottom: 60px;
}


/* ============================================================================================== */
/* section__message                                                                               */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* section__message */

.message {
	position: relative;
}

.message .message__img {
	width: 100%;
	margin-bottom: 30px;
}

.message .message__img img {
	width:100%;
	vertical-align: bottom;
	border-radius: 5px;
}

.message .message-header {
	margin-bottom: 0;
}

.message .message-header .catch {
	font-size: 1.8rem;
	line-height: 1.6;
}

.message .message-txt p {
	text-align: justify;
	margin-bottom: 1.5em;
}

.message .message-txt p:last-child {
	margin-bottom: 0;
}


/* ============================================================================================== */
/* section__ceo                                                                                   */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* section__ceo */

.ceo .ceo__img {
	width: 50%;
	max-width: 250px;
	margin: 0 auto 30px;
}

.ceo .ceo__img img {
	width: 100%;
	vertical-align: bottom;
	border-radius: 5px;
}

.ceo .ceo__main .ceo-profile {
	margin-bottom: 20px;
}

.ceo .ceo__main .position {
	font-size: .75em;
}

.ceo .ceo__main .name {
	font-size: 1.2em;
}

.ceo .ceo__main .ceo-txt {
	font-size: .9em;
	margin-bottom: 10px;
}

.ceo .ceo__main .ceo-txt p {
	text-align: justify;
}

.ceo .ceo__main .list-style--reg {
	font-size: .9em;
}

.ceo .ceo__main .list-style--reg li {
	margin-bottom: 0;
}


/* ============================================================================================== */
/* Media query                                                                                    */
/* ============================================================================================== */

/* ----------------------------------------------------------------------- */
/* SmartPhone */

@media screen and (min-width: 375px) {

}

@media screen and (min-width: 414px) {

}

@media screen and (orientation:landscape) {

}

/* over iphone 6 plus landscape */
@media screen and (orientation:landscape) and (min-width: 736px) {

}


/* ----------------------------------------------------------------------- */
/* Tablet */

@media screen and (min-width: 768px) {

	/* section__message */
	.message .message__img {
		height: 400px;
		overflow: hidden;
	}

	.message .message__img img {
		width:100%;
		height: 100%;
		object-fit: cover;
		object-position: 50% 25%;
	}

}


/* ----------------------------------------------------------------------- */
/* over ipad landscape */

@media screen and (orientation:landscape) and (min-width: 1024px) {

	/* common */
	.section__footer-nav,
	.section__message {
		padding-bottom: 120px;
	}

	.section__ceo {
		padding-bottom: 180px;
	}

	/* section__message */
	.message .message__img {
		position: absolute;
		right: 0;
		top: 0;
		width: 70%;
		max-width: 700px;
		height: auto;
		margin-bottom: 0;
	}

	.message__main {
		position: relative;
		padding-top: 100px;
	}

	.message .message-header {
		margin-bottom: 0px;
	}

	.message .message-header .catch {
		font-size: 3rem;
	}

	.message .message-txt {
		padding: 40px 40px 0 0;
		width: 700px;
		box-sizing: border-box;
		background: rgba(255,255,255,1);
	}

	.message .message-txt p {
		line-height: 2;
	}

	/* section__ceo */
	.ceo {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}

	.ceo .ceo__img {
		margin: 0;
	}

	.ceo .ceo__main {
		width: calc(100% - 290px);
	}

}


/* ----------------------------------------------------------------------- */
/* Desktop */

@media screen and (min-width: 1280px) {

}


@media screen and (min-width: 1440px) {

	/* section__message */
	.message .message-header .catch {
		font-size: 4rem;
	}

	/* section__ceo */
	.ceo .ceo__img {
		max-width: 300px;
	}

	.ceo .ceo__main {
		width: calc(100% - 360px);
	}

	.ceo .ceo__main .ceo-txt {
		margin-bottom: 20px;
	}

	.ceo .ceo__main .list-style--reg li {
		margin-bottom: .5em;
	}

}