@charset "utf-8";
/* --------------------------------------------
 * LIFE STORY トビラページ
 * ----------------------------------------- */
 
 /* tobira
---------------------------------------------*/
.tobira {
	margin-top: 200px;
}
.tobira .bg {
	background: url("../life_story/img/story_tobira_bg.jpg") no-repeat;
	background-size: contain;
}

@media (max-width: 640px) {
.tobira .title-set br {
	display: none;
}
}
/* summary
---------------------------------------------*/
/* レイアウト */
.tobira .summary .box {
	width: 80%;
}

@media (max-width: 640px) {
.tobira .summary .box {
	width: 100%;
}
}
/* chapter
---------------------------------------------*/
/* レイアウト */
.tobira .chapter.inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.tobira .chapter.inner .box {
	margin-top: 100px;
	width: 45%;
}

@media (max-width: 640px) {
.tobira .chapter.inner .box {
	width: 100%;
}
}
/* 画像 */
.tobira .chapter.inner .image img {
	width: 100%;
}
.tobira .chapter.inner .image a:hover img {
	opacity: 0.8;
}
/* 見出し */
.tobira .chapter .midashi {
	padding-top: 0.5em;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.0rem;
	font-weight: 700;
}
.tobira .chapter .midashi a {
	color: #29b0fc;
	text-decoration: underline;
}
.tobira .chapter .midashi a:hover {
	text-decoration: none;
}
.tobira .chapter .midashi span {
	display: block;
	font-size: 1.8rem;
}
/* 本文 */
.tobira .chapter .honbun {
	padding-top: 0.5em;
}
.tobira .chapter .box:nth-of-type(2) .honbun {
	padding-top: 1.5em;
}
/* --------------------------------------------
 * LIFE STORY 各ページ
 * ----------------------------------------- */

/* ページタイトル
---------------------------------------------*/
/* レイアウト */
body.story-sec .page-title .inner-middle {
	position: relative;
}
body.story-sec .page-title .inner-middle .inner {
	position: absolute;
	left: 3.125%;
	bottom: 30px;
}
/* タイトル */
.page-title-story {
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 6.6rem;
	font-weight: 700;
	letter-spacing: -0.03em;
	color: #fff;
}
.page-title-story.moj {
	letter-spacing: -0.08em;
}
.page-title-story.kon {
	color: #021856;
}
.page-title-story span {
	display: block;
	font-size: 3.6rem;
	letter-spacing: 0;
}
.page-title-story-lead {
	padding: 10px 20px;
	color: #fff;
	background: #021856;
	font-weight: bold;
}

/* モバイル表示 */
@media (max-width: 640px) {
body.story-sec .page-title .inner-middle .inner {
	position: static;
	left: auto;
	bottom: auto;
	margin-top: 30px;
}
.page-title-story {
	font-size: 5.6rem;
	color: #021856;
}
}
/* 共通スタイル
---------------------------------------------*/
/* 見出し */
.story-midashi {
	padding-top: 200px;
	font-family: 'Shippori Mincho B1', serif;
	font-size: 6.0rem;
	font-weight: 500;
	letter-spacing: 0.05em;
	color: #021856;
	text-align: center;
}

@media (max-width: 960px) {
.story-midashi {
	letter-spacing: 0;
}
}
.story-midashi-sub {
	padding-top: 100px;
	font-family: 'Noto Sans JP', sans-serif;
	font-size: 3.0rem;
	font-weight: 700;
	color: #29b0fc;
}
.story-lay section:nth-of-type(2n) .story-midashi-sub {
	color: #095cac;
}
.story-lay section.story01-3-2 .story-midashi-sub,
.story-lay section.story02-2 .story-midashi-sub,
.epilogue .story-midashi-sub {
	color: #fff;
}
/* レイアウト：1カラム中央 */
.inner.one-col .box {
	margin: 0 auto;
	width: 66.66666666666667%;
}

