@media screen and (max-width: 720px) {
	.main_page .sec01 .cont_txt {
		width: 100%;
		top: 43%;
		font-size: calc(100vw * (28 / 360));
	}
	.main_page .sec01 .cont_txt span {
		font-size: calc(100vw * (32 / 360));
	}
	.consult_btn {
		right: 0;
		bottom: 0;
		width: 100%;
		height: calc(100vw * (40 / 360));
		display: flex;
		justify-content: center;
		align-items: center;
		background: #fe9328;
	}
	.consult_btn.pc {
		display: none;
	}
	.consult_btn.mb {
		display: flex;
		align-items: center;
		gap: 8px;
		cursor: pointer;
		font-size: 13px;
		font-weight: 600;
		color: #fff;
	}
	.consult_btn.mb .cont_img {
		width: 20px;
		height: 20px;
	}

	/* Custom Progress Bar */
	.main_page .custom-progressbar {
		bottom: calc(100vw * (124 / 360)) !important;
		width: calc(100vw * (320 / 360)) !important;
		height: calc(100vw * (1 / 360));
		gap: 0;
		padding: 0;
	}
	.main_page .bullet-content {
		padding: calc(100vw * (10 / 360)) 0 0 0;
	}
	.main_page .bullet-title {
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.main_page .bullet-subtitle {
		font-size: calc(100vw * (12 / 360));
	}

	/* section 02 */
	.main .sec02 {
		padding: calc(100vw * (110 / 360)) 0;
	}
	.main .sec02 .inner,
	.main .sec03 .inner {
		width: calc(100vw * (320 / 360));
	}
	.main .tit {
		gap: calc(100vw * (10 / 360));
	}
	.main .tit span {
		font-size: calc(100vw * (14 / 360));
	}
	.main .tit h2 {
		font-size: calc(100vw * (24 / 360));
	}
	.main .tit small p {
		font-size: calc(100vw * (16 / 360));
	}
	.main .tit small {
		font-size: calc(100vw * (14 / 360));
	}
	.main .sec02 .bus_wp {
		margin-top: calc(100vw * (37 / 360));
		gap: calc(100vw * (23 / 360));
	}
	.main .sec02 .bus_wp li a {
		gap: calc(100vw * (10 / 360));
	}
	.main .sec02 .bus_wp .cont_img {
		width: calc(100vw * (44 / 360));
		height: calc(100vw * (44 / 360));
	}
	.main .sec02 .bus_wp .cont_txt {
		font-size: calc(100vw * (12 / 360));
	}

	/* section 03 */
	.main .sec03 {
		padding: calc(100vw * (150 / 360)) 0;
	}
	.main .sec03 .about_btn {
		width: calc(100vw * (155 / 360));
		margin: calc(100vw * (45 / 360)) auto 0;
		height: calc(100vw * (47 / 360));
		border-radius: calc(100vw * (50 / 360));
		font-size: calc(100vw * (14 / 360));
	}

	/* ceo */
	.ceo .cont_bnr {
		height: auto;
		margin-bottom: calc(100vw * (30 / 360));
	}
	.ceo .cont_bnr .cont_txt {
		line-height: 1.6;
		font-size: calc(100vw * (16 / 360));
	}
	.ceo .cont_wp {
		flex-direction: column;
		padding-bottom: calc(100vw * (33 / 360));
		margin-bottom: calc(100vw * (30 / 360));
		gap: calc(100vw * (30 / 360));
	}
	.ceo .cont_wp .cont_txt {
		width: calc(100vw * (330 / 360));
	}
	.ceo .cont_wp .cont_txt h3 {
		margin-bottom: calc(100vw * (10 / 360));
		height: auto;
		font-size: calc(100vw * (14 / 360));
	}
	.ceo .cont_wp .cont_txt p {
		font-size: calc(100vw * (13 / 360));
	}
	.ceo .fin_txt {
		margin-bottom: calc(100vw * (30 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.ceo .sign {
		gap: calc(100vw * (8 / 360));
		font-size: calc(100vw * (13 / 360));
		padding-bottom: 0;
	}
	.ceo .sign .cont_img {
		width: calc(100vw * (47 / 360));
	}

	/* outline */
	.sub .inner.outline {
		width: 100%;
	}
	.outline.inner .cont_wp {
		flex-wrap: wrap;
		gap: calc(100vw * (10 / 360));
		padding: calc(100vw * (30 / 360)) calc(100vw * (20 / 360));
		background: url("../img/outline_bnr_mb.png") center / cover no-repeat;
	}
	.outline.inner .cont_wp li {
		padding: calc(100vw * (20 / 360)) calc(100vw * (20 / 360))
			calc(100vw * (15 / 360));
		width: calc(100vw * (155 / 360));
		height: calc(100vw * (190 / 360));
		border-radius: calc(100vw * (10 / 360));
		backdrop-filter: blur(calc(100vw * (8 / 360)));
	}

	.outline.inner .cont_wp li .cont_txt span {
		margin-bottom: calc(100vw * (10 / 360));
		padding: calc(100vw * (2 / 360)) calc(100vw * (8 / 360));
		font-size: calc(100vw * (12 / 360));
		border-radius: calc(100vw * (50 / 360));
	}
	.outline.inner .cont_wp li .cont_txt p {
		font-size: calc(100vw * (16 / 360));
	}
	.outline.inner .cont_wp li .cont_img {
		width: calc(100vw * (35 / 360));
		height: calc(100vw * (35 / 360));
	}

	.outline .info_wp {
		margin: calc(100vw * (30 / 360)) 0 calc(100vw * (50 / 360));
		gap: calc(100vw * (30 / 360)) calc(100vw * (20 / 360));
	}
	.outline .info_wp li {
		width: calc(100vw * (343 / 360));
		padding-bottom: calc(100vw * (20 / 360));
	}
	.outline .info_wp .left {
		width: calc(100vw * (110 / 360));
		gap: calc(100vw * (5 / 360));
		flex-shrink: 0;
	}
	.outline .info_wp .left .cont_img {
		width: calc(100vw * (18 / 360));
		height: calc(100vw * (18 / 360));
	}
	.outline .info_wp .left .cont_txt {
		font-size: calc(100vw * (14 / 360));
	}
	.outline .info_wp .right {
		font-size: calc(100vw * (13 / 360));
	}
	.outline .customer_wp .tit {
		margin-bottom: calc(100vw * (20 / 360));
	}
	.outline .customer_wp .tit h3 {
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (20 / 360));
	}
	.outline .customer_wp .tit small {
		font-size: calc(100vw * (13 / 360));
	}
	.outline .fac_tab ul {
		gap: calc(100vw * (10 / 360));
		margin-bottom: calc(100vw * (20 / 360));
	}
	.outline .fac_tab li {
		width: calc(100vw * (155 / 360));
		height: calc(100vw * (36 / 360));
		font-size: calc(100vw * (13 / 360));
		border-radius: calc(100vw * (50 / 360));
	}
	.outline .customer_list {
		gap: calc(100vw * (10 / 360));
	}
	.outline .customer_list li {
		width: calc(100vw * (155 / 360));
		height: calc(100vw * (60 / 360));
	}
	.outline .fac_cont {
		padding-bottom: 0;
	}

	/* vision */
	.vision .sec01 {
		margin-bottom: calc(100vw * (60 / 360));
	}
	.vision .sec01 .inner2::after {
		left: calc(100vw * (20 / 360));
		bottom: calc(100vw * (35 / 360));
		font-size: calc(100vw * (48 / 360));
	}
	.vision .sec01 .inner2 .sub_tit {
		padding-bottom: calc(100vw * (220 / 360));
	}
	.vision .sec01 .cont_img {
		width: calc(100vw * (264 / 360));
		height: calc(100vw * (200 / 360));
	}
	.vision .sec02 {
		margin-bottom: calc(100vw * (50 / 360));
	}
	.vision .sec02 .sub_tit span,
	.vision .sec03 .sub_tit span {
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.vision .sec02 .cont_txt {
		top: calc(100vw * (30 / 360));
		left: calc(100vw * (30 / 360));
	}
	.vision .sec02 .cont_txt small {
		margin-bottom: calc(100vw * (55 / 360));
		font-size: calc(100vw * (12 / 360));
	}
	.vision .sec02 .cont_txt .tit {
		margin-bottom: calc(100vw * (16 / 360));
		font-size: calc(100vw * (18 / 360));
	}
	.vision .sec02 .cont_txt span {
		margin-bottom: calc(100vw * (3 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.vision .sec02 .cont_txt p {
		font-size: calc(100vw * (14 / 360));
	}
	.vision_swiper .swiper-pagination-bullet {
		width: calc(100vw * (5 / 360));
		height: calc(100vw * (5 / 360));
	}
	.vision_swiper .swiper-pagination-bullet:not(:last-of-type) {
		margin-right: calc(100vw * (5 / 360)) !important;
	}
	.vision .sec03 .value_swiper {
		background: url(../img/vision_bg.png) center / cover no-repeat;
	}
	.vision .sec03 .value_wp {
		width: 100%;
		padding: calc(100vw * (50 / 360)) calc(100vw * (20 / 360))
			calc(100vw * (100 / 360));
		background: transparent;
	}
	.vision .sec03 .value_wp li {
		padding: calc(100vw * (30 / 360)) calc(100vw * (46 / 360))
			calc(100vw * (37 / 360)) calc(100vw * (30 / 360));
		width: calc(100vw * (210 / 360));
		height: calc(100vw * (240 / 360));
		background: url("../img/vision_frame_mb.png") center / cover no-repeat;
	}
	.vision .sec03 .value_wp li span {
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.vision .sec03 .value_wp li strong {
		margin-bottom: calc(100vw * (60 / 360));
		font-size: calc(100vw * (18 / 360));
	}
	.vision .sec03 .value_wp li p {
		font-size: calc(100vw * (13 / 360));
	}
	.vision .sec03 .value_wp .cont_img {
		width: calc(100vw * (48 / 360));
		height: calc(100vw * (48 / 360));
	}

	/* history */
	.timeline .sub_tit {
		margin: 0 0 calc(100vw * (30 / 360)) calc(100vw * (20 / 360));
	}
	.timeline-container {
		width: 100%;
	}
	.timeline-cont {
		flex-direction: column;
		gap: calc(100vw * (30 / 360));
		padding-bottom: 0;
	}
	.year-banner {
		position: sticky;
		top: calc(100vw * (100 / 360));
		width: 100%;
		height: auto;
		flex-shrink: 0;
		border-radius: 0;
		overflow: hidden;
		box-shadow: none;
		overflow-x: auto;
	}
	.year-banner::-webkit-scrollbar {
		display: none;
	}
	.year_inner {
		display: flex;
	}
	.year-slide {
		padding: calc(100vw * (15 / 360)) calc(100vw * (20 / 360));
		width: auto;
		height: auto;
		display: block;
		position: unset;
		background: #fff;
		flex-shrink: 0;
	}
	.year-slide img {
		display: none;
	}
	.year-slide.active {
		display: flex;
		flex-direction: row;
		justify-content: center;
		animation: fadeIn 0.5s ease;
		border-bottom: 3px solid #fe9328;
	}
	.year-slide span {
		display: block;
		font-size: calc(100vw * (13 / 360));
		font-weight: 600;
		color: #aaa;
	}
	.year-slide.active span {
		color: #fe9328;
	}
	.year-tite {
		font-size: calc(100vw * (18 / 360));
	}

	/* 오른쪽 스크롤 가능한 컨텐츠 */

	.year-section {
		gap: 0;
		padding: calc(100vw * (30 / 360)) calc(100vw * (20 / 360))
			calc(100vw * (20 / 360));
	}
	h2.year-title {
		width: calc(100vw * (70 / 360));
		font-size: calc(100vw * (18 / 360));
		flex-shrink: 0;
	}
	.event-item {
		gap: calc(100vw * (5 / 360));
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	/* 스크롤바 스타일 */
	::-webkit-scrollbar {
		width: calc(100vw * (4 / 360));
	}

	::-webkit-scrollbar-thumb {
		border-radius: calc(100vw * (2 / 360));
	}

	/* group */
	.group {
		padding-bottom: calc(100vw * (130 / 360)) !important;
	}
	.group .inner2 .cont_img {
		height: calc(100vw * (940 / 360));
	}

	/* locate */
	.sub.locate {
		padding-bottom: calc(100vw * (80 / 360));
	}
	.locate .sub_tit {
		margin-bottom: calc(100vw * (30 / 360));
	}
	.locate .locate_box {
		flex-direction: column;
		gap: calc(100vw * (40 / 360));
	}
	.locate_cont .cont {
		width: 100%;
		height: calc(100vw * (300 / 360));
	}
	.locate_tab {
		width: 100%;
	}
	.locate_tab .tit {
		padding: calc(100vw * (20 / 360)) 0;
		font-size: calc(100vw * (14 / 360));
		background: url("../img/plus_ico.png") center right /
			calc(100vw * (9 / 360)) no-repeat;
	}
	.locate_tab li.on .tit {
		background: url("../img/minus_ico.png") center right /
			calc(100vw * (12 / 360)) no-repeat;
	}
	.locate_tab .info {
		gap: calc(100vw * (5 / 360));
	}
	.locate_tab .info:not(:last-of-type) {
		margin-bottom: calc(100vw * (10 / 360));
	}
	.locate_tab .info .cont_ico {
		width: calc(100vw * (15 / 360));
		height: calc(100vw * (15 / 360));
	}
	.locate_tab .info .cont_txt {
		font-size: calc(100vw * (13 / 360));
	}
	.locate_tab .cont_img {
		margin-top: calc(100vw * (21 / 360));
		height: calc(100vw * (150 / 360));
	}
	.locate .root_daum_roughmap .wrap_map {
		height: calc(100vw * (150 / 360)) !important;
	}
	/* relative */
	.wrap.relative {
		padding-bottom: calc(100vw * (120 / 360));
	}
	.relative_wp {
		gap: calc(100vw * (10 / 360));
	}
	.relative_wp li {
		position: relative;
		padding: calc(100vw * (20 / 360));
		width: 100%;
		height: calc(100vw * (150 / 360));
		border-radius: calc(100vw * (10 / 360));
		display: flex;
		gap: calc(100vw * (24 / 360));
		align-items: center;
	}
	.relative_wp li .cont_img {
		margin-bottom: 0;
		flex-shrink: 0;
		width: calc(100vw * (110 / 360));
		height: calc(100vw * (110 / 360));
	}
	.relative_wp li .cont_txt {
		width: 100%;
		font-size: calc(100vw * (13 / 360));
		text-align: left;
	}
	.relative_wp li .cont_txt span {
		margin-bottom: calc(100vw * (8 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.relative_wp li .cont_btn {
		position: absolute;
		bottom: calc(100vw * (10 / 360));
		right: calc(100vw * (10 / 360));
		margin: 0;
		width: calc(100vw * (32 / 360));
		height: calc(100vw * (32 / 360));
	}

	/* direction */
	.sub.direction {
		padding-bottom: calc(100vw * (80 / 360));
	}
	.sub.direction .inner2 {
		width: 100%;
	}
	.direction .root_daum_roughmap {
		border-radius: 0;
	}
	.direction .root_daum_roughmap .wrap_map {
		height: calc(100vw * (240 / 360)) !important;
	}
	.direction .map {
		height: calc(100vw * (240 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.direction .map_cont {
		margin-bottom: calc(100vw * (23 / 360));
	}
	.direction .map_cont .tit {
		gap: calc(100vw * (9 / 360));
		font-size: calc(100vw * (16 / 360));
	}
	.direction .map_cont .tit::after {
		display: none;
	}
	.direction .map_cont .cont_txt {
		margin-left: calc(100vw * (20 / 360));
		flex-direction: column;
		align-items: flex-start;
		gap: calc(100vw * (18 / 360));
	}
	.direction .map_cont .tit .cont_ico {
		width: calc(100vw * (31 / 360));
		height: calc(100vw * (37 / 360));
	}
	.direction .map_cont .info {
		flex-direction: column;
		gap: calc(100vw * (10 / 360));
	}
	.direction .map_cont .info > div {
		gap: calc(100vw * (8 / 360));
	}
	.direction .map_cont .info p {
		font-size: calc(100vw * (13 / 360));
	}
	.direction .traffic {
		width: calc(100vw * (320 / 360));
		margin: 0 auto;
	}
	.direction .map_cont .info .cont_ico,
	.direction .traffic .cont_ico {
		width: calc(100vw * (24 / 360));
		height: calc(100vw * (24 / 360));
	}
	.direction .traffic h3 {
		margin-bottom: calc(100vw * (23 / 360));
		font-size: calc(100vw * (18 / 360));
	}
	.direction .traffic .tit {
		gap: calc(100vw * (5 / 360));
		font-size: calc(100vw * (16 / 360));
	}
	.direction .traffic .info_wp {
		gap: calc(100vw * (25 / 360)) calc(100vw * (15 / 360));
	}
	.direction .traffic .info {
		flex-direction: column;
		align-items: flex-start;
		gap: calc(100vw * (10 / 360));
		padding-bottom: calc(100vw * (30 / 360));
	}
	.direction .traffic .info:not(:first-of-type) {
		width: 100%;
	}
	.direction .traffic .info .cont_txt {
		font-size: calc(100vw * (13 / 360));
	}
	.direction .traffic .info span {
		width: calc(100vw * (18 / 360));
		height: calc(100vw * (18 / 360));
		margin-right: calc(100vw * (3 / 360));
		font-size: calc(100vw * (13 / 360));
	}

	/* community */
	/* write */
	.write .cont_tit h3,
	.write2 .cont_tit h3,
	.interview .cont_tit h3 {
		margin-bottom: 0;
		padding-bottom: calc(100vw * (160 / 360));
	}
	.write .sec01,
	.write2 .sec01,
	.interview .sec01 {
		position: relative;
		display: block;
		margin-bottom: calc(100vw * (30 / 360));
	}
	.write .sec01 .cont_tit,
	.write2 .sec01 .cont_tit,
	.interview .sec01 .cont_tit {
		padding: 0;
	}
	.write .sec01 .cont_img,
	.write2 .sec01 .cont_img,
	.interview .sec01 .cont_img {
		position: absolute;
		top: calc(100vw * (50 / 360));
		left: 0;
		width: 100%;
		height: calc(100vw * (120 / 360));
	}
	.write .sec01 .cont_img img,
	.write2 .sec01 .cont_img img,
	.interview .sec01 .cont_img img {
		height: 100%;
	}
	.write .write_wp {
		gap: calc(100vw * (15 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.write .write_wp li {
		width: 100%;
		height: auto;
		padding: calc(100vw * (25 / 360)) calc(100vw * (20 / 360));
		border-radius: calc(100vw * (10 / 360));
	}
	.write .write_wp .tit {
		gap: calc(100vw * (6 / 360));
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.write .write_wp .desc {
		font-size: calc(100vw * (13 / 360));
	}
	.write .alert_box {
		padding: calc(100vw * (25 / 360)) calc(100vw * (20 / 360));
		border-radius: calc(100vw * (10 / 360));
	}
	.write .alert_box .tit {
		gap: calc(100vw * (5 / 360));
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.write .alert_box .cont_img,
	.policy .cont_img {
		width: calc(100vw * (16 / 360));
		height: calc(100vw * (16 / 360));
	}
	.write .alert_box .cont_txt {
		font-size: calc(100vw * (13 / 360));
	}

	/* write2 */
	.write2_wp {
		margin-bottom: calc(100vw * (50 / 360));
	}
	.write2_wp li {
		gap: calc(100vw * (15 / 360));
		padding: calc(100vw * (25 / 360)) 0;
	}
	.write2_wp li .cont_img {
		display: none;
	}
	.write2_wp li:first-of-type .cont_img .inner {
		width: calc(100vw * (20 / 360));
		height: calc(100vw * (23 / 360));
	}
	.write2_wp li:nth-of-type(2) .cont_img .inner {
		width: calc(100vw * (21 / 360));
		height: calc(100vw * (20 / 360));
	}
	.write2_wp li:nth-of-type(3) .cont_img .inner {
		width: calc(100vw * (28 / 360));
		height: calc(100vw * (19 / 360));
	}
	.write2_wp li:nth-of-type(4) .cont_img .inner {
		width: calc(100vw * (15 / 360));
		height: calc(100vw * (20 / 360));
	}
	.write2_wp li:last-of-type .cont_img .inner {
		width: calc(100vw * (18 / 360));
		height: calc(100vw * (24 / 360));
	}
	.write2_wp li .tit {
		position: relative;
		padding-left: calc(100vw * (50 / 360));
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (14 / 360));
		line-height: calc(100vw * (45 / 360));
	}
	.write2_wp li .tit::before {
		position: absolute;
		top: 50%;
		transform: translateY(-50%);
		left: 0;
		display: block;
		content: "";
		width: calc(100vw * (35 / 360));
		height: calc(100vw * (35 / 360));
		border-radius: 50%;
	}
	.write2_wp li:first-of-type .tit::before {
		background: url("../img/write_ico01.png") center / calc(100vw * (21 / 360))
				no-repeat,
			#fe9328;
	}
	.write2_wp li:nth-of-type(2) .tit::before {
		background: url("../img/write_ico02.png") center / calc(100vw * (19 / 360))
				no-repeat,
			#fe9328;
	}
	.write2_wp li:nth-of-type(3) .tit::before {
		background: url("../img/write_ico03.png") center / calc(100vw * (23 / 360))
				no-repeat,
			#fe9328;
	}
	.write2_wp li:nth-of-type(4) .tit::before {
		background: url("../img/write_ico04.png") center / calc(100vw * (13 / 360))
				no-repeat,
			#fe9328;
	}
	.write2_wp li:last-of-type .tit::before {
		background: url("../img/write_ico05.png") center / calc(100vw * (17 / 360))
				no-repeat,
			#fe9328;
	}
	.write2_wp li .desc {
		font-size: calc(100vw * (13 / 360));
	}
	.write2 .type_wp {
		gap: calc(100vw * (20 / 360));
	}
	.write2 .type_wp li {
		width: 100%;
		height: auto;
	}
	.write2 .type_wp li .cont_img {
		height: calc(100vw * (140 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.write2 .type_wp li .tit {
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.write2 .type_wp li .desc {
		font-size: calc(100vw * (13 / 360));
		line-height: 1.5;
	}

	/* interview */
	.interview .cont_ico {
		width: calc(100vw * (16 / 360));
		height: calc(100vw * (16 / 360));
		flex-shrink: 0;
	}
	.interview [class*="step0"] li {
		align-items: flex-start;
		gap: calc(100vw * (5 / 360));
	}
	.interview .step01,
	.interview .step02 {
		padding: calc(100vw * (20 / 360)) 0;
		gap: calc(100vw * (30 / 360));
		margin-bottom: calc(100vw * (30 / 360));
	}
	.interview .step01 li,
	.interview .step02 li {
		width: 100%;
	}

	/* service */
	.service_company_wp {
		gap: calc(100vw * (10 / 360));
	}
	.service_company_wp li {
		width: calc(100vw * (155 / 360));
		height: calc(100vw * (60 / 360));
	}
	.service_tab ul {
		gap: calc(100vw * (15 / 360));
		margin-bottom: calc(100vw * (20 / 360));
	}
	.service_tab li {
		font-size: calc(100vw * (14 / 360));
	}

	/* sourcing */
	.sourcing_wp {
		flex-direction: column;
		gap: calc(100vw * (10 / 360));
	}
	.sourcing_wp li {
		width: 100%;
		height: calc(100vw * (240 / 360));
		padding: calc(100vw * (30 / 360));
		border-radius: calc(100vw * (10 / 360));
	}
	.sourcing_wp li.active {
		width: 100%;
	}
	.sourcing_wp li span {
		margin-bottom: calc(100vw * (47 / 360));
		font-size: calc(100vw * (13 / 360));
		text-align: left;
	}
	.sourcing_wp li strong {
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (18 / 360));
		text-align: left;
	}
	.sourcing_wp li p {
		display: block;
		font-size: calc(100vw * (13 / 360));
	}
	.sourcing_wp li.active strong {
		font-size: calc(100vw * (18 / 360));
	}

	.sourcing_wp2 {
		gap: calc(100vw * (15 / 360));
	}
	.sourcing_wp2 li {
		width: 100%;
	}
	.sourcing_wp2 .cont_img {
		width: 100%;
		height: calc(100vw * (200 / 360));
		margin-bottom: calc(100vw * (8 / 360));
	}
	.sourcing_wp2 .cont_img img {
		height: 100%;
	}
	.sourcing_wp2 .cont_txt {
		font-size: calc(100vw * (14 / 360));
	}

	/* dispatch */
	.dispatch .cont:first-of-type .cont_img {
		width: 100%;
		height: calc(100vw * (345 / 360));
	}

	.dispatch_wp {
		gap: calc(100vw * (20 / 360));
	}
	.dispatch_wp li {
		width: 100%;
	}
	.dispatch_wp li .cont_img {
		height: calc(100vw * (140 / 360));
		margin-bottom: calc(100vw * (10 / 360));
	}
	.dispatch_wp li .cont_txt {
		font-size: calc(100vw * (13 / 360));
	}
	.dispatch .service_company_wp:not(:last-of-type),
	.build .service_company_wp:not(:last-of-type),
	.service_cont .cont:not(:last-of-type) {
		margin-bottom: calc(100vw * (30 / 360));
	}
	.cont h3 {
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (16 / 360));
	}
	.dispatch .fin_txt {
		margin-top: calc(100vw * (30 / 360));
		font-size: calc(100vw * (12 / 360));
	}

	/* agency */
	.agency_wp {
		gap: calc(100vw * (10 / 360));
	}
	.agency_wp li {
		width: 100%;
		height: calc(100vw * (120 / 360));
		padding: calc(100vw * (35 / 360)) calc(100vw * (50 / 360));
		flex-direction: row;
		justify-content: space-between;
		background: url(../img/agency_frame_mb.png) center / cover no-repeat;
	}
	.agency_wp li::after {
		right: auto;
		top: auto;
		left: 50%;
		bottom: calc(100vw * (-25 / 360));
		width: calc(100vw * (40 / 360));
		height: calc(100vw * (40 / 360));
		transform: translateX(-50%) rotate(90deg);
	}
	.agency_wp li:nth-of-type(4)::after {
		content: "";
	}
	.agency_wp li span {
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.agency_wp li strong {
		margin-bottom: 0;
		font-size: calc(100vw * (14 / 360));
	}
	.agency_wp li .cont_icon {
		width: calc(100vw * (50 / 360));
		height: calc(100vw * (50 / 360));
	}
	.agency_wp2 {
		gap: calc(100vw * (10 / 360));
	}
	.agency_wp2 li {
		width: 100%;
		height: calc(100vw * (180 / 360));
	}
	.agency_wp2 li .cont_img,
	.agency_wp2 li img {
		height: 100%;
	}
	.agency_wp2 li .cont_txt {
		left: calc(100vw * (30 / 360));
		bottom: calc(100vw * (30 / 360));
		font-size: calc(100vw * (14 / 360));
	}

	/* build */
	.build_wp {
		flex-direction: column;
		gap: calc(100vw * (30 / 360));
	}
	.build_wp li {
		width: 100%;
	}
	.build_wp .cont_img {
		height: calc(100vw * (80 / 360));
		margin-bottom: calc(100vw * (10 / 360));
		font-size: calc(100vw * (14 / 360));
		background: url(../img/build_frame02_mb.png) center / cover no-repeat;
	}
	.build_wp .cont_img span {
		top: calc(100vw * (-8 / 360));
		width: calc(100vw * (35 / 360));
		height: calc(100vw * (35 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.build_wp .item_wp {
		gap: calc(100vw * (10 / 360));
	}
	.build_wp .item_wp div {
		padding: calc(100vw * (10 / 360)) 0;
		font-size: calc(100vw * (13 / 360));
		border-radius: calc(100vw * (10 / 360));
	}

	/* business */
	.business .cont01 .cont_wp li {
		flex-direction: column;
		gap: calc(100vw * (15 / 360));
		padding: calc(100vw * (10 / 360)) calc(100vw * (7 / 360));
		width: calc(100vw * (155 / 360));
		height: calc(100vw * (170 / 360));
		border-radius: calc(100vw * (10 / 360));
	}
	.business .cont01 .cont_img {
		width: calc(100vw * (135 / 360));
		height: calc(100vw * (60 / 360));
	}
	.business .cont01 .cont_txt {
		height: calc(100vw * (75 / 360));
		font-size: calc(100vw * (12 / 360));
		text-align: center;
		letter-spacing: -0.03em;
	}
	.business .cont01 .cont_txt span {
		margin-bottom: calc(100vw * (5 / 360));
		font-size: calc(100vw * (13 / 360));
	}
	.business .cont02 .cont_img {
		height: calc(100vw * (600 / 360));
	}
	.business .cont03 .cont_wp {
		flex-direction: column;
		gap: calc(100vw * (10 / 360));
	}
	.business .cont03 .cont_wp li {
		flex-direction: row;
		gap: calc(100vw * (20 / 360));
		padding: calc(100vw * (25 / 360));
		width: 100%;
		height: calc(100vw * (150 / 360));
		border-radius: calc(100vw * (10 / 360));
	}
	.business .cont03 .cont_wp li span.pc {
		display: none;
	}
	.business .cont03 .cont_wp li span.mb {
		display: block;
	}
	.business .cont03 .cont_wp li span {
		margin-bottom: calc(100vw * (4 / 360));
		font-size: calc(100vw * (14 / 360));
	}
	.business .cont03 .cont_wp li .cont_img {
		margin-bottom: 0;
		flex-shrink: 0;
		width: calc(100vw * (50 / 360));
		height: calc(100vw * (50 / 360));
	}
	.business .cont03 .cont_wp li .cont_txt {
		font-size: calc(100vw * (13 / 360));
		text-align: left;
	}
	.business .cont03 .cont_wp li small {
		margin-top: calc(100vw * (16 / 360));
		font-size: calc(100vw * (13 / 360));
	}
}