@charset "utf-8";
/* PC ================================================== */
@media all and (min-width:1025px){
#loading {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: var(--color--creamgray);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .8s;
	transition-delay: 1.2s;
}
#loading.load_end {
	opacity: 0;
	pointer-events: none;
}
	.loading__logo {
		width: 200px;
		height: auto;
		transition: .3s;
		transition-delay: .9s !important;
		opacity: 1;
	}
	.load_end .loading__logo {
		opacity: 0;
	}
		.loading__logo img {
			width: 100%;
			height: auto;
		}

#hero {
	width: 100%;
	height: auto;
}
	.hero__inner {
		width: 100%;
		height: auto;
	}
		.hero__image {
			width: 100%;
			height: auto;
			position: relative;
		}
			.hero__copy {
				position: absolute;
				top: 50%;
				left: 16%;
				z-index: 10;
				transform: translate(0%,-50%);
			}
				.hero__copy__txt {
					margin-bottom: 13px;
					font-size: 3.125rem;
					font-weight: 700;
					line-height: 1.0;
					letter-spacing: 0.048em;
				}
				.hero__copy__txt:last-of-type {
					margin-bottom: 0;
				}
					.hero__copy__txt span {
						display: inline-block;
						padding: 8px 20px;
						background-color: #fff;
					}
			.hero__slider {
				width: 100%;
				height: auto;
			}
				.hero__slider .slick-list {
					padding: 0 0 0 20% !important;
				}
					.hero__slider__item {
						margin-left: 40px;
						border-radius: 10px;
						overflow: hidden;
					}
						.hero__slider__item picture img {
							width: 100%;
							height: auto;
						}

.top__sec_heading {
	font-size: 1.25rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.06em;
}
.top__sec_heading_a {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	transform-origin: top left;
	transform: rotate(90deg);
	position: absolute;
}
.top__sec_heading_b {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.top__sec_heading_a::before {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	margin-right: 15px;
	background-color: var(--color--black);
}
.top__sec_heading_b::after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	margin-left: 15px;
	background-color: var(--color--black);
}
.top_link_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 320px;
	height: 56px;
	border-radius: 28px;
	background-color: #fff;
	border: solid 1px var(--color--black);
	font-size: 1rem;
	font-weight: 500;
	line-height: 56px;
	position: relative;
	transition: .3s;
}
	.top_link_btn span {
		margin-right: 3px;
		font-size: 1.125rem;
	}
.top_link_btn:hover {
	background-color: var(--color--black);
	color: #fff;
}
	.top_link_btn::before,
	.top_link_btn::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
		transition: .3s;
	}
	.top_link_btn::before {
		width: 14px;
		height: 1px;
		background-color: var(--color--black);
		right: 21px;
		transform: translate(0%,-50%);
	}
	.top_link_btn::after {
		width: 6px;
		height: 6px;
		border-top: solid 1px var(--color--black);
		border-right: solid 1px var(--color--black);
		right: 21px;
		transform: rotate(45deg) translate(0, -50%);
		transform-origin: 50% 0%;
	}
	.top_link_btn:hover::before,
	.top_link_btn:hover::after {
		right: 17px;
	}
	.top_link_btn:hover::before {
		background-color: #fff;
	}
	.top_link_btn:hover::after {
		border-top: solid 1px #fff;
		border-right: solid 1px #fff;
	}

#story {
	width: 100%;
	height: auto;
	padding: 205px 0 0;
	overflow: hidden;
}
	.story__inner {
		width: 100%;
		height: auto;
		position: relative;
	}
	.story__inner::before {
		content: '';
		display: block;
		width: 50%;
		height: 100%;
		background-color: var(--color--creamgray);
		position: absolute;
		top: 0;
		left: 0;
		z-index: -1;
	}
		.story__contents {
			width: 80%;
			height: auto;
			padding: 80px 0 170px;
			margin: 0 auto;
			position: relative;
		}
			.story__contents .top__sec_heading_a {
				top: -30px;
				left: 0;
			}
			.story__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				align-items: center;
			}
			.story__contents__01 {
				margin-bottom: 115px;
			}
			.story__contents__02 {
				flex-direction: row-reverse;
			}
				.story__contents__01 .story__contents__details {
					width: 60%;
					height: auto;
					padding: 0 5%;
				}
				.story__contents__02 .story__contents__details {
					width: 67.4%;
					height: auto;
					padding-left: 11.8%;
				}
					.story__contents__details__txt {
						width: 100%;
						height: auto;
					}
						.story__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 30px;
							font-size: 1.625rem;
							font-weight: 700;
							letter-spacing: 0.15em;
						}
						.story__contents__details__txt_d {
							width: 100%;
							height: auto;
							margin-bottom: 15px;
							font-size: 1rem;
							font-weight: 500;
							line-height: 2.0;
							letter-spacing: 0.08em;
						}
							.story__contents__details__txt_d strong {
								font-size: 1.375rem;
							}
						.story__contents__details__txt_d:last-of-type {
							margin-bottom: 0;
						}
				.story__contents__image {
					position: relative;
				}
				.story__contents__01 .story__contents__image {
					width: calc(40.5% + 10%);
					height: auto;
					margin-right: -10%;
				}
				.story__contents__02 .story__contents__image {
					width: calc(32.6% + 12.48%);
					height: auto;
					margin-left: -12.48%;
				}
					.story__contents__01 .story__contents__image::before {
						display: block;
						content: "";
						width: 100%;
						padding-top: 76.04%;
						pointer-events: none;
					}
					.story__contents__02 .story__contents__image::before {
						display: block;
						content: "";
						width: 100%;
						padding-top: 82.4%;
						pointer-events: none;
					}
					.story__contents__image img {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						width: 100%;
						height: 100%;
						-o-object-fit: cover;
						object-fit: cover;
					}

