@charset "utf-8";
/* --------------------------------
 * About us Design
 * -------------------------------- */

/* メッセージ
---------------------------------------------*/
.message {
	padding: 80px 0;
	background: url("../about/img/photo01.jpg") no-repeat center;
	background-color: rgba(255, 255, 255, 0.7);
	background-blend-mode: lighten;
}
.message .box {
	margin: 0 auto;
	width: 70%;
}
.message .honbun {
	font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "メイリオ", Meiryo, "HGS明朝B", "HG明朝B", "ＭＳ 明朝", serif;
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 2;
	text-align: center;
}
/* 主宰者プロフィール
---------------------------------------------*/
#profile {
	padding-top: 100px;
}
.profile-contents {
	padding: 30px 0 80px 0;
}
.profile-contents#watanabe {
	padding: 30px 0 0 0;
}
.profile-contents#nakanishi {
	background-color: rgba(103, 175, 205, 0.2);
}
.profile-contents#yasuki {
	border-bottom: 1px solid #ccc;
}
/* レイアウト */
.profile-contents .inner {
	display: flex;
	flex-wrap: wrap;
	flex-direction: row-reverse;
	justify-content: space-between;
}
.profile-contents .box {
	margin-top: 50px;
	width: 70%;
}
.profile-contents .image {
	margin-top: 50px;
	width: 238px;
	width: 24.8%;
}

@media (max-width: 640px) {
.profile-contents .box {
	width: 100%;
}
.profile-contents .image {
	margin: 50px auto 0;
	width: 238px;
}
}
.profile-contents .image img {
	width: 100%;
}
/* 見出し */
.profile-midashi {
	font-size: 2.2rem;
	font-weight: bold;
}
.profile-midashi span {
	font-size: 1.6rem;
}
/* 主宰者プロフィール実績
---------------------------------------------*/
.profile-jiseki {
	padding-bottom: 80px;
}
/* レイアウト */
.profile-jiseki .inner {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.profile-jiseki .image {
	margin-left: 30px;
	width: 106px;
}

@media (max-width: 960px) {
.profile-jiseki .box {
	-webkit-flex: 1;
	flex: 1;
}
}

@media (max-width: 640px) {
.profile-jiseki .inner {
	display: block;
}
.profile-jiseki .box {
	flex: auto;
}
.profile-jiseki .image {
	margin: 10px auto 0;
	width: 106px;
}
}
.profile-jiseki .image img {
	width: 100%;
}
/* 見出し */
.profile-jiseki-midashi {
	margin-top: 2em;
}
/* リスト */
.profile-jiseki-list {
	text-indent: -1em;
	margin-left: 1em;
}
/* Story マタニティリープが生まれた背景
---------------------------------------------*/
#story {
	padding-top: 100px;
}
/* 背景 */
.story-contents {
	padding-top: 80px;
}
.story-contents:first-of-type {
	padding-top: 50px;
	background: url(../about/img/bg_icon01.svg) no-repeat 5% center;
}
.story-contents:last-of-type {
	background: url(../about/img/bg_icon02.svg) no-repeat 95% center;
}
/* レイアウト */
.story-contents .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	padding-bottom: 80px;
	border-bottom: 1px solid #6f3f91;
}
.story-contents:last-of-type .inner {
	padding-bottom: 100px;
	border-bottom: none;
}
.story-contents .box {
	width: 47.39583333333333%;
}
.story-contents .box:nth-of-type(2) .honbun:first-of-type {
	padding-top: 45px;
}

