@charset "utf-8";
/* -------------------------------- *\
    top
\* -------------------------------- */
.section-top {
	position: relative;
	padding-bottom: 30px;
}
.section-top__logo {
	position: absolute;
	top: 30px;
	left: -20px;
}
.section-top__title {
	position: absolute;
	top: 23px;
	left: 50%;
	transform: translateX(-50%);
}
.section-top__title img {
	transition: all .3s ease
}
.section-top__title a:hover img{
	opacity: .7;
}
.section-top__intro {
	position: absolute;
	top: 55%;
	left: 50%;
	width: 100%;
	transform: translate(-50%,-50%);
}
.intro-wrapper {
	max-width: 1040px;
	margin: 0 auto;
	padding-right: 20px;
	padding-left: 20px;
}
.intro-content {
	display: flex;
	align-items: center;
	margin-right: -10px;
	margin-left: -10px;
}
.intro-title, .intro-btn{
	flex-basis: 50%;
	max-width: 50%;
	padding: 0 10px;
}
.intro-btn__item:not(:last-child) {
	margin-bottom: 5px;
}
.intro-btn__item img {
	transition: all .3s ease
}
.intro-btn__item a:hover img{
	transform: scale(1.05);
}
@media (max-width: 1260px) {
	.intro-wrapper {
		max-width: 860px;
	}
}
@media (max-width: 1100px) {
	.intro-wrapper {
		max-width: 760px;
	}
	.section-top__intro {
		top: 58%;
	}
}
@media (max-width: 768px) {
	.section-top {
		padding-bottom: 60px;
	}
	.section-top__logo {
		top: 5px;
		width: 40%;
	}
	.section-top__title {
		top: 12%;
		width: 40%;
	}
	.section-top__intro {
		top: 60%;
	}
	.intro-wrapper {
		padding-right: 10px;
		padding-left: 10px;
	}
	.intro-content {
		margin-right: -5px;
		margin-left: -5px;
	}
	.intro-title, .intro-btn{
		padding: 0 5px;
	}
	.intro-title {
		flex-basis: 45%;
		max-width: 45%;
	}
	.intro-btn {
		flex-basis: 55%;
		max-width: 55%;
	}
}
@media (max-width: 560px) {
	.section-top__intro {
		top: 58%;
	}
}

