@charset "UTF-8";

.edit-area {
	&.company {
		padding-bottom: 11.5rem;
		@media screen and (max-width: 767px) {
			padding-bottom: 6rem;
		}
	}

	.bold {
		font-weight: bold;
	}

	&.mission {
		padding: 10.6rem 0 11.7rem;
		background: #f8f8f8;

		@media screen and (max-width: 767px) {
			padding: 6rem 0;
		}

		.story-list {
			&.type01 {
				margin-top: 8rem;
				padding: 7.4rem 10rem 4.5rem;
				border: 1px solid #bcbcbc;
				border-radius: 2rem;
				background: #fff;

				@media screen and (max-width: 767px) {
					margin-top: 2rem;
					padding: 3rem 3rem 1rem;
				}

				> div {
					display: flex;
					flex-wrap: wrap;
					padding: 4.1rem 0;
					border-bottom: 1px solid #bcbcbc;

					@media screen and (max-width: 767px) {
						padding: 3rem 0;
						flex-direction: column;
					}

					&:first-child {
						padding-top: 0;
					}

					&:last-child {
						border-bottom: 0;
					}

					& dt {
						width: calc(100% - 82.5rem);
						font-family: "Jost";
						font-weight: 500;
						color: #e50012;
						font-size: 3.5rem;
						line-height: 1.457;
						letter-spacing: 0.05em;

						@media screen and (max-width: 767px) {
							width: 100%;
							margin-bottom: 1.5rem;
							text-align: center;
							font-size: 3rem;
						}
					}

					& dd {
						width: 82.5rem;
						@media screen and (max-width: 767px) {
							width: 100%;
						}
					}

					.list-title {
						position: relative;
						margin-bottom: 1.4rem;
						padding-right: 2rem;
						font-weight: 700;
						font-size: 2rem;
						line-height: 190%;
						letter-spacing: 0.02em;
						color: #000000;
						/* cursor: pointer; */
						@media screen and (max-width: 767px) {
							font-size: 1.8rem;
							line-height: 1.6;
						}

						/* &:after {
							content: "";
							position: absolute;
							right: 0;
							top: calc(50% - 0.7rem);
							z-index: 1;
							display: block;
							width: 1rem;
							height: 1.4rem;
							background: url(../../common/img/parts/icon_arrow02_red.svg) no-repeat center center / 100% auto;
							transform: rotate(-90deg);
						} */
					}
				}
			}
		}
	}

	&.represent {
		padding: 13rem 0 21.4rem;
		@media screen and (max-width: 767px) {
			padding: 6rem 0;
		}

		.greeting-set {
			display: flex;
			flex-direction: column;
			gap: 4rem;
			margin-top: 5rem;
			/* margin-bottom: 8.8rem; */
			@media screen and (max-width: 767px) {
				gap: 2rem;
				margin-top: 3rem;
				/* margin-bottom: 4rem; */
			}
			.set-photo {
				overflow: hidden;
				border-radius: 2rem;
				@media screen and (max-width: 767px) {
					border-radius: 1rem;
				}
			}

			.set-text {
				.text-sign {
					margin-top: 3.8rem;
					text-align: right;
					font-weight: 600;
					color: #000000;
					@media screen and (max-width: 767px) {
						margin-top: 2rem;
					}
				}
			}
		}

		.represent-set {
			display: flex;
			flex-wrap: wrap;
			flex-direction: row-reverse;
			gap: 8.7rem;
			margin-bottom: 7rem;

			@media screen and (max-width: 767px) {
				flex-direction: column;
				gap: 2rem;
				margin-bottom: 4rem;
			}

			&:last-child {
				margin-bottom: 0;
			}

			.set-photo {
				width: 21.8rem;
				@media screen and (max-width: 767px) {
					width: 100%;
					& img {
						margin: 0 auto;
						width: 50%;
					}
				}
			}
			.set-text {
				width: calc(100% - 21.8rem - 8.7rem);
				@media screen and (max-width: 767px) {
					width: 100%;
				}
			}
		}
	}

	.googlemap{
		display: block;
		margin-top: 2rem;
		width: 50rem;
		height: 30rem;
		@media screen and (max-width: 767px) {
			margin-top: 1rem;
			width: 100%;
			height: 20rem;
		}
	}
}