#mission {
	width: 100%;
	height: auto;
	padding: 100px 0 82px;
	position: relative;
}
#mission::after {
	content: '';
	width: 100%;
	height: 0;
	padding-top: 27.34375%;
	background-image: url('/image/index/mission-bk_image.jpg');
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: -1;
}
	.mission__inner {
		width: 100%;
		height: auto;
	}
		.mission__contents {
			width: 85%;
			max-width: 1086px;
			height: auto;
			padding: 80px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
		}
		.mission__contents .top__sec_heading_a {
			top: -30px;
			left: 5%;
		}
			.mission__details {
				width: 100%;
				height: auto;
				margin: -6px auto 85px;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
				.mission__details_h {
					width: 46%;
					height: auto;
					padding-left: 3.5%;
					margin-top: -.15em;
					font-size: 1.625rem;
					font-weight: 700;
					line-height: 1.8;
					letter-spacing: 0.16em;
				}
				.mission__details_d {
					width: 54%;
					height: auto;
					font-size: 0.875rem;
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.06em;
				}
			.mission__element {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
			}
				.mission__element__figure {
					width: 42.82%;
					height: auto;
				}
					.mission__element__figure img {
						width: 100%;
						height: auto;
					}
				.mission__element__txt {
					width: 50%;
					height: auto;
				}
					.mission__element__list {
						width: 100%;
						height: auto;
						margin-bottom: 40px;
						counter-reset: number 0;
					}
						.mission__element__item {
							width: 100%;
							height: auto;
							padding: 14px 0 14px 35px;
							border-bottom: dashed 1px var(--color--lightgray);
							font-size: 0.825rem;
							font-weight: 700;
							line-height: 2;
							letter-spacing: 0.06em;
							position: relative;
						}
						.mission__element__item:last-of-type {
							border-bottom: none;
						}
						.mission__element__item::before {
							counter-increment: number 1;
							content: counter(number) ".";
							font-size: 1.3125rem;
							font-weight: 500;
							line-height: 1;
							color: var(--color--gray);
							position: absolute;
							top: calc(14px + ( 0.825rem * 1.5 ) + .1em);
							left: 0;
							transform: translate(0%,-100%);
						}
					.mission__details__link {
						width: 320px;
						height: auto;
						margin: 0 0 0 auto;
					}

#major_nav {
	width: 100%;
	height: auto;
	padding: 100px 0 0;
	background-color: var(--color--creamgray);
}
	.major_nav__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.major_nav__container {
			width: 100%;
			height: auto;
		}
			.major_nav__list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
				column-gap: 18px;
			}
				.major_nav__item {
					height: auto;
				}
				.major_nav__item.large {
					width: 49%;
					margin-bottom: 18px;
				}
				.major_nav__item.small {
					width: 32.1%;
				}
					.major_nav__image {
						width: 100%;
						height: auto;
						position: relative;
					}
						.major_nav__image img {
							width: 100%;
							height: auto;
						}
						.major_nav__image figcaption {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: flex-start;
							flex-wrap: wrap;
							width: 100%;
							height: 100%;
							padding-left: 25px;
							background-color: rgba(72,70,70,0.7);
							color: #fff;
							position: absolute;
							top: 0;
							left: 0;
							transition: .3s;
						}
						.major_nav__image:hover figcaption {
							background-color: rgba(72,70,70,0.25);
						}
							.major_nav__image figcaption span {
								display: block;
							}
							.major_nav__image__cap__main {
								margin-bottom: 10px;
								font-size: 2.375rem;
								font-weight: 700;
								line-height: 1.3;
								letter-spacing: 0.03em;
							}
							.major_nav__image__cap__sub {
								font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
								font-size: 1rem;
								font-weight: 700;
								letter-spacing: 0.04em;
							}

