@charset "utf-8";
#about {
	width: 100%;
	height: auto;
}
	.about__inner {
		width: 100%;
		height: auto;
		margin: 0 auto;
	}
		.about__whats {
			width: 100%;
			height: auto;
			margin: 0 auto;
		}
			.about__whats__inner {
				width: 90%;
				max-width: 1200px;
				height: calc(100vh - 60px);
				padding: 75px 0 0;
				margin: 0 auto;
				position: relative;
			}
				.sh_whats_jng img {
					width: 186.8086px;
				}
				.about__whats__txt {
					width: 86.5465%;
					height: auto;
					position: absolute;
					top: 50%;
					left: 50%;
					transform: translate(-50%,-50%);
				}
					.about__whats__txt div {
						overflow: hidden;
					}
					.about__whats__txt_01 {
						width: 100%;
						height: auto;
						margin: 0 auto 4.472336%;
					}
					.about__whats__txt_02 {
						width: 87.509163%;
						height: auto;
						margin: 0 auto;
					}
						.about__whats__txt_01 img {
							transition-delay: .35s;
						}
						.about__whats__txt_02 img {
							transition-delay: .7s;
						}
		.about__vision {
			width: 100%;
			height: auto;
			margin: 0 auto;
			padding: 0;
		}
			.about__vision__inner {
				width: 90%;
				max-width: 1200px;
				height: auto;
				margin: 0 auto;
			}
				.about__vision__image_wrap {
					width: 100%;
					height: calc(100vh - 60px);
					padding: 58px 0 0;
					position: relative;
				}
					.sh_vision img {
						width: 106.1328px;
					}
					.about__vision__image {
						display: flex;
						justify-content: space-between;
						align-items: center;
						width: 90.379%;
						height: auto;
						position: absolute;
						top: 50%;
						left: 50%;
						transform: translate(-50%,-50%);
					}
						.about__vision__image__logo {
							width: 25.43983%;
							height: auto;
							overflow: hidden;
						}
						.about__vision__image__branch {
							width: 30.536%;
							height: auto;
							position: relative;
						}
							.about__vision__image__branch::after {
								content: '';
								display: block;
								width: 100%;
								height: 100%;
								background-color: var(--color--white);
								position: absolute;
								top: 0;
								right: 0;
								transition: .45s;
								transition-delay: .4s;
							}
							.run .about__vision__image__branch::after {
								width: 0%;
							}
						.about__vision__image__c_txt {
							width: 40.2511%;
							height: auto;
						}
							.about__vision__image__c_txt__change {
								width: 63.935%;
								height: auto;
								margin-bottom: 5.17105%;
							}
							.about__vision__image__c_txt__comes_from {
								width: 100%;
								height: auto;
								margin-bottom: 7.945697%;
							}
							.about__vision__image__c_txt__challenge {
								width: 83.4%;
								height: auto;
							}
								.about__vision__image__c_txt__change__inner,
								.about__vision__image__c_txt__comes_from__inner,
								.about__vision__image__c_txt__challenge__inner {
									overflow: hidden;
								}
									.about__vision__image__c_txt__change img {
										transition-delay: .85s;
									}
									.about__vision__image__c_txt__comes_from img {
										transition-delay: 1.05s;
									}
									.about__vision__image__c_txt__challenge img {
										transition-delay: 1.25s;
									}
				.about__vision__txt_wrap {
					display: flex;
					justify-content: center;
					align-items: center;
					width: 100%;
					height: calc(100vh - 60px);
					margin: 0 auto;
				}
					.about__vision__txt {
						width: 92.2%;
						height: auto;
					}
		.about__message {
			width: 100%;
			height: auto;
		}
			.about__message_contents {
				width: 100%;
				height: auto;
			}
				.about__message__image__container {
					display: flex;
					justify-content: space-between;
					align-items: stretch;
					width: 90%;
					max-width: 1200px;
					height: auto;
					padding: 69px 0 70px;
					margin: 0 auto;
				}
					.about__message__image_txt__wrap {
						flex: 1;
						display: flex;
						flex-direction: column;
					}
						.sh_message {
							padding-left: 5px;
						}
							.sh_message img {
								width: 205.5217px;
							}
						.about__message__image_txt {
							display: flex;
							justify-content: center;
							align-items: center;
							width: 100%;
							flex: 1;
						}
							.about__message__image_txt img {
								width: 76.7748%;
							}
					.about__message__image__wrap {
						width: 50.176%;
						height: auto;
						margin: 0 auto;
						position: relative;
					}
						.about__message__image {
							width: 100%;
							height: auto;
							margin: 0 auto;
						}
						.about__message__ceo_name {
							width: 100%;
							height: auto;
							margin-top: 17px;
						}
							.about__message__ceo_name__txt {
								display: flex;
								justify-content: flex-end;
								align-items: center;	
								font-size: 28px;
								font-weight: 500;
								line-height: 1;
								text-align: left;
							}
								.about__message__ceo_name__txt small {
									margin-top: 4px;
									margin-right: 15px;
									font-size: 18px;
								}
				.about__message__txt__container {
					width: 100%;
					height: auto;
					background-color: #dbdcdc;
					position: relative;
				}
					.about__message__txt__swiper {
						width: 100%;
						max-width: 1280px;
						height: auto;
						padding: 45px 0;
						margin: 0 auto;
						position: relative;
					}
						.about__message__txt__slide {
							background-color: #dbdcdc;
						}
							.about__message__txt_wrap {
								width: 80%;
								max-width: 950px;
								height: auto;
								margin: 0 auto;
								color: var(--color--black);
								opacity: 0;
								transition: opacity 0.2s ease;
							}
							.swiper-slide-active .about__message__txt_wrap {
								opacity: 1;
							}
								.about__message__txt_heading {
									width: 100%;
									height: auto;
									margin: 0 auto 35px;
									font-size: 42px;
									font-weight: 700;
									line-height: 1;
									letter-spacing: -0.02em;
								}
									.about__message__txt_heading br {
										display: none;
									}
								.about__message__txt_details {
									width: 100%;
									height: auto;
									font-size: 24px;
									font-weight: 700;
									line-height: 1.875;
									letter-spacing: 0.04em;
									font-feature-settings: "palt";
								}
					.about__message__txt__swiper .about__message__swiper_prev {
						width: 42px;
						left: 2.5%;
					}
					.about__message__txt__swiper .about__message__swiper_next {
						width: 42px;
						right: 2.5%;
					}
		.about__h_line {
			width: 90%;
			max-width: 1200px;
			height: 3px;
			margin: 0 auto;
			position: relative;
		}
			.about__h_line::before {
				content: '';
				display: block;
				width: 0%;
				height: 100%;
				background-color: var(--color--black);
				transition: .8s;
				position: absolute;
				top: 0;
				left: 0;
			}
			.run.about__h_line::before {
				width: 100%;
			}

