.section__wrapper--contact--02 * {
	color: #fff;
}
	.l-page .section__wrapper--contact--02 {
		background: url(/semiorder/images/bg_contact_02.webp) no-repeat center center / cover;
		padding-block: 60px;
	}
		.content__wrap--contact--02:not(:last-of-type){
			margin-bottom: 17px;
		}
			.section__wrapper--contact--02 .section__ttl span{
				color: #fff;
			}
            .section__wrapper--contact--02 .content__btn--contact--mail a {
                background-color: #fff!important;
                color: #333!important;
            }
            .section__wrapper--contact--02 .content__btn--contact--mail .content__icon--mail use{
                color: #333;
            }
            .section__wrapper--contact--02 .content__btn--contact--mail [class*="content__icon--btn--"].content__icon--btn--01 use {
                color: #333;
            }
				.section__wrapper--contact--02 .section__space{
					padding-block: 0;
				}
				.section__wrapper--contact--02 .content__wrap--contact--02 .content__txt--contact--02{
					color: #fff;
				}

@media screen and (max-width: 1080px){
	.section__wrapper--contact--02[class*="section__wrapper--"]{
		padding-block: 0;
		background: url(/semiorder/images/bg_contact_02.webp) no-repeat center center / cover;
	}
	.section__wrapper--contact--02 .section__ttl,
	.section__wrapper--contact--02 .section__ttl span{
		color: #fff;
	}
	.section__wrapper--contact--02 .section__space{
		padding: 16vw 5.333vw;
		background: none;
	}
	.section__wrapper--contact--02 .content__wrap--contact--02{
		display: flex;
		flex-direction: column;
		flex-wrap: nowrap;
		align-items: center;
		justify-content: center;
		width: 100%;
	}
	.section__wrapper--contact--02 .content__wrap--contact--02:not(:last-of-type){
		gap: 4vw;
		margin-bottom: 5.333vw;
	}
	.section__wrapper--contact--02 .content__wrap--contact--02:last-of-type{
		gap: 2.133vw;
		margin-bottom: 0;
	}
	.section__wrapper--contact--02 .content__block--contact--02{
		display: flex;
		align-items: center;
		justify-content: center;
		gap: 1.333vw;
		width: 100%;
		height: 16vw;
		background: #fff;
		border-radius: 9999px;
		position: relative;
	}
	.section__wrapper--contact--02 .content__block--contact--02 .content__txt--tel{
		font-size: 5.333vw;
		font-weight: 500;
		line-height: 1;
		color: #333;
		text-decoration: none;
	}
	.section__wrapper--contact--02 .content__icon--tel,
	.section__wrapper--contact--02 .content__icon--mail,
	.section__wrapper--contact--02 .content__icon--line{
		position: static;
		top: auto;
		bottom: auto;
		left: auto;
		margin: 0;
		flex-shrink: 0;
	}
	.section__wrapper--contact--02 .content__icon--tel,
	.section__wrapper--contact--02 .content__icon--mail{
		width: 8vw;
		height: 8vw;
		color: #333;
	}
	.section__wrapper--contact--02 .content__icon--tel use {
		color: #333;
	}
	.section__wrapper--contact--02 .content__icon--line{
		width: 8vw;
		height: 8vw;
		color: #fff;
	}
	.section__wrapper--contact--02 [class*="content__btn--contact--"]{
		width: 100%;
		height: auto;
		margin: 0;
	}
	.section__wrapper--contact--02 [class*="content__btn--contact--"] a{
		width: 100%;
		height: 16vw;
		padding: 0 5.333vw;
		font-size: 4.8vw;
		font-weight: 500;
		line-height: 1;
		gap: 1.333vw;
		border: none;
		border-radius: 9999px;
	}
	.section__wrapper--contact--02 .content__btn--contact--mail a{
		background: #fff;
		color: #333;
	}
	.section__wrapper--contact--02 .content__btn--contact--mail [class*="content__icon--btn--"]{
		color: #333;
	}
	.section__wrapper--contact--02 .content__btn--contact--line a{
		background: #06C755;
		color: #fff;
	}
	.section__wrapper--contact--02 .content__btn--contact--line [class*="content__icon--btn--"]{
		color: #fff;
	}
	.section__wrapper--contact--02 [class*="content__icon--btn--"]{
		width: 4.267vw;
		height: 1.333vw;
		right: 5.333vw;
	}
	.section__wrapper--contact--02 .content__txt--contact--02{
		text-align: center;
		font-size: 3.2vw;
		font-weight: 400;
		line-height: 1.2;
		color: #fff;
	}
	.section__wrapper--contact--02 a:hover,
	.section__wrapper--contact--02 a:active{
		opacity: 1;
	}
	.section__wrapper--contact--02 .content__btn--contact--mail a:hover,
	.section__wrapper--contact--02 .content__btn--contact--mail a:active{
		background: #fff;
		color: #333;
	}
	.section__wrapper--contact--02 .content__btn--contact--line a:hover,
	.section__wrapper--contact--02 .content__btn--contact--line a:active{
		background: #06C755;
		color: #fff;
	}
	.section__wrapper--contact--02 .content__txt--tel:hover,
	.section__wrapper--contact--02 .content__txt--tel:active{
		color: #333;
		opacity: 1;
	}
}