#topics {
	width: 100%;
	height: auto;
	padding: 110px 0 0;
	position: relative;
}
#topics::before {
	content: '';
	display: block;
	width: 100%;
	height: 76%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	.topics__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.topics__contents {
			width: 85%;
			max-width: 1086px;
			height: auto;
			padding: 80px 110px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
		}
		.topics__contents .top__sec_heading_a {
			top: -30px;
			left: 5%;
		}
			.topics__contents__wrap {
				width: 100%;
				height: auto;
			}
				.topics__btn_area {
					width: 100%;
					height: auto;
					padding: 6px;
					margin-bottom: 73px;
					border-radius: 33px;
					background-color: var(--color--creamgray);
					display: flex;
					justify-content: space-between;
					align-items: center;
					position: relative;
				}
				.topics__btn_area::before {
					content: '';
					display: block;
					width: 33.33333%;
					width: calc((100% - 12px) / 2);
					height: 54px;
					border-radius: 27px;
					background-color: var(--color--darkgray);
					position: absolute;
					top: 50%;
					transform: translate(0%,-50%);
					z-index: 2;
					transition: .4s;
				}
				.active_0.topics__btn_area::before {
					left: 6px;
				}
				.active_1.topics__btn_area::before {
					left: calc(6px + ((100% - 12px) / 2));
				}
				.active_2.topics__btn_area::before {
					left: calc(6px + ((100% - 12px) - (100% - 12px) / 2));
				}
					.topics__tab_btn {
						flex: 1;
						height: 54px;
						border-radius: 27px;
						color: var(--color--gray);
						font-size: 1.125rem;
						font-weight: 700;
						display: flex;
						justify-content: center;
						align-items: center;
						cursor: pointer;
						transition: .2s;
						position: relative;
						z-index: 3;
					}
					.topics__tab_btn.active {
						color: #fff;
						pointer-events: none;
					}
				.topics__panel_area {
					width: 100%;
					height: auto;
				}
					.topics__panel {
						display: none;
						width: 100%;
						height: auto;
					}
					.topics__panel.active {
						display: block;
						width: 100%;
						height: auto;
					}
						.topics__list {
							width: 100%;
							height: auto;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.topics__item {
								width: 100%;
								height: auto;
								border-top: solid 1px var(--color--lightgray);
								transform: translate(0, 20px);
								-webkit-transform: translate(0, 20px);
								opacity: 0;
							}
							.topics__item:first-of-type {
								margin-bottom: 40px;
								border: none;
							}
							.active .topics__item {
								animation: appear .7s ease forwards;
							}
							@keyframes appear {
								0%{
									transform: translate(0, 20px);
									-webkit-transform: translate(0, 20px);
									opacity: 0;
								}
								100%{
									transform: translate(0, 0);
									-webkit-transform: translate(0, 0);
									opacity: 1;
								}
							}
							.topics__item:nth-of-type(1) {animation-delay: .10s;}
							.topics__item:nth-of-type(2) {animation-delay: .18s;}
							.topics__item:nth-of-type(3) {animation-delay: .26s;}
							.topics__item:nth-of-type(4) {animation-delay: .34s;}
							.topics__item:nth-of-type(5) {animation-delay: .42s;}
								a.pdf_link::after {
									display: none;
								}
								.topics__item__wrap {
									display: flex;
									justify-content: space-between;
									align-items: center;
									width: 100%;
									height: auto;
									padding: 0 30px 0 10px;
									position: relative;
								}
								.topics__item:first-of-type .topics__item__wrap {
									padding: 0;
								}
									.topics__item__image {
										display: none;
										width: 45%;
										height: auto;
									}
									.topics__item:first-of-type .topics__item__image {
										display: block;
									}
										.topics__item__image img {
											width: 100%;
											height: auto;
										}
									.topics__item__details {
										width: 100%;
										height: auto;
										padding: 20px 0;
										display: flex;
										justify-content: flex-start;
										align-items: flex-start;
									}
									.topics__item:first-of-type .topics__item__details {
										width: 55%;
										height: auto;
										padding-left: 44px;
										display: block;
									}
										.topics__item__details time {
											margin-top: 2px;
											font-size: 0.75rem;
											font-weight: 500;
											letter-spacing: 0.05em;
											color: var(--color--gray);
										}
										.topics__item__title {
											margin-left: 25px;
											font-size: 0.875rem;
											font-weight: 500;
										}
										.topics__item:first-of-type .topics__item__title {
											margin: 5px auto 20px 0px;
											font-size: 1.125rem;
											font-weight: 700;
											line-height: 1.5;
											letter-spacing: 0.05em;
										}
										.topics__item__wrap:hover .topics__item__title {
											text-decoration: underline;
										}
										.topics__item__txt {
											display: none;
										}
										.topics__item:first-of-type .topics__item__txt {
											display: block;
											font-size: 0.875rem;
											font-weight: 500;
											letter-spacing: 0.03em;
										}
										a.pdf_link h3::after {
											content: 'PDF';
											display: inline-block;
											width: 55px;
											height: 17px;
											margin-left: 12px;
											border-radius: 8.5px;
											background-color: var(--color--black);
											font-family: 'Satoshi', sans-serif;
											font-size: 0.75rem;
											font-weight: 500;
											line-height: 17px;
											letter-spacing: 0em;
											color: #fff;
											text-align: center;
										}
									.topics__item__arrow {
										width: 8px;
										height: auto;
										position: absolute;
										top: 50%;
										right: 0;
										transform: translate(0%,-50%);
									}
									.topics__item:first-of-type .topics__item__arrow {
										display: none;
									}
			.topics__details__link {
				width: 320px;
				height: auto;
				margin: 50px auto 0;
			}

#franchise {
	width: 100%;
	height: auto;
}
	.franchise__inner {
		width: 100%;
		height: auto;
	}
		.franchise__contents {
			width: 80%;
			height: auto;
			padding: 130px 0 0;
			margin: 0 auto;
			position: relative;
		}
			.franchise__contents .top__sec_heading_b {
				margin-bottom: 30px;
			}
			.franchise__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				align-items: stretch;
			}
				.franchise__contents__image {
					width: calc(52.2% + 12.48%);
					height: auto;
					margin-left: -12.48%;
					position: relative;
				}
					.franchise__contents__image::before {
						display: block;
						content: "";
						width: 100%;
						padding-top: 76.04%;
						pointer-events: none;
					}
					.franchise__contents__image img {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						width: 100%;
						height: 100%;
						-o-object-fit: cover;
						object-fit: cover;
					}
				.franchise__contents__details {
					width: 47.8%;
					height: auto;
					padding: 0 0 0 90px;
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
				}
					.franchise__contents__details__txt {
						width: 100%;
						height: auto;
						margin-bottom: 15px;
					}
						.franchise__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 20px;
							font-size: 1.625rem;
							font-weight: 700;
							letter-spacing: 0.15em;
							text-indent: -0.9rem;
						}
						.franchise__contents__details__txt_d {
							width: 100%;
							height: auto;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.0;
							letter-spacing: 0.08em;
						}
					.franchise__details__link {
						width: 320px;
						height: auto;
						margin: auto auto 0 0;
					}

#recruit {
	width: 100%;
	height: auto;
	padding: 0 0 200px;
}
	.recruit__inner {
		width: 100%;
		height: auto;
	}
		.recruit__contents {
			width: 80%;
			height: auto;
			padding: 120px 0 0;
			margin: 0 auto;
			position: relative;
		}
			.recruit__contents .top__sec_heading_b {
				margin-bottom: 30px;
			}
			.recruit__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				justify-content: space-between;
				align-items: stretch;
			}
				.recruit__contents__details {
					width: 50%;
					height: auto;
					padding: 0 110px 0 0;
					display: flex;
					flex-direction: column;
					justify-content: flex-start;
				}
					.recruit__contents__details__txt {
						width: 100%;
						height: auto;
					}
						.recruit__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 20px;
							font-size: 1.625rem;
							font-weight: 700;
							letter-spacing: 0.15em;
						}
						.recruit__contents__details__txt_d {
							width: 100%;
							height: auto;
							margin-bottom: 15px;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.0;
							letter-spacing: 0.08em;
						}
					.recruit__details__link {
						width: 320px;
						height: auto;
						margin: auto auto 0 0;
					}
				.recruit__contents__image {
					width: calc(50% + 12.48%);
					height: auto;
					margin-right: -12.48%;
					position: relative;
				}
					.recruit__contents__image::before {
						display: block;
						content: "";
						width: 100%;
						padding-top: 76.04%;
						pointer-events: none;
					}
					.recruit__contents__image img {
						position: absolute;
						top: 0;
						bottom: 0;
						left: 0;
						right: 0;
						width: 100%;
						height: 100%;
						-o-object-fit: cover;
						object-fit: cover;
					}
}

@media (min-width: 1400px) {
	.story__contents__details__txt_h {
		font-size: 2.125rem;
	}
	.mission__details {
		align-items: center;
	}
		.mission__details_h {
			font-size: 2.125rem;
		}

	.franchise__contents__details__txt {
		margin-top: 5%;
	}
		.franchise__contents__details__txt_h {
			font-size: 2.125rem;
		}
	.recruit__contents__details__txt {
		margin-top: 5%;
	}
		.recruit__contents__details__txt_h {
			font-size: 2.125rem;
		}
}

