@charset "UTF-8";

@media screen and (min-width: 768px),print {
	body#homepage {
		background: #fff;
	}

.l-page__nav .top{margin: 0 0 0 0;}


	
	.p-hp__fv {
		background: url(../images/homepage/fv.jpg) no-repeat top center/contain;
		margin-bottom: -147px;
		padding: 60px 0 209px;
		position: relative;
	}
	
	.p-hp__fv:before {
		content: "";
		inset: 0;
		position: absolute;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		filter: brightness(50%);
		z-index: 1;
	}	
	.p-hp__ttl-img {
		margin-bottom: 37px;
		text-align: center;
	}
	
	.p-hp__ttl-img2 {
		margin-bottom: -26px;
		text-align: center;
	}
	
	.p-hp__ttl-img3 {
		margin-bottom: 31px;
		position: relative;
		text-align: center;
	}
	
	.p-hp__ttl-img3::after {
		background: url(../images/homepage/pc.svg) no-repeat center center/contain;
		bottom: -11px;
		content: "";
		height: 128px;
		left: calc(50% + 290px);
		position: absolute;
		width: 140px;
	}
	
	.p-hp__txt {
		color: #fff;
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 2.16px;
		line-height: 1.8888888889;
		text-align: center;
	}
	
	.p-homepage__items {
		margin-bottom: 78px;
		position: relative;
		z-index: 3;
	}
	

	.p-homepage-item {
		display: grid;
		gap: 0 25px;
		grid-template-columns: repeat(6, 1fr);
	}
	
	.p-homepage-item li img {
		height: auto;
		width: 100%;
	}
	
	.p-homepage__items02 {
		margin-bottom: 90px;
	}
	
	.p-homepage__item02 {
		display: grid;
		grid-template-columns: 1fr 91px 1fr;
		margin-bottom: 25px;
	}
	
	.p-homepage__item02 li img {
		height: auto;
		width: 100%;
	}
	
	.p-homepage__item02 li.arrow {
		left: -40px;
		position: relative;
		top: 85px;
		z-index: 1;
	}
	
	.p-homepage__item02 li.arrow img {
		width: 170px;
	}
		
	.p-homepage__item02-txt {
		font-size: 18px;
		font-weight: 700;
		letter-spacing: 1.44px;
		line-height: 2.2222222222;
		margin-inline: auto;
		max-width: 1100px;
		width: 95%;
	}
	
	.p-homepage__flow {
		margin-bottom: 129px;
	}
	
	.p-homepage__flow-ttl p {
		margin-bottom: 10px;
		text-align: center;
	}
	
	.p-homepage__flow-ttl p img {
		height: auto;
		width: 62px;
	}
	
	.p-homepage__flow-ttl h2 {
		margin-bottom: 38px;
		text-align: center;
	}
	
	.p-homepage__flow-ttl h2 img {
		height: auto;
		width: 582px;
	}
	
	.p-homepage__flow-ttl2 {
		background: url(../images/homepage/fukidasi.png) no-repeat center center/contain;
		color: #fff;
		font-size: 24px;
		font-weight: 700;
		height: 82px;
		letter-spacing: 1.44px;
		line-height: 2.7916666667;
		margin-bottom: -43px;
		max-width: 1100px;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 1;
	}
	
	.p-homepage__flow-items {
		border: 6px solid #C4C4C4;
		border-radius: 19px;
		display: grid;
		gap: 54px 0;
		grid-template-columns: repeat(1, 1fr);
		padding: 70px 0 48px;
	}
	
	.p-homepage__flow-item {
		display: grid;
		gap: 0 46px;
		grid-template-columns: 295px 659px;
		margin-inline: auto;
		max-width: 1000px;
		width: 95%;
	}
	
	.p-homepage__flow-item-img img {
		height: auto;
		width: 100%;
	}
	
	.top {
		align-items: center;
		display: flex;
		gap: 0 18px;
		margin-bottom: 8px;
	}
	
	.top p img {
		aspect-ratio: 1;
		width: 60px;
	}
	
	.top h4 {
		font-size: 32px;
		font-weight: 700;
		letter-spacing: 0.96px;
		line-height: 2.09375;
		white-space: nowrap;
	}
	
	.bottom {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 1.28px;
		line-height: 2.125;
	}
	
	.p-homepage__merit {
		margin-bottom: 146px;
	}	

	.p-homepage__merit-ttl {
		margin-bottom: 45px;
	}
	
	.p-homepage__merit-ttl p {
		margin-bottom: 25px;
		text-align: center;
	}
	
	.p-homepage__merit-ttl p img {
		height: auto;
		width: 68px;
	}
	
	.p-homepage__merit-ttl h2 {
		text-align: center;
	}
	
	.p-homepage__merit-ttl h2 img {
		height: auto;
		max-width: 728px;
		width: 100%;
	}
	
	.p-homepage__merit-item {
		display: flex;
		justify-content: center;
	}
	
	.p-homepage__merit-item.item01 {
		margin-bottom: 38px;
	}
	
	.p-homepage__merit-item.reverse {
		flex-direction: row-reverse;
		margin-bottom: 105px;
	}
	
	.p-homepage__merit-item-img {
		width: 557px;
	}
	
	.p-homepage__merit-item-img.item01 {
		margin-left: 16px;
	}

	.p-homepage__merit-item-img.item02 {
		margin-right: 16px;
	}

	.p-homepage__merit-item-img.item03 {
		margin-left: 16px;
	}

	.p-homepage__merit-item-img img {
		height: auto;
		width: 100%;
	}
	
	.p-homepage__merit-right {
		background: #fff;
		border: 2px solid #CCCCCC;
		padding: 50px 44px;
		position: relative;
		width: 670px;
	}
	
	.p-homepage__merit-right.item01 {
		height: 258px;
		left: -11px;
		top: 48px;
	}
	
	.p-homepage__merit-right.item01::before {
		aspect-ratio: 1;
		background: url(../images/homepage/01_1.svg) no-repeat center center/contain;
		content: "";
		left: 50px;
		position: absolute;
		top: -28px;
		width: 60px;
	}
	
	.p-homepage__merit-right.item02 {
		left: 19px;
		top: 43px;
	}
	
	.p-homepage__merit-right.item02::before {
		aspect-ratio: 1;
		background: url(../images/homepage/02_1.svg) no-repeat center center/contain;
		content: "";
		left: 50px;
		position: absolute;
		top: -28px;
		width: 60px;
	}
	
	.p-homepage__merit-right.item03 {
		left: -19px;
		top: 50px;
	}
	
	.p-homepage__merit-right.item03::before {
		aspect-ratio: 1;
		background: url(../images/homepage/03_1.svg) no-repeat center center/contain;
		content: "";
		left: 50px;
		position: absolute;
		top: -28px;
		width: 60px;
	}
	
	.p-homepage__merit-right h3 {
		font-size: 30px;
		font-weight: 700;
		letter-spacing: 0.9px;
		line-height: 2.2333333333;
	}
	
	.p-homepage__merit-right p {
		font-size: 16px;
		font-weight: 400;
		letter-spacing: 1.28px;
		line-height: 2.125;
	}
}

