@charset "UTF-8";

/* partner__page */
.p-box {
	padding: 40px 5%;
	border-radius: 20px;
	background-color: #fff;
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {
	.partner-lead {
		text-align: left;
	}
}

/*============================
	p-alliance
============================*/
.p-alliance .p-box {
	height: 320px;
	display: flex;
	align-items: center;
}

.p-all__flex {
	width: 100%;
}

.p-all__txt .txt {
	margin-top: 1em;
}

@media screen and (max-width:1024px) {
	.p-alliance .p-box {
		height: 200px;
	}


}

@media screen and (max-width:767px) {
	.p-alliance .p-box {
		height: auto;
	}

	.p-all__txt {
		margin-bottom: 20px;
	}

	.page-link a {
		margin: 0 auto;
	}
}


/*============================
	p-scheme
============================*/

@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {}

/*============================
	p-point
============================*/
.p-point__atc {
	width: 33.33%;
	padding: 20px 2% 30px;

	&:nth-child(2) {
		border-left: solid 2px #96989a;
		border-right: solid 2px #96989a;
	}
}

.p-point__num {
	font-size: 6.4rem;
	text-align: center;

	& span {
		font-weight: 400;
	}
}

@media screen and (max-width:1024px) {
	.p-point__atc {
		width: 33.33%;
		padding: 0 2% 20px;

		&:nth-child(2) {
			border-left: solid 2px #96989a;
			border-right: solid 2px #96989a;
		}
	}

	.p-point__num {
		font-size: 5rem;
	}

	.p-point__h3 {
		font-size: min(1.8rem, 1.8vw);
	}
}

@media screen and (max-width:767px) {
	.p-point__atc {
		width: 100%;
		padding: 0 0 30px;
		margin-bottom: 20px;
		border-bottom: solid 2px #96989a;

		&:nth-child(2) {
			border: none;
			border-bottom: solid 2px #96989a;
		}

		&:last-child {
			padding: 0;
			margin-bottom: 0;
			border: none;
		}
	}

	.p-point__num {
		font-size: 5rem;
	}

	.p-point__h3 {
		font-size: 1.4rem;
		margin-bottom: 20px;
	}
}

/*============================
	p-service
============================*/

@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {}

/*============================
	p-merit
============================*/

@media screen and (max-width:1024px) {}

@media screen and (max-width:767px) {}

/*============================
	p-flow
============================*/
.p-flow{
	padding-bottom: 120px;
}
.flow__atc {
	width: 25%;
}

.flow__arw {
	width: 5%;
	position: relative;

	& img {
		position: absolute;
		top: 60%;
		left: 50%;
		transform: translate(-50%, -50%);
		max-width: 20px;
		display: block;
		margin: 0 auto;
	}
}

@media screen and (max-width:1024px) {
	.p-flow{
		padding-bottom: 80px;
	}
	.flow__atc {
		width: 25%;
	}
	
	.flow__arw {
		width: 5%;
	
		& img {
			top: 60%;
			left: 50%;
			max-width: 16px;
		}
	}
	
}

@media screen and (max-width:767px) {
	.p-flow{
		padding-bottom: 60px;
	}
	.flow__atc {
		width: 60%;
		max-width: 300px;
		margin: 0 auto;
	}
	
	.flow__arw {
		width: 100%;
		margin: 20px 0;
	
		& img {
			position: relative;
			top: auto;
			left:auto;
			max-width: 16px;
			transform: rotate(90deg);
		}
	}
}

/*============================
	p-contact 
============================*/
.p-contact {
	padding-bottom: 120px;
}
@media screen and (max-width:1024px) {
	.p-contact {
		padding-bottom: 80px;
	}
}

@media screen and (max-width:767px) {
	.p-contact {
		padding-bottom: 60px;
	}
}