/* Tablet ================================================== */
@media all and (min-width:600px) and (max-width:1024px){
#loading {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: var(--color--creamgray);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .8s;
	transition-delay: 1s;
}
#loading.load_end {
	opacity: 0;
	pointer-events: none;
}
	.loading__logo {
		width: 200px;
		height: auto;
	}
		.loading__logo img {
			width: 100%;
			height: auto;
		}

#hero {
	width: 100%;
	height: auto;
}
	.hero__inner {
		width: 100%;
		height: auto;
	}
		.hero__image {
			width: 100%;
			height: auto;
			position: relative;
			overflow: hidden;
		}
			.hero__copy {
				position: absolute;
				bottom: 40px;
				left: 5%;
				z-index: 10;
			}
				.hero__copy__txt {
					margin-bottom: 9px;
					font-size: 2.125rem;
					font-weight: 700;
					line-height: 1.0;
					letter-spacing: 0.048em;
				}
				.hero__copy__txt:last-of-type {
					margin-bottom: 0;
				}
					.hero__copy__txt span {
						display: inline-block;
						padding: 6px 15px;
						background-color: #fff;
					}
			.hero__slider {
				width: 105%;
				height: auto;
			}
				.hero__slider .slick-list {
					left: 10%;
					overflow: visible !important;
				}
					.hero__slider__item {
						margin-left: 30px;
						border-radius: 10px;
						overflow: hidden;
					}
						.hero__slider__item picture img {
							width: 100%;
							height: auto;
						}

.top__sec_heading {
	font-size: 1.125rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.06em;
}
.top__sec_heading_a {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	transform-origin: bottom left;
	transform: rotate(90deg);
	position: absolute;
}
.top__sec_heading_b {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.top__sec_heading_a::before {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	margin-right: 15px;
	background-color: var(--color--black);
}
.top__sec_heading_b::after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	margin-left: 15px;
	background-color: var(--color--black);
}
.top_link_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 56px;
	border-radius: 28px;
	background-color: #fff;
	border: solid 1px var(--color--black);
	font-size: 1rem;
	font-weight: 500;
	line-height: 56px;
	position: relative;
}
	.top_link_btn span {
		margin-right: 3px;
		font-size: 1.125rem;
	}
	.top_link_btn::before,
	.top_link_btn::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
	}
	.top_link_btn::before {
		width: 14px;
		height: 1px;
		background-color: var(--color--black);
		right: 21px;
		transform: translate(0%,-50%);
	}
	.top_link_btn::after {
		width: 6px;
		height: 6px;
		border-top: solid 1px var(--color--black);
		border-right: solid 1px var(--color--black);
		right: 21px;
		transform: rotate(45deg) translate(0, -50%);
		transform-origin: 50% 0%;
	}
#story {
	width: 100%;
	height: auto;
	padding: 110px 0 0;
	overflow: hidden;
}
	.story__inner {
		width: 100%;
		height: auto;
	}
		.story__contents {
			width: 90%;
			height: auto;
			margin: 0 auto;
			position: relative;
		}
			.story__contents .top__sec_heading_a {
				top: -51px;
				left: 0;
			}
			.story__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				position: relative;
			}
			.story__contents__01 {
				padding: 130px 0 0;
				margin-bottom: 60px;
			}
			.story__contents__02 {
				padding: 60px 0 0;
			}
				.story__contents__wrap::before {
					content: '';
					display: block;
					background-color: var(--color--creamgray);
					position: absolute;
					z-index: -1;
				}
				.story__contents__01::before {
					width: 80vw;
					height: 95%;
					top: 0;
					left: -5%;
				}
				.story__contents__02::before {
					width: 80vw;
					height: 100%;
					top: 0;
					right: -5%;
				}
				.story__contents__details {
					width: 100%;
					height: auto;
					margin-bottom: 35px;
				}
					.story__contents__details__txt {
						width: 100%;
						height: auto;
					}
						.story__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 25px;
							font-size: 1.625rem;
							font-weight: 700;
							letter-spacing: 0.18em;
						}
						.story__contents__details__txt_d {
							width: 100%;
							height: auto;
							margin-bottom: 10px;
							font-size: 1rem;
							font-weight: 500;
							line-height: 2.0;
							letter-spacing: 0.06em;
						}
							.story__contents__details__txt_d strong {
								font-size: 1.375rem;
							}
						.story__contents__details__txt_d:last-of-type {
							margin-bottom: 0;
						}
				.story__contents__image {
					width: 100%;
					height: auto;
				}
					.story__contents__image img {
						width: 100%;
						height: auto;
					}

