@charset "UTF-8";

/* オリジナルのレイアウト
----------------------------------------*/
html {
	font-size: 1rem;
	font-size: 10px;
}

body {
	color: #333;
	font-family: 'Noto Sans JP', sans-serif;
	background: #fff;
	font-size: 1.4rem;
	line-height: 1.5;
	height: 100%;
	-webkit-text-size-adjust: 100%;
}
body.modal_open {
	width: 100%;
	height: 100%;
	position: fixed;
	overflow-y: scroll;
}

.wrapper {
	overflow: hidden;
}

img {
	image-rendering: -webkit-optimize-contrast;
	width: 100%;
	display: block;
}

a {
	text-decoration: none;
	color: inherit;
	transition: opacity .3s;
}
table,
tbody,
thead,
tr,
th,
td {
	position: static;
}
@media (hover:hover) {
	a:hover {
		opacity: .6;
	}
}
@media only screen and (max-width: 1200px) {
	html {
		font-size: .8333vw;
	}
}
@media only screen and (max-width: 834px) {
	html {
		font-size: 2.6667vw;
	}
	img {
		width: 100%;
	}
}

/*表示
----------------------------------------*/
@media only screen and (min-width: 835px) {
	.sp {
		display: none !important;
	}
}

@media only screen and (max-width: 834px) {
	.pc {
		display: none !important;
	}
}

/*font
----------------------------------------*/
.en {
	font-family: "Quicksand", sans-serif;
}

/*header
----------------------------------------*/
.header {
	background: #fff;
	padding: 2.1rem 2rem 1.1rem;
	border-bottom: .4rem solid #003fa0;
	z-index: 10;
}
.header_logo {
	width: 28rem;
	margin: 0 auto;
}
@media only screen and (max-width: 834px) {
	.header {
		padding: .8rem 2rem;
		border-bottom-width: .3rem;
	}
	.header_logo {
		width: 18.3rem;
	}
}

/*mainv
----------------------------------------*/
.mainv {
	background: #f1f9ff url(../img2/mv_bg_01.png) no-repeat calc(50% + 1.4rem) 3.4rem / 184.8rem auto;
}
.mainv h2 {
	width: 96rem;
	margin: 0 auto;
}
@media only screen and (max-width: 834px) {
	.mainv {
		background: #f1f9ff;
	}
	.mainv h2 {
		width: auto;
	}
}

/*main
----------------------------------------*/
main {
	background: #fffcf3;
	padding-bottom: 26.8rem;
}
@media only screen and (max-width: 834px) {
	main {
		padding-bottom: 18rem;
	}
}

/*nisa
----------------------------------------*/
.nisa {
	padding: 7.5rem 2rem 11.2rem;
	font-feature-settings: "palt";
}
.nisa h2 {
	width: fit-content;
	margin: 0 auto 4rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #0c419c;
	padding: 0 3rem;
	letter-spacing: .07em;
}
.nisa h2::before,
.nisa h2::after {
	content: '';
	display: block;
	width: .4rem;
	background: #0c419c;
	height: 9.5rem;
	border-radius: 2rem;
	transform: rotate(26deg);
	position: absolute;
	bottom: .5rem;
	right: 0;
}
.nisa h2::before {
	transform: rotate(-26deg);
	right: auto;
	left: 0;
}
.nisa_txt {
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.9;
	letter-spacing: .05em;
	margin-bottom: 1rem;
}
.nisa_note {
	text-align: center;
	font-size: 1.2rem;
	letter-spacing: .03em;
	margin-bottom: 2rem;
}
.nisa_note a {
	text-decoration: underline;
	text-underline-offset: .3rem;
}
.nisa_btn {
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	width: 76rem;
	margin: 0 auto 1.3rem;
	height: 12rem;
	line-height: 1.4;
	padding-bottom: .4rem;
	letter-spacing: .02em;
	border-radius: 6rem;
	background: #f07caf;
	color: #fff;
	font-size: 4rem;
}
.nisa_btn > span {
	display: block;
	font-weight: 500;
	font-size: 1.8rem;
	letter-spacing: .02em;
}
.nisa_btn.green {
	background: #00846d;
	font-size: 3.4rem;
	margin-top: 3.5rem;
}
.nisa_btn.green span {
	font-size: 2.4rem;
}
@media only screen and (max-width: 834px) {
	.nisa {
		padding: 4.9rem 2rem 5.4rem;
	}
	.nisa h2 {
		margin: 0 auto 2.5rem;
		font-size: 2.5rem;
		padding: 0 2rem;
	}
	.nisa h2::before,
	.nisa h2::after {
		width: .3rem;
		height: 6rem;
		bottom: .3rem;
	}
	.nisa_txt {
		font-size: 1.6rem;
		line-height: 1.7813;
		margin-bottom: 1.1rem;
	}
	.nisa_note {
		text-align: left;
		letter-spacing: .01em;
		margin: 0 -.2rem 1.1rem .2rem;
	}
	.nisa_btn {
		width: auto;
		height: 7.5rem;
		font-size: 2.5rem;
	}
	.nisa_btn > span {
		font-size: 1.35rem;
	}
	.nisa_btn + .nisa_note {
		text-align: center;
		letter-spacing: .05em;
	}
	.nisa_btn.green {
		font-size: 2rem;
		padding-top: .2rem;
		letter-spacing: .01em;
	}
	.nisa_btn.green span {
		font-size: 1.35rem;
		margin-bottom: .1rem;
	}
}