/* -------------------------------- *\
    型
\* -------------------------------- */
.section-shape {
	position: relative;
	z-index: 1;
}
.section-shape:not(:last-of-type) {
	padding-bottom: 152px;
}
.section-shape:last-of-type {
	margin-bottom: 95px;
}
.section-shape--shoulder {
	background-color: #6fbcdc;
}
.section-shape--standard {
	background-color: #577b9e;
}
.section-shape--smart {
	background-color: #b595b9;
}
.section-shape--premium {
	background-color: #c9b964;
}
.section-shape::before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: -96px;
	width: 100%;
	height: 96px;
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.section-shape--shoulder::before {
	background-image: url(../../img/find/bg_shoulder-top.png);
}
.section-shape--standard::before {
	background-image: url(../../img/find/bg_standard-top.png);
}
.section-shape--smart::before {
	background-image: url(../../img/find/bg_smart-top.png);
}
.section-shape--premium::before {
	background-image: url(../../img/find/bg_premium-top.png);
}
.section-shape--smart::after {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -96px;
	width: 100%;
	height: 96px;
	background-image: url(../../img/find/bg_smart-bottom.png);
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.section-shape--premium::after {
	display: inline-block;
	position: absolute;
	left: 0;
	bottom: -96px;
	width: 100%;
	height: 96px;
	background-image: url(../../img/find/bg_premium-bottom.png);
	background-position: left top;
	background-repeat: no-repeat;
	content: "";
}
.section-shape .wrapper::before {
	display: inline-block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	max-width: 300px;
	height: 762px;
	background-image: url(../../img/find/bg_section-shape-l.svg);
	background-repeat: no-repeat;
	content: "";
	z-index: -2;
}
.section-shape .wrapper::after {
	display: inline-block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	max-width: 342px;
	height: 762px;
	background-image: url(../../img/find/bg_section-shape-r.svg);
	background-repeat: no-repeat;
	content: "";
	z-index: -2;
}
.section-shape__point {
	padding: 20px 0 15px;
}
.section-shape__lineup {
	position: relative;
	padding-top: 8px;
}
.section-shape__lineup::before {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 38px;
	background-image: url(../../img/find/line_find.svg);
	background-position: left bottom;
	background-repeat: no-repeat;
	content: "";
}
.lineup-title {
	position: relative;
	z-index: 1;
	max-width: 294px;
}
.lineup-check {
	max-width: 427px;
	margin: 0 auto 30px;
}
.lineup-item {
	padding: 30px 30px 10px;
	background-color: #fff;
	border-radius: 20px;
}
.lineup-item__wrapper {
	max-width: 700px;
	margin: 0 auto;
}
.lineup-item__content {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin-right: -10px;
	margin-left: -10px;
}
.lineup-item__col {
	flex-basis: 33.333%;
	max-width: 33.333%;
	padding: 0 10px 20px;
}
.lineup-item__col img{
	position:relative;
	top:0;
	transition:0.3s;
}
.lineup-item__col a:hover img{
	top:-10px;
}
@media (max-width: 768px) {
	.section-shape:last-of-type {
		margin-bottom: 80px;
	}
	.section-shape::before {
		top: -80px;
		height: 80px;
	}
	.section-shape--shoulder::before {
		background-image: url(../../img/find/bg_shoulder-top_sp.png);
	}
	.section-shape--standard::before {
		background-image: url(../../img/find/bg_standard-top_sp.png);
	}
	.section-shape--smart::before {
		background-image: url(../../img/find/bg_smart-top_sp.png);
	}
	.section-shape--premium::before {
		background-image: url(../../img/find/bg_premium-top_sp.png);
	}
	.section-shape--smart::after {
		bottom: -80px;
		height: 80px;
		background-image: url(../../img/find/bg_smart-bottom_sp.png);
	}
	.section-shape--premium::after {
		bottom: -80px;
		height: 80px;
		background-image: url(../../img/find/bg_premium-bottom.png);
	}
	.section-shape .wrapper::before {
		top: auto;
		bottom: 0;
		height: 408px;
		background-image: url(../../img/find/bg_section-shape-l_sp.svg);
	}
	.section-shape .wrapper::after {
		height: 408px;
		background-image: url(../../img/find/bg_section-shape-r_sp.svg);
	}
	.lineup-title {
		margin-bottom: 10px;
	}
	.lineup-check {
		margin-bottom: 15px;
	}
}
@media (max-width: 560px) {
	.lineup-item__col {
		flex-basis: 50%;
		max-width: 50%;
	}
}

/* イラスト調整 */
.section-shape__img, .section-shape__img-right, .section-shape__img-left {
	position: absolute;
}
.section-shape--shoulder .section-shape__img {
	top: -118px;
	right: 20%;
}
.section-shape--standard .section-shape__img {
	top: -120px;
	right: 40%;
}
.section-shape--smart .section-shape__img {
	top: -118px;
	right: 10%;
}
.section-shape--premium .section-shape__img {
	top: -118px;
	right: 10%;
}
.section-shape__img-right, .section-shape__img-left {
	top: 35%;
	transform: translateY(-50%);
	z-index: -1;
}
.section-shape__img-right {
	right: 0;
}
.section-shape__img-left {
	left: 0;
}
@media (max-width: 1100px) {
	.section-shape__img {
		width: 20%;
	}
	.section-shape--shoulder .section-shape__img {
		top: -7%;
	}
	.section-shape--standard .section-shape__img {
		top: -10%;
	}
	.section-shape--smart .section-shape__img {
		top: -10%;
	}
	.section-shape--premium .section-shape__img {
		top: -10%;
	}
}
@media (max-width: 768px) {
	.section-shape__img {
		width: 30%;
	}
	.section-shape--shoulder .section-shape__img {
		right: 10%;
	}
	.section-shape--standard .section-shape__img {
		width: 25%;
		top: -8%;
	}
	.section-shape--smart .section-shape__img {
		top: -8%;
	}
	.section-shape--premium .section-shape__img {
		top: -8%;
	}
	.section-shape__img-right, .section-shape__img-left {
		width: 15%;
	}
}
@media (max-width: 560px) {
	.section-shape--standard .section-shape__img {
		width: 30%;
	}
}

/* -------------------------------- *\
  コピーライト
\* -------------------------------- */
.section-shape + .copyright {
	padding-top: 95px;
}
@media (max-width: 768px) {
	.section-shape + .copyright {
		padding-top: 50px;
	}
}