@charset "UTF-8";


	
	
/* pagetitle
--------------------- */
#pagetitle .head {
	margin-top: calc(40 * var(--vw-ratio));
	margin-bottom: calc(40 * var(--vw-ratio));
}
	#pagetitle .head .en {
		font-size: calc(50 * var(--vw-ratio));
		font-weight: 500;
	}
	#pagetitle .head .txt-16 {
		font-weight: 700;
	}
@media screen and (max-width: 767px) {
	#pagetitle .head {
		margin-top: calc(20 * var(--vw-ratio));
		margin-bottom: calc(20 * var(--vw-ratio));
	}
		#pagetitle .head .en {
			font-size: calc(24 * var(--vw-ratio));
		}
}


	
	
/* other
--------------------- */
#other {
	width: 100%;
	overflow: hidden;
}
	#other .swiper-container {
		position: relative;
		padding: 0 0  calc(60 * var(--vw-ratio)) 0;
	}
		#other .swiper-container a.linkbox {
			display: block;
		}
			#other .swiper-container a.linkbox .pht {
				border-radius: calc(5 * var(--vw-ratio));
			}

			#other .swiper-container a.linkbox .info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-top: calc(20 * var(--vw-ratio));
				margin-bottom: calc(15 * var(--vw-ratio));
			}
				#other .swiper-container a.linkbox .info time {
					line-height: 1;
					color: #A8A8A8;
					margin-right: calc(15 * var(--vw-ratio));
				}

				#other .swiper-container a.linkbox .info .cat {
					line-height: 1;
				}

			#other .swiper-container a.linkbox h3 {
				font-weight: 600;
				line-height: 1.4em;
				text-decoration: underline;
				margin-bottom: calc(12 * var(--vw-ratio));
			}
			#other .swiper-container a.linkbox:hover h3 {
				text-decoration: none;
			}

			#other .swiper-container a.linkbox .txt-13 {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 1.6em;
				margin-bottom: calc(12 * var(--vw-ratio));
			}

			#other .swiper-container a.linkbox .more {
				display: inline-block;
				position: relative;
				padding-right: calc(15 * var(--vw-ratio));
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#other .swiper-container a.linkbox:hover .more {
				padding-right: calc(12 * var(--vw-ratio));
			}
			#other .swiper-container a.linkbox .more:before {
				content: "";
				width: calc(8 * var(--vw-ratio));
				height: calc(8 * var(--vw-ratio));
				border-radius: 50%;
				background: #00053A;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: calc(-3 * var(--vw-ratio));
			}


			#other .swiper-container .swiper-pagination {
				bottom: 0;
			}
				#other .swiper-container .swiper-pagination .swiper-pagination-bullet {
					width: 8px;
					height: 8px;
					border-radius: 4px;
					background: #97ABBF;
					border: none;
					opacity: 1;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#other .swiper-container .swiper-pagination .swiper-pagination-bullet-active {
					width: 22px;
					background: #0D2469;
					opacity: 1;
				}
@media screen and (max-width: 767px) {
	#other .swiper-container {
		position: relative;
		padding: 0 0  calc(40 * var(--vw-ratio)) 0;
		margin-bottom: calc(30 * var(--vw-ratio));
	}
	
	#other .btn {
		margin: 0 auto;
	}
}


	
	
/* notes
--------------------- */
#notes .sidenav {
	width: 20%;
	order: 1;
}
	#notes .sidenav .cell {
		margin-bottom: calc(35 * var(--vw-ratio));
	}
		#notes .sidenav h3 {
			margin-bottom: calc(10 * var(--vw-ratio));
		}

		#notes .sidenav ul.cat-list {
			border-radius: calc(5 * var(--vw-ratio));
			border: solid 1px #1A2E44;
			background: #fff;
			overflow: hidden;
		}
			#notes .sidenav ul.cat-list li {
				border-bottom: solid 1px #1A2E44;
			}
			#notes .sidenav ul.cat-list li:nth-last-child(1) {
				border-bottom: none;
			}
				#notes .sidenav ul.cat-list li a {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					background: url("../img/icon_arrow_btn_border.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(26 * var(--vw-ratio));
					height: calc(50 * var(--vw-ratio));
					padding: 0 calc(15 * var(--vw-ratio));
					font-weight: 500;
					line-height: 1.3em;
					cursor: pointer;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#notes .sidenav ul.cat-list li a:hover {
					background: url("../img/icon_arrow_btn_blue.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(26 * var(--vw-ratio));
					color: #00053A;
				}