#mission {
	width: 100%;
	height: auto;
	padding: 130px 0 0;
	position: relative;
}
#mission::before {
	content: '';
	display: block;
	width: 80vw;
	height: 50%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
	.mission__inner {
		width: 100%;
		height: auto;
	}
		.mission__contents {
			width: 90%;
			height: auto;
			padding: 105px 0 60px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
		}
		.mission__contents .top__sec_heading_a {
			top: -63px;
			left: 5%;
		}
			.mission__details {
				width: 90%;
				height: auto;
				margin: 0 auto 50px;
			}
				.mission__details_h {
					width: 100%;
					height: auto;
					margin-bottom: 30px;
					font-size: 2rem;
					font-weight: 700;
					line-height: 1.8;
					letter-spacing: 0.15em;
					text-align: center;
				}
				.mission__details_d {
					width: 100%;
					height: auto;
					font-size: 1rem;
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.06em;
				}
			.mission__element {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.mission__element__figure {
					width: 50%;
					height: auto;
					margin: 0 auto 60px;
				}
					.mission__element__figure img {
						width: 100%;
						height: auto;
					}
				.mission__element__txt {
					width: 100%;
					height: auto;
				}
					.mission__element__list {
						width: 100%;
						height: auto;
						margin-bottom: 40px;
						counter-reset: number 0;
					}
						.mission__element__item {
							width: 100%;
							height: auto;
							padding: 12px 0 12px 35px;
							border-bottom: dashed 1px var(--color--lightgray);
							font-size: 1rem;
							font-weight: 700;
							line-height: 2;
							letter-spacing: 0.06em;
							position: relative;
						}
						.mission__element__item:last-of-type {
							border-bottom: none;
						}
						.mission__element__item::before {
							counter-increment: number 1;
							content: counter(number) ".";
							font-size: 1.3125rem;
							font-weight: 500;
							line-height: 1;
							color: var(--color--gray);
							position: absolute;
							top: calc(12px + ( 1rem * 1.5 ) + .1em);
							left: 0;
							transform: translate(0%,-100%);
						}
					.mission__details__link {
						width: 100%;
						max-width: 300px;
						height: auto;
						margin: 0 auto;
					}

#major_nav {
	width: 100%;
	height: auto;
	padding: 60px 0 0;
}
	.major_nav__inner {
		width: 90%;
		height: auto;
		margin: 0 auto;
	}
		.major_nav__container {
			width: 100%;
			height: auto;
		}
			.major_nav__list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
			}
				.major_nav__item.large {
					width: 49%;
					margin-bottom: 2%;
				}
				.major_nav__item.small {
					width: 32%;
				}
				.major_nav__item:nth-last-of-type(-n+2) {
					margin-bottom: 0;
				}
					.major_nav__image {
						width: 100%;
						height: auto;
						position: relative;
					}
						.major_nav__image img {
							width: 100%;
							height: auto;
						}
						.major_nav__image figcaption {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: flex-start;
							flex-wrap: wrap;
							width: 100%;
							height: 100%;
							padding-left: 18px;
							background-color: rgba(72,70,70,0.7);
							color: #fff;
							position: absolute;
							top: 0;
							left: 0;
						}
							.major_nav__image figcaption span {
								display: block;
							}
							.major_nav__image__cap__main {
								margin-bottom: 5px;
								font-size: 1.375rem;
								font-weight: 700;
								line-height: 1.2;
								letter-spacing: 0.03em;
							}
							.major_nav__image__cap__sub {
								font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
								font-size: 0.875rem;
								font-weight: 700;
								letter-spacing: 0.04em;
							}

#topics {
	width: 100%;
	height: auto;
	padding: 105px 0 0;
	position: relative;
}
#topics::before {
	content: '';
	display: block;
	width: 100%;
	height: 76%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	.topics__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.topics__contents {
			width: 100%;
			height: auto;
			padding: 145px 0 60px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
		}
		.topics__contents .top__sec_heading_a {
			top: -52px;
			left: 5%;
		}
			.topics__contents__wrap {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.topics__btn_area {
					width: 100%;
					height: auto;
					padding: 5px;
					margin-bottom: 40px;
					border-radius: 23px;
					background-color: var(--color--creamgray);
					display: flex;
					justify-content: space-between;
					align-items: center;
					overflow: scroll;
					-ms-overflow-style: none;
					scrollbar-width: none;
				}
				.topics__btn_area::-webkit-scrollbar{
					display: none;
				}
					.topics__tab_btn {
						flex: 1;
						height: 36px;
						padding: 0px 20px;
						border-radius: 18px;
						color: var(--color--gray);
						font-size: 1rem;
						font-weight: 700;
						line-height: 1;
						white-space: nowrap;
						display: flex;
						justify-content: center;
						align-items: center;
						cursor: pointer;
					}
					.topics__tab_btn.active {
						background-color: var(--color--darkgray);
						color: #fff;
						pointer-events: none;
					}
				.topics__panel_area {
					width: 100%;
					height: auto;
				}
					.topics__panel {
						display: none;
						width: 100%;
						height: auto;
					}
					.topics__panel.active {
						display: block;
						width: 100%;
						height: auto;
					}
						.topics__list {
							width: 95%;
							height: auto;
							margin: 0 auto;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.topics__item {
								width: 100%;
								height: auto;
								border-top: solid 1px var(--color--lightgray);
							}
							.topics__item:first-of-type {
								margin-bottom: 30px;
								border: none;
							}
								a.pdf_link::after {
									display: none;
								}
								.topics__item__wrap {
									display: flex;
									justify-content: space-between;
									align-items: center;
									width: 100%;
									height: auto;
									padding: 0 30px 0 10px;
									position: relative;
								}
								.topics__item:first-of-type .topics__item__wrap {
									padding: 0;
								}
									.topics__item__image {
										display: none;
										width: 42%;
										height: auto;
									}
									.topics__item:first-of-type .topics__item__image {
										display: block;
									}
										.topics__item__image img {
											width: 100%;
											height: auto;
										}
									.topics__item__details {
										width: 100%;
										height: auto;
										padding: 20px 0;
										display: flex;
										justify-content: flex-start;
										align-items: flex-start;
									}
									.topics__item:first-of-type .topics__item__details {
										width: 58%;
										height: auto;
										padding-left: 38px;
										display: block;
									}
										.topics__item__details time {
											margin-top: 2px;
											font-size: 0.75rem;
											font-weight: 500;
											letter-spacing: 0.05em;
											color: var(--color--gray);
										}
										.topics__item__title {
											margin-left: 25px;
											font-size: 0.875rem;
											font-weight: 500;
										}
										.topics__item:first-of-type .topics__item__title {
											margin: 5px auto 20px 0px;
											font-size: 1.125rem;
											font-weight: 700;
											line-height: 1.5;
											letter-spacing: 0.05em;
										}
										.topics__item__txt {
											display: none;
										}
										.topics__item:first-of-type .topics__item__txt {
											display: block;
											font-size: 0.875rem;
											font-weight: 500;
											letter-spacing: 0.03em;
										}
										a.pdf_link h3::after {
											content: 'PDF';
											display: inline-block;
											width: 55px;
											height: 17px;
											margin-left: 12px;
											border-radius: 8.5px;
											background-color: var(--color--black);
											font-family: 'Satoshi', sans-serif;
											font-size: 0.75rem;
											font-weight: 500;
											line-height: 17px;
											letter-spacing: 0em;
											color: #fff;
											text-align: center;
										}
									.topics__item__arrow {
										width: 8px;
										height: auto;
										position: absolute;
										top: 50%;
										right: 0;
										transform: translate(0%,-50%);
									}
									.topics__item:first-of-type .topics__item__arrow {
										display: none;
									}
			.topics__details__link {
				width: 90%;
				max-width: 300px;
				height: auto;
				margin: 50px auto 0;
			}

#franchise {
	width: 100%;
	height: auto;
	padding: 85px 0 0;
}
	.franchise__inner {
		width: 100%;
		height: auto;
	}
		.franchise__contents {
			width: 90%;
			height: auto;
			margin: 0 auto;
			position: relative;
		}
			.franchise__contents .top__sec_heading_b {
				margin-bottom: 18px;
			}
			.franchise__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.franchise__contents__image {
					width: 100%;
					height: auto;
					margin-bottom: 40px;
				}
					.franchise__contents__image img {
						width: 100%;
						height: auto;
					}
				.franchise__contents__details {
					width: 100%;
					height: auto;
				}
					.franchise__contents__details__txt {
						width: 100%;
						height: auto;
						margin-bottom: 34px;
					}
						.franchise__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 25px;
							font-size: 1.375rem;
							font-weight: 700;
							line-height: 2.0;
							letter-spacing: 0.15em;
							text-indent: -0.9rem;
						}
						.franchise__contents__details__txt_d {
							width: 100%;
							height: auto;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.2;
							letter-spacing: 0.04em;
						}
					.franchise__details__link {
						width: 100%;
						max-width: 300px;
						height: auto;
						margin: 0 auto;
					}