/* PC ================================================== */
@media all and (min-width:720px){

}

/* SP ================================================== */
@media all and (max-width:719px){
			.about__whats__inner {
				width: 83.836%;
				max-width: initial;
				padding: 38px 0 0;
			}
				.sh_whats_jng img {
					width: 149.44688px;
				}
				.about__whats__txt {
					width: 88.231%;
				}
					.about__whats__txt_01 {
						width: 64.307689%;
						margin: 0 auto 7.485168%;
					}
					.about__whats__txt_02 {
						width: 92.371252%;
						margin: 0 auto 7.41895%;
					}
					.about__whats__txt_03 {
						width: 38.761194%;
						margin: 0 auto 7.551385%;
					}
					.about__whats__txt_04 {
						width: 100%;
						margin: 0 auto;
					}
						.about__whats__txt_01 img {
							transition-delay: .12s;
						}
						.about__whats__txt_02 img {
							transition-delay: .24s;
						}
						.about__whats__txt_03 img {
							transition-delay: .36s;
						}
						.about__whats__txt_04 img {
							transition-delay: .48s;
						}
			.about__vision__inner {
				width: 83.836%;
				max-width: initial;
			}
				.about__vision__image_wrap {
					height: auto;
					padding: 8.533333vw 0 14.116vw;
				}
					.sh_vision {
						margin-bottom: 13.861253vw;
					}
						.sh_vision img {
							width: 84.90624px;
						}
					.about__vision__image {
						align-items: flex-end;
						flex-wrap: wrap;
						width: 100%;
						position: initial;
						transform: initial;
					}
						.about__vision__image::before {
							content: '';
							display: block;
							width: 60%;
							height: 0;
							order: 2;
						}
						.about__vision__image__logo {
							width: 36.90935%;
							margin-bottom: 3.4491vw;
							order: 1;
						}
						.about__vision__image__branch {
							width: 32.661789%;
							height: 51.387vw;
							order: 3;
							position: relative;
							z-index: 2;
						}
							.about__vision__image__branch::before {
								content: '';
								display: block;
								width: 50%;
								height: 0;
								margin: 0 auto 0 0;
								background-color: var(--color--white);
								border-right: solid 2px var(--color--black);
								transition: .5s;
							}
							.run .about__vision__image__branch::before {
								height: 100%;
							}
							.about__vision__image__branch::after {
								display: none;
							}
						.about__vision__image__c_txt {
							display: flex;
							flex-direction: column;
							justify-content: flex-end;
							width: 65.5966%;
							height: 51.387vw;
							margin-bottom: calc(-4.278667vw + 1px);
							order: 4;
							position: relative;
							z-index: 1;
						}
							.about__vision__image__c_txt__change {
								margin-bottom: 8.857467vw;
								position: relative;
							}
								.about__vision__image__c_txt__change::before {
									content: '';
									display: block;
									width: 0vw;
									height: 2px;
									background-color: var(--color--black);
									position: absolute;
									left: calc(-20vw - 1.866667vw);
									top: 50%;
									transform: translate(0%,-50%);
									transition: .5s;
									transition-delay: .2s;
								}
								.run .about__vision__image__c_txt__change::before {
									width: 20vw;
								}
							.about__vision__image__c_txt__comes_from {
								margin-bottom: 10.2796vw;
								position: relative;
							}
								.about__vision__image__c_txt__comes_from::before {
									content: '';
									display: block;
									width: 0vw;
									height: 2px;
									background-color: var(--color--black);
									position: absolute;
									left: calc(-20vw - 1.866667vw);
									top: 50%;
									transform: translate(0%,-50%);
									transition: .5s;
									transition-delay: .4s;
								}
								.run .about__vision__image__c_txt__comes_from::before {
									width: 20vw;
								}
							.about__vision__image__c_txt__challenge {
								position: relative;
							}
								.about__vision__image__c_txt__challenge::before {
									content: '';
									display: block;
									width: 0vw;
									height: 2px;
									background-color: var(--color--black);
									position: absolute;
									left: calc(-20vw - 1.866667vw);
									top: 50%;
									transform: translate(0%,-50%);
									transition: .5s;
									transition-delay: .6s;
								}
								.run .about__vision__image__c_txt__challenge::before {
									width: 20vw;
								}
									.about__vision__image__c_txt__change img {
										transition-delay: .6s;
									}
									.about__vision__image__c_txt__comes_from img {
										transition-delay: .8s;
									}
									.about__vision__image__c_txt__challenge img {
										transition-delay: 1.0s;
									}
				.about__vision__txt_wrap {
					padding: 14.116vw 0 17.441867vw;
				}
					.about__vision__txt {
						width: 100%;
						height: auto;
					}
				.about__message__image__container {
					display: block;
					width: 83.836%;
					max-width: initial;
					padding: 10.14632vw 0 9.6vw;
				}
					.about__message__image__wrap {
						display: block;
						width: 100%;
						flex: initial;
					}
						.sh_message {
							padding-left: 0;
						}
							.sh_message img {
								width: 157.1631px;
							}
						.about__message__image_txt {
							display: block;
							flex: initial;
							padding: 10.53333vw 0 12.48424vw;
						}
							.about__message__image_txt img {
								width: 100%;
							}
						.about__message__ceo_name {
							margin-top: 24px;
						}
							.about__message__ceo_name__txt {
								justify-content: center;
								font-size: 20px;
							}
								.about__message__ceo_name__txt small {
									margin-top: 2px;
									margin-right: 12px;
									font-size: 12px;
								}
					.about__message__txt__swiper {
						width: 100%;
						max-width: initial;
						padding: 27px 0 30px;
					}
							.about__message__txt_wrap {
								width: 78%;
								max-width: initial;
							}
								.about__message__txt_heading {
									margin: 0 auto 12px;
									font-size: 32px;
									line-height: 1.4;
									white-space: nowrap;
									letter-spacing: 0.02em;
								}
								.about__message__txt_details {
									font-size: 15px;
									line-height: 1.8;
									white-space: wrap;
									text-align: justify;
								}
									.about__message__txt_details br {
										display: none;
									}
					.about__message__txt__swiper .about__message__swiper_prev {
						width: 21px;
						left: 2%;
					}
					.about__message__txt__swiper .about__message__swiper_next {
						width: 21px;
						right: 2%;
					}
						.about__message__txt__swiper .about__message__swiper_prev img,
						.about__message__txt__swiper .about__message__swiper_next img {
							display: none;
						}
						.about__message__txt__swiper .about__message__swiper_prev::before,
						.about__message__txt__swiper .about__message__swiper_next::before {
							content: '';
							display: block;
							width: 0;
							height: 0;
							border-style: solid;
						}
						.about__message__txt__swiper .about__message__swiper_prev::before {
							border-width: 18.5px 16px 18.5px 0;
							border-color: transparent var(--color--black) transparent transparent;
						}
						.about__message__txt__swiper .about__message__swiper_next::before {
							border-width: 18.5px 0 18.5px 16px;
							border-color: transparent transparent transparent var(--color--black);
						}
		.about__h_line {
			height: 1px;
		}
			.about__h_line::before {
				transition: .6s;
			}
}

@media all and (max-width:670px){
									.about__message__txt_heading br {
										display: inline-block;
									}
}