@charset "utf-8";

/*** stepSec（家就LP） ***/
.stepSec__inner {padding: 70px 0 80px;}
.stepSec__inner__ttl {
	margin-bottom: 60px;
	text-align: center;
}
.stepSec__inner__intro {
	margin-bottom: 60px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}
.stepSec__inner__list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.stepSec__inner__list__sec {
	width: 28.571428571428571%;
	position: relative;
	z-index: 1;
}
.stepSec__inner__list__sec:last-child {
	width: 100%;
	margin-top: 160px;
}
.stepSec__inner__list__sec:last-child:before {
	content: "";
	display: block;
	width: 158px;
	height: 79px;
	background-size: contain;
	position: absolute;
	top: -115px;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
}
.stepSec__inner__list__sec .item01 {}
.stepSec__inner__list__sec .item01 .pic {
	margin-bottom: 15px;
	text-align: center;
	position: relative;
	z-index: 1;
}
.stepSec__inner__list__sec .item01 .pic:before {
	content: "";
	display: block;
	width: 28px;
	height: 56px;
	background-size: contain;
	position: absolute;
	top: 50%;
	right: -51px;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}
.stepSec__inner__list__sec:nth-child(3) .item01 .pic:before {display: none;}
.stepSec__inner__list__sec .item01 .ttl {
	margin-bottom: 15px;
	font-size: 26px;
	font-weight: bold;
	text-align: center;
	line-height: 1.5;
}
.stepSec__inner__list__sec .item01 p {font-size: 13px;}
.stepSec__inner__list__sec .item02 {
	padding: 30px 15px;
	background-color: #fff;
	border-radius: 30px;
	box-shadow: 0px 5px 0px 0px rgba(0,0,0,0.1);
	position: relative;
	z-index: 1;
}
.stepSec__inner__list__sec .item02 .pic {
	max-height: none;
	position: absolute;
	bottom: 18px;
	left: 10.204081632653061%;
}
.stepSec__inner__list__sec .item02 .ttl {
	padding-left: 39.795918367346939%;
	margin-bottom: 15px;
	font-size: 44px;
	font-weight: bold;
	line-height: 1.3;
}
.stepSec__inner__list__sec .item02 p {
	padding-left: 39.795918367346939%;
	font-size: 20px;
}
@media screen and (max-width:1023px){
	.stepSec__inner__list__sec .item01 .pic:before {
		width: 2.7370478983382207vw;
		height: 5.474095796676441vw;
		right: -4.9853372434017595vw;
	}
	.stepSec__inner__list__sec .item01 .ttl {font-size: 22px;}
	.stepSec__inner__list__sec .item02 .pic {left: 6.5%;}
}
@media screen and (max-width:767px){
	.stepSec {background-size: 10px 10px;}
	.stepSec__inner {padding: 35px 0;}
	.stepSec__inner__ttl {margin-bottom: 30px;}
	.stepSec__inner__intro {
		margin-bottom: 20px;
		font-size: 13px;
		text-align: left;
	}
	.stepSec__inner__list {display: block;}
	.stepSec__inner__list__sec {
		width: auto;
		margin-bottom: 50px;
	}
	.stepSec__inner__list__sec:last-child {
		width: auto;
		margin-top: 0;
		margin-bottom: 0;
	}
	.stepSec__inner__list__sec:last-child:before {
		display: none;
	}
	.stepSec__inner__list__sec:after {
		content: "";
		display: block;
		width: 36px;
		height: 18px;
		background-size: contain;
		position: absolute;
		bottom: -32px;
		left: 50%;
		transform: translateX(-50%);
		-webkit-transform: translateX(-50%);
	}
	.stepSec__inner__list__sec:last-child:after {display: none;}
	.stepSec__inner__list__sec .item01 {	}
	.stepSec__inner__list__sec .item01 .pic {
		width: 41.176470588235294%;
		margin: 0 auto 10px;
	}
	.stepSec__inner__list__sec .item01 .pic:before {display: none;}
	.stepSec__inner__list__sec .item01 .ttl {
		margin-bottom: 8px;
		font-size: 18px;
	}
	.stepSec__inner__list__sec .item01 p {font-size: 13px;}
	.stepSec__inner__list__sec .item02 {
		padding: 0;
		background-color: transparent;
		border-radius: 0;
		box-shadow: none;
	}
	.stepSec__inner__list__sec .item02 .pic {
		width: 41.176470588235294%;
		margin: 0 auto 10px;
		position: static;
	}
	.stepSec__inner__list__sec .item02 .ttl {
		padding-left: 0;
		margin-bottom: 8px;
		font-size: 18px;
		line-height: 1.5;
		text-align: center;
	}
	.stepSec__inner__list__sec .item02 p {
		padding-left: 0;
		font-size: 13px;
	}
}