/*point
----------------------------------------*/
.point {
	font-feature-settings: "palt";
	padding-bottom: 13.7rem;
}
.point h2 {
	width: fit-content;
	margin: 0 auto 5rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #0c419c;
	padding: 0 3.4rem;
	letter-spacing: .05em;
}
.point h2::before,
.point h2::after {
	content: '';
	display: block;
	width: .4rem;
	background: #0c419c;
	height: 9.5rem;
	border-radius: 2rem;
	transform: rotate(26deg);
	position: absolute;
	bottom: .5rem;
	right: 0;
}
.point h2::before {
	transform: rotate(-26deg);
	right: auto;
	left: 0;
}
.point_list {
	max-width: 96rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.point_list li {
	width: 29.1rem;
	background: #fff;
	border: .1rem solid #e8e8e8;
	border-radius: 3rem;
	padding: 1rem 0 1.7rem;
	text-align: center;
}
.point_list h3 {
	font-size: 2.765rem;
	color: #f07caf;
	font-weight: 700;
	letter-spacing: .04em;
	margin-bottom: -.2rem;
}
.point_list h3 span {
	font-size: 7.373rem;
	font-weight: 600;
	vertical-align: -.7rem;
	margin-left: .7rem;
}
.point_list p {
	font-weight: 700;
	height: 9.6rem;
	color: #333;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2rem;
	line-height: 1.6;
	margin-bottom: 2.6rem;
}
.point_list li:nth-child(1) p,
.point_list li:nth-child(3) p {
	letter-spacing: .05em;
}
.point_list li a {
	display: block;
	width: fit-content;
	margin: 2rem 3rem 0 auto;
	padding-right: 2.4rem;
	font-size: 1.408rem;
	font-weight: 500;
	letter-spacing: .04em;
}
.point_list li:nth-child(3) a {
	margin-right: 1.9rem;
	padding-right: 2.9rem;
	letter-spacing: .06em;
}
.point_list li a::before {
	content: '?';
	display: block;
	width: 1.9rem;
	height: 1.9rem;
	border-radius: 50%;
	background: #333;
	color: #fff;
	text-align: center;
	line-height: 1.9rem;
	position: absolute;
	right: 0;
	top: .1rem;
}
@media only screen and (max-width: 834px) {
	.point {
		padding-bottom: 7.3rem;
	}
	.point h2 {
		margin: 0 auto 2.7rem;
		font-size: 2.5rem;
		padding: 0 2rem;
	}
	.point h2::before,
	.point h2::after {
		width: .3rem;
		height: 6rem;
		bottom: .3rem;
	}
	.point_list {
		margin: 0 2rem;
		display: block;
	}
	.point_list li {
		width: auto;
		border-radius: 1.5rem;
		padding: 1rem 0 1.6rem;
	}
	.point_list li + li {
		margin-top: 2.4rem;
	}
	.point_list h3 {
		width: fit-content;
		font-size: 1.8rem;
		position: absolute;
		left: 2rem;
		top: 2.1rem;
		margin-bottom: 0;
	}
	.point_list h3 span {
		display: block;
		font-size: 4.8rem;
		margin-left: 0;
		line-height: .71;
	}
	.point_list p {
		height: auto;
		display: block;
		text-align: left;
		font-size: 1.6rem;
		line-height: 1.5625;
		padding: 2rem 0 0 9.2rem;
		letter-spacing: .05em;
		margin-bottom: 2.7rem;
	}
	.point_list figure {
		width: 84%;
		margin: 0 auto;
		left: 1.5rem;
	}
	.point_list li:nth-child(2) figure {
		left: -.3rem;
		width: 85%;
		margin: -1.4rem auto .2rem;
	}
	.point_list li:nth-child(3) figure {
		left: -.2rem;
		width: 79.5%;
		margin: -1.4rem auto -.2rem;
	}
	.point_list li a {
		margin: 0 1.6rem 0 auto;
		padding-right: 1.9rem;
		font-size: 1.1rem;
	}
	.point_list li:nth-child(3) a {
		margin-right: 1.6rem;
		padding-right: 2.4rem;
	}
	.point_list li a::before {
		width: 1.5rem;
		height: 1.5rem;
		line-height: 1.5rem;
	}
}

/*fund
----------------------------------------*/
.fund {
	font-feature-settings: "palt";
	margin-bottom: 12.7rem;
}
.fund h2 {
	width: fit-content;
	margin: 0 auto 1.3rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #0c419c;
	padding: 0 4.6rem;
	letter-spacing: .05em;
}
.fund h2::before,
.fund h2::after {
	content: '';
	display: block;
	width: .4rem;
	background: #0c419c;
	height: 6rem;
	border-radius: 2rem;
	transform: rotate(28deg);
	position: absolute;
	bottom: 0;
	right: 0;
}
.fund h2::before {
	transform: rotate(-28deg);
	right: auto;
	left: 0;
}
.fund_txt {
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	letter-spacing: .05em;
	line-height: 1.9;
	padding-right: .7rem;
}
.fund_btn {
	max-width: 92.2rem;
	margin: 2.2rem auto 0;
	display: flex;
	flex-wrap: wrap;
	gap: 2.2rem;
}
.fund_btn a {
	width: calc((100% - 2.2rem) / 2);
	display: block;
	background: #0c419a;
	color: #fff;
	border-radius: 3rem;
	padding: 1.5rem 0 2.1rem 13.5rem;
}
.fund_btn a:nth-child(2) {
	background: #3d74c7;
}
.fund_btn a:nth-child(3) {
	background: #6592e7;
}
.fund_btn a:nth-child(4) {
	background: #9accf8;
	color: #0c419c;
}
.fund_btn a:nth-child(5) {
	background: #c1e2ff;
	color: #0c419c;
}
.fund_btn a img {
	width: 10rem;
	position: absolute;
	left: 2.3rem;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.fund_btn h3 {
	font-size: 3.2rem;
	margin-right: 3.6rem;
	letter-spacing: .02em;
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: .4rem;
}
.fund_btn h3 span {
	font-size: 1.536rem;
	font-weight: 400;
	padding: .2rem 2.5rem 0 0;
	letter-spacing: .05em;
}
.fund_btn h3 span::before {
	content: '';
	display: block;
	width: 2.1rem;
	height: 2.1rem;
	background: #fff;
	border-radius: 50%;
	position: absolute;
	right: 0;
	top: .4rem;
	transition: transform .3s
}
.fund_btn h3 span::after {
	content: '';
	display: block;
	width: .5rem;
	height: .5rem;
	border-top: .2rem solid #0c419a;
	border-right: .2rem solid #0c419a;
	transform: scale(.9) rotate(45deg);
	position: absolute;
	right: .8rem;
	top: 1.1rem;
	transition: transform .3s
}
.fund_btn p {
	font-size: 1.792rem;
	line-height: 1.3929;
	font-feature-settings: normal;
	letter-spacing: -.03em;
}
@media (hover:hover) {
	.fund_btn a:hover h3 span::before {
		transform: translateX(.5rem);
	}
	.fund_btn a:hover h3 span::after {
		transform: translateX(.5rem) scale(.9) rotate(45deg);
	}
}
@media only screen and (max-width: 834px) {
	.fund {
		margin: 0 2rem 6.7rem;
	}
	.fund h2 {
		margin: 0 auto .8rem;
		font-size: 2.5rem;
		padding: 0 3rem;
	}
	.fund h2::before,
	.fund h2::after {
		width: .3rem;
		height: 4rem;
		transform: rotate(30deg);
	}
	.fund h2::before {
		transform: rotate(-30deg);
	}
	.fund_txt {
		font-size: 1.6rem;
		line-height: 1.78125;
		padding-right: 0;
	}
	.fund_btn {
		margin: 2.9rem auto 0;
		display: block;
	}
	.fund_btn a {
		width: auto;
		border-radius: 1.5rem;
		padding: 1.2rem 0 1.6rem 10.4rem;
	}
	.fund_btn a + a {
		margin-top: 1.5rem;
	}
	.fund_btn a img {
		width: 7.8rem;
		left: 1.5rem;
	}
	.fund_btn h3 {
		font-size: 2.5rem;
		margin-right: 1.3rem;
		margin-bottom: .3rem;
	}
	.fund_btn h3 span {
		font-size: 1.2rem;
		padding: .1rem 2rem 0 0;
	}
	.fund_btn h3 span::before {
		width: 1.6rem;
		height: 1.6rem;
		top: .2rem;
	}
	.fund_btn h3 span::after {
		width: .4rem;
		height: .4rem;
		border-top-width: .1rem;
		border-right-width: .1rem;
		right: .6rem;
		top: .8rem;
	}
	.fund_btn p {
		font-size: 1.4rem;
	}
}

/*simulation
----------------------------------------*/
.simulation {
	font-feature-settings: "palt";
	margin-bottom: 14rem;
}
.simulation h2 {
	width: fit-content;
	margin: 0 auto 4.2rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #0c419c;
	padding: 0 3.4rem;
	letter-spacing: .03em;
}
.simulation h2::before,
.simulation h2::after {
	content: '';
	display: block;
	width: .4rem;
	background: #0c419c;
	height: 9.5rem;
	border-radius: 2rem;
	transform: rotate(26deg);
	position: absolute;
	bottom: .5rem;
	right: 0;
}
.simulation h2::before {
	transform: rotate(-26deg);
	right: auto;
	left: 0;
}
.simulation_txt {
	text-align: center;
	font-size: 2.56rem;
	font-weight: 500;
	letter-spacing: .08em;
	margin-bottom: 1.9rem;
}
.simulation_navi {
	max-width: 67.5rem;
	height: 8rem;
	background: #fff;
	border: .2rem solid #0c419c;
	border-radius: 4rem;
	margin: 0 auto 3.9rem;
	display: flex;
	justify-content: space-between;
}
.simulation_navi li {
	width: 13.3rem;
	height: 8rem;
	margin: -.2rem;
	border-radius: 4rem;
	text-align: center;
}
.simulation_navi a {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 2.4rem;
	border-radius: 4rem;
	color: #0c419c;
	font-weight: 500;
	height: 8rem;
}
.simulation_navi .current a {
	background: #0c419c;
	color: #fff;
}
.simulation_navi .current a[href="#course02"] {
	background: #3d74c7;
}
.simulation_navi .current a[href="#course03"] {
	background: #6592e7;
}
.simulation_navi .current a[href="#course04"] {
	background: #9accf8;
	color: #0c419c;
}
.simulation_navi .current a[href="#course05"] {
	background: #c1e2ff;
	color: #0c419c;
}
.simulation_course {
	max-width: 96rem;
	margin: 0 auto;
	background: #fff;
	border: .2rem solid #0c419c;
	padding-bottom: 5.8rem;
	border-radius: 2.2rem 2.2rem 2rem 2rem;
	display: none;
}
.simulation_course_ttl {
	background: #0c419c;
	color: #fff;
	text-align: center;
	border-radius: 2rem 2rem 0 0;
	padding: 2.5rem 0 2.5rem;
	margin-top: -.2rem;
}
.simulation_course#course01 {
	display: block;
}
.simulation_course#course02 {
	border-color: #3d74c7;
}
.simulation_course#course02 .simulation_course_ttl {
	background: #3d74c7;
}
.simulation_course#course03 {
	border-color: #6592e7;
}
.simulation_course#course03 .simulation_course_ttl {
	background: #6592e7;
}
.simulation_course#course04 {
	border-color: #9accf8;
}
.simulation_course#course04 .simulation_course_ttl {
	background: #9accf8;
	color: #0c419c;
}
.simulation_course#course05 {
	border-color: #c1e2ff;
}
.simulation_course#course05 .simulation_course_ttl {
	background: #c1e2ff;
	color: #0c419c;
}
.simulation_course_ttl h3 {
	font-weight: 500;
	font-size: 4rem;
	letter-spacing: .05em;
	margin-bottom: 2.6rem;
}
.simulation_course_ttl h3 span {
	font-size: 2.4rem;
	letter-spacing: .05em;
	margin-left: 1rem;
}
.simulation_course_ttl a {
	display: block;
	width: fit-content;
	margin: 0 auto;
	padding-right: 4rem;
	font-size: 2.24rem;
	letter-spacing: .05em;
	text-decoration: underline;
	text-underline-offset: .8rem;
	text-decoration-thickness: .1rem;
}
.simulation_course_ttl a::before {
	content: '';
	display: block;
	width: 2.6rem;
	height: 2.6rem;
	border-radius: 50%;
	background: #fff;
	position: absolute;
	right: 0;
	top: .5rem;
	transition: transform .3s
}
.simulation_course_ttl a::after {
	content: '';
	display: block;
	width: .6rem;
	height: .6rem;
	border-top: .2rem solid #0c419a;
	border-right: .2rem solid #0c419a;
	transform: scale(.9) rotate(45deg);
	position: absolute;
	right: 1rem;
	top: 1.4rem;
	transition: transform .3s
}
.simulation_course h4 {
	text-align: center;
	font-size: 2.56rem;
	margin: 1.8rem 0 1.2rem;
	line-height: 2.4;
	letter-spacing: .05em;
}
.simulation_course h4 span {
	color: #0c419c;
}
.simulation_course_box {
	display: flex;
	align-items: flex-end;
	padding: 0 4rem 0 4.8rem;
}
.simulation_course_box img {
	width: 45rem;
}
.simulation_course_txt {
	flex: 1;
	font-size: 1.5rem;
	line-height: 1.92;
	letter-spacing: .05em;
	padding: 0 0 2.5rem 2.2rem;
}
.simulation_course_txt p + p {
	margin-top: 3rem;
}
.simulation_course_txt p span {
	color: #da000f;
}
.simulation_course_txt p a {
	color: #0c419c;
	text-decoration: underline;
	text-underline-offset: .5rem;
}
.simulation_course_btn {
	width: 81.2rem;
	margin: 3.8rem auto 0;
	display: flex;
	justify-content: space-between;
}
.simulation_course_btn a {
	width: 36.7rem;
	height: 7.2rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3.6rem;
	border: .2rem solid #5783d5;
	text-align: center;
	font-size: 2.448rem;
	font-weight: 700;
	color: #5783d5;
}
.simulation_course_btn a:first-child ~ a {
	width: 20.7rem;
	background: #5783d5;
	color: #fff;
}
@media (hover:hover) {
	.simulation_course_ttl a:hover::before {
		transform: translateX(.5rem);
	}
	.simulation_course_ttl a:hover::after {
		transform: translateX(.5rem) scale(.9) rotate(45deg);
	}
}
@media only screen and (max-width: 834px) {
	.simulation {
		margin-bottom: 6.8rem;
	}
	.simulation h2 {
		margin: 0 auto 2.7rem;
		font-size: 2.5rem;
		padding: 0 3.7rem;
	}
	.simulation h2::before,
	.simulation h2::after {
		width: .3rem;
		height: 6rem;
		bottom: .3rem;
	}
	.simulation_txt {
		font-size: 1.6rem;
		margin-bottom: 1.2rem;
	}
	.simulation_navi {
		height: 5rem;
		border-width: .1rem;
		margin: 0 2rem 2.5rem;
	}
	.simulation_navi li {
		width: 6.7rem;
		height: 5rem;
		margin: -.1rem;
	}
	.simulation_navi a {
		font-size: 1.6rem;
		height: 5rem;
	}
	.simulation_course {
		margin: 0 2rem;
		border-width: .1rem;
		padding-bottom: 3.7rem;
		border-radius: 2rem 2rem 1rem 1rem;
	}
	.simulation_course_ttl {
		border-radius: 1rem 1rem 0 0;
		padding: 1.5rem 0 1.5rem;
		margin: -.1rem -.1rem 0;
	}
	.simulation_course_ttl h3 {
		font-size: 2.5rem;
		margin-bottom: 1rem;
	}
	.simulation_course_ttl h3 span {
		display: block;
		font-size: 1.5rem;
		margin: .3rem 0 0;
	}
	.simulation_course_ttl a {
		padding-right: 2.6rem;
		font-size: 1.4rem;
		text-underline-offset: .5rem;
	}
	.simulation_course_ttl a::before {
		width: 1.6rem;
		height: 1.6rem;
		top: .3rem;
	}
	.simulation_course_ttl a::after {
		width: .4rem;
		height: .4rem;
		border-top-width: .1rem;
		border-right-width: .1rem;
		right: .7rem;
		top: .9rem;
	}
	.simulation_course h4 {
		font-size: 1.6rem;
		margin: 1rem 0 .9rem;
		line-height: 1.7813;
	}
	.simulation_course h4 span {
		display: block;
		margin-top: 1.2rem;
	}
	.simulation_course_box {
		display: block;
		padding: 0 2.4rem;
	}
	.simulation_course_box img {
		width: auto;
	}
	.simulation_course_txt {
		font-size: 1.2rem;
		line-height: 1.5;
		margin: 0 -1rem 0 -.8rem;
		padding: 2.3rem 0 0;
	}
	.simulation_course_txt p + p {
		margin-top: 1.8rem;
	}
	.simulation_course_txt p a {
		text-underline-offset: .3rem;
	}
	.simulation_course_btn {
		width: 29.7rem;
		margin: 2.8rem auto 0;
		flex-wrap: wrap;
		gap: 1.1rem 0;
	}
	.simulation_course_btn a {
		width: 100%;
		height: 5rem;
		border-width: .1rem;
		font-size: 1.7rem;
	}
	.simulation_course_btn a:first-child ~ a {
		width: 14.4rem;
	}
}