@media (max-width: 960px) {
.story-contents .box {
	width: 100%;
}
.story-contents .box:nth-of-type(2) .honbun:first-of-type {
	padding-top: 1.5em;
}
}
/* Episode01-03共通
---------------------------------------------*/
.episode-contents {
	padding: 100px 0;
}
/* レイアウト */
.episode-contents .inner {
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.episode-contents .box {
	-webkit-flex: 1;
	flex: 1;
}
.box-col {
	margin-right: 50px;
	width: 288px;
	height: 288px;
	color: #fff;
	background: #1c99cd;
	display: flex;
	justify-content: center;
	align-items: center;
}
.episode-contents:nth-of-type(even) .inner {/* レイアウト　左右振り分け */
	flex-direction: row-reverse;
}
.episode-contents:nth-of-type(even) .box-col {
	margin-right: 0;
	margin-left: 50px;
}
.epi-con-midashi {
	font-size: 4.8rem;
}

@media (max-width: 960px) {
.box-col {
	width: 230px;
	height: 230px;
}
.epi-con-midashi {
	font-size: 4.0rem;
}
}

@media (max-width: 767px) {
.episode-contents .inner {
	display: block;
}
.episode-contents .box {
	flex: auto;
}
.box-col {
	margin: 0 auto;
	text-align: center;
	width: 288px;
	height: 288px;
}
.episode-contents:nth-of-type(even) .box-col {
	margin: 0 auto;
}
.epi-con-midashi {
	font-size: 4.8rem;
}
}
/* 見出し */
.epi-con-midashi-sub {
	font-size: 3.0rem;
	color: #1c99cd;
}

@media (max-width: 767px) {
.epi-con-midashi-sub {
	margin-top: 30px;
}
}
/* Episode01 Heroine's journey
---------------------------------------------*/
/* Episode01-2 */
.episode01 .episode-contents:nth-of-type(2) {
	padding: 0;
	background: url("../about/img/episode01-1.jpg") no-repeat center top;
	background-size: cover;
}
.episode01 .episode-contents:nth-of-type(2) .inner {
	padding: 100px 0 100px 50px;
	background-color: rgba(255, 255, 255, 0.9)
}
/* Episode01-3 */
.episode01 .episode-contents:nth-of-type(3), .episode02 .episode-contents:nth-of-type(5), .episode03 .episode-contents:nth-of-type(5) {
	margin-bottom: 100px;
	padding: 100px 0 0;
	background: url(../about/img/bg_icon03.svg) no-repeat right bottom;
}
.episode01 .episode-contents:nth-of-type(3) .box-col {
	background: #6f3f91;
}
.episode01 .episode-contents:nth-of-type(3) .epi-con-midashi-sub {
	color: #6f3f91;
}
/* Episode01-4 */
.episode01 .episode-contents:nth-of-type(4) {
	padding: 0;
	background: url(../about/img/episode01-2.jpg) no-repeat center 30%;
	background-size: cover;
}
.episode01 .episode-contents:nth-of-type(4) .inner {
	padding: 100px 0 100px 50px;
	background-color: rgba(255, 255, 255, 0.5)
}
.episode01 .episode-contents:nth-of-type(4) .box-col {
	background: #124792;
}
.episode01 .episode-contents:nth-of-type(4) .epi-con-midashi-sub {
	color: #124792;
}
.episode01 .episode-contents:nth-of-type(4) .honbun:last-of-type, .episode02 .episode-contents:nth-of-type(5) .honbun:last-of-type, .episode03 .episode-contents:nth-of-type(5) .honbun:last-of-type {
	text-align: right;
}
/* Episode02 Living in chaos
---------------------------------------------*/
/* Episode02-1 */
.episode02 .episode-contents:nth-of-type(1) .box-col, .episode02 .episode-contents:nth-of-type(2) .box-col {
	background: #cd6781;
}
.episode02 .episode-contents:nth-of-type(1) .epi-con-midashi-sub, .episode02 .episode-contents:nth-of-type(2) .epi-con-midashi-sub {
	color: #cd6781;
}
/* Episode02-2 */
.episode02 .episode-contents:nth-of-type(2) {
	padding: 0;
	background: url("../about/img/episode02-1.jpg") no-repeat center top;
	background-size: cover;
}
.episode02 .episode-contents:nth-of-type(2) .inner {
	padding: 100px 0 100px 50px;
	background-color: rgba(255, 255, 255, 0.9)
}
/* Episode02-3 */
.episode02 .episode-contents:nth-of-type(3) .box-col, .episode02 .episode-contents:nth-of-type(5) .box-col {
	background: #6f3f91;
}
.episode02 .episode-contents:nth-of-type(3) .epi-con-midashi-sub, .episode02 .episode-contents:nth-of-type(5) .epi-con-midashi-sub {
	color: #6f3f91;
}
/* Episode02-4 */
.episode02 .episode-contents:nth-of-type(4) {
	padding: 0;
	background: url("../about/img/episode02-2.jpg") no-repeat center top;
	background-size: cover;
}
.episode02 .episode-contents:nth-of-type(4) .inner {
	padding: 100px 0 100px 50px;
	background-color: rgba(255, 255, 255, 0.9)
}
/* Episode03 Wind for leap
---------------------------------------------*/
/* Episode03-1 */
.episode03 .episode-contents:nth-of-type(1) .box-col, .episode03 .episode-contents:nth-of-type(2) .box-col {
	background: #e4ae2c;
}
.episode03 .episode-contents:nth-of-type(1) .epi-con-midashi-sub, .episode03 .episode-contents:nth-of-type(2) .epi-con-midashi-sub {
	color: #e4ae2c;
}
/* Episode03-2 */
.episode03 .episode-contents:nth-of-type(2) {
	padding: 0;
	background: url("../about/img/episode03-1.jpg") no-repeat center top;
	background-size: cover;
}
.episode03 .episode-contents:nth-of-type(2) .inner {
	padding: 100px 0 100px 50px;
	background-color: rgba(255, 255, 255, 0.6)
}
/* Episode03-3 */
.episode03 .episode-contents:nth-of-type(3) .box-col, .episode03 .episode-contents:nth-of-type(5) .box-col {
	background: #6f3f91;
}
.episode03 .episode-contents:nth-of-type(3) .epi-con-midashi-sub, .episode03 .episode-contents:nth-of-type(5) .epi-con-midashi-sub {
	color: #6f3f91;
}
/* Episode03-4 */
.episode03 .episode-contents:nth-of-type(4) {
	padding: 0;
	background: url("../about/img/episode03-2.jpg") no-repeat center top;
	background-size: cover;
}
.episode03 .episode-contents:nth-of-type(4) .inner {
	padding: 100px 0 100px 50px;
	background-color: rgba(255, 255, 255, 0.6)
}

/* Episode01-03共通
---------------------------------------------*/
/* 背景写真＋白帯調整 */
@media (max-width: 767px) {
.episode01 .episode-contents:nth-of-type(2) .inner, .episode01 .episode-contents:nth-of-type(4) .inner, .episode02 .episode-contents:nth-of-type(2) .inner, .episode02 .episode-contents:nth-of-type(4) .inner, .episode03 .episode-contents:nth-of-type(2) .inner, .episode03 .episode-contents:nth-of-type(4) .inner {
	padding: 100px 5%;
}
}
/* ラインナップ枠 */
.episode-lineup-waku {
	margin-top: 50px;
	padding-bottom: 100px;
}
/* 会社概要
---------------------------------------------*/
#company-profile {
	padding-top: 100px;
	padding-bottom: 100px;
}
/* レイアウト */
.company-profile-list .box {
	margin: 50px auto 0;
	width: 80%;
}
.company-profile-list dl {
	position: relative;
}
.company-profile-list dt {
	position: absolute;
	left: 0;
	width: 8em;
	font-weight: bold;
}
.company-profile-list dd {
	margin-left: 8em;
}
.company-profile-list dt, .company-profile-list dd {
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}
.company-profile-list dt:first-of-type, .company-profile-list dd:first-of-type {
	margin-top: 0;
	padding-top: 0;
	border-top: none;
}

@media (max-width: 425px) {
.company-profile-list dt {
	position: static;
	left: auto;
	width: 100%;
	padding-left: 1em;
	padding-bottom: 1em;
	background-color: rgba(103, 175, 205, 0.2);
}
.company-profile-list dd {
	margin-top: 0;
	margin-left: 0;
}
.company-profile-list dt:first-of-type, .company-profile-list dd:first-of-type {
	padding-top: 1em;
	border-top: 1px dotted #ccc;
}
}
/* リスト */
.company-profile-list li {
	text-indent: -1em;
	margin-left: 1em;
}