#recruit {
	width: 100%;
	height: auto;
	padding: 120px 0px;
}
	.recruit__inner {
		width: 100%;
		height: auto;
	}
		.recruit__contents {
			width: 90%;
			height: auto;
			margin: 0 auto;
		}
			.recruit__contents .top__sec_heading_b {
				margin-bottom: 18px;
			}
			.recruit__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				flex-direction: column-reverse;
			}
				.recruit__contents__image {
					width: 100%;
					height: auto;
					margin-bottom: 40px;
				}
					.recruit__contents__image img {
						width: 100%;
						height: 100%;
					}
				.recruit__contents__details {
					width: 100%;
					height: auto;
				}
					.recruit__contents__details__txt {
						width: 100%;
						height: auto;
						margin-bottom: 34px;
					}
						.recruit__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 25px;
							font-size: 1.375rem;
							font-weight: 700;
							line-height: 2.0;
							letter-spacing: 0.15em;
						}
						.recruit__contents__details__txt_d {
							width: 100%;
							height: auto;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.2;
							letter-spacing: 0.04em;
						}
					.recruit__details__link {
						width: 100%;
						max-width: 300px;
						height: auto;
						margin: 0 auto;
					}
}

/* SP ================================================== */
@media all and (max-width:599px){
#loading {
	width: 100%;
	height: 100vh;
	height: 100dvh;
	background-color: var(--color--creamgray);
	position: fixed;
	top: 0;
	left: 0;
	z-index: 200;
	display: flex;
	justify-content: center;
	align-items: center;
	transition: .8s;
	transition-delay: 1s;
}
#loading.load_end {
	opacity: 0;
	pointer-events: none;
}
	.loading__logo {
		width: 200px;
		height: auto;
	}
		.loading__logo img {
			width: 100%;
			height: auto;
		}

#hero {
	width: 100%;
	height: auto;
}
	.hero__inner {
		width: 100%;
		height: auto;
	}
		.hero__image {
			width: 100%;
			height: auto;
			position: relative;
			overflow: hidden;
		}
			.hero__copy {
				position: absolute;
				bottom: 40px;
				left: 5%;
				z-index: 10;
			}
				.hero__copy__txt {
					margin-bottom: 9px;
					font-size: 2.125rem;
					font-weight: 700;
					line-height: 1.0;
					letter-spacing: 0.048em;
				}
				.hero__copy__txt:last-of-type {
					margin-bottom: 0;
				}
					.hero__copy__txt span {
						display: inline-block;
						padding: 6px 15px;
						background-color: #fff;
					}
			.hero__slider {
				width: 105%;
				height: auto;
			}
				.hero__slider .slick-list {
					left: 10%;
					overflow: visible !important;
				}
					.hero__slider__item {
						margin-left: 30px;
						border-radius: 10px;
						overflow: hidden;
					}
						.hero__slider__item picture img {
							width: 100%;
							height: auto;
						}

.top__sec_heading {
	font-size: 1rem;
	font-weight: 700;
	line-height: 1.35;
	letter-spacing: 0.06em;
}
.top__sec_heading_a {
	display: inline-flex;
	justify-content: flex-start;
	align-items: center;
	transform-origin: bottom left;
	transform: rotate(90deg);
	position: absolute;
}
.top__sec_heading_b {
	display: flex;
	justify-content: flex-start;
	align-items: center;
}
.top__sec_heading_a::before {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	margin-right: 15px;
	background-color: var(--color--black);
}
.top__sec_heading_b::after {
	content: '';
	display: block;
	width: 60px;
	height: 1px;
	margin-left: 15px;
	background-color: var(--color--black);
}
.top_link_btn {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 56px;
	border-radius: 28px;
	background-color: #fff;
	border: solid 1px var(--color--black);
	font-size: 1rem;
	font-weight: 500;
	line-height: 56px;
	position: relative;
}
	.top_link_btn span {
		margin-right: 3px;
		font-size: 1.125rem;
	}
	.top_link_btn::before,
	.top_link_btn::after {
		content: '';
		display: block;
		position: absolute;
		top: 50%;
	}
	.top_link_btn::before {
		width: 14px;
		height: 1px;
		background-color: var(--color--black);
		right: 21px;
		transform: translate(0%,-50%);
	}
	.top_link_btn::after {
		width: 6px;
		height: 6px;
		border-top: solid 1px var(--color--black);
		border-right: solid 1px var(--color--black);
		right: 21px;
		transform: rotate(45deg) translate(0, -50%);
		transform-origin: 50% 0%;
	}