#notes .content {
	width: 72%;
	order: 2;
}
	#notes .content .list a.linkbox {
		margin-bottom: calc(50 * var(--vw-ratio));
	}
		#notes .content .list a.linkbox .pht {
			width: 40%;
			border-radius: calc(5 * var(--vw-ratio));
		}

		#notes .content .list a.linkbox .text {
			width: 56%;
		}
			#notes .content .list a.linkbox .info {
				display: flex;
				justify-content: flex-start;
				align-items: center;
				margin-bottom: calc(12 * var(--vw-ratio));
			}
				#notes .content .list a.linkbox .info time {
					display: block;
					width: 18%;
					line-height: 1;
					color: #A8A8A8;
				}

				#notes .content .list a.linkbox .info .cat {
					width: 82%;
					margin-top: calc(4 * var(--vw-ratio));
				}
					#notes .content .list a.linkbox .info .cat li {
						margin-bottom: calc(7 * var(--vw-ratio));
						margin-right: calc(7 * var(--vw-ratio));
						line-height: 1;
					}
					#notes .content .list a.linkbox .info .cat li:nth-last-child(1) {
						margin-right: 0;
					}

			#notes .content .list a.linkbox h3 {
				font-weight: 600;
				line-height: 1.4em;
				text-decoration: underline;
				margin-bottom: calc(15 * var(--vw-ratio));
			}
			#notes .content .list a.linkbox:hover h3 {
				text-decoration: none;
			}

			#notes .content .list a.linkbox .txt-13 {
				overflow: hidden;
				display: -webkit-box;
				-webkit-box-orient: vertical;
				-webkit-line-clamp: 2;
				line-height: 1.8em;
				margin-bottom: calc(12 * var(--vw-ratio));
			}

			#notes .content .list a.linkbox .more {
				display: inline-block;
				position: relative;
				padding-right: calc(15 * var(--vw-ratio));
				transition: 0.3s;
				-webkit-transition: 0.3s;
			}
			#notes .content .list a.linkbox:hover .more {
				padding-right: calc(12 * var(--vw-ratio));
			}
			#notes .content .list a.linkbox .more:before {
				content: "";
				width: calc(8 * var(--vw-ratio));
				height: calc(8 * var(--vw-ratio));
				border-radius: 50%;
				background: #00053A;
				position: absolute;
				top: 50%;
				right: 0;
				margin-top: calc(-3 * var(--vw-ratio));
			}
@media screen and (max-width: 767px) {
	#notes .inner {
		display: block;
	}
		#notes .sidenav {
			width: 100%;
		}
	
		#notes .content {
			width: 100%;
			margin-bottom: calc(60 * var(--vw-ratio));
		}
			#notes .content .list a.linkbox {
				display: block;
				margin-bottom: calc(35 * var(--vw-ratio));
			}
				#notes .content .list a.linkbox .pht {
					width: 100%;
				}
	
				#notes .content .list a.linkbox .text {
					width: 100%;
				}
					#notes .content .list a.linkbox .info {
						display: block;
						margin-top: calc(20 * var(--vw-ratio));
						margin-bottom: calc(10 * var(--vw-ratio));
					}
						#notes .content .list a.linkbox .info time {
							width: 100%;
							font-size: calc(12 * var(--vw-ratio));
							margin-right: calc(12 * var(--vw-ratio));
						}

						#notes .content .list a.linkbox .info .cat {
							width: 100%;
							margin-top: calc(10 * var(--vw-ratio));
							font-size: calc(11 * var(--vw-ratio));
						}

					#notes .content .list a.linkbox h3 {
						font-size: calc(17 * var(--vw-ratio));
						margin-bottom: calc(10 * var(--vw-ratio));
					}

					#notes .content .list a.linkbox .txt-13 {
						margin-bottom: calc(5 * var(--vw-ratio));
					}
}


	
	
