@charset "UTF-8";

/* ----------
	CTA2
---------- */
.cta2{
	position: relative;
	color: var(--color_font_white);
	padding: 0;
	display: flex;
}
.cta2_base{
	width: 100%;
}
.cta2:before{
	content: '';
	z-index: -1;
	/* background-image: url('img/cta_base1.png');*/
	background-repeat: no-repeat;
	background-size: cover;
	width: 1500px;
	height: 450px;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
}
.cta2:before{
	background-size: contain;
	background-position: center;
	mix-blend-mode:overlay;
}
.cta2:after{
    content: '';
    /* background: rgb(4 57 76); */
    background: rgb(240 240 240);
    /* background: rgb(20 20 20); */
    /* background-image: linear-gradient(90deg, rgba(4, 57, 76, .5) 0%, rgba(4, 57, 76, 0) 20%, rgba(4, 57, 76, 0) 80%, rgba(4, 57, 76, .5) 100%);*/
    /* background-image: linear-gradient(90deg, rgba(4, 57, 76, .5) 0%, rgba(4, 57, 76, 0) calc((100% - 1100px) / 2), rgba(4, 57, 76, 0) calc((100% - 1100px) / 2 + 1100px), rgba(4, 57, 76, .5) 100%);*/
    background-blend-mode: multiply;
    z-index: -2;
    position: absolute;
    width: 100%;
    height: 100%;
}
.cta2_base:before{
	content: '';
	/* border-top: 2px solid #c1a767;*/
	position: absolute;
	width: 100%;
	height:1px;
	top: 4px;
}
.cta2_base:after{
	content: '';
	/*border-bottom: 2px solid #c1a767;*/
	position: absolute;
	width: 100%;
	height:1px;
	bottom: 4px;
}
@media (max-width: 499px) {
	.cta2{
		height: auto;
	}
	.cta2:before{
		/* background-image: url('img/cta_base_sp1.png'); */
		background: rgb(240 240 240);
		background-size: cover;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0%;
		left: 0%;
		transform: translate(0%, 0%);
		mix-blend-mode:initial;
	}
	.cta2:after{
	  display: none;
	}
	.cta2_base:before{
		content: '';
		/*border-top: 2px solid #c1a767;*/
		position: absolute;
		width: 100%;
		height:1px;
		top: 4px;
	}
	.cta2_base:after{
		content: '';
		/*border-bottom: 2px solid #c1a767;*/
		position: absolute;
		width: 100%;
		height:1px;
		bottom: 4px;
	}
}
.cta2 .body{
	display: flex;
	padding: 40px 40px;
	justify-content: space-between;
	align-items: flex-end;
	margin: auto;
}
.cta2-text{
	display: flex;
	flex-wrap: wrap;
	row-gap: 40px;
	width:60%;
}
.cta2-btn{
	width: 38%;
	display: flex;
	flex-wrap: wrap;
}
@media (max-width: 499px) {
	.cta2 .body{
		flex-wrap: wrap;
		padding: 30px 25px 45px;
		row-gap: 35px;
	}
	.cta2-text{
		width: 100%;
		row-gap: 25px;
	}
	.cta2-btn{
		width: 100%;
		padding: 0 25px;
	}
}
.cta2-text-tit,
.cta2-text-price,
.cta2-text-comment{
	width: 100%;
}

.cta2-text-tit{
	/* font-size: 53px; */
	font-size: 48px;
	color: var(--color_main) !important;
}
.cta2-text-tit span{
	font-size: 32px;
}
.cta2-text-price{
	/* color: var(--color_accent3);*/
	color: #000;
	/* font-size: 28px; */
	font-size: 20px;
	font-weight: 500;
	font-family: 'Noto Sans JP', sans-serif;
	width: auto;
}
.cta2-text-price p:first-child{
	position: relative;
	text-align: center;
	display: flex;
	align-items: center;
}
.cta2-text-price p:first-child:before,
.cta2-text-price p:first-child:after{
	border-top: 1px solid var(--color_accent3);
	content: "";
	flex-grow: 1;
}
.cta2-text-price p:first-child:before{
	margin-right: 1em;
}
.cta2-text-price p:first-child:after{
	margin-left: 1em;
}

.cta2-text-price .nom{
	font-size: 40px;
	font-family: 'Noto Sans JP', sans-serif;
}
.cta2-text-price span{
	font-size: 60px;
	font-family: 'Noto Sans JP', sans-serif;
	line-height: 1;
}
.cta2-text-comment{
	/* font-size: var(--font-size_level5); */
	letter-spacing: -0.05em;
}
@media (max-width: 499px) {
	.cta2-text-tit{
		font-size: 24px;
		color: var(--color_main) !important;
	}
	.cta2-text-tit span{
		font-size: 16px;
	}
	.cta2-text-price{
		font-size: 14px;
		font-family: 'Noto Sans JP', sans-serif;
		width: 100%;
		text-align: center;
	}
	.cta2-text-price p:last-child{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 20px;
	}
	.cta2-text-price span{
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 50px;
	}
	.cta2-text-comment p{
		display: flex;
	}
}
.cta2-btn_tel{
	font-size: 22px;
}
.cta2-btn_tel .nom{
	font-size: 40px;
	line-height: 1;
}
.cta2-btn_tel span:last-child{
	font-size: 60px;
}
.cta2-btn_button{
	width: 100%;
	padding: 30px 0;
	background: #19acd1;
	background-image: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, .6) 100%);
	background-blend-mode: overlay;
	text-align: center;
	margin-top: 30px;
	font-size: 24px;
	border-radius: 4px;
}
@media (max-width: 499px) {
	.cta2-btn_tel{
		font-size: 13px;
		margin: auto;
	}
	.cta2-btn_tel .nom{
		font-size: 20px;
	}
	.cta2-btn_tel span:last-child{
		font-size: 36px;
	}
	.cta2-btn_button{
		font-size: 16px;
		padding: 20px 0;
	}
	.cta2-btn_tel p:last-child{
		font-size: 11px;
	}

	.cta2_smp {
		display: none;
	}
}


.cta2_bk {
	color: #222 !important;
}
.cta2_bk p {
	line-height: 2.0;
}
.cta2-ylw {
	color: var(--color_main2) !important;
	font-weight:500;
}