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

main {
	margin: 40px auto 0;
	background: #FFFEF5;
	color: #595656;
	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: 3em;
	padding: 0 1em;
	background: #E9EBF6;/* #dbd9ec */
	border-radius: 27px;
	color: #595656;
	font-size: 16px;
	font-weight: 700;
	line-height: 1;
	letter-spacing: 0.1em;
	transition: all 0.5s;
}
.linkbtnarea a:hover{
	background: #d4d8f0;
}

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

main img:not(.pc) {
	display: block;
	width: 100%;
	height: auto;
	margin: 0 auto;
}
main img.pc {
	display: none;
}
.linkbtnarea a{
	border-radius: 3.0769vw;
	font-size: 2.3076vw;
}
.bottomtext {
	margin-top: 12.8205vw;
	font-size: 3.5897vw;
}

.grbg {
	padding-top: 26.9230vw;
	background:#BCC6E2 url(img/grbg_sp.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.s4 h2 {
	width: 64.615384vw;
	margin: 0 auto 8.717948vw;
}
.s4 ul {
	width: 82.3076%;
	margin: 0 auto;
}
.s4 li img {
	width: 44.2307vw;
	margin: 0 0 0 auto;
}
.s4 li:nth-child(2) img {
	margin: 0 auto 0 0;
}

.s5 {
	margin-top: 12.17943vw;
}
.s5 h2 {
	width: 41.41025vw;
	margin: 0 auto 6.923vw;
}
.s5 .wtbox {
	width: 82.3076%;
	padding: 8.5897vw 5vw 4.87179vw;
	border-radius: 7.4358vw;
	background: #FFFEF5;
	margin: 0 auto;
}
.s5 .wtbox img {
	width: 38.58974vw;
}
.s5 .wtbox + .wtbox {
	margin-top: 6.7948vw;
	padding-top: 8.5897vw;
}
.s5 .wtbox + .wtbox img {
	width: 55.641vw;
}
.s5 li {
	margin-top: 4.7435vw;
}
.s5 .linkbtnarea {
	margin-top: 3.8461vw;
	justify-content: flex-end;
}

.s6 {
	margin-top: 13.46153vw;
}

.s7 {
	background: #fff;
	padding-bottom: 8.58974vw;
}
.s7 .hdarea{
	padding: 18.8461vw 0 12.8205vw;
	background: #FEFEFE;
	background: linear-gradient(0deg, rgba(254, 254, 254, 1) 0%, rgba(190, 199, 228, 1) 100%);
}
.s7 .hdarea h2 {
	margin: 0 auto 11.1538vw;
	width: 82.3076vw;
}
.s7 .hdarea ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4.87179vw;
}
.s7 .hdarea ul li a{
	display: block;
	width: 38.46153vw;
	height: 28.84615vw;
	border-radius: 6.41025vw;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #A59BCA;
}
.s7 .hdarea ul li:last-child a{
	background: #98B5DF;
}
.s7 .hdarea ul li a img {
	width: 25.89743vw;
}
.s7 .hdarea ul li:last-child a img {
	width: 33.7179vw;
}
.s7 .inner h3 {
	margin-bottom: 7.82051vw;
}
.s7 .inner > img {
	width: 92.5641vw;
	margin: 0 auto;
}
.s7 .inner > img:last-child {
	margin-top: 7.17948vw;
	width: 82.3076vw;
}
.s7 .inner + .inner {
	margin-top: 11.0256vw;
}
}/* end @media*/


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

.l-container {
	background: #BCC3E1;
	background: linear-gradient(0deg,rgba(188, 195, 225, 1) 0%, rgba(237, 217, 232, 1) 50%, rgba(188, 195, 225, 1) 100%);
}
main {
	width: 960px;
}
main img {
	display: block;
	margin: 0 auto;
}

