@charset "UTF-8";
/* CSS Document */

main {
	margin: 40px auto 0;
	background: #fff;
	color: #231815;
	font-family: YuGothic, "Yu Gothic medium", "Hiragino Sans", Meiryo, "sans-serif";
}

.bottomtext {
	color: #231815;
	text-align: center;
	line-height: 1;
}

.linkbtnarea {
	display: flex;
	justify-content: center;
}
.linkbtnarea a{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 3.857em;
	padding: 0 1.8em;
	background: #8579B7;
	border-radius: 27px;
	color: #fff;
	font-size: 14px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	transition: all 0.5s;
}
.linkbtnarea a:hover{
	background: #a7b1e7;
}

/* for SP */
@media (max-width: 767px) {

main {
	padding-bottom: 8.333vw;
}

main img:not(.pc) {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
main img.pc {
	display: none;
}

.maintop {
	background: #E8E8F4;
	padding-bottom: 8.846vw;
}

.s1 {
	background: #fff;
	position: relative;
	padding: 8.333vw 0 8.076vw;
	width: 82.82%;
	margin: 0 auto;
}
.s1 > img:first-child {
	width: 67.948vw;
}
.s1 .rbn {
	margin-top: 1.666vw;
	position: relative;
}
.s1 .rbn::before {
	content: "";
	width: 20.512vw;
	height: 38.974vw;
	background: url(img/s1_rb1_pc.webp) 0 0 / auto 100% no-repeat;
	position: absolute;
	top: 36.666vw;
	left: -8.334vw;
}
.s1 .rbn::after {
	content: "";
	width: 20.641vw;
	height: 42.307vw;
	background: url(img/s1_rb2_pc.webp) 100% 0 / auto 100% no-repeat;
	position: absolute;
	top: 34.102vw;
	right: -8.975vw;
}
.s1 .rbn img:first-child {
	width: 72.692vw;
}
.s2 {
	margin-top: 7.82vw;
}
.s2 > img:first-child {
	width: 90.3846vw;
	transform: translateX(3.9vw);
}
.s2 h2 {
	margin: 8.077vw auto 0;
	width: 82.435vw;
}
.s2 h2 + img {
	width: 82.435vw;
}
.linkbtnarea {
	margin-top: 8.974vw;
}
.bottomtext {
	margin-top: 7.82vw;
	font-size: 3.846vw;
	letter-spacing: 0.1em;
}
}/* end @media*/


/* for PC */
@media (min-width: 768px) {

main {
	width: 960px;
	padding-bottom: 52px;
}
main img {
	display: block;
	margin: 0 auto;
}

.maintop {
	background: #E8E8F4;
	padding-bottom: 98px;
}

.s1 {
	background: #fff;
	position: relative;
	padding: 43px 0 56px;
	width: 753px;
	margin: 0 auto;
}
.s1 .rbn {
	margin-top: 25px;
	position: relative;
}
.s1 .rbn::before {
	content: "";
	width: 200px;
	height: 381px;
	background: url(img/s1_rb1_pc.webp) 0 0 no-repeat;
	position: absolute;
	top: -70px;
	left: -104px;
}
.s1 .rbn::after {
	content: "";
	width: 188px;
	height: 391px;
	background: url(img/s1_rb2_pc.webp) 0 0 no-repeat;
	position: absolute;
	top: -72px;
	right: -103px;
}
.s2 {
	margin-top: 82px;
}
.s2 > img:first-child {
	transform: translateX(34px)
}
.s2 h2 {
	margin-top: 75px;
}
.linkbtnarea {
	margin-top: 60px;
}
.bottomtext {
	margin-top: 50px;
	font-size: 20px;
	letter-spacing: 0.1em;
}
}/* end @media*/