@charset "utf-8";
#student {
	width: 100%;
	height: auto;
	position: relative;
	padding: 22px 0 0;
	overflow: hidden;
}
	.student__inner {
		width: 100%;
		height: auto;
	}
		.student__contents {
			width: 100%;
			height: auto;
		}
			.student__news__area {
				width: 100%;
				height: auto;
				position: relative;
			}
				.student__news__area::before {
					content: '';
					display: block;
					width: 100%;
					height: 50%;
					background-color: var(--color--pink);
					border-radius: 60px 60px 0 0;
					position: absolute;
					top: 50%;
					left: 0;
					z-index: -1;
				}
				.student__news__wrap {
					width: 90%;
					max-width: 1000px;
					height: auto;
					margin: 0 auto;
					position: relative;
				}
					.student__news {
						width: 94.5%;
						height: auto;
						padding: 40px 0 40px 55px;
						margin: 0 0 0 auto;
						border-radius: 70px 0 0 70px;
						background-color: var(--color--white);
						position: relative;
					}
						.student__news::after {
							content: '';
							display: block;
							width: 50vw;
							height: 100%;
							background-color: var(--color--white);
							position: absolute;
							top: 0;
							right: 0;
							transform: translate(100%,0%);
							z-index: -1;
						}
						.student__news__heading {
							width: 100%;
							height: auto;
							font-size: 28px;
							font-weight: 700;
							line-height: 1.4;
							letter-spacing: 0.05em;
							margin-bottom: 14px;
							position: relative;
							z-index: 3;
						}
						.student__news__heading_line {
							width: 100%;
							height: 3.11px;
							margin-bottom: 20px;
							position: relative;
							z-index: 3;
						}
							.student__news__heading_line picture img {
								width: 100%;
								height: 100%;
							}
						.student__news__list {
							width: 100%;
							height: auto;
							position: relative;
							z-index: 3;
						}
							.student__news__item {
								display: flex;
								justify-content: flex-start;
								align-items: flex-start;
								width: 100%;
								height: auto;
							}
							.student__news__item:not(:last-of-type) {
								margin-bottom: 10px;
							}
								.student__news__item__info {
									padding-top: 1px;
									margin-right: 15px;
								}
									.student__news__item_date {
										display: inline-flex;
										justify-content: flex-start;
										align-items: center;
										height: 21px;
										margin-right: 12px;
										font-size: 16px;
										font-weight: 400;
										line-height: 1;
										color: var(--color--blackgray);
									}
									.student__news__item_cat {
										display: inline-flex;
										justify-content: center;
										align-items: center;
										width: 102px;
										height: 21px;
										border-radius: 10.5px;
										background-color: var(--color--navy);
										font-size: 12px;
										font-weight: 500;
										line-height: 1;
										letter-spacing: 0.05em;
										color: var(--color--white);
									}
								.student__news__item__txt {
									flex: 1;
									padding-right: 55px;
									font-size: 16px;
									font-weight: 500;
									line-height: 2;
									letter-spacing: 0.05em;
									position: relative;
								}
									.student__news__item__txt a {
										color: var(--color--black);
									}
									.student__news__item__txt .arrow {
										width: 12.13px;
										height: auto;
										position: absolute;
										top: 11px;
										right: 0;
									}
						.student__news__list_link {
							width: 100%;
							text-align: right;
							position: absolute;
							bottom: -20px;
							left: 50%;
							transform: translate(-50%,100%);
							z-index: 3;
						}
							.student__news__list_link__txt {
								display: inline-block;
								padding-right: 48px;
								font-size: 18px;
								font-weight: 700;
								line-height: 1.44;
								letter-spacing: 0.06em;
								color: var(--color--black);
								position: relative;
							}
								.student__news__list_link__txt::after {
									content: '';
									display: block;
									width: 25px;
									height: 25px;
									border-radius: 50%;
									background-image: url('../image/index/price-arrow.svg');
									background-position: center;
									background-repeat: no-repeat;
									background-size: cover;
									position: absolute;
									top: 50%;
									right: 0;
									transform: translate(0%,-50%);
								}

			.student__contents__area {
				width: 100%;
				height: auto;
				margin: 0 auto;
				padding: 105px 0 109px;
				background-color: var(--color--pink);
			}
				.student__contents__inner {
					width: 85%;
					max-width: 890px;
					height: auto;
					margin: 0 auto;
					position: relative;
					z-index: 3;
				}
					.student__contents__wrap {
						width: 100%;
						height: auto;
					}
					.student__contents__wrap:not(:last-of-type) {
						margin-bottom: 80px;
					}
						.student__contents__heading {
							width: 100%;
							height: auto;
							margin: 0 auto 20px;
						}
						.student__contents__body {
							width: 100%;
							height: auto;
						}
							.student__contents__body__txt {
								width: 100%;
								height: auto;
								margin: 0 auto 25px;
								font-size: 16px;
								font-weight: 500;
								line-height: 1.8;
								letter-spacing: 0.05em;
							}
							.student__contents__on_demand {
								width: 100%;
								height: auto;
								position: relative;
								z-index: 2;
							}
								.student__contents__on_demand__btn_wrap {
									width: 100%;
									height: auto;
								}
								.student__contents__on_demand__btn_wrap:not(:last-of-type) {
									margin-bottom: 40px;
								}
								.student__contents__on_demand__btn_wrap {
									display: flex;
									justify-content: center;
									align-items: flex-start;
									column-gap: 25px;
									width: 100%;
									height: auto;
								}
									.student__contents__on_demand__btn {
										display: flex;
										justify-content: center;
										align-items: center;
										filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2));
									}
									.student__contents__on_demand__btn.for_pc {
										width: 50%;
										height: 80px;
										border-radius: 40px;
										background-color: #587A9F;
										font-size: 24px;
										font-weight: 700;
										line-height: 1;
										letter-spacing: 0.05em;
										color: var(--color--white);
									}
									.student__contents__on_demand__btn.for_sp {
										width: auto;
										height: 54px;
									}
									.student__contents__on_demand__btn.for_pc::after {
										content: '';
										display: block;
										width: 37px;
										height: 37px;
										margin-left: 20px;
										background-image: url('../image/student/student-btn_arrow.svg');
										background-position: center;
										background-repeat: no-repeat;
										background-size: cover;
									}
										.student__contents__on_demand__btn.for_sp img {
											width: auto;
											height: 100%;
										}
							.student__contents__musashi {
								width: 267px;
								height: auto;
							}
								.student__contents__musashi__image {
									width: 100%;
									height: auto;
									margin: 0 auto 18px;
									position: relative;
									z-index: 2;
									filter: drop-shadow(0px 3px 10px rgba(0,0,0,0.2));
								}
									.student__contents__musashi__image img {
										width: 100%;
										height: auto;
									}
								.student__contents__musashi__txt {
									font-size: 16px;
									font-weight: 700;
									letter-spacing: 0.03em;
								}
									.student__contents__musashi__txt_link {
										display: inline-flex;
										justify-content: flex-start;
										align-items: center;
										color: var(--color--lightblue);
									}
										.student__contents__musashi__txt_link::before {
											content: '';
											width: 19px;
											height: 19px;
											margin-right: 8px;
											border-radius: 50%;
											background-image: url('../image/student/student-link_arrow.svg');
											background-position: center;
											background-repeat: no-repeat;
											background-size: cover;
										}

