@charset "UTF-8";
/* ------------------------------
 メインビジュアル（PC）
------------------------------ */
.cms_block.mainBlock {
	width: 100%;
}
.mainBlock {
	width: 100%;
    position: relative;
    z-index: 1;
    height: auto;
    margin: 0 auto;
    overflow: hidden;
}
/* -- 動画 -- */
.mainBlock .movie {
    position: relative;
    width: 96.2%;
    height: calc(100svh - 110px);
	margin: 0 auto;
    border-radius: 30px;
    overflow: hidden;
}
.mainBlock .movie::after {
    content: "";
	position: absolute;
	inset: 0;
	background: #aaafb3;
	mix-blend-mode: multiply;
	pointer-events: none;
}
/* -- テキスト -- */
.mainBlock .head-text {
	margin-bottom: 35px;
	font-size: 5.2rem;
	line-height: 1.4;
	font-weight: bold;
	color: #fff;
}
/* POINT画像 */
.point_list {
	display: flex;
	column-gap: 18px;
}
.cms_text .point_list li {
	padding-left: 0;
}
.cms_text .point_list li::before {
	content: none;
}
@media print, screen and (min-width: 768px) {
	.mainBlock {
		margin-top: var(--header-height-pc);
		background: url(../../img/pcb/mainimg_bg.jpg) no-repeat center bottom;
	}
    /* -- テキスト -- */
	.mainBlock .mainText {
		position: absolute;
		z-index: 5;
		left: 4%;
		bottom: 5%;
		margin-bottom: 0;
	}
	/* POINT画像 */
	.point_list li {
		width: 150px;
	}
}
@media print {
	.mainBlock .movie {
		width: 96.2%;
		height: auto;
		aspect-ratio: 185 / 96;
	}
	.mainBlock .movie::after {
		content: "";
		position: absolute;
		inset: 0;
		background: url(../../img/pcb/movie_bg.jpg) no-repeat center center / cover;
	}
}
/* ------------------------------
 メインビジュアル（SP）
------------------------------ */
@media screen and (max-width: 767px) {
    .mainBlock {
        z-index: 2;
		width: 100%;
		padding-left: 5%;
		padding-right: 5%;
        max-width: unset;
		margin-top: var(--header-height-sp);
		padding-top: var(--header-height-sp);
		background: url(../../img/pcb/mainimg_bg_sp.jpg) no-repeat center bottom / 100% auto;
        overflow: visible;
    }
	/* -- 動画 -- */
	.mainBlock .movie {
		position: relative;
		width: 100%;
		height: auto;
		aspect-ratio: 335 / 186;
		border-radius: 10px;
	}
    /* -- 画像 -- */
    .mainBlock .main_img {
		position: relative;
	}
	.mainBlock .main_img iframe {
		width: 100%;
		height: 100%;
		border-radius: 10px;
		aspect-ratio: 335 / 188;
		object-fit: cover;
    }

    /* -- テキスト -- */
	.mainBlock .mainText {
		margin-bottom: 35px;
	}
	.mainBlock .head-text {
		margin-bottom: 20px;
		font-size: 2.7rem;
		color: #102735;
	}
	/* POINT画像 */
	.point_list {
		column-gap: 12px;
		margin-bottom: 30px;
	}
	.point_list li {
		width: calc((100% - 24px) / 3);
	}
	.point_list li img {
		filter: drop-shadow(0 0 5px rgba(0, 0, 0, 0.15));
	}
}
/* ------------------------------
 横幅ワイド & 背景あり
------------------------------ */
.bgBlock {
	display: flow-root;
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
}
.wide.bgBlock > * {
	position: relative;
	z-index: 1;
}
/* 背景装飾画像 */
.wide.bgBlock.bg-deco {
	background: linear-gradient( to bottom, rgba(238,245,250,0) 540px, #eef5fa 955px, rgba(238,245,250,0) 1100px), /* 上フェード */
				url(../../img/pcb/contants_bg_top.jpg)  no-repeat center top, /* 上画像 */
				url(../../img/pcb/contents_bg_bottom.jpg) no-repeat center bottom, /* 下画像 */    
				#eef5fa;/* ベース色 */
}
/* 背景一色 */
.wide.bgBlock.bg-color {
	background: #eef5fa;
}
/* 背景装飾 */
.bgBlock::before,
.bgBlock::after {
	content: "";
	display: block;
	position: absolute;
	z-index: 0;
}
.bgBlock::before {
	width: 114px;
	height: 129px;
	top: 270px;
	left: calc(50% - 700px);
	background: url(../../img/pcb/bgbox_deco01.png) no-repeat 0 0 / cover;
}
.bgBlock::after {
	width: 126px;
	height: 109px;
	bottom: 90px;
	right: calc(50% - 780px);
	background: url(../../img/pcb/bgbox_deco02.png) no-repeat 0 0 / cover;
}
/* 装飾 */
.decoBox {
	margin-bottom: 0;
	padding-bottom: 70px;
	position: relative;
}
.decoBox::before,
.decoBox::after {
	content: "";
	position: absolute;
	bottom: 0;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: cover;
}
/* ------------------------------
 横幅ワイド & 背景あり（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.bgBlock {
		padding-top: 40px;
		padding-bottom: 60px;
	}
	.wide.bgBlock.bg-deco {
		background: url(../../img/pcb/contants_bg_top_sp.jpg) no-repeat center top / 100% auto,
					url(../../img/pcb/contents_bg_bottom_sp.jpg) no-repeat center bottom / 100% auto,
					#eef5fa;
	}
	/* 背景装飾 */
	.bgBlock::before {
		width: 39px;
		height: 45px;
		top: 124px;
		left: 5%;
	}
	.bgBlock::after {
		width: 58px;
		height: 50px;
		bottom: 23px;
		right: 5%;
	}
}
/* ------------------------------
 当社の強み（PC）
------------------------------ */
.strengthsBlock h2::after {
	content: "[ STRENGTHS ]";
}
/* イラスト装飾 */
.strengthsBlock .decoBox {
	z-index: 2;
}
.strengthsBlock .decoBox::after {
	width: 170px;
	height: 129px;
	right: 0;
	bottom: -4px;
	background-image: url(../../img/pcb/strengths_deco01.png);
}
.pointBox {
	display: flex;
	align-items: center;
	border: solid 1px #000;
	border-radius: 10px;
	background-color: #fff;
}
.pointBox > div {
	margin-top: 0;
	padding: 40px 50px;
}
.contents .cms_block .pointBox h3 {
	margin-bottom: 20px;
	padding-left: 0;
	border-left: none;
	font-size: 3.2rem;
	line-height: 1.75;
}
/* POINT 吹き出し */
.pointBox .box-num {
	width: 106px;
	height: 106px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
	position: absolute;
	transform: translate(-30%, -30%);
	top: 0;
	left: 0;
	border-radius: 100%;
	background-color: #fff000;
	font-family: "Inter", sans-serif;
	font-size: 1.2rem;
	font-weight: bold;
	line-height: 1;
}
.pointBox .box-num::after {
	content: "";
	width: 17px;
	height: 15px;
	position: absolute;
	top: calc(100% - 2px);
	clip-path: polygon(0 0, 50% 100%, 100% 0);
	background-color: #fff000;
}
.pointBox .box-num span {
	font-size: 300%;
}
@media print, screen and (min-width: 768px) {
	.strengthsBlock.bgBlock::before {
		top: 230px;
	}
	.pointBox > * {
		width: calc(100% / 2);
	}
	.pointBox img {
		border-top-right-radius: 0;
		border-bottom-right-radius: 0;
	}
	
}
/* ------------------------------
 当社の強み（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.strengthsBlock .decoBox::after {
		width: 94px;
		height: 71px;
		bottom: -2px;
	}
	.pointBox {
		flex-wrap: wrap;
		border-radius: 6px;
	}
	.pointBox img {
		border-bottom-right-radius: 0;
		border-bottom-left-radius: 0;
	}
	.pointBox > div {
		padding: 15px 5%;
	}
	.contents .cms_block .pointBox h3 {
		margin-bottom: 15px;
		font-size: 2.6rem;
	}
	/* POINT 吹き出し */
	.pointBox .box-num {
		width: 80px;
		height: 80px;
		transform: translate(-15%, -20%);
		font-size: 1rem;
	}
	.pointBox .box-num::after {
		width: 13px;
		height: 11px;
	}
}