/*guide
----------------------------------------*/
.guide {
	font-feature-settings: "palt";
	margin-bottom: 11rem;
}
.guide h2 {
	width: fit-content;
	margin: 0 auto 6.3rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #0c419c;
	padding: 0 4.2rem;
	letter-spacing: .05em;
}
.guide h2::before,
.guide h2::after {
	content: '';
	display: block;
	width: .4rem;
	background: #0c419c;
	height: 6rem;
	border-radius: 2rem;
	transform: rotate(24deg);
	position: absolute;
	bottom: .5rem;
	right: 0;
}
.guide h2::before {
	transform: rotate(-24deg);
	right: auto;
	left: 0;
}
.guide ol {
	max-width: 96rem;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
}
.guide ol li {
	width: 25rem;
	text-align: center;
}
.guide ol li + li::before {
	content: '';
	display: block;
	width: 3.7rem;
	height: 4.1rem;
	background: url(../img2/guide_arrow_icon.png) no-repeat left top / 100% auto;
	position: absolute;
	left: -7.3rem;
	top: 19.2rem;
}
.guide ol li figure {
	width: 19.7rem;
	margin: 0 auto;
}
.guide ol li h3 {
	font-size: 2.561rem;
	height: 7.7rem;
	display: flex;
	justify-content: center;
	align-items: center;
	color: #0c419c;
	margin: 0 -1.5rem 1.2rem;
	letter-spacing: .05em;
	line-height: 1.4998;
}
.guide ol li p {
	font-size: 2rem;
	line-height: 1.6;
	margin: 2rem -2rem 0;
	letter-spacing: .03em;
}
@media only screen and (max-width: 834px) {
	.guide {
		margin-bottom: 7rem;
	}
	.guide h2 {
		margin: 0 auto 3.5rem;
		font-size: 2.5rem;
		padding: 0 2.2rem;
	}
	.guide h2::before,
	.guide h2::after {
		width: .3rem;
		height: 6rem;
		bottom: .3rem;
	}
	.guide ol {
		display: block;
		margin: 0 2rem;
	}
	.guide ol li {
		width: auto;
	}
	.guide ol li + li {
		margin-top: 6rem;
	}
	.guide ol li + li::before {
		width: 2.2rem;
		height: 2.5rem;
		background-size: 100% 100%;
		transform: rotate(90deg);
		left: 0;
		right: 0;
		top: -4.4rem;
		margin: 0 auto;
	}
	.guide ol li figure {
		width: 19.3rem;
	}
	.guide ol li h3 {
		font-size: 2.5rem;
		height: auto;
		letter-spacing: .03em;
	}
	.guide ol li p {
		font-size: 1.6rem;
		line-height: 1.7813;
		margin: 1.5rem -2rem 0;
	}
}