/* PC ================================================== */
@media all and (min-width:1025px){
								.student__news__item__txt a {
									transition: color .2s;
								}
								.student__news__item__txt:hover a {
									color: var(--color--skyblue);
								}
								.student__news__item__txt .arrow {
									transition: right .2s;
								}
								.student__news__item__txt:hover .arrow {
									right: -3px;
								}

								.student__news__list_link__txt::after {
									transition: right .2s;
								}
								.student__news__list_link__txt:hover::after {
									right: -3px;
								}
							.student__contents__on_demand__btn {
								transition: background-color .25s, opacity .25s;
							}
							.student__contents__on_demand__btn.for_pc:hover {
								background-color: #7592B1;
							}
							.student__contents__on_demand__btn.for_sp:hover {
								opacity: .85;
							}
								.student__contents__on_demand__btn::after {
									position: relative;
									left: 0;
									transition: left .25s;
								}
								.student__contents__on_demand__btn:hover::after {
									left: 3px;
								}
									.student__contents__musashi__image img {
										transition: filter .25s;
									}
									.student__contents__musashi__image img:hover {
										filter: brightness(1.08) invert(0);
									}
								.student__contents__musashi__txt_link span {
									position: relative;
								}
									.student__contents__musashi__txt_link span::before {
										content: '';
										width: 100%;
										height: 2px;
										background-color: var(--color--lightblue);
										opacity: 0;
										position: absolute;
										bottom: 0;
										left: 0;
										transition: opacity .2s;
									}
									.student__contents__musashi__txt_link:hover span::before {
										opacity: 1;
									}
									
}