/* notes-detail
--------------------- */
#notes-detail .sidenav {
	width: 20%;
	order: 1;
}
	#notes-detail .sidenav .cell {
		margin-bottom: calc(35 * var(--vw-ratio));
	}
		#notes-detail .sidenav h3 {
			margin-bottom: calc(10 * var(--vw-ratio));
		}

		#notes-detail .sidenav ul.cat-list {
			border-radius: calc(5 * var(--vw-ratio));
			border: solid 1px #1A2E44;
			background: #fff;
			overflow: hidden;
		}
			#notes-detail .sidenav ul.cat-list li {
				border-bottom: solid 1px #1A2E44;
			}
			#notes-detail .sidenav ul.cat-list li:nth-last-child(1) {
				border-bottom: none;
			}
				#notes-detail .sidenav ul.cat-list li a {
					display: flex;
					justify-content: flex-start;
					align-items: center;
					background: url("../img/icon_arrow_btn_border.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(26 * var(--vw-ratio));
					height: calc(50 * var(--vw-ratio));
					padding: 0 calc(15 * var(--vw-ratio));
					font-weight: 500;
					line-height: 1.3em;
					cursor: pointer;
					transition: 0.3s;
					-webkit-transition: 0.3s;
				}
				#notes-detail .sidenav ul.cat-list li a:hover {
					background: url("../img/icon_arrow_btn_blue.svg") no-repeat right calc(15 * var(--vw-ratio)) center / calc(26 * var(--vw-ratio));
					color: #00053A;
				}

#notes-detail .content {
	width: 72%;
	padding-right: calc(300 * var(--vw-ratio));
	order: 2;
}
	#notes-detail .content .info {
		margin-bottom: calc(15 * var(--vw-ratio));
	}
		#notes-detail .content .info time {
			display: block;
			line-height: 1;
			color: #A8A8A8;
			margin-right: calc(15 * var(--vw-ratio));
		}

		#notes-detail .content .info .cat {
			margin-top: calc(10 * var(--vw-ratio));
		}
			#notes-detail .content .info .cat li {
				margin-bottom: calc(7 * var(--vw-ratio));
				margin-right: calc(7 * var(--vw-ratio));
				line-height: 1;
			}
			#notes-detail .content .info .cat li:nth-last-child(1) {
				margin-right: 0;
			}

	#notes-detail .content h1 {
		font-size: calc(30 * var(--vw-ratio));
		font-weight: 700;
		line-height: 1.4em;
		margin-bottom: calc(30 * var(--vw-ratio));
	}

	#notes-detail .content .pht {
		margin-bottom: calc(30 * var(--vw-ratio));
	}

	#notes-detail .content .free #toc_container {
		width: 100% !important;
		padding: calc(30 * var(--vw-ratio)) calc(80 * var(--vw-ratio));
		border-radius: calc(5 * var(--vw-ratio));
		margin-top: calc(60 * var(--vw-ratio))
	}
		#notes-detail .content .free #toc_container .toc_title {
			font-size: calc(26 * var(--vw-ratio));
			font-weight: 700;
			line-height: 1;
			margin-bottom: 0;
			color: #1A2F44;
		}
			#notes-detail .content .free #toc_container .toc_title .toc_toggle {
				font-size: calc(14 * var(--vw-ratio));
				padding-left: calc(10 * var(--vw-ratio));
			}

		#notes-detail .content .free #toc_container ul.toc_list {
			margin-top: calc(30 * var(--vw-ratio));
			padding-left: calc(20 * var(--vw-ratio));
		}
			#notes-detail .content .free #toc_container ul.toc_list li {
				list-style: decimal;
				position: static;
				margin-top: calc(10 * var(--vw-ratio));
				margin-bottom: calc(10 * var(--vw-ratio));
			}
			#notes-detail .content .free #toc_container ul.toc_list li:before {
				display: none;
			}
				#notes-detail .content .free #toc_container ul.toc_list li a {
					text-decoration: underline;
					color: #1A2F44;
				}

				#notes-detail .content .free #toc_container ul.toc_list ul {
					margin-top: calc(10 * var(--vw-ratio));
					margin-bottom: calc(10 * var(--vw-ratio));
					padding-left: 0;
					margin-left: 0;
				}
					#notes-detail .content .free #toc_container ul.toc_list ul li {
						list-style: none;
						position: relative;
						padding-left: calc(15 * var(--vw-ratio));
						margin-bottom: calc(10 * var(--vw-ratio));
					}
					#notes-detail .content .free #toc_container ul.toc_list ul li:before {
						display: block;
					}
					div#toc_container p.toc_title a:hover, div#toc_container ul.toc_list a:hover {
						color: #0D2469 !important
					}
					#notes-detail .content .free #toc_container ul.toc_list ul li:before {
						content: "";
						width: calc(8 * var(--vw-ratio));
						height: calc(8 * var(--vw-ratio));
						background: #00053A;
						border-radius: 50%;
						position: absolute;
						top: calc(10 * var(--vw-ratio));
						left: 0;
					}

	#notes-detail .content .free h2 {
		border-bottom: solid 1px #DDDFE0;
		margin-top: calc(70 * var(--vw-ratio));
		padding-bottom: calc(10 * var(--vw-ratio));
		margin-bottom: calc(30 * var(--vw-ratio));
		font-size: calc(26 * var(--vw-ratio));
		color: #00053A;
		position: relative;
	}
	#notes-detail .content .free h2:nth-child(1) {
		margin-top: 0;
	}
	#notes-detail .content .free h2:before {
		content: "";
		width: calc(30 * var(--vw-ratio));
		height: 1px;
		background: #00053A;
		position: absolute;
		bottom: -1px;
		left: 0;
	}

	#notes-detail .content .free h3 {
		border-left: solid 3px #00053A;
		line-height: 1.3em;
		margin-top: calc(35 * var(--vw-ratio));
		margin-bottom: calc(16 * var(--vw-ratio));
		padding-left: calc(12 * var(--vw-ratio));
		font-size: calc(20 * var(--vw-ratio));
		color: #00053A;
	}

	#notes-detail .content .free p {
		font-size: calc(16 * var(--vw-ratio));
		line-height: calc(32 * var(--vw-ratio));
		margin-bottom: calc(15 * var(--vw-ratio));
	}

	#notes-detail .content .free figure {
		margin-top: calc(15 * var(--vw-ratio));
		margin-bottom: calc(20 * var(--vw-ratio));
	}

	#notes-detail .content .free ul.wp-block-list {
		margin-bottom: calc(15 * var(--vw-ratio));
	}
	#notes-detail .content .free ul.wp-block-list li {
		font-size: calc(16 * var(--vw-ratio));
		line-height: calc(28 * var(--vw-ratio));
		margin-bottom: calc(5 * var(--vw-ratio));
		padding-left: calc(15 * var(--vw-ratio));
		position: relative;
	}
		#notes-detail .content .free ul.wp-block-list li:before {
			content: "";
			width: calc(8 * var(--vw-ratio));
			height: calc(8 * var(--vw-ratio));
			background: #A6AEC4;
			border-radius: 50%;
			position: absolute;
			top: calc(9 * var(--vw-ratio));
			left: 0;
		}

	#notes-detail .content .free ol.wp-block-list {
		padding-left: calc(20 * var(--vw-ratio));
		margin-bottom: calc(15 * var(--vw-ratio));
	}
		#notes-detail .content .free ol.wp-block-list li {
			font-size: calc(16 * var(--vw-ratio));
			line-height: calc(28 * var(--vw-ratio));
			margin-bottom: calc(5 * var(--vw-ratio));
			position: relative;
		}

	#notes-detail .content .btn {
		margin: calc(70 * var(--vw-ratio)) auto 0 auto;
	}
