@charset "utf-8";
.air_section {
		background: #fff;
}
.air_inner {
		max-width: 845px;
		margin: 0 auto;
		position: relative;
		aspect-ratio: 10 / 6.6;
		padding: 0 30px
}
.air_inner .air_main {
		position: absolute;
		top: 0;
		right: 0;
		width: 592px;
}
.air_main img {
		width: 100%;
		height: auto;
}
.air_inner p {
		line-height: 2.2;
}
.air_inner .air_caption_bottom {
		display: flex;
		align-items: center;
		position: absolute;
		bottom: 60px;
		left: 25px;
}
.air_caption_bottom_figure {
		width: 140px;
		margin-right: 24px;
}
.air_caption_bottom_figure img {
		width: 100%;
		height: auto
}
.air_caption_bottom_caption {
		flex: 1
}
.air_caption_bottom_caption .notes {
		margin-top: 20px;
}
.wrap845 {
		max-width: 845px;
		margin: 0 auto;
		padding: 0 30px
}
@media(max-width: 960px) {
		.air_inner {
				max-width: 700px;
				aspect-ratio: 10 / 5.5;
		}
		.air_inner .air_main {
				width: 430px;
				right: 20px
		}
		.air_caption_bottom_figure {
				width: 110px;
				margin-right: 15px;
		}
}
@media(max-width: 767px) {
		.air_inner {
				max-width: 700px;
				aspect-ratio: initial;
				padding: 0 6vw
		}
		.section_lead {
				margin-bottom: 20px;
		}
		.air_inner .air_main {
				position: static;
				top: 0;
				right: 0;
				width: 100%;
				margin-bottom: 40px;
		}
		.air_inner .air_caption_bottom {
				position: static;
				bottom: inherit;
				left: inherit;
				margin-bottom: 20px;
		}
		.air_caption_bottom_figure {
				width: 100px;
		}
}
/* ========== */
.eggshock_section {
		background: #EFEFEF;
		padding-bottom: 0 !important;
}
.eggshock_hdr_wrap {
		background: #111113;
		margin-top: 160px;
		padding: 40px 0;
}
.eggshock_hdr {
		max-width: 1155px;
		margin: 0 auto;
}
.eggshock_hdr img {
		width: 100%;
		height: auto;
}
.eggshock_wrap {
		max-width: 805px;
		margin: 0 auto;
		padding: 0 6vw;
}
.eggshock_upper {
		display: flex;
		justify-content: space-between;
		margin-bottom: 40px;
		position: relative;
}
.eggshock_upper_right {
		width: 138px;
}
.eggshock_upper_right img {
		width: 100%;
		height: auto;
}
.eggshock_caption {
		line-height: 2.2;
		flex: 1
}
.eggshock_figure {
		margin-bottom: 120px;
		position: relative;
}
.eggshock_figure p.notes {
		position: absolute;
		right: 52px;
		top: -28px;
}
.eggshock_figure img {
		width: 100%;
		height: auto;
}
.eggshock_plus {
		max-width: 550px;
		margin: 0 auto;
		display: flex;
		align-items: center;
}
.eggshock_plus_figure {
		width: 278px;
		margin-right: 30px;
}
.eggshock_plus_figure img {
		width: 100%;
		height: auto;
}
.eggshock_plus_caption {
		flex: 1
}
.eggshock_plus_caption p {
		line-height: 1.8;
		font-weight: 500;
		position: relative;
}
.eggshock_plus_caption p::before, .eggshock_plus_caption p::after {
		content: '';
		display: block;
		position: absolute;
		left: -10px;
		width: 105px;
		height: 1px;
		background: #000;
}
.eggshock_plus_caption p::before {
		transform: rotate(-16deg);
		top: -22px;
}
.eggshock_plus_caption p::after {
		transform: rotate(16deg);
		bottom: -22px;
}
@media(max-width: 960px) {
		.eggshock_hdr {
				height: 280px;
				background: #000;
				margin: 0 30px 80px
		}
		.eggshock_hdr img {
				width: 100%;
				height: 280px;
				object-fit: cover
		}
}
@media(max-width: 767px) {
		.eggshock_hdr {
				height: auto;
				padding-left: 0;
				padding-right: 0;
				margin-left: 0;
				margin-right: 0;
				margin-bottom: 0;
		}
		.eggshock_hdr img {
				width: 100%;
				height: auto;
				object-fit: contain
		}
		.eggshock_upper {
				display: block
		}
		.eggshock_upper .eggshock_upper_right {
				width: 75px;
				position: absolute;
				top: 0;
				right: 0;
		}
		.eggshock_figure p.notes {
				position: static;
				padding: 3px 0 0;
				padding-left: 6vw;
		}
		.eggshock_figure {
				margin-bottom: 100px;
		}
		.eggshock_plus {
				max-width: inherit;
				display: flex;
				flex-direction: column-reverse;
		}
		.eggshock_plus_figure {
				width: auto;
				max-width: 300px;
				margin: 0 auto;
		}
		.eggshock_plus_caption p {
				font-size: 13px;
				margin: 0 0 20px
		}
		.eggshock_plus_caption p::before, .eggshock_plus_caption p::after {
				top: -1px;
				left: inherit;
				width: 1px;
				height: 48px;
		}
		.eggshock_plus_caption p::before {
				left: -24px;
				transform: rotate(-25deg);
		}
		.eggshock_plus_caption p::after {
				right: -24px;
				transform: rotate(25deg);
		}
}