@charset "utf-8";
.noScroll {
		height: 100vh;
		overflow: hidden
}
.loading_base {
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100vh;
		z-index: 7000;
		background: #fff;
}
.loading_logo {
		width: 200px;
		margin: auto;
		position: absolute;
		top: calc(50% - 50px);
		left: 0;
		right: 0;
		bottom: 0;
}
.loading_logo img {
		width: 100%;
		height: auto;
}
@media(max-width: 767px) {
		.loading_logo {
				width: 120px;
		}
}

.header_nav::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100px;
		pointer-events: none;
		background: linear-gradient(0deg, rgba(35, 42, 67, 0.00) 0%, rgba(35, 42, 67, 0.6) 100%);
		z-index: 0;
		mix-blend-mode: multiply;
}

.fv {
		background-image: url("../images/fv-1_pc.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		aspect-ratio: 10 / 5.7;
		position: relative;
		overflow: hidden;
		box-shadow: rgba(50, 50, 93, 0.35) 0px 50px 100px -20px, rgba(0, 0, 0, 0.5) 0px 30px 60px -30px;
}
section {
		min-height: 400px;
		position: relative;
}
section.about::before, section.interview::before, section.casestudy::before, section.entry::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: #E9EAE3;
		transform: skewY(-5deg)
}
section.about::before {
		background-image: url("../images/top_about_bg.jpg");
		background-position: center center;
		background-size: 1000px;
		z-index: 0
}
section.interview::before {
		background: #D4EB43;
}
section.casestudy::before {
		background: #1894C9;
}
section.entry::before {
		background-image: url("../images/top_entry_bg_pc.jpg");
		background-repeat: no-repeat;
		background-position: center center;
		background-size: cover;
}
@media(min-width: 768px) {
		.caseSP {
				display: none;
		}
}
@media(max-width: 767px) {
		.casePC {
				display: none;
		}
}
/* =================== */
section.message {
		padding: 200px 0 600px;
		position: relative;
}
.message_inner {
		position: relative;
		z-index: 5;
		max-width: 960px;
		margin: 0 auto;
		display: flex;
		justify-content: flex-end;
}
.message_inner .message_txt {
		position: absolute;
		left: -100px;
		top: -40px;
		width: 208px;
		z-index: 1
}
.message_txt img {
		width: 100%;
		height: auto;
}
.message_inner .bg-1, .message_col_caption .bg-2, .message_inner .bg-3 {
		position: absolute;
		width: 1000px;
		height: 1000px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		z-index: 0;
		mix-blend-mode: multiply;
		pointer-events: none
}
.message_inner .bg-1 {
		background-image: url("../images/top_message_bg-1.png");
		top: -300px;
		left: -550px;
}
.message_col_caption {
		position: relative;
}
.message_col_item {
		height: 46em;
		overflow: hidden;
		position: relative;
		transition: height 0.5s cubic-bezier(0.16, 1, 0.3, 1);
		padding-bottom: 80px;
		box-sizing: border-box;
		padding-right: 10px;
}
.message_col_item:before {
		content: "";
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		height: 150px;
		background: rgb(0, 0, 0);
		background: linear-gradient(0deg, rgba(233, 234, 227, 1) 60%, rgba(233, 234, 227, 0) 100%);
		transition: .4s;
}
.message_col_item.isOpen:before {
		opacity: 0;
		visibility: hidden;
}
.message_col_item .message_more {
		position: absolute;
		right: 10px;
		bottom: 20px;
		cursor: pointer;
		font-weight: 500;
		padding-right: 60px;
}
.message_more .message_more_arw {
		position: absolute;
		right: 0;
		top: calc(50% - 23px);
		width: 47px;
		height: 47px;
		border-radius: 50%;
}
.message_more_arw::before, .message_more_arw::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 47px;
		height: 47px;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.message_more_arw::before {
		box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
		background: #222;
		border-radius: 50%;
}
.isActive .message_more_arw::before {
		background: #009d37;
}
@media (hover: hover) {
		.message_more:hover .message_more_arw::before {
				transform: scale(1.2);
				background: #009d37;
		}
}
.message_more_arw::after {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 47px;
		background-image: url("../images/arw47_down_wht.png")
}
.isOpen .message_more_arw::after {
		background-image: url("../images/arw47_up_wht.png")
}
.message_col_caption .bg-2 {
		background-image: url("../images/top_message_bg-2.png");
		right: -500px;
		top: -410px;
}
.message_inner .bg-3 {
		background-image: url("../images/top_message_bg-3.png");
		bottom: -1000px;
		left: -350px;
}
.message_col {
		width: 680px;
}
.message_lead {
		font-family: YakuHanJP, "Noto Sans JP", "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
		font-size: 34px;
		font-weight: 600;
		letter-spacing: 0.05em;
		line-height: 1.7;
		margin-bottom: 60px;
}
.message_col p {
		font-size: 18px;
		line-height: 2.4;
		letter-spacing: 0.03em;
		margin: 0 0 1.5em
}
.message .message_photo_line {
		position: absolute;
		left: 0;
		bottom: 0;
		width: 100%;
		transform: rotate(-5deg);
		pointer-events: none;
}
.message_photo_inner {
		max-width: 960px;
		margin: 0 auto;
		display: flex;
		justify-content: flex-end;
}
.message_photo {
		position: relative;
		z-index: 10;
		top: 60px;
		width: 715px;
}
.message_photo img {
		width: 100%;
		height: auto;
}
.message_photo_line::before, .message_photo_line::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 520px;
		background-repeat: no-repeat;
		background-position: center top;
		background-size: 2000px;
		transform: rotate(-5deg);
}
.message_photo_line::before {
		background-image: url("../images/message_line_bg-1_pc.png")
}
.message_photo_line::after {
		background-image: url("../images/message_line_bg-2_pc.png")
}
@media(max-width: 1200px) {
		.message_inner .message_txt {
				position: absolute;
				left: 0;
				width: 180px;
		}
		.message_col p {
				font-size: 17px;
				line-height: 2.2;
				margin: 0 0 1.25em;
		}
}
@media(max-width: 1024px) {
		.message_inner .message_txt {
				left: -40px;
		}
}
@media(max-width: 960px) {
		section.message {
				padding-bottom: 450px;
		}
		.message_inner .message_txt {
				left: -50px;
				width: 120px;
		}
		.message_col {
				width: auto;
				margin-left: 90px;
		}
		.message_col p {
				font-size: 16px;
				line-height: 2;
				margin: 0 0 1.25em;
		}
		.message_col_item {
				height: 36em;
		}
		.message_photo_inner {
				display: flex;
				justify-content: center;
		}
		.message_photo {
				width: 480px;
		}
		.message_photo_line::before, .message_photo_line::after {
				width: 100%;
				height: 350px;
				background-size: 900px;
		}
		.message_photo_line::before {
				background-image: url("../images/message_line_bg-1_mid.png")
		}
		.message_photo_line::after {
				background-image: url("../images/message_line_bg-2_mid.png")
		}
}
@media(min-width: 768px) {
		.message_lineSP {
				display: none;
		}
}
@media(max-width: 767px) {
		section.message {
				padding-top: 100px;
				padding-bottom: 40px;
		}
		.message_inner .message_txt {
				top: -60px;
				left: -50px;
				width: 120px;
		}
		.message_col {
				margin-left: 0;
				position: relative;
				z-index: 10
		}
		.message_col_caption {
				padding: 0 30px;
		}
		.message_col_item {
				padding-right: 0;
		}
		.message_lead {
				font-size: 20px;
				margin-bottom: 35px;
				padding: 0 30px;
		}
		.message .message_photo_line {
				position: static;
		}
		.message_photo_line::before, .message_photo_line::after {
				display: none;
		}
		.message_photo {
				top: inherit;
				margin-top: 50px;
		}
		.message_photo_inner {
				position: relative;
		}
		.message_photo_inner .message_lineSP {
				position: absolute;
				top: 0;
				left: -30px;
				width: calc(100% + 40px);
				pointer-events: none;
				transform: rotate(-5deg);
				z-index: 10
		}
		.message_lineSP::before, .message_lineSP::after {
				content: '';
				display: block;
				position: absolute;
				top: 8vw;
				left: 0;
				width: 100%;
				height: 400px;
				background-repeat: no-repeat;
				background-position: 0 0;
				background-size: 100%;
		}
		.message_lineSP::before {
				background-image: url("../images/message_line_bg-1_sp.png");
		}
		.message_lineSP::after {
				background-image: url("../images/message_line_bg-2_sp.png");
				z-index: 50;
		}
		.message_col p {
				font-size: 16px;
		}
		.message_col p br {
				display: none;
		}
		.message_photo {
				width: calc(100% - 60px);
		}
		.message_col_item .message_more {
				padding-right: 45px;
				bottom: 30px;
		}
		.message_more .message_more_arw {
				top: calc(50% - 16px);
				width: 32px;
				height: 32px;
		}
		.message_more_arw::before, .message_more_arw::after {
				width: 32px;
				height: 32px;
		}
		.message_more_arw::after {
				background-size: 32px;
		}
}
/* ============= */
.about_inner {
		max-width: 1240px;
		margin: 0 auto;
		color: #fff;
		position: relative;
		z-index: 1;
		padding: 180px 30px;
		z-index: 5;
}
.about_hd_wrap {
		display: flex;
		justify-content: center;
		margin-bottom: 120px;
}
.about_hd {
		font-size: 44px;
		font-weight: 600;
		letter-spacing: 0.08em;
		line-height: 1.7;
		text-align: center;
		position: relative;
		z-index: 10
}
.about_hd span {
		display: inline-block;
		position: relative;
		z-index: 2
}
.about_hd::before {
		content: '';
		display: block;
		position: absolute;
		top: -40px;
		left: -85px;
		width: 460px;
		height: 230px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/top_about_logo.png");
}
.top_about_flex {
		display: flex;
		margin: 0 0 100px;
}
.top_about_flex.reverse {
		display: flex;
		flex-direction: row-reverse;
		margin-bottom: 0;
}
.top_about_figure {
		width: 590px;
		margin-right: 40px;
		position: relative;
}
.top_about_figure .top_about_figure-1-2, .top_about_figure .top_about_figure-2-2 {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
}
.top_about_figure::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 500px);
		left: calc(50% - 500px);
		width: 1000px;
		height: 1000px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/top_about_figure_bg.png");
		pointer-events: none;
		z-index: -1;
}
.top_about_figure img {
		width: 100%;
		height: auto;
		display: inline-block;
		position: relative;
		z-index: 1
}
.reverse .top_about_figure {
		margin-right: 0;
		margin-left: 45px;
}
.top_about_caption {
		flex: 1;
}
.about_sb_wrap {
		position: relative;
		margin: 0 0 35px;
		display: flex;
}
.about_sb {
		font-size: 28px;
		font-weight: 600;
		line-height: 1.8;
		letter-spacing: 0.03em;
		position: relative;
}
.about_sb span {
		display: inline-block;
		position: relative;
		z-index: 1
}
.about_sb::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 60px);
		right: -170px;
		width: 192px;
		height: 121px;
		background-repeat: no-repeat;
		background-position: right center;
		background-size: 100%;
		background-image: url("../images/top_about_no1.png");
		mix-blend-mode: multiply;
		opacity: 0.95;
}
.about_sb.no2::before {
		background-image: url("../images/top_about_no2.png");
}
.top_about_caption p {
		font-size: 18px;
		line-height: 2.0;
		position: relative;
		z-index: 1
}
@media(max-width: 1280px) {
		.about_hd {
				font-size: 36px;
		}
		.top_about_figure {
				width: 45%;
				margin-right: 30px;
		}
		.about_hd::before {
				top: -30px;
				left: -85px;
				width: 365px;
				height: 185px;
		}
		.about_sb {
				font-size: 24px;
		}
		.about_sb::before {
				top: calc(50% - 50px);
				right: -160px;
				width: 155px;
				height: 100px;
		}
		.top_about_caption p {
				font-size: 16px;
				line-height: 2.0;
		}
		.top_about_figure::after {
				top: calc(50% - 100px);
				left: calc(50% - 100px);
				width: 200px;
				height: 200px;
				filter: blur(50px);
		}
}
@media(max-width: 840px) {
		.about_hd_wrap {
				margin-bottom: 80px;
		}
		.about_hd {
				font-size: 32px;
		}
		.about_hd::before {
				display: none;
		}
		.about_sb_wrap {
				margin: 0px 0 15px;
		}
		.about_sb::before {
				top: calc(50% - 40px);
				right: -90px;
				width: 124px;
				height: 80px;
		}
}
@media(max-width: 767px) {
		.about_inner {
				padding: 90px 20px;
		}
		.about_hd_wrap {
				margin-bottom: 80px;
		}
		.about_hd {
				font-size: 22px;
		}
		.about_sb {
				font-size: 18px;
				text-align: center;
		}
		.about_sb_wrap {
				margin: 0px 0 30px;
				display: flex;
				justify-content: center;
		}
		.about_sb::before {
				top: calc(50% - 40px);
				right: -50px;
				width: 100px;
				height: 80px;
		}
		.top_about_flex, .top_about_flex.reverse {
				display: block;
				margin: 0 0 70px;
		}
		.top_about_flex.reverse {
				margin-bottom: 0;
		}
		.top_about_figure {
				width: 80%;
				margin: 0 auto 20px;
		}
		.top_about_caption p {
				font-size: 15px;
		}
		.top_about_figure::after {
				top: calc(50% - 250px);
				left: calc(50% - 250px);
				width: 500px;
				height: 500px;
				background-image: url("../images/top_about_figure_bg_sp.png");
		}
}
/* ================ */
.section_title {
		display: flex;
		flex-direction: column-reverse;
}
.section_title_right {
		display: flex;
		justify-content: flex-end;
		margin: 0 0 50px;
}
.section_title_right .section_title {
		text-align: right;
}
@media(max-width: 767px) {
		.environment .section_title_right {
				display: flex;
				justify-content: center;
				text-align: center;
		}
		.environment .section_title_right .section_title {
				text-align: center;
		}
}
.section_title .en {
		font-family: 'Inter', sans-serif;
		font-size: 74px;
		font-weight: 700;
		line-height: 1;
		margin: 0 0 15px;
}
.section_title h3 {
		font-size: 26px;
		font-weight: 500;
		letter-spacing: 0.08em
}
@media(max-width: 767px) {
		.section_title .en {
				font-size: 36px;
				margin: 0 0 10px;
		}
		.section_title h3 {
				font-size: 18px;
				letter-spacing: 0.03em
		}
}
/* ================ */
.gallery {
		padding: 0;
}
.gallery_section_inner {
		padding: 180px 0 200px;
		position: relative;
		z-index: 5;
}
.gallery_hd_wrap {
		display: flex;
		justify-content: flex-end;
		max-width: 1160px;
		margin: 0 auto -60px;
		position: relative;
		z-index: 0;
}
.gallery_hd {
		width: 755px;
}
.gallery_hd img {
		width: 100%;
		height: auto;
}
.gallerySlider {
		position: relative;
		z-index: 5
}
@media(max-width: 1300px) {
		.gallery_hd_wrap {
				margin-bottom: -50px;
		}
		.gallery_hd {
				width: 600px;
		}
}
@media(max-width: 840px) {
		.gallery_hd_wrap {
				margin-bottom: -40px;
		}
		.gallery_hd {
				width: 480px;
		}
}
@media(max-width: 767px) {
		.gallery_section_inner {
				padding: 90px 0 100px;
		}
		.gallery_hd_wrap {
				margin-bottom: -7vw;
				display: flex;
				justify-content: center;
		}
		.gallery_hd {
				width: 100%;
		}
}
/* ================ */
.interview_section_inner {
		padding-top: 170px;
		padding-left: 40px;
		padding-right: 40px;
		max-width: 1140px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
}
.interview_section_inner.bottom {
		z-index: 0;
		padding-top: 0;
		padding-bottom: 140px;
}
.interview_first_wrap {
		max-width: 1190px;
		margin: 0 auto 90px;
		padding: 0 40px;
}
.interview_first {
		position: relative;
}
.interview_first_no {
		position: absolute;
		width: 29px;
		top: 0;
		left: -58px;
}
.interview_first_no img {
		width: 100%;
		height: auto;
}
.interview_first_cont_upper {
		padding-bottom: 45px;
}
.interview_first_cont {
		background: #fff;
		padding: 60px 40px 20px;
		box-shadow: 0px 4px 30px 0px rgba(0, 0, 0, 0.10);
		border-radius: 6px;
}
.interview_first_cont_upper {
		display: flex;
}
.interview_first_thumb {
		width: 480px;
		margin-right: 40px;
		position: relative;
}
.interview_first_thumb img {
		width: 100%;
		height: auto;
		border-radius: 6px;
}
.interview_first_thumb .interview_first_thumb_caption {
		position: absolute;
		bottom: 0;
		left: 0;
		box-sizing: border-box;
		background: #fff;
		padding: 20px 15px 5px;
		width: 215px;
		border-radius: 0 6px 0 0;
}
.interview_first_thumb_caption .staff_name {
		font-weight: 700;
		font-size: 22px;
		margin: 0 0 10px
}
.interview_first_thumb_caption .staff_year {
		font-size: 17px;
		font-weight: 500;
}
.interview_first_cont_upper_right {
		flex: 1;
		position: relative;
		box-sizing: border-box;
		padding-right: 70px;
}
.interview_first_cont_upper_right .interview_plus {
		position: absolute;
		right: 0;
		top: calc(50% - 23px);
		width: 47px;
		height: 47px;
		cursor: pointer;
}
.interview_plus::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
		background: #222;
		pointer-events: none;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.2s;
}
.interview_plus.isOpen::before {
		background: #9cba23;
}
@media (hover: hover) {
		.interview .link_btn a:hover .link_btn_arw::before {
				background: #9cba23;
		}
}
@media (hover: hover) {
		.interview_plus:hover::before {
				transform: scale(1.2);
				background: #9cba23;
		}
}
.interview_plus_bar {
		width: 47px;
		height: 47px;
		position: relative;
}
.interview_first_cont_caption + .interview_plus {
		position: relative;
		border-radius: 50%;
		width: 32px;
		height: 32px;
		cursor: pointer;
}
.interview_first_cont_caption + .interview_plus .interview_plus_bar {
		width: 32px;
		height: 32px;
		position: relative;
}
.interview_plus_bar::before, .interview_plus_bar::after {
		content: '';
		display: block;
		position: absolute;
		top: 22px;
		left: 14px;
		width: 19px;
		height: 3px;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		background: #fff;
}
.interview_plus_bar::after {
		transform: rotate(90deg);
}
.interview_plus.isOpen .interview_plus_bar::before {
		transform: rotate(180deg);
}
.interview_plus.isOpen .interview_plus_bar::after {
		transform: rotate(270deg);
		opacity: 0;
}
.interview_first_cont_upper_right_hd {
		font-size: 22px;
		font-weight: 700;
		margin: 0 0 30px;
}
.interview_first_cont_upper_right p {
		line-height: 1.8;
}
.interview_hd {
		font-size: 20px;
		font-weight: 700;
		margin: 35px 0 15px;
}
.interview_hd.first {
		margin-top: 0;
}
.interview_hd span {
		position: relative;
		padding-left: 30px;
}
.interview_hd span::before {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 7px);
		left: 0px;
		width: 16px;
		height: 16px;
		background: #C3B221;
		border-radius: 50%;
}
.interview_first_cont_caption {
		border-top: 1px solid #c0c0c0;
		padding-top: 35px;
		padding-bottom: 35px;
		display: none;
}
.interview_first_cont_caption p {
		line-height: 1.8;
}
.interview_section_inner.bottom::before {
		content: '';
		display: block;
		position: absolute;
		top: -270px;
		left: -140px;
		width: 1145px;
		height: 350px;
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 100%;
		background-image: url("../images/top_interview_txt_pc.png");
		z-index: -1
}
.interview_section_inner .section_title {
		text-align: center;
		margin-bottom: 75px;
}
section.interview .interview_line-1, section.interview .interview_line-2 {
		position: absolute;
		left: 0;
		width: 100%;
		height: 140px;
		z-index: 10;
		pointer-events: none;
		transform: rotate(-5deg)
}
section.interview .interview_line-1 {
		top: -70px;
}
section.interview .interview_line-2 {
		bottom: -60px;
}
.interview_line-1::before, .interview_line-1::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 140px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-size: 1715px;
}
.interview_line-1::before {
		background-image: url("../images/top_intervew_line-1_pc.png")
}
.interview_line-1::after {
		background-image: url("../images/top_intervew_line-2_pc.png")
}
.interview_line-2::before, .interview_line-2::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 140px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1800px;
}
.interview_line-2::before {
		background-image: url("../images/top_intervew_line-2-1_pc.png")
}
.interview_line-2::after {
		background-image: url("../images/top_intervew_line-2-2_pc.png")
}
@media(max-width: 767px) {
		section.interview .interview_line-1 {
				top: -30px;
		}
		section.interview .interview_line-2 {
				bottom: -110px;
		}
		.interview_line-1::before, .interview_line-1::after {
				width: calc(100% + 100px);
				height: 100px;
				background-repeat: no-repeat;
				left: -50px;
				background-position: 0 0;
				background-size: 100%;
		}
		.interview_line-1::before {
				background-image: url("../images/top_intervew_line-1_sp.png")
		}
		.interview_line-1::after {
				background-image: url("../images/top_intervew_line-2_sp.png");
		}
		.interview_line-2::before, .interview_line-2::after {
				width: calc(100% + 100px);
				height: 100px;
				background-repeat: no-repeat;
				left: -50px;
				background-position: 0 0;
				background-size: 100%;
		}
		.interview_line-2::before {
				background-image: url("../images/top_intervew_line-2-1_sp.png")
		}
		.interview_line-2::after {
				background-image: url("../images/top_intervew_line-2-2_sp.png")
		}
}
/* ================ */
section.environment {
		padding-bottom: 80px;
}
.environment_section_inner {
		padding-left: 40px;
		padding-right: 40px;
		max-width: 1190px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
}
.environment_section_inner.upper {
		padding-top: 170px;
		padding-bottom: 100px;
}
.environment_section_inner.mid {
		padding-bottom: 190px;
}
@media(max-width: 767px) {
		.environment_section_inner.mid {
				padding-bottom: 70px;
		}
}
.envBg1 {
		position: relative;
}
.envBg1::before {
		content: '';
		display: block;
		position: absolute;
		top: -350px;
		right: -490px;
		width: 980px;
		height: 980px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/top_env_hd_bg_pc.png");
		pointer-events: none;
		z-index: -1;
}
@media(max-width: 767px) {
		.envBg1::before {
				display: none
		}
}
.environment_sb_wrap {
		display: flex;
		justify-content: space-between;
		margin: 0 auto 50px;
		max-width: 1190px;
		padding-left: 40px;
		padding-right: 40px;
}
.dormitory_spec {
		flex: 1;
		box-sizing: border-box;
		padding: 25px;
		background: #fff;
		border-radius: 5px;
		max-width: 750px;
}
.dormitory_spec_flex {
		display: flex;
		flex-wrap: wrap;
}
.dormitory_spec_flex p:nth-child(1) {
		margin-right: 2em;
}
.dormitory_spec h6 {
		font-size: 16px;
		font-weight: 500;
		margin: 0 0 5px;
}
.dormitory_spec p {
		line-height: 1.8;
}
.environment_section_inner.bottom {
		padding-bottom: 190px;
}
@media(max-width: 1300px) {
		.interview_first_cont {
				padding: 30px 30px 20px;
		}
		.interview_first_thumb {
				width: 45%;
				margin-right: 30px;
		}
		.interview_first_thumb .interview_first_thumb_caption {
				padding: 10px 15px 0;
		}
}
@media(max-width: 1200px) {
		.interview_first_wrap {
				padding: 0 0px 0 50px;
		}
		.interview_first_thumb {
				width: 45%;
				margin-right: 25px;
		}
		.interview_first_thumb .interview_first_thumb_caption {
				position: static;
				padding: 10px;
				border-radius: 0;
		}
		.interview_first_cont_upper_right_hd {
				font-size: 20px;
				margin: 0 0 20px;
		}
		.interview_first_cont_upper {
				padding-bottom: 30px;
		}
		.environment_sb_wrap {
				display: block;
		}
		.dormitory_spec {
				max-width: inherit;
		}
}
@media(max-width: 840px) {
		.interview_first_wrap {
				padding: 0 0px 0 30px;
		}
		.interview_first_no {
				width: 24px;
				left: -40px;
		}
		.interview_first_cont_upper_right_hd {
				margin: 0 0 10px;
		}
		.interview_hd {
				font-size: 18px;
		}
		.interview_hd span {
				padding-left: 23px;
		}
		.interview_hd span::before {
				top: calc(50% - 5px);
				width: 12px;
				height: 12px;
		}
}
@media(max-width: 767px) {
		.interview_section_inner {
				padding-top: 90px;
				padding-left: 20px;
				padding-right: 20px;
		}
		.interview_section_inner .section_title {
				margin-bottom: 40px;
		}
		.interview_first_cont {
				padding: 10px 10px 20px;
		}
		.interview_first_cont_upper {
				display: block;
		}
		.interview_first_thumb {
				width: 100%;
				margin: 0 0 25px
		}
		.interview_first_thumb .interview_first_thumb_caption {
				position: absolute;
				bottom: inherit;
				top: -2px;
				left: -2px;
				padding: 0px 5px 8px;
				border-radius: 0 0 4px 4px;
				width: 40%;
				box-sizing: border-box;
		}
		.interview_first_thumb_caption .staff_name {
				font-size: 14px;
				margin: 0 0 5px;
		}
		.interview_first_thumb_caption .staff_year {
				font-size: 11px;
		}
		.interview_first_no {
				display: none
		}
		.interview_first_wrap {
				padding: 0;
				margin-bottom: 50px;
		}
		.interview_first_cont_upper_right {
				padding-right: 10px;
				padding-left: 10px;
		}
		.interview_first_cont_upper {
				padding-bottom: 30px;
		}
		.interview_plus {
				margin: 0 auto 0;
		}
		.interview_plus_bar::before, .interview_plus_bar::after {
				top: 15px;
				left: 10px;
				width: 12px;
				height: 2px;
		}
		.interview_first_cont_caption {
				margin-left: 10px;
				margin-right: 10px;
		}
		.interview_first_cont_upper_right_hd {
				font-size: 18px;
				margin: 0 0 20px;
		}
		.interview_hd {
				font-size: 17px;
		}
		.interview_hd span::before {
				top: calc(50% - 3px);
				width: 10px;
				height: 10px;
		}
		.interview_hd span {
				padding-left: 18px;
		}
		.interview_section_inner.bottom::before {
				display: none;
		}
		.interview_section_inner.bottom {
				padding-bottom: 80px;
		}
}
@media(min-width: 768px) {
		.interview_plusSP {
				display: none;
		}
}
@media(max-width: 767px) {
		.interview_plusPC {
				display: none;
		}
}
/* ============== */
@media(max-width: 767px) {
		.environment_section_inner {
				padding-left: 20px;
				padding-right: 20px;
		}
		.environment_section_inner.upper {
				padding-top: 90px;
		}
		.loop_wrap {
				display: none
		}
}
/* ================ */
section.entry .entry_line-1, section.entry .entry_line-2 {
		position: absolute;
		left: 0;
		width: 100%;
		height: 140px;
		z-index: 10;
		pointer-events: none;
		transform: rotate(-5.5deg)
}
section.entry .entry_line-1 {
		top: 30px;
}
section.entry .entry_line-2 {
		bottom: -60px;
}
.entry_line-1::before, .entry_line-1::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 90px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-size: 1850px;
}
.entry_line-1::before {
		background-image: url("../images/top_entry_line1-1_pc.png")
}
.entry_line-1::after {
		background-image: url("../images/top_entry_line1-2_pc.png")
}
.entry_line-2::before, .entry_line-2::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 150px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 1800px;
}
.entry_line-2::before {
		background-image: url("../images/top_entry_line2-1_pc.png")
}
.entry_line-2::after {
		background-image: url("../images/top_entry_line2-2_pc.png")
}
.entry_section_inner {
		padding: 170px 40px 120px;
		max-width: 1140px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		justify-content: space-between;
}
.entry_section_inner .section_title {
		color: #fff;
}
.entry_section_inner .section_title .en {
		font-size: 140px;
}
.entry_btn_gr {
		width: 585px;
		padding-top: 30px;
}
.entry_btn_gr li {
		list-style: none;
		margin: 0 0 25px;
		font-size: 18px;
		font-weight: 600;
}
.entry_btn_gr ul li:last-child {
		margin-bottom: 0;
}
.entry_btn_gr li a {
		background: #fff;
		color: #222;
		text-decoration: none;
		display: block;
		transition: background 0.4s;
		padding: 28px 45px 30px 35px;
		border-radius: 6px;
		position: relative;
		border: 2px solid #fff;
}
.entry_btn_gr li a .icon_blank {
		position: absolute;
		top: calc(50% - 20px);
		right: 30px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
}
.icon_blank::before, .icon_blank::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
}
.icon_blank::before {
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s;
		background: #222;
}
.icon_blank::after {
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 40px;
		background-image: url("../images/icon_blank40_wht.png")
}
@media (hover: hover) {
		.entry_btn_gr li a:hover {
				background: #222;
				color: #fff;
		}
		.entry_btn_gr li a:hover::before {
				opacity: 1;
				transform: scaleX(1);
		}
		.entry_btn_gr li a:hover .icon_blank::before {
				background: #fff;
				transform: scale(1.2)
		}
		.entry_btn_gr li a:hover .icon_blank::after {
				background-image: url("../images/icon_blank40_blk.png");
		}
}
.entry_section_inner {
		padding: 170px 40px 120px;
		max-width: 1140px;
		margin: 0 auto;
		position: relative;
		z-index: 5;
		display: flex;
		justify-content: space-between;
}
.entry_section_inner .section_title {
		color: #fff;
}
.entry_section_inner .section_title .en {
		font-size: 140px;
}
.entry_btn_gr {
		width: 585px;
		padding-top: 30px;
}
.entry_btn_gr li {
		list-style: none;
		margin: 0 0 25px;
		font-size: 18px;
		font-weight: 600;
}
.entry_btn_gr ul li:last-child {
		margin-bottom: 0;
}
.entry_btn_gr li a {
		background: #fff;
		color: #222;
		text-decoration: none;
		display: block;
		transition: background 0.4s;
		padding: 28px 45px 30px 35px;
		border-radius: 6px;
		position: relative;
		border: 1px solid #fff;
		overflow: hidden;
}
.entry_btn_gr li a span {
		display: inline-block;
		position: relative;
		z-index: 5;
}
.entry_btn_gr li a::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: rgb(32, 52, 94);
		background: linear-gradient(90deg, rgba(32, 52, 94, 1) 0%, rgba(19, 26, 44, 1) 25%, rgba(59, 35, 88, 1) 60%, rgba(32, 110, 117, 1) 100%);
		transition: transform 0.7s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.3s;
		transform-origin: left center;
		transform: scaleX(0);
		opacity: 0;
}
.entry_btn_gr li a .icon_blank {
		position: absolute;
		top: calc(50% - 20px);
		right: 30px;
		width: 40px;
		height: 40px;
		border-radius: 50%;
		z-index: 5;
}
.icon_blank::before, .icon_blank::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		border-radius: 50%;
}
.icon_blank::before {
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1), background 0.3s;
		background: #222;
}
.icon_blank::after {
		background-repeat: no-repeat;
		background-position: 0 0;
		background-size: 40px;
		background-image: url("../images/icon_blank40_wht.png")
}
@media(max-width: 1200px) {
		.entry_section_inner {
				padding: 170px 40px 120px;
		}
		.entry_section_inner .section_title .en {
				font-size: 110px;
		}
		.entry_section_inner .section_title h3 {
				font-size: 20px;
				letter-spacing: 0.05em;
		}
		.entry_btn_gr {
				width: calc(100% - 400px);
		}
}
@media(max-width: 840px) {
		.entry_section_inner {
				padding: 170px 40px 120px;
				display: block;
		}
		.entry_section_inner .section_title {
				margin-bottom: 60px;
		}
		.entry_section_inner .section_title .en {
				font-size: 90px;
				text-align: center;
		}
		.entry_section_inner .section_title .en br {
				display: none;
		}
		.entry_section_inner .section_title h3 {
				font-size: 20px;
				text-align: center;
		}
		.entry_btn_gr {
				width: 100%;
				padding-top: 0;
		}
}
@media(max-width: 767px) {
		.entry_section_inner {
				padding: 90px 20px;
		}
		.entry_section_inner .section_title .en {
				font-size: 48px;
		}
		.entry_section_inner .section_title .en br {
				display: none
		}
		.entry_section_inner .section_title h3 {
				font-size: 16px;
		}
		.entry_section_inner .section_title {
				margin-bottom: 35px;
		}
		.entry_btn_gr li {
				margin: 0 0 15px;
				font-size: 16px;
		}
		.entry_btn_gr ul li:last-child {
				margin-bottom: 0;
		}
		.entry_btn_gr li a {
				background: #fff;
				color: #222;
				text-decoration: none;
				display: block;
				transition: background 0.4s;
				padding: 22px 45px 22px 15px;
				border-radius: 6px;
		}
		.entry_btn_gr li a .icon_blank {
				position: absolute;
				top: calc(50% - 16px);
				right: 12px;
				width: 32px;
				height: 32px;
		}
		.icon_blank::after {
				background-size: 32px;
		}
}
/* ================ */
section.casestudy {
		position: relative;
}
section.casestudy .casestudy_line-1 {
		position: absolute;
		top: -50px;
		left: 0;
		width: 100%;
		height: 140px;
		z-index: 10;
		pointer-events: none;
		transform: rotate(-5.5deg);
}
@media(max-width: 767px) {
		.casestudy_line-1 {
				display: none;
		}
}
.casestudy_line-1::before, .casestudy_line-1::after {
		content: '';
		display: block;
		position: absolute;
		width: 100%;
		height: 150px;
		background-repeat: no-repeat;
		background-position: center 0;
		background-size: 1735px;
		top: 0;
		left: 0;
}
.casestudy_line-1::before {
		background-image: url("../images/top_case_line-1_pc.png")
}
.casestudy_line-1::after {
		background-image: url("../images/top_case_line-2_pc.png")
}
@media(max-width: 767px) {
		.casestudy_line-1, .casestudy_line-2 {
				display: none
		}
}
.case_section_inner {
		padding: 200px 40px 190px;
		max-width: 1190px;
		margin: 0 auto;
		color: #fff;
		position: relative;
		z-index: 5;
}
.case_section_inner::before {
		content: '';
		display: block;
		position: absolute;
		top: 90px;
		right: 0;
		width: 578px;
		height: 500px;
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/top_case_title_bg_pc.png");
		z-index: 0;
		pointer-events: none;
}
.case_section_inner .section_title {
		margin-bottom: 80px;
		padding: 0 25px
}
.case_item {
		display: flex;
		margin-bottom: 80px;
}
.swiper-slide .case_cont .case_item:last-child {
		margin-bottom: 0;
}
.case_item_thumb {
		width: 380px;
		margin-right: 35px;
		position: relative;
}
.case_item_thumb .no {
		display: block;
		position: absolute;
		top: -23px;
		right: 20px;
		font-family: 'Inter', sans-serif;
		font-weight: 800;
		color: #0C6E97;
		font-size: 44px;
		line-height: 1;
}
.case_item_thumb img {
		width: 100%;
		height: auto;
		border-radius: 4px;
}
.case_item_caption {
		flex: 1;
		position: relative;
}
.case_item_caption h4 {
		font-size: 22px;
		font-weight: 600;
		line-height: 1.6;
		border-bottom: 1px solid #94C0E9;
		padding-bottom: 13px;
		margin-bottom: 15px;
		letter-spacing: 0.03em
}
.case_item_caption p {
		line-height: 1.8;
		margin-bottom: 2em;
		letter-spacing: 0.03em
}
.case_item_list {
		display: flex;
}
.case_item_list ul {
		margin-left: 15px;
		margin-right: 35px;
}
.case_item_list ul:last-child {
		margin-right: 0;
}
.case_item_list li {
		font-size: 90%;
		margin: 0 0 7px;
		list-style: none;
		position: relative;
}
.case_item_list li::after {
		content: '';
		display: block;
		position: absolute;
		top: calc(50% - 2.5px);
		left: -15px;
		width: 8px;
		height: 8px;
		background: rgba(255, 255, 255, 0.4);
}
@media(max-width: 1300px) {
		.case_item_thumb {
				width: 40%;
				margin-right: 30px;
		}
		.case_item_caption h4 {
				font-size: 18px;
		}
		.link_btn_right {
				padding-top: 20px;
		}
		.case_section_inner::before {
				top: 90px;
				width: 460px;
				height: 500px;
		}
}
@media (max-width: 840px) {
		.case_item {
				display: block;
				max-width: 500px;
				margin: 0 auto 90px
		}
		.case_item_thumb {
				width: 100%;
				margin: 0 0 30px;
		}
		.case_item_caption h4 {
				font-size: 18px;
		}
		.case_section_inner::before {
				top: 20px;
				width: 300px;
				height: 500px;
		}
}
@media(max-width: 767px) {
		.case_section_inner {
				padding: 90px 30px;
		}
		.case_section_inner::before {
				top: 170px;
				width: 55px;
				height: 643px;
				background-position: 0 0;
				background-size: 100%;
				background-image: url("../images/top_case_title_bg_sp.png");
		}
		.case_section_inner .section_title {
				margin-bottom: 20px;
				padding: 0;
				text-align: center;
		}
		.case_item {
				margin-bottom: 0;
		}
		.case_item_caption p {
				line-height: 1.8;
				margin-bottom: 1em;
		}
		.case_item_list {
				display: block;
		}
		.case_item_list ul {
				margin-right: 0;
		}
		.case_item_thumb {
				padding-top: 15px;
		}
		.case_item_thumb .no {
				top: 0px;
				right: 15px;
				font-size: 32px;
		}
		.link_btn_right {
				padding-right: 15px;
				padding-bottom: 10px;
		}
}
/* ================ */
.faq_section_inner {
		padding: 230px 40px 80px;
		max-width: 1140px;
		margin: 0 auto;
		display: flex;
}
.faq_left {
		margin-right: 90px;
}
.faq_right {
		flex: 1;
}
.faq_item {
		background: #fff;
		border-radius: 10px;
		margin: 0 0 20px;
		padding: 30px 60px 30px 30px;
}
@media(max-width: 1024px) {
		.faq_item {
				padding: 20px 60px 20px 20px;
		}
}
.faq_item_hd {
		position: relative;
		cursor: pointer;
}
.faq_item_hd h5 {
		font-size: 20px;
		font-weight: 600;
		line-height: 1.6;
		margin: 0;
		margin-left: 40px;
		position: relative;
}
.faq_item_hd .faq_hd_trigger {
		position: absolute;
		right: -30px;
		top: calc(50% - 15px);
		width: 30px;
		height: 30px;
}
.faq_hd_trigger::before {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		border-radius: 50%;
		background: #222;
		width: 100%;
		height: 100%;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
.faq_hd_trigger .faq_hd_trigger_inner {
		position: absolute;
}
@media (hover: hover) {
		.faq_item_hd:hover .faq_hd_trigger::before {
				transform: scale(1.3);
				background: #363636;
		}
}
.faq_hd_trigger_inner::before, .faq_hd_trigger_inner::after {
		content: '';
		display: block;
		position: absolute;
		top: 14px;
		left: 9px;
		width: 12px;
		height: 2px;
		background: #fff;
		transition: all 0.3s cubic-bezier(0.16, 1, 0.3, 1);
		z-index: 5
}
.faq_hd_trigger_inner::after {
		transform: rotate(90deg);
}
.faq_item_hd.isOpen .faq_hd_trigger::before {
		background: #363636;
}
.isOpen .faq_hd_trigger_inner::before {
		transform: rotate(270deg);
		opacity: 0;
}
.isOpen .faq_hd_trigger_inner::after {
		transform: rotate(180deg);
}
.faq_icon {
		font-family: 'Inter', sans-serif;
		font-size: 26px;
		font-weight: 800;
}
.faq_item_hd h5 .faq_icon {
		position: absolute;
		top: -5px;
		left: -40px;
}
.faq_cont {
		display: none;
		padding-top: 20px;
}
.faq_cont .faq_icon {
		margin-right: 20px;
}
.faq_cont .faq_icon + div {
		flex: 1
}
.faq_cont_inner {
		background: #EFEDEB;
		display: flex;
		align-items: center;
		padding: 20px;
		border-radius: 10px;
}
.faq_cont_inner p {
		font-size: 18px;
		line-height: 1.8;
}
.faq_more_wrap {
		display: flex;
		justify-content: flex-end;
		padding-top: 30px;
}
.faq_more {
		display: flex;
		align-items: center;
		cursor: pointer;
}
.faq_more p {
		font-weight: 600;
		font-size: 16px;
}
.faq_more_arw {
		width: 47px;
		height: 47px;
		margin-left: 12px;
		position: relative;
}
.faq_more_arw::before, .faq_more_arw::after {
		content: '';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
}
.faq_more_arw::before {
		background-color: #222;
		border-radius: 50%;
		transition: transform 0.3s cubic-bezier(0.16, 1, 0.3, 1);
}
@media (hover: hover) {
		.faq_more:hover .faq_more_arw::before {
				transform: scale(1.2);
				background: #636363;
		}
}
.faq_more_arw::after {
		background-repeat: no-repeat;
		background-position: center center;
		background-size: 100%;
		background-image: url("../images/arw47_down_wht.png");
}
.faq_more.isOpen .faq_more_arw::after {
		background-image: url("../images/arw47_up_wht.png");
}
.faq_more.isOpen .faq_more_arw::before {
		background: #636363;
}
.faq_hide {
		display: none;
}
@media(max-width: 840px) {
		.faq_section_inner {
				display: block;
		}
		.faq_left {
				margin: 0 0 60px;
				text-align: center;
		}
		.faq_section_inner h3 br {
				display: none;
		}
}
@media(max-width: 767px) {
		.faq_section_inner {
				padding: 90px 20px;
		}
		.faq_left {
				margin: 0 0 35px;
		}
		.faq_item_hd {
				padding-right: 25px;
		}
		.faq_item_hd h5 {
				font-size: 16px;
				display: flex;
				align-items: center;
				margin: 0;
		}
		.faq_item_hd h5 span {
				display: block;
		}
		.faq_item_hd h5 .faq_icon {
				position: static;
				top: inherit;
				left: inherit;
				font-size: 18px;
				margin-right: 10px;
		}
		.faq_item_hd h5 .faq_icon + span {
				flex: 1
		}
		.faq_item {
				border-radius: 5px;
				margin: 0 0 15px;
				padding: 15px;
		}
		.faq_item_hd .faq_hd_trigger {
				top: calc(50% - 11px);
				right: 0;
				width: 22px;
				height: 22px;
		}
		.faq_hd_trigger_inner::before, .faq_hd_trigger_inner::after {
				top: 10px;
				left: 6px;
				width: 10px;
				height: 2px;
		}
		.faq_cont_inner {
				padding: 15px;
				border-radius: 5px;
		}
		.faq_cont .faq_icon {
				font-size: 18px;
				margin-right: 10px;
		}
		.faq_cont_inner p {
				font-size: 16px;
		}
		.faq_more_wrap {
				display: flex;
				justify-content: center;
		}
		.faq_more_arw {
				width: 32px;
				height: 32px;
				margin-left: 6px;
				background-size: 32px;
		}
}
/* ================ */
section.report {
		padding: 0 40px 160px;
}
@media(max-width: 767px) {
		section.report {
				padding-bottom: 100px;
		}
}
.report_hdr {
		max-width: 1170px;
		margin: 0 auto 35px;
}
.report_swiper_inner {
		margin: 0 auto;
		overflow: hidden;
}
.report_swiper_nav {
		max-width: 1170px;
		margin: 0 auto;
		position: relative;
}
.top_about_figure-1-1, .top_about_figure-1-2 {
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: translate(-71.93px, 69.47px);
		opacity: 0;
}
.top_about_figure-1-2 {
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transition-delay: 0.2s;
}
.isActive .top_about_figure-1-1, .isActive .top_about_figure-1-2 {
		transform: translate(0, 0);
		opacity: 1;
}
.top_about_figure-2-1, .top_about_figure-2-2 {
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		opacity: 0;
}
.top_about_figure-2-2 {
		transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.4s;
		transform: scale(1.4);
		transition-delay: 0.2s;
}
.isActive .top_about_figure-2-1, .isActive .top_about_figure-2-2 {
		transform: scale(1);
		opacity: 1;
}
.message_photo_line::before, .message_photo_line::after, .interview_line-1::before, .interview_line-1::after, .interview_line-2::before, .interview_line-2::after, .casestudy_line-1::before, .casestudy_line-1::after, .entry_line-1::before, .entry_line-1::after, .entry_line-2::before, .entry_line-2::after, .message_lineSP::before, .message_lineSP::after {
		transition: left 0.8s cubic-bezier(0.16, 1, 0.3, 1), opacity 0.5s;
		opacity: 0;
}
.message_photo_line::before {
		left: -600px;
}
.message_photo_line::after {
		left: 300px;
		transition-delay: 0.1s;
}
.message_lineSP::before {
		left: -300px;
}
.message_lineSP::after {
		left: 200px;
		transition-delay: 0.1s;
}
.message_photo_line.isActive::before, .message_photo_line.isActive::after {
		left: 0px;
		opacity: 1;
}
.message_lineSP.isActive::before, .message_lineSP.isActive::after {
		left: 0px;
		opacity: 1;
}
.interview_line-1::before {
		left: 500px;
}
.interview_line-1::after {
		left: 500px;
		transition-delay: 0.2s;
}
.interview_line-2::before {
		left: -500px;
}
.interview_line-2::after {
		left: -500px;
		transition-delay: 0.2s;
}
.interview_line-1.isActive::before, .interview_line-1.isActive::after, .interview_line-2.isActive::before, .interview_line-2.isActive::after {
		left: 0px;
		opacity: 1;
}
.casestudy_line-1::before {
		left: 500px;
}
.casestudy_line-1::after {
		left: 500px;
		transition-delay: 0.2s;
}
.casestudy_line-1.isActive::before, .casestudy_line-1.isActive::after {
		left: 0px;
		opacity: 1;
}
.entry_line-1::before {
		left: -500px;
}
.entry_line-1::after {
		left: -500px;
		transition-delay: 0.2s;
}
.entry_line-1.isActive::before, .entry_line-1.isActive::after {
		left: 0px;
		opacity: 1;
}
.entry_line-2::before {
		left: 500px;
}
.entry_line-2::after {
		left: 500px;
		transition-delay: 0.2s;
}
.entry_line-2.isActive::before, .entry_line-2.isActive::after {
		left: 0px;
		opacity: 1;
}