/* ------------------------------
 基板外注のお悩みを解決（PC）
------------------------------ */
.problemsBlock {
	position: relative;
	padding-top: 120px;
	padding-bottom: 120px;
	color: #fff;
}
.problemsBlock::before {
	content: "";
	position: absolute;
	inset: 0 -50vw;
	z-index: 0;
	background: #032944 url(../../img/pcb/problems_bg.jpg) no-repeat center bottom;
}
.problemsBlock > * {
	position: relative;
	z-index: 1;
}
.problemsBlock h2 {
	color: #fff;
}
.problemsBlock h2::after {
	content: "[ PROBLEMS ]";
	color: #fff;
	opacity: .1;
}

/* ------------------------------
 基板外注のお悩みを解決（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.problemsBlock {
		padding-top: 40px;
		padding-bottom: 60px;
	}
}

/* ------------------------------
 最適な検査ツールで品質管理を徹底（PC）
------------------------------ */
.featuresBlock h2::after {
	content: "[ EQUIPMENT ]";
}
.featuresBlock .decoBox::after {
	width: 236px;
	height: 149px;
	right: -9px;
	bottom: -7px;
	background-image: url(../../img/pcb/features_deco01.png);
}
.featuresBox {
	border: solid 1px #000;
	border-radius: 10px;
	background-color: #f1f5f7;
}
.featuresBox img {
	width: 100%;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}