.s1 {
	position: relative;
	padding-top: 126px;
	padding-bottom: 205px;
}
.s1::before {
	content: "";
	display: block;
	background: url(img/hr_l.png) no-repeat 0 0;
	width: 67px;
	height: 61px;	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.s1 h2 {
	margin-bottom: 68px;
}
.s1 img{
	position: relative;
	z-index: 1;
}
.s1 .bgimg {
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 0;
}

.s2 {
	padding-top: 112px;
	position: relative;
}
.s2::before {
	content: "";
	display: block;
	background: url(img/hr_r.png) no-repeat 0 0;
	width: 67px;
	height: 61px;	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: -6px auto 0;
}
.s2::after {
	content: "";
	display: block;
	background: url(img/s2_bg-img_1.jpg) no-repeat 0 0;
	background-size: 100% auto;
	width: 152px;
	height: 197px;	
	position: absolute;
	top: -230px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto auto auto 0;
}
.s2 h2 {
	margin-bottom: 82px;
}
.s2 .textimg {
	margin-bottom: 72px;
}

.s3 {
	margin-top: 66px;
	padding-top: 115px;
	position: relative;
}
.s3 img {
	position: relative;
	z-index: 1;	
}
.s3::before {
	content: "";
	display: block;
	background: url(img/hr_l.png) no-repeat 0 0;
	width: 67px;
	height: 61px;	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.s3::after {
	content: "";
	display: block;
	background: url(img/s3_bg-img_1.jpg) no-repeat 0 0;
	background-size: 100% auto;
	width: 234px;
	height: 234px;	
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 14px 95px auto auto;
	z-index: 0;
}
.s3 h2 {
	margin-bottom: 81px;
}

.grbg {
	padding-top: 249px;
	padding-bottom: 116px;
	background:#BCC6E2 url(img/grbg.jpg) no-repeat 0 0;
	background-size: 100% auto;
}
.s4 {
	position: relative;
}
.s4 h2 {
	margin-bottom: 99px;
}
.s4 ul {
	width: 681px;
	margin: 0 auto;
}
.s4 li img {
	display: block;
	margin: auto auto auto 0;
}
.s4 li:nth-child(odd) img {
	margin: auto 0 auto auto;
}

.s5 {
	margin-top: 85px;
}
.s5 h2 {
	margin-bottom: 59px;
}
.s5 .wtbox {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 0 auto;
	width: 750px;
	padding: 40px 36px 28px;
	border-radius: 40px;
	background-color: #FFFEF5;
}
.s5 h2 + .wtbox {
	padding-top: 55px;
}
.s5 h2 + .wtbox li {
	width: 100%;
}
.s5 h2 + .wtbox .linkbtnarea{
	justify-content: flex-end;
}
.s5 .wtbox + .wtbox {
	margin-top: 53px;
}
.s5 .wtbox + .wtbox li {
	width: calc(calc(100% - 255px) / 2);
}
.s5 .wtbox + .wtbox li:nth-child(2) {
	width: 255px;
	background: url(img/s5_bdr.png) repeat-y left top,
		url(img/s5_bdr.png) repeat-y right top;
}
.s5 .wtbox + .wtbox li .linkbtnarea{
	margin-top: 33px;
}

.s6 {
	background: url(img/s6_bg_1.png) no-repeat center top;
	padding: 105px 0 157px;
	margin-top: 92px;
}
.s6 h2 {
	margin-bottom: 73px;
}
.s7 {
	background: #fff;
	padding-bottom: 50px;
}
.s7 .hdarea{
	padding: 35px 0 91px;
	background: #FEFEFE;
	background: linear-gradient(0deg, rgba(254, 254, 254, 1) 0%, rgba(201, 206, 232, 1) 100%);
}
.s7 .hdarea h2 {
	margin-bottom: 66px;
}
.s7 .hdarea ul {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 44px;
}
.s7 .hdarea ul li a{
	display: block;
	width: 284px;
	height: 211px;
	border-radius: 50px;
	display: flex;
	justify-content: center;
	align-items: center;
	background: #A59BCA;
}
.s7 .hdarea ul li:last-child a{
	background: #98B5DF;
}
.s7 .inner h3 {
	margin-bottom: 56px;
}
.s7 .inner img + img {
	margin-top: 54px;
}
.s7 .inner + .inner {
	margin-top: 72px;
}
.bottomtext {
	margin-top: 78px;
	font-size: 20px;
}
}/* end @media*/