@media (max-width: 960px) {
.inner.one-col .box {
	width: 100%;
}
}
/* レイアウト：2カラム：テキスト＋画像 */
.inner.two-col {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.inner.two-col .box {
	width: 50%;
}
.inner.two-col .image {
	margin-top: 100px;
	width: 43.75%;
}

@media (max-width: 960px) {
.inner.two-col .box {
	width: 100%;
}
.inner.two-col .image {
	margin: 100px auto 0;
	width: 100%;
	text-align: center;
}
}

@media (max-width: 685px) {
.story03-1 .inner.two-col .image img,
.story04-1 .inner.two-col .image img {
	width: 100%;
}
}

@media (max-width: 466px) {
.inner.two-col .image img {
	width: 100%;
}
}
/* レイアウト：2カラム：テキストのみ */
.inner.two-col-r .box {
	margin-left: 30%;
	width: 70%;
}
.inner.two-col-l .box {
	width: 70%;
}

@media (max-width: 960px) {
.inner.two-col-r .box {
	margin-left: 0;
	width: 100%;
}
.inner.two-col-l .box {
	width: 100%;
}
}
/* レイアウト：2カラム：テキスト左＋画像　オーバー */
.inner.two-col-teximg,
.inner.two-col-teximg2 {
	position: relative;
	min-height: 511px;
}
.inner.two-col-teximg .box {
	padding-right: 5.2%;
	padding-bottom: 50px;
	width: 71.875%;
	background: rgba(255, 255, 255, 0.8);
}
.inner.two-col-teximg .image {
	position: absolute;
	left: 56.25%;
	top: 100px;
	z-index: -1;
}

@media (max-width: 960px) {
.inner.two-col-teximg .box {
	padding-right: 0;
	padding-bottom: 0;
	width: 100%;
	background: none;
}
.inner.two-col-teximg .image {
	position: static;
	left: auto;
	top: auto;
	margin: 50px auto 0;
	text-align: center;
}
}
/* レイアウト：2カラム：テキスト右＋画像　オーバー */
.inner.two-col-teximg2 .box {
	margin-left: 28.125%;
	padding-left: 5.2%;
	padding-bottom: 50px;
	width: 71.875%;
	background: rgba(255, 255, 255, 0.8);
}
.inner.two-col-teximg2 .image {
	position: absolute;
	right: 56.25%;
	bottom: 100px;
	z-index: -1;
}

@media (max-width: 960px) {
.inner.two-col-teximg2 .box {
	margin-left: 0;
	padding-left: 0;
	padding-bottom: 0;
	width: 100%;
	background: none;
}
.inner.two-col-teximg2 .image {
	position: static;
	right: auto;
	bottom: auto;
	margin: 50px auto 0;
	text-align: center;
}
}

@media (max-width: 685px) {
.inner.two-col-teximg .image img,
.inner.two-col-teximg2 .image img {
	width: 100%;
}
}
/* story01
---------------------------------------------*/
/* story01-2 */
.story01-2 .bg {
	margin-top: 200px;
	padding-bottom: 200px;
	background: url("../life_story/img/story01-2_bg.jpg") no-repeat;
	background-size: cover;
}
/* story01-3-2 */
.story01-3-2 .bg {
	margin-top: 100px;
	padding-bottom: 200px;
	background: url("../life_story/img/story01-3-2_bg.jpg") no-repeat center;
	background-size: cover;
	color: #fff;
}
.story01-3-2 .box {
	width: 66.66666666666667%;
}

@media (max-width: 767px) {
.story01-3-2 .box {
	width: 100%;
}
}
/* story01-4 */
.story01-4 .bg {
	padding-bottom: 200px;
	background: url("../life_story/img/story01-4_bg.jpg") no-repeat 30% bottom;
}
/* story02
---------------------------------------------*/
/* story02-1 */
.story02-1 {
	padding-bottom: 150px;
}
/* story02-2 */
.story02-2 .bg {
	padding-bottom: 200px;
	background: #29b0fc;
}
.story02-2 .inner.two-col:last-of-type {
	flex-direction: row-reverse;
}
/* story03
---------------------------------------------*/
/* story03-1 */
.story03-1 .bg {
	padding-bottom: 200px;
	background: url("../life_story/img/story03-1_bg.jpg") no-repeat 30% bottom;
}
/* story03-2 */
.story03-2 .inner-middle .image {
	margin-top: 100px;
}
@media (max-width: 1024px) {
.story03-2 .inner-middle .image img {
	width: 100%;
}
}

/* story04
---------------------------------------------*/
/* story04-1 */
.story04-1 .bg {
	padding-bottom: 200px;
	background: url("../life_story/img/story04-1_bg.jpg") no-repeat center bottom;
}
.story04-1 .inner:last-of-type .story-midashi-sub {
	margin-left: 1em;
	text-indent: -1em;
}
/* story04-2 */
.story04-2 .bg {
	background: url("../life_story/img/story04-2_bg.jpg") no-repeat 30% center;
}

@media (max-width: 960px) {
.story04-2 .bg {
	padding-bottom: 200px;
	background: url("../life_story/img/story04-2_bg.jpg") no-repeat center bottom;
}
}
/* story05
---------------------------------------------*/
/* story05-2 */
.story05-2 .inner.two-col:last-of-type {
	flex-direction: row-reverse;
}
/* story05-3 */
.story05-3 .memo {
	font-weight: bold;
	color: #29b0fc;
}
/* epilogue 見出し */
.epilogue .story-midashi {
	padding-top: 100px;
}
.epilogue .story-midashi span {
	display: block;
	font-size: 3.0rem;
}
/* epilogue レイアウト */
.epilogue .bg {
	padding-bottom: 100px;
	background: #ccc url("../life_story/img/epilogue_bg.jpg") no-repeat center top;
	background-size: cover;
}
.epilogue .bg .inner {
	padding-top: 250px;
}
.epilogue .bg .box {
	padding: 0 10% 100px;
	background: rgba(26, 22, 11, 0.8);
	color: #fff;
}
/* next レイアウト */
.next-to-service .inner {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.next-to-service .box {
	width: 50%;
}
.next-to-service .button {
	margin: 200px auto 0;
	width: 76.45833333333333%;
}

@media (max-width: 767px) {
.next-to-service .box {
	width: 100%;
}
}
/* Key Message
---------------------------------------------*/
.message .inner-middle {
	margin-top: 200px;
	margin-bottom: 100px;
}

@media (max-width: 1023px) {
.message .image img {
	width: 100%;
}
}