.featuresBox > div {
	position: relative;
	margin-top: 0;
	padding: 40px;
}
/* FEATURE 吹き出し */
.featuresBox .box-num {
	position: absolute;
	top: -18px;
	left: 40px;
	width: 130px;
	height: 36px;
	border-radius: 36px;
	border: solid 1px #000;
	background-color: #fcee21;
	font-family: "Inter", sans-serif;
	font-size: 1.4rem;
	font-weight: bold;
	text-align: center;
	line-height: 36px;
}
.featuresBox .box-num::before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: -1px;
	width: 6px;
	height: 1px;
	margin: auto;
	background-color: #f1f5f7;
}
.featuresBox .box-num::after {
	content: "";
	position: absolute;
	bottom: -6px;
	left: calc(50% - 5px);
	width: 1px;
	height: 11px;
	background-color: #000;
	transform: rotate(-37deg); /* 角度調整 */
	transform-origin: center;
}
/* ------------------------------
 最適な検査ツールで品質管理を徹底（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.featuresBlock::before,
	.featuresBlock::after {
		content: none;
	}
	.featuresBlock .decoBox {
		padding-bottom: 88px;
	}
	.featuresBlock .decoBox::after {
		width: 138px;
		height: 88px;
		right: 30px;
		bottom: -4px;
	}
	.featuresBox {
		border-radius: 6px;
	}
	.featuresBox > div {
		padding: 30px 20px 20px;
	}
	/* FEATURE 吹き出し */
	.featuresBox .box-num {
		left: 20px;
	}
}

/* ------------------------------
 設備紹介（PC）
------------------------------ */
.facilityBlock.bgBlock::before {
	top: 135px;
}
.facilityBlock h2::after {
	content: "[ FACILITY ]";
}
/* イラスト装飾 */
.facilityBlock .decoBox::before {
	width: 111px;
	height: 187px;
	left: 25px;
	background-image: url(../../img/pcb/facility_deco01.png);
}
.facilityBlock .decoBox::after {
	width: 122px;
	height: 168px;
	right: 25px;
	background-image: url(../../img/pcb/facility_deco02.png);
}
/* ------------------------------
 設備紹介（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* イラスト装飾 */
	.facilityBlock .decoBox {
		padding-bottom: 130px;
	}
	.facilityBlock .decoBox::before {
		width: 68px;
		height: 114px;
		left: 5%;
	}
	.facilityBlock .decoBox::after {
		width: 74px;
		height: 101px;
		right: 5%;
	}
}

/* ------------------------------
 よくあるご質問（PC）
------------------------------ */
.faqBlock h2::after {
	content: "[ FAQ ]";
}
/* イラスト装飾 */
.faqBlock .decoBox {
	z-index: 2;
}
.faqBlock .decoBox::after {
	width: 271px;
	height: 232px;
	right: 10px;
	bottom: -4px;
	background-image: url(../../img/pcb/faq_deco01.png);
}
/* ------------------------------
 よくあるご質問（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	 .faqBlock.bgBlock::before {
		top: 35%;
		left: calc(5% + 32px);
	}
	/* イラスト装飾 */
	.faqBlock .decoBox {
		padding-bottom: 138px;
	}
	.faqBlock .decoBox::after {
		width: 173px;
		height: 148px;
		right: 30px;
		bottom: -3px;
	}
}