@media screen and (min-width:768px) and ( max-width:1100px) {
	.p-hp__txt {
		font-size: 17px;
	}
	.p-hp__ttl-img3::after {
		width: 120px;
		left: calc(50% + 245px);
	}
	.p-hp__fv {
		background: url(../images/homepage/fv.jpg) no-repeat top center/cover;
		margin-bottom: -70px;
		padding: 60px 0 84px;
		position: relative;
	}
	.p-homepage__flow-item {
		gap: 0 16px;
		grid-template-columns: 295px 400px;
		justify-content: center;
		align-items: start;
	}
	.top h4 {
		font-size: 24px;
		line-height: 1.6;
		white-space: wrap;
	}
	.top p img {
		aspect-ratio: 1;
		width: 50px;
	}
	.top.item02 {
		align-items: start;
	}
	.p-homepage__merit-right h3 {
		font-size: 24px;
	}
	.p-homepage__merit-right.item01 {
		padding: 40px 24px;
		height: 300px;
		left: -17px;
	}
	.p-homepage__merit-right.item01::before {
		left: 23px;
	}
	.p-homepage__merit-item.item01 {
		margin-bottom: 90px;
	}
	.p-page__link-item a p {
		font-size: 14px;
	}
}

@media screen and (max-width: 767px) {
	body#homepage {
		background: #FFFFFF;
	}

	.p-hp__fv {
		background: url(../images/homepage/fv_sp.jpg) no-repeat top center/contain;
		margin-bottom: -7.8vw;
		padding: 14.4vw 0 12vw;
		position: relative;
	}
	
	.p-hp__fv:before {
		content: "";
		inset: 0;
		position: absolute;
		-webkit-backdrop-filter: blur(12px);
		backdrop-filter: blur(12px);
		filter: brightness(50%);
		z-index: 1;
	}	
		
	.p-hp__ttl-img {
		margin-bottom: 8.937vw;
		text-align: center;
	}
	
	.p-hp__ttl-img2 {
		margin-bottom: -5.3vw;
		text-align: center;
	}
	
	.p-hp__ttl-img2 img {
		width: 50.483vw;
	}
	
	.p-hp__ttl-img3 {
		margin-bottom: 7.6vw;
		position: relative;
		text-align: center;
	}
	
	.p-hp__ttl-img3::after {
		background: url(../images/homepage/pc.svg) no-repeat center center/contain;
		bottom: 13vw;
		content: "";
		height: 15.7vw;
		left: calc(50% + 30vw);
		position: absolute;
		width: 17.15vw;
	}
	
	.p-hp__ttl-img3 img {
		width: 72vw;
	}
	
	.p-hp__txt {
		color: #fff;
		font-size: 3.865vw;
		font-weight: 700;
		letter-spacing: 0.309vw;
		line-height: 2;
		margin-inline: auto;
		max-width: 82.126vw;
		text-align: start;
		width: 95%;
	}
	
	.p-homepage__items {
		margin-bottom: 10.8vw;
		position: relative;
		z-index: 3;
	}	

	.p-homepage-item {
		display: grid;
		gap: 2.8vw 2.4vw;
		grid-template-columns: repeat(3, 1fr);
	}
	
	.p-homepage__items02 {
		margin-bottom: 15.9vw;
	}
	
	.p-homepage__item02 {
		display: grid;
		grid-template-columns: repeat(1, 1fr);
		margin-bottom: 3vw;
	}
	
	.p-homepage__item02 li img {
		height: auto;
		width: 100%;
	}
	
	.p-homepage__item02 li.top {
		position: relative;
		z-index: 2;
	}
	
	.p-homepage__item02 li.arrow {
		left: 28%;
		margin-bottom: 5vw;
		position: relative;
		top: -15vw;
		z-index: 1;
	}
	
	.p-homepage__item02 li.arrow img {
		transform: rotate(90deg);
		width: 41vw;
	}
	
	.p-homepage__item02-txt {
		font-size: 3.865vw;
		font-weight: 400;
		letter-spacing: 0.309vw;
		line-height: 2.125;
		margin-inline: auto;
		max-width: 94.203vw;
		width: 95%;
	}
	
	.p-homepage__flow {
		margin-bottom: 21.9vw;
	}
	
	.p-homepage__flow-ttl p {
		margin-bottom: 5.4vw;
		text-align: center;
	}
	
	.p-homepage__flow-ttl p img {
		height: auto;
		width: 14.976vw;
	}
	
	.p-homepage__flow-ttl h2 {
		margin-bottom: 6.2vw;
		text-align: center;
	}
	
	.p-homepage__flow-ttl h2 img {
		width: 56.522vw;
	}
	
	.p-homepage__flow-ttl2 {
		background: url(../images/homepage/fukidasi_sp.png) no-repeat center center/contain;
		color: #fff;
		font-size: 5.314vw;
		font-weight: 700;
		height: 35vw;
		letter-spacing: 0.319vw;
		line-height: 1.4545454545;
		margin-bottom: 2.1vw;
		max-width: 94.203vw;
		position: relative;
		text-align: center;
		width: 100%;
		z-index: 1;
		padding-top: 4vw;
	}
	
	.p-homepage__flow-items {
		border: 3px solid #C4C4C4;
		border-radius: 4.589vw;
		display: grid;
		gap: 7.6vw 0;
		grid-template-columns: repeat(1, 1fr);
		padding: 7.4vw 0 9.3vw;
	}
	
	.p-homepage__flow-item {
		display: grid;
		gap: 3.6vw 0;
		grid-template-columns: repeat(1, 1fr);
		margin-inline: auto;
		max-width: 82.126vw;
		width: 95%;
	}
	
	.p-homepage__flow-item-img img {
		height: auto;
		width: 100%;
	}
	
	.top {
		align-items: center;
		display: flex;
		gap: 0 2.8vw;
		margin-bottom: 3vw;
	}

	.top.item02 {
		align-items: flex-start;
	}


	
	.top p img {
		height: auto;
		width: 10.145vw;
	}
	
	.top h4 {
		font-size: 5.314vw;
		font-weight: 700;
		letter-spacing: 0.159vw;
		line-height: 1.6363636364;
		white-space: wrap;
	}
	
	.bottom {
		font-size: 3.623vw;
		font-weight: 400;
		letter-spacing: 0.29vw;
		line-height: 1.8666666667;
	}
	
	.p-homepage__merit {
		margin-bottom: 2.7vw;
	}
		
	.p-homepage__merit-ttl {
		margin-bottom: 7.246vw;
		text-align: center;
	}
	
	.p-homepage__merit-ttl p {
		margin-bottom: 3.623vw;
		text-align: center;
	}
	
	.p-homepage__merit-ttl p img {
		height: auto;
		width: 16.425vw;
	}
	
	.p-homepage__merit-ttl h2 img {
		max-width: 83.333vw;
		width: 100%;
	}
	
	.p-homepage__merit-item {
		display: flex;
		flex-direction: column;
	}
	
	.p-homepage__merit-item.item01 {
		margin-bottom: 1.2vw;
	}
	
	.p-homepage__merit-item.reverse {
		display: flex;
		flex-direction: column;
	}
	
	.p-homepage__merit-item-img {
		width: 100%;
	}
	
	.p-homepage__merit-item-img img {
		height: auto;
		width: 100%;
	}
	
	.p-homepage__merit-right {
		background: #fff;
		border: 2px solid #CCCCCC;
		margin-inline: auto;
		max-width: 89.372vw;
		padding: 10vw 0 8.9vw;
		position: relative;
		width: 95%;
	}
	
	.p-homepage__merit-right.item01 {
		height: 78.986vw;
		left: 0;
		top: -7.729vw;
	}
	
	.p-homepage__merit-right.item01::before {
		aspect-ratio: 1;
		background: url(../images/homepage/01_1.svg) no-repeat center center/contain;
		content: "";
		left: 50%;
		position: absolute;
		top: -6.763vw;
		transform: translateX(-50%);
		width: 12.077vw;
	}
	
	.p-homepage__merit-right.item02 {
		left: 0;
		top: -9.7vw;
	}
	
	.p-homepage__merit-right.item02::before {
		aspect-ratio: 1;
		background: url(../images/homepage/02_1.svg) no-repeat center center/contain;
		content: "";
		left: 50%;
		position: absolute;
		top: -6.763vw;
		transform: translateX(-50%);
		width: 12.077vw;
	}
	
	.p-homepage__merit-right.item03 {
		left: 0;
		top: -10vw;
	}
	
	.p-homepage__merit-right.item03::before {
		aspect-ratio: 1;
		background: url(../images/homepage/03_1.svg) no-repeat center center/contain;
		content: "";
		left: 50%;
		position: absolute;
		top: -6.763vw;
		transform: translateX(-50%);
		width: 12.077vw;
	}
	
	.p-homepage__merit-right h3 {
		font-size: 5.314vw;
		font-weight: 700;
		letter-spacing: 0.159vw;
		line-height: 1.5909090909;
		margin-bottom: 2.8vw;
		text-align: center;
	}
	
	.p-homepage__merit-right p {
		font-size: 3.865vw;
		font-weight: 400;
		letter-spacing: 0.309vw;
		line-height: 2.125;
		margin-inline: auto;
		max-width: 73.913vw;
		width: 95%;
	}
	
	}