/*graph
----------------------------------------*/
.graph {
	max-width: 96rem;
	margin: 0 auto 10rem;
	font-feature-settings: "palt";
}
.graph_inner {
	background: #fff;
	border-radius: 2rem;
	padding: 6.5rem 0 5.5rem;
}
.graph h2 {
	width: fit-content;
	margin: 0 auto 3.5rem;
	text-align: center;
	font-size: 4rem;
	font-weight: 700;
	color: #0c419c;
	padding: 0 5rem;
	letter-spacing: .05em;
}
.graph h2::before,
.graph h2::after {
	content: '';
	display: block;
	width: .4rem;
	background: #0c419c;
	height: 6.2rem;
	border-radius: 2rem;
	transform: rotate(25deg);
	position: absolute;
	bottom: .5rem;
	right: 0;
}
.graph h2::before {
	transform: rotate(-25deg);
	right: auto;
	left: 0;
}
.graph_logo {
	max-width: 59.8rem;
	margin: 0 auto 3.5rem;
}
.graph_txt {
	text-align: center;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 1.7083;
	letter-spacing: .05em;
}
.graph_example {
	margin: 4.7rem 0 0;
}
.graph_example_label {
	max-width: 26.5rem;
	border-radius: 2.3rem;
	margin: 0 auto .6rem;
	background: #3d74c7;
	color: #fff;
	font-size: 2.4rem;
	letter-spacing: .25em;
	padding: .5rem;
	font-weight: 500;
	text-align: center;
}
.graph_example h3 {
	text-align: center;
	font-size: 3rem;
	font-weight: 500;
	line-height: 1.2;
	letter-spacing: .05em;
}
.graph_example h3 .graph_example_color {
	font-size: 4.5rem;
	letter-spacing: .05em;
	color: #f07caf;
	font-weight: 700;
	background: linear-gradient(transparent 60%, #fffbb8 60%);
}
.graph_example h3 > span:not(.graph_example_color) {
	font-size: 2.4rem;
	letter-spacing: .05em;
	margin-right: 1rem;
}
.graph_example h3 .graph_example_color span {
	font-size: 5.7rem;
	letter-spacing: .05em;
	vertical-align: -.3rem;
}
.graph_example figure {
	max-width: 91.3rem;
	margin: 1.6rem auto 0;
}
.graph_note {
	font-size: 1.2rem;
	line-height: 1.4;
	letter-spacing: .03em;
	margin: 1.3rem 0 0;
}
.graph_note li {
	margin-left: 1em;
	text-indent: -1em;
}
.graph_note a {
	text-decoration: underline;
	text-underline-offset: .3rem;
}
@media only screen and (max-width: 834px) {
	.graph {
		max-width: 34.5rem;
		margin: 0 auto 5rem;
	}
	.graph_inner {
		border-radius: 1rem;
		padding: 4.2rem 0 3.9rem;
	}
	.graph h2 {
		margin: 0 auto 1.9rem;
		font-size: 2.5rem;
		padding: 0 2.2rem;
	}
	.graph h2::before,
	.graph h2::after {
		width: .3rem;
		bottom: .3rem;
	}
	.graph_logo {
		max-width: 29.9rem;
		margin: 0 auto 1.1rem;
	}
	.graph_txt {
		font-size: 1.55rem;
		line-height: 1.9677;
	}
	.graph_example {
		margin: 4rem 0 0;
	}
	.graph_example_label {
		max-width: 13.25rem;
		margin: 0 auto .6rem;
		font-size: 1.2rem;
		padding: .25rem;
	}
	.graph_example h3 {
		font-size: 1.5rem;
	}
	.graph_example h3 .graph_example_color {
		font-size: 2.25rem;
	}
	.graph_example h3 > span:not(.graph_example_color) {
		font-size: 1.3rem;
		display: block;
		margin: .8rem 0 .2rem;
	}
	.graph_example h3 .graph_example_color span {
		font-size: 2.85rem;
		vertical-align: -.1rem;
	}
	.graph_example figure {
		margin: 1.8rem -.85rem 0;
	}
	.graph_note {
		font-size: 1rem;
		line-height: 1.42;
	}
}

/*notice
----------------------------------------*/
.notice {
	max-width: 96rem;
	margin: 0 auto;
	background: #fff;
	border-radius: 3rem;
	border: .1rem solid #e8e8e8;
	padding: 5.6rem 3.5rem 5.6rem 4rem;
	font-feature-settings: "palt";
}
.notice h2 {
	font-size: 1.8rem;
	letter-spacing: .05em;
	margin: 3rem 0 .8rem;
}
.notice .notice_date ~ h2 {
	margin-top: 4.3rem;
}
.notice h2:nth-last-of-type(-n+2) {
	margin-top: 3.5rem;
}
.notice h2:nth-child(1) {
	margin-top: 0;
}
.notice ul {
	font-size: 1.6rem;
}
.notice li {
	padding-left: 2.2rem;
	line-height: 1.575;
	letter-spacing: .05em;
}
.notice li span {
	position: absolute;
	left: 0;
	top: 0;
	font-feature-settings: normal;
}
.notice p {
	font-size: 1.6rem;
	line-height: 1.575;
	letter-spacing: .05em;
}
.notice .notice_date {
	text-align: right;
	font-weight: 700;
	font-size: 1.8rem;
	margin: 1.9rem 0 -3.9rem;
	letter-spacing: .04em;
}
.notice .notice_link {
	line-height: 2.45;
	margin-top: .5rem;
}
.notice a {
	color: #0c419c;
	text-decoration: underline;
	text-underline-offset: .5rem;
}
@media only screen and (max-width: 834px) {
	.notice {
		max-width: 33.5rem;
		border-radius: 1.5rem;
		padding: 4rem 2.3rem 4.6rem 2rem;
	}
	.notice h2 {
		font-size: 1.3rem;
		margin: 3rem 0 .5rem;
	}
	.notice .notice_date ~ h2 {
		margin-top: 4.3rem;
	}
	.notice h2:nth-last-of-type(-n+2) {
		margin-top: 3.5rem;
	}
	.notice h2:nth-child(1) {
		margin-top: 0;
	}
	.notice ul {
		font-size: 1.2rem;
	}
	.notice ul:nth-of-type(2) {
		margin-right: -.8rem;
	}
	.notice li {
		padding-left: 1.8rem;
		line-height: 1.5;
	}
	.notice p {
		font-size: 1.2rem;
		line-height: 1.5;
	}
	.notice .notice_date {
		font-size: 1.3rem;
		margin: .5rem -.6rem -.2rem 0;
	}
	.notice .notice_link {
		margin-top: .3rem;
	}
	.notice a {
		text-underline-offset: .3rem;
	}
}

/*modal
----------------------------------------*/
.modal {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	z-index: 200;
	font-feature-settings: "palt";
	opacity: 0;
	transition: opacity .5s;
	pointer-events: none;
}
.modal_open .modal {
	opacity: 1;
	pointer-events: all;
}
.modal_inner {
	width: 100%;
	max-height: 100%;
	padding: 2rem 0;
	overflow: auto;
}
.modal_bg {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: rgba(0, 0, 0, .8);
	z-index: 80;
}
.modal_notes {
	width: 70rem;
	margin: 0 auto;
	max-width: 90%;
	background: #fff;
	border-radius: 2rem;
	padding: 3rem 3rem 2.2rem;
	display: none;
	z-index: 100;
}
.modal_notes h2 {
	text-align: center;
	font-size: 2rem;
	color: #0c419c;
	margin: .6rem 0 2.4rem;
	letter-spacing: .05em;
}
.modal_notes_txt {
	border: .1rem solid #e8e8e8;
	border-radius: 2rem;
	font-size: 1.6rem;
	line-height: 1.75;
	min-height: 13rem;
	display: flex;
	align-items: center;
	padding: 2.1rem 4.3rem 2.7rem 4.3rem;
	letter-spacing: .078em;
	margin-bottom: 1.9rem;
}
.modal_notes h2 + .modal_notes_txt {
	padding: 2.1rem 4.3rem 1.5rem 4.3rem;
}
.modal_notes ul {
	margin: .5rem 0 .4rem -1.5rem;
}
.modal_notes li {
	padding-left: 2.2rem;
}
.modal_notes li span {
	position: absolute;
	left: 0;
	top: 0;
	font-feature-settings: normal;
}
.modal_notes .modal_close {
	appearance: none;
	width: 14.5rem;
	height: 5rem;
	border-radius: 2.5rem;
	border: 0;
	padding: 0;
	background: #4c4c4c;
	color: #fff;
	font: inherit;
	font-size: 1.7rem;
	font-weight: 500;
	display: block;
	margin: 0 auto;
	cursor: pointer;
	transition: opacity .3s;
}
.modal_course {
	width: 70rem;
	margin: 0 auto;
	max-width: 90%;
	background: #fff;
	border-radius: 2rem;
	padding: 3.5rem 4.6rem 1.8rem 4.1rem;
	display: none;
	z-index: 100;
}
.modal_course h2 {
	display: flex;
	align-items: center;
	font-size: 2.4rem;
	letter-spacing: .05em;
	margin-bottom: 2.7rem;
	color: #0c419c;
}
.modal_course h2 img {
	width: 8.4rem;
	margin-right: 2.5rem;
}
.modal_course_box {
	background: #ebeff9;
	padding: 2.3rem 2.2rem 2.7rem;
}
.modal_course_txt {
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 1.6667;
	letter-spacing: .05em;
}
.modal_course_box h3 {
	font-size: 2.1rem;
	color: #0c419c;
	line-height: 1.6667;
	margin: 1.2rem 0 1.8rem;
	letter-spacing: .04em;
}
.modal_course_note {
	font-size: 1.2rem;
	line-height: 1.3333;
	letter-spacing: .05em;
}
.modal_course_note .red {
	color: #da000f;
}
.modal_course_btn {
	margin: 1.9rem auto 1.8rem;
	display: flex;
	justify-content: space-between;
}
.modal_course_btn a {
	width: 25.5rem;
	height: 5.8rem;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 3.6rem;
	border: .2rem solid #5783d5;
	text-align: center;
	font-size: 2rem;
	font-weight: 700;
	color: #5783d5;
}
.modal_course_btn a:first-child ~ a {
	width: 16.6rem;
	background: #5783d5;
	color: #fff;
}
.modal_course .modal_close {
	appearance: none;
	border: 0;
	font: inherit;
	font-size: 1.8rem;
	font-weight: 700;
	color: #333;
	display: block;
	width: fit-content;
	margin: 0 auto;
	letter-spacing: .05em;
	background: none;
	cursor: pointer;
	transition: opacity .3s;
}
@media (hover:hover) {
	.modal_notes .modal_close:hover,
	.modal_course .modal_close:hover {
		opacity: .6;
	}
}
@media only screen and (max-width: 834px) {
	.modal_notes {
		width: 33.5rem;
		border-radius: 1.5rem;
		padding: 3.3rem 2.5rem 2.2rem;
	}
	.modal_notes h2 {
		font-size: 1.7rem;
		margin: -1.6rem 0 1.9rem;
	}
	.modal_notes_txt {
		border-radius: 1rem;
		font-size: 1.4rem;
		line-height: 1.6429;
		min-height: 12.9rem;
		padding: 2.1rem 1.4rem 2.7rem
	}
	.modal_notes h2 + .modal_notes_txt {
		padding: 1.5rem 1.4rem 1.5rem
	}
	.modal_notes ul {
		margin: .5rem 0 0;
	}
	.modal_course {
		width: 33.5rem;
		border-radius: 1.5rem;
		padding: 2.5rem 3rem 2rem;
	}
	.modal_course h2 {
		font-size: 1.5rem;
		margin: 0 -.5rem 1.9rem 0;
	}
	.modal_course h2 img {
		width: 6rem;
		margin-right: 1rem;
	}
	.modal_course_box {
		padding: 1.5rem 1.6rem 2.5rem;
	}
	.modal_course_txt {
		font-size: 1.5rem;
	}
	.modal_course_box h3 {
		font-size: 1.5rem;
		margin: 1rem 0 1.5rem;
	}
	.modal_course_note {
		line-height: 1.5;
	}
	.modal_course_btn {
		margin: 2.7rem -1.2rem 2.3rem;
		flex-wrap: wrap;
		gap: 1.1rem 0;
	}
	.modal_course_btn a {
		width: 100%;
		height: 5rem;
		border-width: .1rem;
		font-size: 1.7rem;
	}
	.modal_course_btn a:first-child ~ a {
		width: 14.4rem;
	}
	.modal_course .modal_close {
		font-size: 1.5rem;
	}
}

/*footer
----------------------------------------*/
.footer {
	background: #b7defb;
	position: fixed;
	left: 0;
	right: 0;
	bottom: 0;
	padding: 1.4rem 0 .7rem;
	font-feature-settings: "palt";
	z-index: 100;
}
.footer_btn {
	display: flex;
	align-items: center;
	justify-content: center;
	max-width: 80rem;
	height: 7.8rem;
	background: #f07caf;
	color: #fff;
	margin: 0 auto .9rem;
	padding: 0 0 .3rem 14.5rem;
	border-radius: 4rem;
}
.footer_btn > span:nth-child(1) {
	font-size: 4.1rem;
	font-weight: 700;
}
.footer_btn > span:nth-child(1) span {
	font-size: 3rem;
	margin-left: .5rem;
	letter-spacing: .03em;
}
.footer_btn > span:nth-child(2) {
	font-size: 1.2rem;
	font-weight: 500;
	margin: .5rem 0 0 1em;
	padding-left: .4rem;
	text-indent: -1em;
	line-height: 1.2;
}
.footer_note {
	font-size: 1.2rem;
	text-align: center;
	line-height: 1.5;
	letter-spacing: .05em;
}
.footer_note a {
	text-decoration: underline;
	text-underline-offset: .5rem;
}
@media only screen and (max-width: 834px) {
	.footer {
		padding: 1rem 2rem .6rem;
	}
	.footer_btn {
		height: 5rem;
		display: block;
		text-align: center;
		margin: 0 auto .3rem;
		padding: .9rem 0 0;
		border-radius: 2.5rem;
	}
	.footer_btn > span:nth-child(1) {
		font-size: 2rem;
		line-height: .9;
		margin-left: .5rem;
		display: block;
	}
	.footer_btn > span:nth-child(1) span {
		font-size: 2rem;
		margin-left: .2rem;
	}
	.footer_btn > span:nth-child(2) {
		font-size: 1.1rem;
		margin: .5rem 0 0;
		padding-left: 0;
		text-indent: 0;
	}
	.footer_btn > span:nth-child(2) br {
		display: none;
	}
	.footer_note {
		font-size: 1rem;
		text-align: left;
		line-height: 1.4;
	}
	.footer_note a {
		text-underline-offset: .2rem;
	}
}