/* ------------------------------
 開閉（PC）
------------------------------ */
/* 開閉見出し */
.toggleBlock .title {
	font-size: 2rem;
	font-weight: bold;
	background-color: #fff;
	border: solid 1px #000000;
	border-radius: 5px;
	position: relative;
	transition: .3s ease-in-out;
}
.toggleBlock .title button {
	position: relative;
  	z-index: 1;
	width: 100%;
	text-align: left;
	appearance: none;
	border: none;
	background: none;
	padding: 20px 60px 20px 30px;
	font: inherit;
	color: inherit;
	cursor: pointer;
}
/* FAQの場合 */
.faqBox .toggleBlock .title button {
	padding-left: 60px;
}
.faqBox .toggleBlock .title button::before {
	content: "Q";
	position: absolute;
	left: 25px;
	margin: auto;
	font-family: "Inter", sans-serif;
	font-size: 3.2rem;
	font-weight: 600;
	line-height: 1.2;
	color: #2baa8b;
}
/* 開閉アイコン */
.toggleBlock .title::before,
.toggleBlock .title::after {
	content: "";
	width: 28px;
	height: 28px;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 30px;
	margin: auto;
}
.toggleBlock .title::before {
	background-color: #102735;
	border-radius: 5px;
}
.toggleBlock .title::after {
	background: url(../../img/pcb/icon_plus.svg) no-repeat center center / 12px auto,
				url(../../img/pcb/icon_minus.svg) no-repeat center center / 12px auto;
}
/* 開閉コンテンツ */
.toggleBlock .toggleContents {
	display: none;
	padding: 40px 38px;
	background-color: #fff;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	border-radius: 0 0 5px 5px;
}
.toggleBlock .toggleContents:not(:last-child) {
	margin-bottom: 30px;
}
/* 開いたとき見た目変化 */
.toggleBlock .title.is-open {
	border-radius: 5px 5px 0 0;
	background-color: #102735;
	color: #fff;
}
.toggleBlock .title.is-open::before,
.toggleBlock .title.is-open::after {
	background-color: #fff;
}
.toggleBlock .title.is-open::after {
	mask-position: center center;
	mask-repeat: no-repeat;
	mask-size: 12px 12px;
	mask-image: url(../../img/pcb/icon_minus.svg);
	background: #102735;
}
/* ----------------------
 開閉（SP）
---------------------- */
@media screen and (max-width: 767px) {
	/* 開閉見出し */
	.toggleBlock .title {
		font-size: 1.8rem;
	}
	.toggleBlock .title button {
		padding: 15px 12% 15px 5%;
	}
	/* FAQの場合 */
	.faqBox .toggleBlock .title button {
		padding-left: 50px;
	}
	.faqBox .toggleBlock .title button::before {
		left: 20px;
		font-size: 2.8rem;
	}
	/* 開閉アイコン */
	.toggleBlock .title::before,
	.toggleBlock .title::after {
		width: 22px;
		height: 22px;
		right: 18px;
	}
	.toggleBlock .title::before {
		border-radius: 3px;
	}
	.toggleBlock .title::after {
		background-size: 10px 10px;
	}
	.toggleBlock .title.is-open::after {
		mask-size: 10px 10px;
	}
	/* 開閉コンテンツ */
	.toggleBlock .toggleContents {
		padding: 20px 5%;
	}
	.toggleBlock .toggleContents:not(:last-child) {
		margin-bottom: 20px;
	}
}

