@charset "UTF-8";
/*---------- お申し込み方法 ----------*/
.apply__container {
	background-color: #f7f5f1;
	padding: 12vw 5% 10vw;
}
.apply__midashi {
	font-size: 5vw;
  margin-bottom: 8vw;
}
.slash.apply__midashi {
	font-size: 4.5vw;
	margin-bottom: 2vw;
}
.apply__step {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.apply__step__contents {
	position: relative;
}
.apply__step__contents::after {
	position: absolute;
	display: block;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
}
.apply__step__contents:last-child:after {
	content: none;
}
.contents__step {
	position: absolute;
	color: #FFF;
	background-color: #e64d97;
	border-radius: 100vh;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-direction: column;
}
.icon-step {
	font-size: 3.5vw;
	margin-top: 1vw;
	margin-bottom: 0.5vw;
}
.icon-count {
	font-size: 6vw;
}
.contents__method {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: #FFF;
	border-radius: 100vh;
}
.contents__method p {
	font-size: 4vw;
  padding-top: 4vw;
  line-height: 1.4;
}
.apply__gift {
	background-color: #e64d97;
	color: #FFF;
	margin: 0 auto;
	display: flex;
  align-items: center;
  justify-content: center;
}
.arrow {
	height: 57px;
	width: 70px;
	margin: 4vw auto;
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center center;
  background-image: url('data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%20width%3D%2270%22%20height%3D%2257%22%20viewBox%3D%220%200%2070%2057%22%3E%20%3Cdefs%3E%20%3Cstyle%3E%20.cls-1%20%7B%20fill%3A%20%23c8c7c5%3B%20%7D%20%3C%2Fstyle%3E%20%3C%2Fdefs%3E%20%3Cg%20id%3D%22_%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC_2-2%22%20data-name%3D%22%E3%83%AC%E3%82%A4%E3%83%A4%E3%83%BC%202%22%3E%20%3Cpolygon%20class%3D%22cls-1%22%20points%3D%220%2021%2014%2021%2014%200%2056%200%2056%2021%2070%2021%2035.5%2057%200%2021%22%2F%3E%20%3C%2Fg%3E%3C%2Fsvg%3E')
}
@media screen and (max-width: 640px) {
	.apply__midashi {
		line-height: 1.4;
	}
	.apply__step__contents {
		margin-bottom: 12vw;
	}
	.apply__step__contents:last-child {
		margin-bottom: 0;
	}
	.apply__step__contents::after {
		bottom: -9vw;
		right: calc(50% - 13px);
		border-width: 16px 16px 0 16px;
		border-color: #e64d97 transparent transparent transparent;
	}
	.contents__step {
		top: -2vw;
		left: 0vw;
		height: 16vw;
		width: 16vw;
	}
	.contents__method {
		width: 60vw;
		height: 60vw;
	}
	.contents__method img {
		width: 50%;
	}
	.contents__method.-first img,
	.contents__method.-second img {
		margin-top: 5vw;
	}
	.apply__gift {
		font-size: 4vw;
    padding: 2vw 0 1vw 1vw;
    width: 80%;
	}
	.apply__gift img {
		width: 28%;
	}
	.apply__gift .fs-middle {
		font-size: 4vw;
	}
}
@media screen and (min-width: 641px) {
	.apply__container {
		padding: 5rem;
	}
	.apply__midashi {
		font-size: 22px;
		letter-spacing: 5px;
		margin-bottom: 4rem;
	}
	.slash.apply__midashi {
		font-size: 18px;
		letter-spacing: 2px;
		margin-bottom: 1.5rem;
	}
	.apply__step {
		flex-direction: row;
	}
	.apply__step__contents {
		margin-right: 3rem;
	}
	.apply__step__contents::after {
		top: calc(50% - 13px);
		right: -30px;
		border-width: 16px 0 16px 16px;
		border-color: transparent transparent transparent #e64d97;
	}
	.apply__step__contents:last-child {
		margin-right: 0;
	}
	.contents__step {
		top: -12px;
  	left: 10px;
		height: 86px;
		width: 86px;
	}
	.icon-step {
		font-size: 18px;
		margin-top: 3px;
		margin-bottom: 3px;
	}
	.icon-count {
		font-size: 30px;
	}
	.contents__method {
		width: 290px;
		height: 290px;
	}
	.contents__method p {
		font-size: 22px;
		padding-top: 6px;
	}
	.contents__method.-first img {
		margin-top: 26px;
	}
	.contents__method.-first p {
		padding-top: 26px;
	}
	.contents__method.-second img {
		margin-top: 14px;
	}
	.contents__method.-second p {
		padding-top: 30px;
	}
	.arrow {
		margin: 1rem auto;
	}
	.apply__gift {
		justify-content: center;
    height: 60px;
    width: 960px;
    margin: 0 auto;
		font-size: 22px;
    letter-spacing: 3px;
	}
}