#story {
	width: 100%;
	height: auto;
	padding: 110px 0 0;
	overflow: hidden;
}
	.story__inner {
		width: 100%;
		height: auto;
	}
		.story__contents {
			width: 90%;
			height: auto;
			margin: 0 auto;
			position: relative;
		}
			.story__contents .top__sec_heading_a {
				top: -51px;
				left: 0;
			}
			.story__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				position: relative;
			}
			.story__contents__01 {
				padding: 130px 0 0;
				margin-bottom: 60px;
			}
			.story__contents__02 {
				padding: 60px 0 0;
			}
				.story__contents__wrap::before {
					content: '';
					display: block;
					background-color: var(--color--creamgray);
					position: absolute;
					z-index: -1;
				}
				.story__contents__01::before {
					width: 80vw;
					height: 95%;
					top: 0;
					left: -5%;
				}
				.story__contents__02::before {
					width: 80vw;
					height: 100%;
					top: 0;
					right: -5%;
				}
				.story__contents__details {
					width: 100%;
					height: auto;
					margin-bottom: 35px;
				}
					.story__contents__details__txt {
						width: 100%;
						height: auto;
					}
						.story__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 25px;
							font-size: 1.375rem;
							font-weight: 700;
							letter-spacing: 0.18em;
						}
						.story__contents__details__txt_d {
							width: 100%;
							height: auto;
							margin-bottom: 10px;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.0;
							letter-spacing: 0.06em;
						}
							.story__contents__details__txt_d strong {
								font-size: 1.125rem;
							}
						.story__contents__details__txt_d:last-of-type {
							margin-bottom: 0;
						}
				.story__contents__image {
					width: 100%;
					height: auto;
				}
					.story__contents__image img {
						width: 100%;
						height: auto;
					}

#mission {
	width: 100%;
	height: auto;
	padding: 130px 0 0;
	position: relative;
}
#mission::before {
	content: '';
	display: block;
	width: 80vw;
	height: 50%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
	.mission__inner {
		width: 100%;
		height: auto;
	}
		.mission__contents {
			width: 90%;
			height: auto;
			padding: 105px 0 60px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
		}
		.mission__contents .top__sec_heading_a {
			top: -63px;
			left: 5%;
		}
			.mission__details {
				width: 90%;
				height: auto;
				margin: 0 auto 50px;
			}
				.mission__details_h {
					width: 100%;
					height: auto;
					margin-bottom: 30px;
					font-size: 1.375rem;
					font-weight: 700;
					line-height: 1.8;
					letter-spacing: 0.15em;
					text-align: center;
				}
				.mission__details_d {
					width: 100%;
					height: auto;
					font-size: 0.875rem;
					font-weight: 500;
					line-height: 2;
					letter-spacing: 0.06em;
				}
			.mission__element {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.mission__element__figure {
					width: 90%;
					height: auto;
					margin: 0 auto 60px;
				}
					.mission__element__figure img {
						width: 100%;
						height: auto;
					}
				.mission__element__txt {
					width: 100%;
					height: auto;
				}
					.mission__element__list {
						width: 100%;
						height: auto;
						margin-bottom: 40px;
						counter-reset: number 0;
					}
						.mission__element__item {
							width: 100%;
							height: auto;
							padding: 12px 0 12px 35px;
							border-bottom: dashed 1px var(--color--lightgray);
							font-size: 0.825rem;
							font-weight: 700;
							line-height: 2;
							letter-spacing: 0.06em;
							position: relative;
						}
						.mission__element__item:last-of-type {
							border-bottom: none;
						}
						.mission__element__item::before {
							counter-increment: number 1;
							content: counter(number) ".";
							font-size: 1.3125rem;
							font-weight: 500;
							line-height: 1;
							color: var(--color--gray);
							position: absolute;
							top: calc(12px + ( 0.825rem * 1.5 ) + .1em);
							left: 0;
							transform: translate(0%,-100%);
						}
					.mission__details__link {
						width: 100%;
						height: auto;
						margin: 0 auto;
					}

#major_nav {
	width: 100%;
	height: auto;
	padding: 60px 0 0;
}
	.major_nav__inner {
		width: 90%;
		max-width: 1000px;
		height: auto;
		margin: 0 auto;
	}
		.major_nav__container {
			width: 100%;
			height: auto;
		}
			.major_nav__list {
				width: 100%;
				height: auto;
				display: flex;
				justify-content: space-between;
				align-items: flex-start;
				flex-wrap: wrap;
			}
				.major_nav__item {
					width: 100%;
					height: auto;
					margin-bottom: 2%;
				}
				.major_nav__item:last-of-type {
					margin-bottom: 0;
				}
					.major_nav__image {
						width: 100%;
						height: auto;
						position: relative;
					}
						.major_nav__image img {
							width: 100%;
							height: auto;
						}
						.major_nav__image figcaption {
							display: flex;
							flex-direction: column;
							justify-content: center;
							align-items: flex-start;
							flex-wrap: wrap;
							width: 100%;
							height: 100%;
							padding-left: 13px;
							background-color: rgba(72,70,70,0.7);
							color: #fff;
							position: absolute;
							top: 0;
							left: 0;
						}
							.major_nav__image figcaption span {
								display: block;
							}
							.major_nav__image__cap__main {
								margin-bottom: 5px;
								font-size: 1.25rem;
								font-weight: 700;
								line-height: 1.2;
								letter-spacing: 0.03em;
							}
							.major_nav__image__cap__sub {
								font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif;
								font-size: 0.75rem;
								font-weight: 700;
								letter-spacing: 0.04em;
							}