/* ------------------------------
 事例紹介（PC）
------------------------------ */
.caseBlock h2::after {
	content: "[ CASE STUDY ]";
}
.slideBox {
	overflow: hidden;
	box-sizing: content-box;
}
.slideBox .swiper-button-next,
.slideBox .swiper-button-prev {
	top: auto;
	bottom: 0;
	right: 0;
	width: 48px;
	height: 48px;
	margin-top: 0;
	border: 2px solid #1a1a1a;
	border-radius: 50%;
	background-color: #fff;
}
.slideBox .swiper-button-prev {
	right: 58px;
	left: auto;
}
.slideBox .swiper-button-next::after,
.slideBox .swiper-button-prev::after {
	content: "";
	display: inline-block;
	width: 18px;
	height: 14px;
	background: url(../../img/pcb/icon_slide_arrow.svg) 0 0 / cover;
}
.slideBox .swiper-button-prev::after {
	transform: scaleX(-1);
}
.slideBox .swiper-horizontal > .swiper-scrollbar {
	position: absolute;
	bottom: 21px;
	left: 0;
	z-index: 50;
	height: 6px;
	border-radius: 3px;
	background-color: #1a1a1a;
}
.slideBox .swiper-scrollbar-drag {
	background: #4cd3af;
	background: linear-gradient(90deg,rgba(76,211,175,1) 0%, rgba(64,180,221,1) 100%);
}

@media print, screen and (min-width: 768px) {
	.slideBox {
		width: 1140px;
		margin-left: auto;
		margin-right: auto;
		overflow: hidden;
	}
	.slideBox:not(.swiper-initialized) {
		display: flex;
		flex-wrap: wrap;
		gap: 30px 45px;
	}
	.slideBox:not(.swiper-initialized) .swiper-slide {
		width: 350px;
	}
	.slideBox .swiper-horizontal > .swiper-scrollbar {
		width: 997px;
	}
}
/* ------------------------------
 事例紹介（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.slideBox {
		margin-bottom: 20px;
	}
	.slideBox .interviewBox {
		width: 90%;
	}
	.slideBox .swiper {
		height: auto;
		padding: 36px 2px 78px 0;
	}
	
	.slideBox .swiper-horizontal > .swiper-scrollbar {
		bottom: 16px;
		width: 72%;
		height: 6px;
		border-radius: 3px;
		background-color: #1a1a1a;
	}
	.slideBox .swiper-button-next,
	.slideBox .swiper-button-prev {
		right: 0;
		width: 38px;
		height: 38px;
	}
	.slideBox .swiper-button-prev {
		right: 46px;
	}
	.slideBox .swiper-button-next::after,
	.slideBox .swiper-button-prev::after {
		width: 14px;
		height: 11px;
	}
}


/* ------------------------------
 働く環境（PC）
------------------------------ */
/* スライド */
.caseSlideSwiper {
	position: relative;
	margin: 0 auto 120px;
	overflow: hidden;
}
.caseSlideSwiper.swiper-horizontal {
	padding-bottom: 80px;
}
.cms_block.caseSlideBlock {
	margin-bottom: 0;
}
.caseSlideBlock .swiper-slide.cms_image {
	margin-bottom: 0;
}
.caseSlideBlock .swiper-slide.cms_image .cms_caption_b {
	font-weight: 500;
}

/* 前へ／次へボタン */
.caseSlideSwiper .swiper-button-next,
.caseSlideSwiper .swiper-button-prev {
	top: auto;
	bottom: 0;
	width: 44px;
	height: 44px;
	margin-top: 0;
	border-radius: 3px;
	box-sizing: border-box;
	background-color: #102735;
}
.caseSlideSwiper .swiper-button-next {
	right: 0;
}
.caseSlideSwiper .swiper-button-prev {
	left: auto;
	right: 55px;
}
.caseSlideSwiper .swiper-button-next::after,
.caseSlideSwiper .swiper-button-prev::after {
	content: "";
	display: inline-block;
	width: 9px;
	height: 14px;
	background: url(../../img/pcb/icon_slide_arrow.svg) 0 0 / cover;
}
.caseSlideSwiper .swiper-button-prev::after {
	transform: scaleX(-1);
}
/* ページネーション */
.caseSlideSwiper .swiper-scrollbar {
	bottom: 18px;
	left: 0;
	right: 130px;
	z-index: 50;
	width: auto;
	height: 4px;
	border-radius: 0;
	background-color: #dae1e6;
}
.caseSlideSwiper .swiper-scrollbar-drag {
	border-radius: 0;
	background: #4cd3af;
	background: linear-gradient(90deg, #142860 0%, #2baa8b 100%);
}
@media print, screen and (min-width: 768px) {
	/* スライド */
	.caseSlideSwiper {
		width: 1140px;
	}
	.caseSlideSwiper:not(.swiper-horizontal) .swiper-wrapper {
		column-gap: 45px;
	}
	.caseSlideBlock .swiper-slide.cms_image {
		max-width: 350px;
	}
}
/* ------------------------------
 働く環境（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	/* スライド */
	.caseSlideSwiper {
		margin: 0 5% 60px;
	}
	.caseSlideSwiper.swiper-horizontal {
		padding-bottom: 60px;
	}
	/* 前へ／次へボタン */
	.caseSlideSwiper .swiper-button-next,
	.caseSlideSwiper .swiper-button-prev {
		width: 36px;
		height: 36px;
	}
	
	.caseSlideSwiper .swiper-button-prev {
		right: 45px;
	}
	.caseSlideSwiper .swiper-button-next::after,
	.caseSlideSwiper .swiper-button-prev::after {
		width: 7px;
        height: 11px;
	}
	.caseSlideSwiper .swiper-scrollbar {
		right: 100px;
	}
}