/* Tablet ================================================== */
@media all and (max-width:1024px){
#student {
	padding: 28px 0 0;
}
				.student__news__area::before {
					border-radius: 30px 30px 0 0;
				}
				.student__news__wrap {
					width: 87.2%;
					max-width: initial;
				}
					.student__news {
						width: 100%;
						padding: 34px 0 35px 7.34%;
						border-radius: 40px 0 0 40px;
					}
						.student__news::after {
							width: 10vw;
						}
						.student__news__heading {
							width: 100%;
							font-size: 24px;
							margin-bottom: 15px;
						}
						.student__news__heading_line {
							margin-bottom: 18px;
						}
							.student__news__item {
								display: block;
							}
							.student__news__item:not(:last-of-type) {
								margin-bottom: 22px;
							}
								.student__news__item__info {
									padding-top: 0;
									margin-right: 0;
									margin-bottom: 3px;
									line-height: 1;
								}
									.student__news__item_date {
										font-size: 14px;
									}
								.student__news__item__txt {
									width: 100%;
									padding-right: 23px;
									font-size: 14px;
								}
									.student__news__item__txt a {
										color: var(--color--black);
									}
									.student__news__item__txt .arrow {
										width: 12.13px;
										height: auto;
										position: absolute;
										top: 11px;
										right: 0;
									}

						.student__news__list_link {
							width: 100%;
							max-width: initial;
							bottom: -15px;
						}
							.student__news__list_link__txt {
								padding-right: 41px;
							}

			.student__contents__area {
				padding: 90px 0 71px;
			}
				.student__contents__inner {
					width: 87.2%;
					max-width: initial;
				}
					.student__contents__wrap:not(:last-of-type) {
						margin-bottom: 48px;
					}
						.student__contents__heading {
							margin: 0 auto 18px;
						}
							.student__contents__body__txt {
								margin: 0 auto 30px;
								font-size: 14px;
								letter-spacing: 0.03em;
							}
							.student__contents__on_demand {
								display: flex;
								flex-direction: column;
								justify-content: flex-start;
							}
							.student__contents__musashi {
								width: 280px;
								margin: 0 auto;
							}
								.student__contents__musashi__image {
									margin: 0 auto 12px;
								}
}

/* SP ================================================== */
@media all and (max-width:599px){
								.student__news__item__info {
									margin-bottom: 5px;
								}
							.student__contents__heading small {
								font-size: 18px;
							}
								.student__contents__on_demand__btn_wrap {
									column-gap: 15px;
								}
									.student__contents__on_demand__btn.for_sp {
										height: 50px;
									}
}