#topics {
	width: 100%;
	height: auto;
	padding: 105px 0 0;
	position: relative;
}
#topics::before {
	content: '';
	display: block;
	width: 100%;
	height: 76%;
	background-color: var(--color--creamgray);
	position: absolute;
	top: 0;
	left: 0;
	z-index: -1;
}
	.topics__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.topics__contents {
			width: 100%;
			height: auto;
			padding: 125px 0 60px;
			margin: 0 auto;
			background-color: #fff;
			border-radius: 10px;
			position: relative;
		}
		.topics__contents .top__sec_heading_a {
			top: -52px;
			left: 5%;
		}
			.topics__contents__wrap {
				width: 90%;
				height: auto;
				margin: 0 auto;
			}
				.topics__btn_area {
					width: 100%;
					height: auto;
					padding: 0;
					margin-bottom: 40px;
					border-radius: 18px;
					background-color: var(--color--creamgray);
					display: flex;
					justify-content: space-between;
					align-items: center;
					overflow: scroll;
					-ms-overflow-style: none;
					scrollbar-width: none;
				}
				.topics__btn_area::-webkit-scrollbar{
					display: none;
				}
					.topics__tab_btn {
						flex: 1;
						width: auto;
						height: 36px;
						padding: 0px 20px;
						border-radius: 18px;
						color: var(--color--gray);
						font-size: 0.8125rem;
						font-weight: 700;
						line-height: 1;
						white-space: nowrap;
						display: flex;
						justify-content: center;
						align-items: center;
						cursor: pointer;
					}
					.topics__tab_btn.active {
						background-color: var(--color--darkgray);
						color: #fff;
						pointer-events: none;
					}
				.topics__panel_area {
					width: 100%;
					height: auto;
				}
					.topics__panel {
						display: none;
						width: 100%;
						height: auto;
					}
					.topics__panel.active {
						display: block;
						width: 100%;
						height: auto;
					}
						.topics__list {
							width: 95%;
							height: auto;
							margin: 0 auto;
							border-bottom: solid 1px var(--color--lightgray);
						}
							.topics__item {
								width: 100%;
								height: auto;
								border-top: solid 1px var(--color--lightgray);
							}
							.topics__item:first-of-type {
								margin-bottom: 30px;
								border: none;
							}
								a.pdf_link::after {
									display: none;
								}
								.topics__item__wrap {
									display: flex;
									justify-content: space-between;
									align-items: center;
									width: 100%;
									height: auto;
									padding-right: 20px;
									position: relative;
								}
								.topics__item:first-of-type .topics__item__wrap {
									padding: 0;
									display: block;
								}
									.topics__item__image {
										display: none;
										width: 100%;
										height: auto;
									}
									.topics__item:first-of-type .topics__item__image {
										display: block;
									}
										.topics__item__image img {
											width: 100%;
											height: auto;
										}
									.topics__item__details {
										width: 100%;
										height: auto;
										padding: 15px 0;
									}
									.topics__item:first-of-type .topics__item__details {
										width: 100%;
										height: auto;
									}
										.topics__item__details time {
											display: block;
											font-size: 0.75rem;
											font-weight: 500;
											letter-spacing: 0.05em;
											color: var(--color--gray);
										}
										.topics__item__title {
											font-size: 0.875rem;
											font-weight: 500;
										}
										.topics__item:first-of-type .topics__item__title {
											margin: 5px auto 10px;
											font-size: 1.125rem;
											font-weight: 700;
											line-height: 1.5;
											letter-spacing: 0.05em;
										}
										.topics__item__txt {
											display: none;
										}
										.topics__item:first-of-type .topics__item__txt {
											display: block;
											font-size: 0.875rem;
											font-weight: 500;
											letter-spacing: 0.03em;
										}
										a.pdf_link h3::after {
											content: 'PDF';
											display: inline-block;
											width: 55px;
											height: 17px;
											margin-left: 14px;
											border-radius: 8.5px;
											background-color: var(--color--black);
											font-family: 'Satoshi', sans-serif;
											font-size: 0.75rem;
											font-weight: 500;
											line-height: 17px;
											letter-spacing: 0em;
											color: #fff;
											text-align: center;
										}
									.topics__item__arrow {
										width: 8px;
										height: auto;
										position: absolute;
										top: 50%;
										right: 0;
										transform: translate(0%,-50%);
									}
									.topics__item:first-of-type .topics__item__arrow {
										display: none;
									}
			.topics__details__link {
				width: 90%;
				height: auto;
				margin: 50px auto 0;
			}

#franchise {
	width: 100%;
	height: auto;
	padding: 65px 0 0;
}
	.franchise__inner {
		width: 100%;
		height: auto;
	}
		.franchise__contents {
			width: 90%;
			height: auto;
			margin: 0 auto;
			position: relative;
		}
			.franchise__contents .top__sec_heading_b {
				margin-bottom: 18px;
			}
			.franchise__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
			}
				.franchise__contents__image {
					width: 100%;
					height: auto;
					margin-bottom: 40px;
				}
					.franchise__contents__image img {
						width: 100%;
						height: auto;
					}
				.franchise__contents__details {
					width: 100%;
					height: auto;
				}
					.franchise__contents__details__txt {
						width: 100%;
						height: auto;
						margin-bottom: 34px;
					}
						.franchise__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 25px;
							font-size: 1.375rem;
							font-weight: 700;
							line-height: 2.0;
							letter-spacing: 0.15em;
							text-indent: -0.9rem;
						}
						.franchise__contents__details__txt_d {
							width: 100%;
							height: auto;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.2;
							letter-spacing: 0.04em;
						}
					.franchise__details__link {
						width: 100%;
						height: auto;
						margin: 0 auto;
					}

#recruit {
	width: 100%;
	height: auto;
	padding: 90px 0px;
}
	.recruit__inner {
		width: 100%;
		height: auto;
	}
		.recruit__contents {
			width: 90%;
			height: auto;
			margin: 0 auto;
		}
			.recruit__contents .top__sec_heading_b {
				margin-bottom: 18px;
			}
			.recruit__contents__wrap {
				width: 100%;
				height: auto;
				margin: 0 auto;
				display: flex;
				flex-direction: column-reverse;
			}
				.recruit__contents__image {
					width: 100%;
					height: auto;
					margin-bottom: 40px;
				}
					.recruit__contents__image img {
						width: 100%;
						height: 100%;
					}
				.recruit__contents__details {
					width: 100%;
					height: auto;
				}
					.recruit__contents__details__txt {
						width: 100%;
						height: auto;
						margin-bottom: 34px;
					}
						.recruit__contents__details__txt_h {
							width: 100%;
							height: auto;
							margin-bottom: 25px;
							font-size: 1.375rem;
							font-weight: 700;
							line-height: 2.0;
							letter-spacing: 0.15em;
						}
						.recruit__contents__details__txt_d {
							width: 100%;
							height: auto;
							font-size: 0.875rem;
							font-weight: 500;
							line-height: 2.2;
							letter-spacing: 0.04em;
						}
					.recruit__details__link {
						width: 100%;
						height: auto;
						margin: 0 auto;
					}
}