/* ------------------------------
 お問い合わせ（PC）
------------------------------ */
.contactBlock {
	padding: 100px 0 330px;
	background: #afe1f1 url(../../img/pcb/contact_bg.jpg) no-repeat center 0;
}
.contactBlock::before,
.contactBlock::after {
	content: "";
	position: absolute;
	bottom: -15px;
	left: 0;
	right: 0;
	margin: auto;
	width: 1120px;
	height: 280px;
}
.contactBlock::before {
	mix-blend-mode: multiply;
	background: url(../../img/pcb/contact_deco01.png) no-repeat 0 0 / cover;
}
.contactBlock::after {
	background: url(../../img/pcb/contact_deco02.png) no-repeat 0 0 / cover;
}
.contactBlock h2::after {
	content: "[ CONTACT ]";
	opacity: 0.3;
}
.contactBlock .bgBox {
	border-radius: 15px;
}
/* お問い合わせ */
.btn.contact {
	width: 100%;
	margin-top: 40px;
}
.btn.contact a {
	display: flex;
	align-items: center;
	height: 120px;
	padding: 20px 80px 20px 40px;
	background: #4cd3af;
	background: url(../../img/pcb/icon_mail.svg) no-repeat right 40px center / 28px 22px,
				linear-gradient(90deg, #142860 0%, #2baa8b 100%);
	border-radius: 10px;
	font-size: 2.6rem;
	font-weight: bold;
	color: #fff;
	/* 消す */
	border: none;
	box-shadow: none;
}
.btn.contact a::after {
	content: none;
}
@media print, screen and (min-width: 768px) {
	.contactBlock .bgBox .w1-2 {
		width: 46.875%;
		position: relative;
	}
	.contactBlock .bgBox .w1-2 + .w1-2::before {
		content: "";
		position: absolute;
		top: 0;
		bottom: 0;
		left: -23px;
		border-left: dotted 1px #000;
	}
}
/* ------------------------------
 お問い合わせ（SP）
------------------------------ */
@media screen and (max-width: 767px) {
	.contactBlock {
		padding: 50px 0 165px;
	}
	.contactBlock .bgBox .w1-2 {
		width: 100%;
	}
	.contactBlock .bgBox .w1-2 + .w1-2 {
		padding-top: 20px;
		border-top: dotted 1px #000;
	}
	/* お問い合わせ */
	.btn.contact {
		margin-top: 20px;
	}
	.btn.contact a {
		height: 80px;
		padding: 20px 50px 20px 20px;
		background: url(../../img/pcb/icon_mail.svg) no-repeat right 20px center / 23px 18px,
					linear-gradient(90deg, #142860 0%, #2baa8b 100%);
		font-size: 2rem;
	}
	.contactBlock::before,
	.contactBlock::after {
		bottom: -8px;
		width: 100%;
		height: 166px;
		background-position: calc(50% - 15px) center;
		background-size: 630px 166px;
	}
	.contactBlock::before {
		background-image: url(../../img/pcb/contact_deco01_sp.png);
	}
	.contactBlock::after {
		background-image: url(../../img/pcb/contact_deco02_sp.png);
	}
}
/* ------------------------------
 各 背景画像（1920px以上の場合）
------------------------------ */
@media screen and (min-width: 1921px) {
	.mainBlock,
	.wide.bgBlock.bg-deco,
	.problemsBlock::before,
	.contactBlock {
		background-size: 100% auto;
	}
}