@media screen and (max-width: 767px) {
	#notes-detail .inner {
		display: block;
	}
		#notes-detail .sidenav {
			width: 100%;
		}
	
		#notes-detail .content {
			width: 100%;
			padding-right: 0;
			margin-bottom: calc(60 * var(--vw-ratio));
		}
			#notes-detail .content h1 {
				font-size: calc(26 * var(--vw-ratio));
			}

			#notes-detail .content .free #toc_container {
				padding: calc(30 * var(--vw-ratio)) calc(30 * var(--vw-ratio));
				border-radius: calc(5 * var(--vw-ratio));
				margin-top: calc(40 * var(--vw-ratio))
			}
	
			#notes-detail .content .free h2 {
				margin-top: calc(60 * var(--vw-ratio));
				margin-bottom: calc(25 * var(--vw-ratio));
				font-size: calc(22 * var(--vw-ratio));
			}

		#notes-detail .content .free h3 {
			margin-top: calc(30 * var(--vw-ratio));
			margin-bottom: calc(15 * var(--vw-ratio));
			padding-left: calc(10* var(--vw-ratio));
			font-size: calc(19 * var(--vw-ratio));
		}	

			#notes-detail .content .free p {
				line-height: calc(30 * var(--vw-ratio));
			}

			#notes-detail .content .free .wp-block-list li {
				line-height: calc(26 * var(--vw-ratio));
			}

			#notes-detail .content .btn {
				margin: calc(60 * var(--vw-ratio)) auto 0 auto;
			}
}