@charset "UTF-8";

/* ========================================
   @media screen and (min-width: 768px),print
======================================== */
@media screen and (min-width: 768px),print {
.p-page__ttl {
    background: url(../images/common/formttl_bg.jpg) no-repeat top center/cover;
    margin-inline: auto;
    max-width: 1920px;
    padding-block: 174px 166px;
    text-align: center;
    width: 100%;
}

.p-page__ttl p {
    margin-bottom: 33px;
}

.p-page__ttl h2 {
    background: #1A1A1A;
    color: #ffffff;
    font-size: 30px;
    font-weight: 600;
    letter-spacing: 3px;
    line-height: 1;
    margin-inline: auto;
    padding: 10px 0px;
    position: relative;
    width: min(95%, 1030px);
}

.p-page__ttl h2:before {
    background: url(../images/1min/ttl_human.png) no-repeat center center/contain;
    bottom: 0;
    content: "";
    height: 132px;
    left: 87px;
    position: absolute;
    width: 137px;
}

.p-step {
    background: #EBEBE4;
    margin-bottom: -75px;
}

.p-step .l-inner.l-step {
    margin-inline: auto;
    width: min(95%, 1280px);
}

.p-step .p-step__items {
    display: grid;
    gap: 0 40px;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    position: relative;
    top: -85px;
}

.p-step .p-step__item {
    display: grid;
    grid-row: span 2;
    grid-template-rows: subgrid;
}

.p-step .p-step__item .top {
    align-items: center;
    background: #FFEC0A;
    border-bottom: 8px solid #FFC915;
    border-radius: 60px 0 0 0;
    display: flex;
    font-size: 28px;
    font-weight: 600;
    gap: 0 30px;
    letter-spacing: 1.4px;
    line-height: 1.4;
    padding: 23px 60px;
}

.p-step .p-step__item .bottom {
    background: #ffffff;
    padding: 39px 50px;
}

.p-step .p-step__item .bottom p {
    font-size: 16px;
    font-weight: 400;
    letter-spacing: 0.8px;
    line-height: 1.875;
}
	
	.link-btn{margin-top: 10px;}
	.link-btn a{background-color: #000;font-size: 12px;color: #fff;text-align: center;padding: 6px 15px 6px 15px;border-radius: 20px;}

}


/* ========================================
   @media screen and (max-width: 767px)
======================================== */
@media screen and (max-width: 767px) {
.p-page__ttl {
	background: url(../images/common/formttl_bg_sp.jpg) no-repeat top center/cover;
	margin-inline: auto;
	padding-block: 18.324vw 73.111vw;
	text-align: center;
	width: 100%;
}

.p-page__ttl p {
	margin-bottom: 3.348vw;
}

.p-page__ttl p img {
	height: auto;
	width: 74.879vw;
}

.p-page__ttl h2 {
	background: #1A1A1A;
	color: #ffffff;
	font-size: 4.348vw;
	font-weight: 600;
	letter-spacing: 0.435vw;
	line-height: 1;
	margin-inline: auto;
	margin-inline: auto;
	padding: 1.623vw 0px;
	position: relative;
	width: min(95%, 74.8792270531vw);
}

.p-page__ttl h2:before {
	background: url(../images/1min/ttl_human_sp.png) no-repeat center center/contain;
	bottom: 0;
	content: "";
	height: 14.734vw;
	position: absolute;
	right: -2vw;
	width: 14.493vw;
}

.p-step {
	background: #EBEBE4;
	margin-bottom: -67.309vw;
}

.p-step .l-inner.l-step {
	margin-inline: auto;
	width: min(95%, 90.3381642512vw);
}

.p-step .p-step__items {
	display: grid;
	gap: 4.623vw 0;
	grid-template-columns: repeat(1, minmax(0, 1fr));
	position: relative;
	top: -66.309vw;
}

.p-step .p-step__item {
	display: block;
}

.p-step .p-step__item .top {
	align-items: center;
	background: #FFEC0A;
	border-bottom: 5px solid #FFC915;
	border-radius: 4.831vw 0 0 0;
	display: flex;
	font-size: 4.348vw;
	font-weight: 600;
	gap: 0 3.623vw;
	letter-spacing: 0.217vw;
	line-height: 1.4;
	padding: 4.246vw 7.246vw;
}

.p-step .p-step__item .bottom {
	background: #ffffff;
	padding: 5.246vw 7.246vw;
}

.p-step .p-step__item .bottom p {
	font-size: 3.865vw;
	font-weight: 400;
	letter-spacing: 0.193vw;
	line-height: 1.875;
}
	
	.link-btn{margin-top: 3vw;}
	.link-btn a{background-color: #000;font-size: 2.8vw;color: #fff;text-align: center;padding: 2vw 4vw 2vw 4vw;border-radius: 20vw;}

}