@charset "UTF-8";

/* http://meyerweb.com/eric/tools/css/reset/
v2.0 | 20110126
License: none (public domain)
*/
html , body , div , span , applet , object , iframe , h1 , h2 , h3 , h4 , h5 , h6 , p , blockquote , pre , a , abbr , acronym , address , big , cite , code , del , dfn , em , img , ins , kbd , q , s , samp , small , strike , strong , sub , sup , tt , var , b , u , i , center , dl , dt , dd , ol , ul , li , fieldset , form , label , legend , table , caption , tbody , tfoot , thead , tr , th , td , article , aside , canvas , details , embed , figure , figcaption , footer , header , hgroup , menu , nav , output , ruby , section , summary , time , mark , audio , video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article , aside , details , figcaption , figure , footer , header , hgroup , menu , nav , section {
	display: block;
}

body {
	line-height: 1;
}

ol , ul {
	list-style: none;
}

blockquote , q {
	quotes: none;
}

blockquote:before , blockquote:after , q:before , q:after {
	content: "";
	content: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 100;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Thin.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Thin.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Thin.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Thin.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 300;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Light.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Light.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Light.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Light.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 350;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-DemiLight.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 400;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Regular.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Regular.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Regular.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Regular.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 500;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Medium.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Medium.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Medium.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Medium.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 700;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Bold.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Bold.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Bold.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Bold.otf") format("opentype");
}

@font-face {
	font-family: "Noto Sans CJK JP";
	font-style: normal;
	font-weight: 900;
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Black.eot");
	src: url("../../font/NotoSansCJKjp/NotoSansCJKjp-Black.eot?#iefix") format("embedded-opentype"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Black.woff") format("woff"), url("../../font/NotoSansCJKjp/NotoSansCJKjp-Black.otf") format("opentype");
}

.font-NotoSans_Thin {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 100;
}

.font-NotoSans_Light {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 300;
}

.font-NotoSans_DemiLight {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 350;
}

.font-NotoSans_Regular , * , body {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 400;
}

.font-NotoSans_Medium , div#pageDetail article div.date span , div#pageDetail div.btnList a.acceptReply , div#pageDetail div.btnList button.acceptReply {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 500;
}

.font-NotoSans_Bold , section.modal.newsSearch div.modal-inner form div.body h2 , section.modal.newsSearch div.modal-inner form div.body div.inner h3 span , section.modal.closeSchool div.modal-inner div.body h2 , div#pageLogin h1 , div#pageLogin section.loginForm dl dt , div#pageLogin section.news h2 , div#pageLogin section.school h2 , div#pageLogin section.recommend h2 , div#pageLogin section.project h2 , div#pageIndex section.news h2 , div#pageIndex section.homework h2 , div#pageIndex section.matching h2 , div#pageIndex section.lesson h2 , div#pageIndex section.axislow h2 , div#pageIndex div.col2 section.study h2 , div#pageIndex div.col2 section.score h2 , div#pageIndex section.education h2 , div#pageIndex section.exam h2 , div#pageIndex section.alumni h2 , div#pageList section.list h1 , div#pageDetail article h1 , div#pageDetail article div.date , div#pageDetail article h2 , div#pageDetail article h3 , div#pageListCloseSchool section.list h1 , div#pageListCloseSchool section.list > ul > li div.info span.date , #directline h1 , #directline h1.child , #directline section.directline__setup h2 , #directline section.directline__check h2 , #directline section.directline__check .directline__beforeRegist h3 , #directline section.directline__check .directline__beforeRegist div p span:first-child , #directline div.directline__formArea dl dt , #directline .directline__add h2 , #directline .directline__add div.directline__stop > ul > li address , #directline .directline__add div.directline__addresslist h4 , #directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__address address , #card h1.faq , #card h2.nanacoCard , #card h1.access , #card section.nanaco__description dl div.nanaco__head dt , #card section.nanaco__description dl div.nanaco__feature dd div , #card .card__faq ul li div.question::before , #card .card__faq ul li div.answer::before , #transfer h1.plan , h1.title {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 700;
}

.font-NotoSans_Black {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 900;
}

/**
 * Swiper 4.4.6
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2018 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: December 19, 2018
 */
.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	list-style: none;
	padding: 0;
	z-index: 1;
}

.swiper-container-no-flexbox .swiper-slide {
	float: left;
}

.swiper-container-vertical > .swiper-wrapper {
	flex-direction: column;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: flex;
	transition-property: -webkit-transform;
	transition-property:         transform;
	transition-property:         transform, -webkit-transform;
	transition-property:         transform, -webkit-transform;
	box-sizing: content-box;
}

.swiper-container-android .swiper-slide , .swiper-wrapper {
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
}

.swiper-container-multirow > .swiper-wrapper {
	flex-wrap: wrap;
}

.swiper-container-free-mode > .swiper-wrapper {
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	transition-property: -webkit-transform;
	transition-property:         transform;
	transition-property:         transform, -webkit-transform;
	transition-property:         transform, -webkit-transform;
}

.swiper-slide-invisible-blank {
	visibility: hidden;
}

.swiper-container-autoheight , .swiper-container-autoheight .swiper-slide {
	height: auto;
}

.swiper-container-autoheight .swiper-wrapper {
	align-items: flex-start;
	transition-property: height, -webkit-transform;
	transition-property: transform, height;
	transition-property: transform, height, -webkit-transform;
}

.swiper-container-3d {
	-webkit-perspective: 1200px;
	        perspective: 1200px;
}

.swiper-container-3d .swiper-cube-shadow , .swiper-container-3d .swiper-slide , .swiper-container-3d .swiper-slide-shadow-bottom , .swiper-container-3d .swiper-slide-shadow-left , .swiper-container-3d .swiper-slide-shadow-right , .swiper-container-3d .swiper-slide-shadow-top , .swiper-container-3d .swiper-wrapper {
	-webkit-transform-style: preserve-3d;
	        transform-style: preserve-3d;
}

.swiper-container-3d .swiper-slide-shadow-bottom , .swiper-container-3d .swiper-slide-shadow-left , .swiper-container-3d .swiper-slide-shadow-right , .swiper-container-3d .swiper-slide-shadow-top {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	pointer-events: none;
	z-index: 10;
}

.swiper-container-3d .swiper-slide-shadow-left {
	background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-right {
	background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-top {
	background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-3d .swiper-slide-shadow-bottom {
	background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}

.swiper-container-wp8-horizontal , .swiper-container-wp8-horizontal > .swiper-wrapper {
	touch-action: pan-y;
}

.swiper-container-wp8-vertical , .swiper-container-wp8-vertical > .swiper-wrapper {
	touch-action: pan-x;
}

.swiper-button-next , .swiper-button-prev {
	position: absolute;
	top: 50%;
	width: 27px;
	height: 44px;
	margin-top: -22px;
	z-index: 10;
	cursor: pointer;
	background-size: 27px 44px;
	background-position: center;
	background-repeat: no-repeat;
}

.swiper-button-next.swiper-button-disabled , .swiper-button-prev.swiper-button-disabled {
	opacity: 0.35;
	cursor: auto;
	pointer-events: none;
}

.swiper-button-prev , .swiper-container-rtl .swiper-button-next {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	left: 10px;
	right: auto;
}

.swiper-button-next , .swiper-container-rtl .swiper-button-prev {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");
	right: 10px;
	left: auto;
}

.swiper-button-prev.swiper-button-white , .swiper-container-rtl .swiper-button-next.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-white , .swiper-container-rtl .swiper-button-prev.swiper-button-white {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-prev.swiper-button-black , .swiper-container-rtl .swiper-button-next.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-next.swiper-button-black , .swiper-container-rtl .swiper-button-prev.swiper-button-black {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E");
}

.swiper-button-lock {
	display: none;
}

.swiper-pagination {
	position: absolute;
	text-align: center;
	transition: 0.3s opacity;
	-webkit-transform: translate3d(0, 0, 0);
	        transform: translate3d(0, 0, 0);
	z-index: 10;
}

.swiper-pagination.swiper-pagination-hidden {
	opacity: 0;
}

.swiper-container-horizontal > .swiper-pagination-bullets , .swiper-pagination-custom , .swiper-pagination-fraction {
	bottom: 10px;
	left: 0;
	width: 100%;
}

.swiper-pagination-bullets-dynamic {
	overflow: hidden;
	font-size: 0;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transform: scale(0.33);
	        transform: scale(0.33);
	position: relative;
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
	-webkit-transform: scale(1);
	        transform: scale(1);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
	-webkit-transform: scale(0.66);
	        transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
	-webkit-transform: scale(0.33);
	        transform: scale(0.33);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
	-webkit-transform: scale(0.66);
	        transform: scale(0.66);
}

.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
	-webkit-transform: scale(0.33);
	        transform: scale(0.33);
}

.swiper-pagination-bullet {
	width: 8px;
	height: 8px;
	display: inline-block;
	border-radius: 100%;
	background: #000000;
	opacity: 0.2;
}

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	box-shadow: none;
	-webkit-appearance: none;
	   -moz-appearance: none;
	        appearance: none;
}

.swiper-pagination-clickable .swiper-pagination-bullet {
	cursor: pointer;
}

.swiper-pagination-bullet-active {
	opacity: 1;
	background: #007aff;
}

.swiper-container-vertical > .swiper-pagination-bullets {
	right: 10px;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	        transform: translate3d(0, -50%, 0);
}

.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 6px 0;
	display: block;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	top: 50%;
	-webkit-transform: translateY(-50%);
	        transform: translateY(-50%);
	width: 8px;
}

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	transition: 0.2s top, 0.2s -webkit-transform;
	transition: 0.2s transform, 0.2s top;
	transition: 0.2s transform, 0.2s top, 0.2s -webkit-transform;
}

.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
	margin: 0 4px;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
	left: 50%;
	-webkit-transform: translateX(-50%);
	        transform: translateX(-50%);
	white-space: nowrap;
}

.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 0.2s left, 0.2s -webkit-transform;
	transition: 0.2s transform, 0.2s left;
	transition: 0.2s transform, 0.2s left, 0.2s -webkit-transform;
}

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	transition: 0.2s right, 0.2s -webkit-transform;
	transition: 0.2s transform, 0.2s right;
	transition: 0.2s transform, 0.2s right, 0.2s -webkit-transform;
}

.swiper-pagination-progressbar {
	background: rgba(0, 0, 0, 0.25);
	position: absolute;
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	background: #007aff;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	-webkit-transform: scale(0);
	        transform: scale(0);
	-webkit-transform-origin: left top;
	        transform-origin: left top;
}

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	        transform-origin: right top;
}

.swiper-container-horizontal > .swiper-pagination-progressbar , .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
	width: 100%;
	height: 4px;
	left: 0;
	top: 0;
}

.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite , .swiper-container-vertical > .swiper-pagination-progressbar {
	width: 4px;
	height: 100%;
	left: 0;
	top: 0;
}

.swiper-pagination-white .swiper-pagination-bullet-active {
	background: #ffffff;
}

.swiper-pagination-progressbar.swiper-pagination-white {
	background: rgba(255, 255, 255, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {
	background: #ffffff;
}

.swiper-pagination-black .swiper-pagination-bullet-active {
	background: #000000;
}

.swiper-pagination-progressbar.swiper-pagination-black {
	background: rgba(0, 0, 0, 0.25);
}

.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {
	background: #000000;
}

.swiper-pagination-lock {
	display: none;
}

.swiper-scrollbar {
	border-radius: 10px;
	position: relative;
	-ms-touch-action: none;
	background: rgba(0, 0, 0, 0.1);
}

.swiper-container-horizontal > .swiper-scrollbar {
	position: absolute;
	left: 1%;
	bottom: 3px;
	z-index: 50;
	height: 5px;
	width: 98%;
}

.swiper-container-vertical > .swiper-scrollbar {
	position: absolute;
	right: 3px;
	top: 1%;
	z-index: 50;
	width: 5px;
	height: 98%;
}

.swiper-scrollbar-drag {
	height: 100%;
	width: 100%;
	position: relative;
	background: rgba(0, 0, 0, 0.5);
	border-radius: 10px;
	left: 0;
	top: 0;
}

.swiper-scrollbar-cursor-drag {
	cursor: move;
}

.swiper-scrollbar-lock {
	display: none;
}

.swiper-zoom-container {
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	text-align: center;
}

.swiper-zoom-container > canvas , .swiper-zoom-container > img , .swiper-zoom-container > svg {
	max-width: 100%;
	max-height: 100%;
	-o-object-fit: contain;
	   object-fit: contain;
}

.swiper-slide-zoomed {
	cursor: move;
}

.swiper-lazy-preloader {
	width: 42px;
	height: 42px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -21px;
	margin-top: -21px;
	z-index: 10;
	-webkit-transform-origin: 50%;
	        transform-origin: 50%;
	-webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;
	        animation: swiper-preloader-spin 1s steps(12, end) infinite;
}

.swiper-lazy-preloader:after {
	display: block;
	content: "";
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
	background-position: 50%;
	background-size: 100%;
	background-repeat: no-repeat;
}

.swiper-lazy-preloader-white:after {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");
}

@-webkit-keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

@keyframes swiper-preloader-spin {
	100% {
		-webkit-transform: rotate(360deg);
		        transform: rotate(360deg);
	}
}

.swiper-container .swiper-notification {
	position: absolute;
	left: 0;
	top: 0;
	pointer-events: none;
	opacity: 0;
	z-index: -1000;
}

.swiper-container-fade.swiper-container-free-mode .swiper-slide {
	transition-timing-function: ease-out;
}

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	transition-property: opacity;
}

.swiper-container-fade .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-fade .swiper-slide-active , .swiper-container-fade .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube {
	overflow: visible;
}

.swiper-container-cube .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index: 1;
	visibility: hidden;
	-webkit-transform-origin: 0 0;
	        transform-origin: 0 0;
	width: 100%;
	height: 100%;
}

.swiper-container-cube .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-cube.swiper-container-rtl .swiper-slide {
	-webkit-transform-origin: 100% 0;
	        transform-origin: 100% 0;
}

.swiper-container-cube .swiper-slide-active , .swiper-container-cube .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-cube .swiper-slide-active , .swiper-container-cube .swiper-slide-next , .swiper-container-cube .swiper-slide-next + .swiper-slide , .swiper-container-cube .swiper-slide-prev {
	pointer-events: auto;
	visibility: visible;
}

.swiper-container-cube .swiper-slide-shadow-bottom , .swiper-container-cube .swiper-slide-shadow-left , .swiper-container-cube .swiper-slide-shadow-right , .swiper-container-cube .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.swiper-container-cube .swiper-cube-shadow {
	position: absolute;
	left: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	background: #000000;
	opacity: 0.6;
	-webkit-filter: blur(50px);
	        filter: blur(50px);
	z-index: 0;
}

.swiper-container-flip {
	overflow: visible;
}

.swiper-container-flip .swiper-slide {
	pointer-events: none;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
	z-index: 1;
}

.swiper-container-flip .swiper-slide .swiper-slide {
	pointer-events: none;
}

.swiper-container-flip .swiper-slide-active , .swiper-container-flip .swiper-slide-active .swiper-slide-active {
	pointer-events: auto;
}

.swiper-container-flip .swiper-slide-shadow-bottom , .swiper-container-flip .swiper-slide-shadow-left , .swiper-container-flip .swiper-slide-shadow-right , .swiper-container-flip .swiper-slide-shadow-top {
	z-index: 0;
	-webkit-backface-visibility: hidden;
	        backface-visibility: hidden;
}

.swiper-container-coverflow .swiper-wrapper {
	-ms-perspective: 1200px;
}

* {
	box-sizing: border-box;
}

body {
	-webkit-text-size-adjust: 100%;
}

a.modalOpen {
	cursor: pointer;
}

div.pagetop a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	width: 14vw;
	height: 14vw;
	background: url(../img/common/pageTop.btn.svg) no-repeat;
	background-size: auto;
}

div.page {
	padding: 5.33vw 0;
}

div.page > div.inner {
	padding: 0 5.33vw;
}

div.breadcrumb {
	margin: 3vw 5vw 5vw;
}

div.breadcrumb ul li {
	font-size: 3.74vw;
	line-height: 5vw;
	display: inline;
	letter-spacing: -0.05em;
}

div.breadcrumb ul li:after {
	content: "＞";
	padding: 0 1vw;
}

div.breadcrumb ul li:last-child:after {
	content: "";
	padding: 0;
}

div.breadcrumb ul li a {
	text-decoration: none;
	color: #38508f;
}

ul.pager {
	display: flex;
	justify-content: center;
	background: none !important;
	padding-bottom: 0 !important;
}

ul.pager li {
	font-size: 3.74vw;
	margin: 0 2vw;
}

ul.pager li a , ul.pager li span {
	display: inline-block;
	min-width: 12vw;
	height: 11vw;
	line-height: 11vw;
	text-decoration: none;
	color: #385090;
	text-align: center;
}

ul.pager li.backward , ul.pager li.forward , ul.pager li.num {
	border: 1px solid #d9d8d8;
	background: #ffffff;
}

ul.pager li.backward , ul.pager li.forward {
	font-size: 11px;
}

ul.pager li.current {
	border: 1px solid #d9d8d8;
	background: #385090;
}

ul.pager li.current span {
	color: #ffffff;
}

header div.head {
	display: flex;
	height: 14%;
	border-bottom: 4px solid #818ba5;
}

header div.head .logo a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	background: url(../img/header/logo.svg?1.1.0) no-repeat;
	background-size: 100% auto;
	width: 22.53vw;
	height: 0;
	padding-top: 10vw;
	margin: 0 0 0 2vw;
	background-position: 0 2.5vw;
}

header div.head .title {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/header/title.svg) no-repeat;
	background-size: 100% auto;
	width: 42vw;
	height: 0;
	padding-top: 5.33vw;
	margin: 3.8vw 0 0 3.5vw;
}

header div.head .menu {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	background: #38508f url(../img/header/menu.button.open.svg) no-repeat;
	background-size: 100% auto;
	width: 12vw;
	height: 0;
	padding-top: 13.33vw;
	margin: 0 0 0 auto;
	cursor: pointer;
}

footer div.inner div.navi ul.internal {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	background: #f6f5f1;
}

footer div.inner div.navi ul.internal li {
	border-left: 1px solid #ffffff;
	position: relative;
}

footer div.inner div.navi ul.internal li a {
	display: block;
	color: #5d5959;
	font-size: 3.74vw;
	line-height: 5vw;
	text-decoration: none;
	text-align: center;
	padding: 3.85vw 0 4.15vw;
}

footer div.inner div.navi ul.internal li a:after {
	content: "";
	display: block;
	background: url(../img/footer/link.iconArrow.svg) no-repeat;
	background-size: auto 100%;
	width: 2.7vw;
	height: 2.7vw;
	position: absolute;
	right: 1.5vw;
	top: 0;
	bottom: 0;
	margin: auto;
}

footer div.inner div.navi ul.internal li.i1 {
	border-left: none;
}

footer div.inner div.navi ul.internal li.i1 , footer div.inner div.navi ul.internal li.i2 , footer div.inner div.navi ul.internal li.i3 {
	width: 33.333333%;
	border-bottom: 1px solid #ffffff;
	letter-spacing: -0.05em;
}

footer div.inner div.navi ul.internal li.i4 {
	width: 100vw;
}

footer div.inner div.navi ul.external {
	background: #38508f;
}

footer div.inner div.navi ul.external li {
	border-bottom: 1px solid #ffffff;
}

footer div.inner div.navi ul.external li a {
	display: block;
	color: #ffffff;
	font-size: 3.74vw;
	text-decoration: none;
	padding: 4vw 0;
	text-align: center;
}

footer div.inner div.navi ul.external li a:after {
	content: "";
	display: inline-block;
	background: url(../img/footer/link.iconExt.svg) no-repeat;
	background-size: 100% auto;
	vertical-align: middle;
	margin-left: 2vw;
	width: 5vw;
	height: 5vw;
}

footer div.inner div.navi ul.external li:last-child {
	border-bottom: none;
}

footer p.copyright {
	text-align: center;
	font-size: 3.47vw;
	margin: 5vw 0;
}

section.modal div.modal-inner a.modalClose {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	background: url(../img/common/modal.close.btn.svg) no-repeat;
	background-size: 100% auto;
	width: 10vw;
	height: 10vw;
	position: absolute;
	right: -2vw;
	top: -3vw;
	cursor: pointer;
	z-index: 1000;
}

section.modal.newsSearch div.modal-inner form {
	display: block;
	height: 100%;
	padding-bottom: 20vw;
}

section.modal.newsSearch div.modal-inner form div.body {
	overflow-y: scroll;
	height: 90%;
	padding: 6vw 4vw 20vw;
	max-height: 75vh;
}

section.modal.newsSearch div.modal-inner form div.body h2 {
	color: #38508f;
	height: 5vw;
	line-height: 5vw;
	font-size: 4.8vw;
	padding: 0 0 0 0;
	overflow: hidden;
	margin: 0 0 4vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner {
	background: #f6f5f1;
	border: 1px solid #e6e5e1;
	padding: 5vw 4vw 2vw;
	margin-bottom: 5vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner h3 {
	color: #38508f;
	font-size: 3.74vw;
	position: relative;
	margin: 0 0 3.5vw;
	clear: both;
}

section.modal.newsSearch div.modal-inner form div.body div.inner h3 span {
	background: #f6f5f1;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-right: 3vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner h3:after {
	content: "";
	border-bottom: 2px solid #38508f;
	display: block;
	position: absolute;
	width: 100%;
	top: 1.7vw;
	right: 0;
}

section.modal.newsSearch div.modal-inner form div.body div.inner dl {
	margin: 0 0 3vw;
	overflow: hidden;
}

section.modal.newsSearch div.modal-inner form div.body div.inner dl dt {
	font-size: 3.74vw;
	margin: 0 0 3vw;
	background: #2e52b2;
}

section.modal.newsSearch div.modal-inner form div.body div.inner dl dt a {
	cursor: pointer;
	display: block;
	color: #ffffff;
	padding: 3vw 3vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner dl dt a:after {
	content: "";
	display: inline-block;
	background: url(../img/common/modal.list.icon.arrowDown.svg) no-repeat;
	background-size: 100% auto;
	width: 4.8vw;
	height: 4vw;
	vertical-align: middle;
	float: right;
	position: relative;
	top: 0.5vw;
	transition: top 0.2s ease, -webkit-transform 0.2s ease;
	transition: transform 0.2s ease, top 0.2s ease;
	transition: transform 0.2s ease, top 0.2s ease, -webkit-transform 0.2s ease;
}

section.modal.newsSearch div.modal-inner form div.body div.inner dl dt a.close:after {
	-webkit-transform: rotateX(180deg);
	        transform: rotateX(180deg);
	top: -1vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner dl dd {
	margin: 0 0 -2vw;
	display: none;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	align-items: stretch;
	margin: 0 0 5vw -2vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul li {
	padding-left: 2vw;
	margin-bottom: 2vw;
	font-size: 3.47vw;
	line-height: 4vw;
	position: relative;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul li input[type="checkbox"] {
	opacity: 0;
	position: absolute;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul li label {
	display: flex;
	height: 100%;
	padding: 2vw 1vw 2vw 6vw;
	cursor: pointer;
	display: block;
	border: 1px solid #c0c0c0;
	border-radius: 5px;
	cursor: pointer;
	background: #ffffff url(../img/common/check.svg) no-repeat 1.5vw 2.3vw;
	background-size: 3.5vw 3.5vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul li label span {
	letter-spacing: -0.1em;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul li input[type="checkbox"]:checked + label {
	background: #ffffff url(../img/common/checked.svg) no-repeat 1.5vw 2.3vw;
	background-size: 3.5vw 3.5vw;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul.col3 li {
	width: 33.3333%;
}

section.modal.newsSearch div.modal-inner form div.body div.inner ul.col4 li {
	width: 23%;
}

section.modal.newsSearch div.modal-inner form div.footer {
	width: 100%;
	height: 20vw;
	background: #385090;
	position: absolute;
	bottom: 0;
	padding: 4vw 0 0;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

section.modal.newsSearch div.modal-inner form div.footer button {
	font-size: 3.74vw;
	display: block;
	width: 52vw;
	height: 10.5vw;
	margin: 0 auto;
	border: 1px solid #d2d2d2;
	color: #555555;
	border-radius: 4px;
	box-shadow: 0 5px 0 0 #30447a;
	background: #ffffff url(../img/common/modal.search.icon.svg) no-repeat 12vw center;
	background-size: 4.5vw 4.5vw;
	padding-left: 7vw;
}

section.modal.closeSchool div.modal-inner div.body {
	overflow-y: scroll;
	height: 100%;
	padding: 35px 30px 20px 30px;
	max-height: 80vh;
}

section.modal.closeSchool div.modal-inner div.body h2 {
	color: #38508f;
	height: 36px;
	line-height: 34px;
	font-size: 25px;
	padding: 0 0 0 10px;
	overflow: hidden;
	margin: 0 0 20px;
}

section.modal.closeSchool div.modal-inner div.body div.inner {
	background: #f6f5f1;
	border: 1px solid #e6e5e1;
	padding: 30px;
	margin-bottom: 50px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul {
	margin: 0 0 0;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li {
	border-bottom: 1px dotted #333333;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info {
	display: flex;
	margin-left: 10px;
	margin-bottom: 13px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info span.date {
	font-size: 16px;
	line-height: 21px;
	vertical-align: middle;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info span.isNew {
	background: #ffffff;
	border: 1px solid #f24400;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
	line-height: 19px;
	padding: 1px 14px;
	color: #f24400;
	vertical-align: middle;
	margin-right: 10px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info span.isEmergency {
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
	line-height: 19px;
	padding: 1px 14px;
	color: #ffffff;
	vertical-align: middle;
	margin-right: 10px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info span.isOff {
	background: #ffffff;
	border: 1px solid #327bcc;
	border-radius: 15px;
	font-size: 14px;
	display: inline-block;
	line-height: 19px;
	padding: 1px 14px;
	color: #327bcc;
	vertical-align: middle;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info p.location {
	flex: 1;
	text-align: right;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li div.info p.location a {
	background: #38508f url(../img/common/modal.closeSchool.buttonIconArrow.svg) no-repeat 12px center;
	border-radius: 15px;
	display: inline-block;
	font-size: 14px;
	padding: 2px 15px 2px 25px;
	color: #ffffff;
	text-decoration: none;
	line-height: 19px;
	margin-left: 10px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table {
	width: 100%;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr th {
	background: #e6e4e4;
	border: 1px solid #d9d8d8;
	vertical-align: middle;
	font-size: 14px;
	width: 170px;
	text-align: center;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td {
	border: 1px solid #d9d8d8;
	vertical-align: middle;
	background: #ffffff;
	font-size: 14px;
	padding: 20px 20px 5px 20px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul {
	display: inline;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul li {
	display: flex;
	margin-bottom: 15px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul li span {
	display: inline-block;
	margin-right: 20px;
	font-size: 12px;
	line-height: 14px;
	padding: 1px 10px;
	border-radius: 10px;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul li span.dayAll {
	background: #fd932b;
	color: #ffffff;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul li span.dayPart {
	background: #6dbfb2;
	color: #ffffff;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul li p {
	margin: 0;
}

section.modal.closeSchool div.modal-inner div.body div.inner > ul > li table tr td ul li p em {
	color: #f24400;
}

div#spMenu {
	position: relative;
}

div#spMenu div#bg {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	right: 0;
	width: 100vw;
	height: 100vh;
	background: #38508f;
	opacity: 0;
	transition: 0.3s ease-in-out;
	cursor: pointer;
}

div#spMenu div#content {
	position: fixed;
	top: 0;
	right: 0;
	z-index: 9999;
	width: 92.5vw;
	transition: 0.3s ease-in-out;
	-webkit-transform: translateX(105%);
	        transform: translateX(105%);
	opacity: 0;
	-webkit-overflow-scrolling: touch;
}

div#spMenu div#content > a.menuClose {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: none;
	background: url(../img/header/menu.button.close.svg) no-repeat;
	background-size: 100% 100%;
	width: 12vw;
	height: 13.33vw;
	cursor: pointer;
	z-index: 1000;
	position: fixed;
	top: 0;
	right: 0;
}

div#spMenu div#content div.inner {
	position: absolute;
	top: 13.33vw;
	background: #38508f;
	width: 100%;
	height: calc(100vh - 13.33vw);
	padding-bottom: 15vh;
	overflow-y: auto;
}

div#spMenu div#content div.inner div.memberMenu {
	position: relative;
	padding: 7vw 5vw 0;
	margin: 0 0 2vw;
}

div#spMenu div#content div.inner div.memberMenu div.status {
	position: absolute;
	top: 0;
	left: 0;
}

div#spMenu div#content div.inner div.memberMenu div.status span.parent {
	font-size: 3.47vw;
	display: inline-block;
	color: #0f9212;
	border: 1px solid #0f9212;
	background: #ffffff;
	padding: 1vw 3vw;
	line-height: 5vw;
}

div#spMenu div#content div.inner div.memberMenu div.status span.student {
	font-size: 3.47vw;
	display: inline-block;
	color: #fd932b;
	border: 1px solid #fd932b;
	background: #ffffff;
	padding: 1vw 2vw;
	line-height: 5vw;
}

div#spMenu div#content div.inner div.memberMenu dl {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 2vw;
}

div#spMenu div#content div.inner div.memberMenu dl dt {
	width: 30%;
	color: #ffffff;
	line-height: 5vw;
	margin-bottom: 4vw;
	border-right: 1px solid #637bb9;
	font-size: 3.74vw;
}

div#spMenu div#content div.inner div.memberMenu dl dd {
	width: 70%;
	color: #ffffff;
	line-height: 5vw;
	margin-bottom: 4vw;
	padding: 0 0 0 4vw;
	font-size: 3.74vw;
}

div#spMenu div#content div.inner div.memberMenu a.logout , div#spMenu div#content div.inner div.memberMenu button.logout {
	background: #ffffff;
	display: block;
	width: 100%;
	margin: 0 auto 20px;
	border: 1px solid #c0c0c0;
	box-shadow: 0 0.7vw 0 0 #8e94a4;
	padding: 2vw 0;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 5vw;
	text-decoration: none;
	font-size: 3.74vw;
}

div#spMenu div#content div.inner div.memberMenu ul {
	padding: 0 0 0 0;
	overflow: hidden;
	border-top: 1px solid #637bb9;
}

div#spMenu div#content div.inner div.memberMenu ul li a {
	display: block;
	padding: 3vw 0 3vw 5vw;
	background: url(../img/common/menu.listIcon.svg) no-repeat 0 center;
	background-size: 2.5vw 2.5vw;
	font-size: 3.74vw;
	line-height: 5vw;
	border-bottom: 1px dotted #637bb9;
	color: #ffffff;
	text-decoration: none;
}

div#spMenu div#content div.inner div.memberMenu ul li:last-child a {
	border-bottom: none;
}

div#spMenu div#content div.inner div.link1 ul li a {
	width: 100%;
	height: 17vw;
	display: block;
}

div#spMenu div#content div.inner div.link1 ul li.b1 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #d9eee7 url(../img/common/link.b1.svg) no-repeat center top;
	background-size: 100% auto;
	border-bottom: 0.7vw solid #7cbfa7;
}

div#spMenu div#content div.inner div.link1 ul li.b2 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #d2e2f2 url(../img/common/link.b2.svg) no-repeat center top;
	background-size: 100% auto;
	border-bottom: 0.7vw solid #8aaed2;
}

div#spMenu div#content div.inner div.link1 ul li.b3 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #fddabf url(../img/common/link.b3.svg) no-repeat center top;
	background-size: 100% auto;
	border-bottom: 0.7vw solid #f7a064;
}

div#spMenu div#content div.inner div.link2 ul li a {
	background: #ffffff url(../img/common/menu.link2.listIcon.svg) no-repeat 4vw center;
	background-size: 2.1vw 2.1vw;
	color: #38508f;
	display: block;
	border-bottom: 1px solid #8896bc;
	font-size: 3.74vw;
	line-height: 5vw;
	padding: 5vw 8vw;
	text-decoration: none;
}

div#spMenu div#content div.inner div.footer {
	background: #38508f;
}

div#spMenu div#content div.inner div.footer ul {
	display: flex;
	justify-content: space-between;
	padding: 7vw 5vw;
}

div#spMenu div#content div.inner div.footer ul li {
	width: 47%;
}

div#spMenu div#content div.inner div.footer ul li a {
	color: #333333;
	display: block;
	border-bottom: 1px solid #8896bc;
	font-size: 3.74vw;
	line-height: 5vw;
	padding: 3vw 0vw;
	text-decoration: none;
	border-radius: 5px;
	text-align: center;
}

div#spMenu div#content div.inner div.footer ul li a.goHome {
	background: #ffffff url(../img/common/menu.footer.goHomeIcon.svg) no-repeat 2.5vw center;
	background-size: 5vw 5vw;
	padding-left: 5vw;
}

div#spMenu div#content div.inner div.footer ul li a.menuClose {
	background: #e5e5e5 url(../img/common/menu.footer.closeMenuIcon.svg) no-repeat 9vw center;
	background-size: 4vw 4vw;
	text-align: left;
	padding-left: calc((100% - 2em) /2);
}

div#spMenu.open div#bg {
	display: block;
	opacity: 0.6;
}

div#spMenu.open div#content {
	-webkit-transform: translateX(0%);
	        transform: translateX(0%);
	opacity: 1;
}

div#spMenu.open div#content > a.menuClose {
	display: block;
}

div#pageLogin article.alert {
	border: 0.6vw solid #e6e5e1;
	padding: 1.3vw 3.4vw 1.6vw;
	margin: 0 0 8vw 0;
}

div#pageLogin article.alert ul li {
	border-bottom: 1px dotted #646c69;
}

div#pageLogin article.alert ul li a {
	text-decoration: none;
	font-size: 3.74vw;
	line-height: 5vw;
	display: block;
	padding: 1.6vw 1vw 1.6vw 6.6vw;
	background-size: 5vw auto;
}

div#pageLogin article.alert ul li.emergency {
	background: url(../img/login/alert.listIcon.emergency.svg) no-repeat 0vw 1.7vw;
	background-size: 5vw 5vw;
}

div#pageLogin article.alert ul li.emergency a {
	color: #f24400;
}

div#pageLogin article.alert ul li.normal {
	background: url(../img/login/alert.listIcon.normal.svg) no-repeat 0 1.7vw;
	background-size: 5vw 5vw;
}

div#pageLogin article.alert ul li.normal a {
	color: #3c529b;
}

div#pageLogin article.alert ul li:last-child {
	border-bottom: 0;
}

div#pageLogin h1 {
	font-size: 4.8vw;
	background: url(../img/login/loginForm.titleIcon.svg) no-repeat 0 0;
	background-size: 6.1vw 6.1vw;
	color: #38508f;
	height: 7vw;
	line-height: 6.5vw;
	padding: 0 0 0 8vw;
	overflow: hidden;
	margin: 0 0 4vw;
}

div#pageLogin section.loginForm {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 1vw 5vw 1vw;
	margin: 0 0 8vw;
}

div#pageLogin section.loginForm dl {
	margin: 0 0 5vw;
}

div#pageLogin section.loginForm dl dt {
	font-size: 3.74vw;
	margin-top: 6vw;
	margin-bottom: 2vw;
}

div#pageLogin section.loginForm dl dd {
	margin-bottom: 3vw;
}

div#pageLogin section.loginForm dl dd input[type=text] , div#pageLogin section.loginForm dl dd input[type=password] {
	width: 100%;
	border: 1px solid #cfcece;
	height: 10vw;
	font-size: 18px;
	padding: 0 0 0 3vw;
}

div#pageLogin section.loginForm dl dd.showPW {
	font-size: 3.74vw;
}

div#pageLogin section.loginForm p.keepAlive {
	text-align: center;
	font-size: 3.74vw;
	margin: 0 0 5vw;
}

div#pageLogin section.loginForm ul.error {
	text-align: center;
	font-size: 3.74vw;
	color: #f67a49;
	margin: 0 0 5vw;
}

div#pageLogin section.loginForm ul.error li {
	line-height: 5vw;
	margin-bottom: 2vw;
	white-space: nowrap;
	letter-spacing: -0.05em;
}

div#pageLogin section.loginForm button.login {
	background: #ffffff url(../img/login/loginForm.login.buttonIcon.svg) no-repeat 23vw center;
	background-size: 4vw 4vw;
	display: block;
	width: 76vw;
	line-height: 4vw;
	padding: 3vw 0;
	margin: 0 auto 5vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageLogin section.loginForm p.lostPW {
	font-size: 3.74vw;
	text-align: center;
	margin: 0 0 7vw;
	background: url(../img/login/loginForm.lostPW.iconArrow.svg) no-repeat 7vw 1vw;
	background-size: 2.35vw 2.35vw;
}

div#pageLogin section.loginForm p.lostPW a {
	text-decoration: none;
	color: #38508f;
}

div#pageLogin section.loginForm input[type="checkbox"] {
	margin-right: 7px;
	cursor: pointer;
	opacity: 0;
}

div#pageLogin section.loginForm label {
	cursor: pointer;
	position: relative;
}

div#pageLogin section.loginForm label:before {
	content: "";
	display: block;
	width: 4vw;
	height: 4vw;
	position: absolute;
	top: 1vw;
	left: -6vw;
	background: url(../img/common/check.svg) no-repeat;
	background-size: 100% auto;
}

div#pageLogin section.loginForm input[type="checkbox"]:checked + label:before {
	background: url(../img/common/checked.svg) no-repeat;
	background-size: 100% auto;
}

div#pageLogin section.news {
	margin: 0 0 2vw 0;
}

div#pageLogin section.news h2 {
	font-size: 4.8vw;
	background: url(../img/login/news.titleIcon.svg) no-repeat 1vw 0.8vw;
	background-size: 5.5vw 5.5vw;
	color: #38508f;
	height: 7vw;
	line-height: 6.5vw;
	padding: 0 0 0 8vw;
	overflow: hidden;
	margin: 0 0 2.5vw;
}

div#pageLogin section.news div.frame {
	border: 1.3vw solid #f6f5f1;
	padding: 0 5vw;
}

div#pageLogin section.news div.frame ul {
	background: #ffffff;
	padding: 2vw 0;
	margin: 0 0 0;
}

div#pageLogin section.news div.frame ul li {
	border-bottom: 1px dotted #646c69;
}

div#pageLogin section.news div.frame ul li:last-child {
	border-bottom: none;
}

div#pageLogin section.news div.frame ul li a {
	color: #000000;
	text-decoration: none;
	display: block;
	padding: 4vw 0;
}

div#pageLogin section.news div.frame ul li a span.date {
	font-size: 3.74vw;
	line-height: 4vw;
	margin: 0 1vw 0 0;
}

div#pageLogin section.news div.frame ul li a span.isNew {
	font-size: 3.47vw;
	border: 1px solid #f24400;
	border-radius: 15px;
	display: inline-block;
	line-height: 4vw;
	padding: 0.2vw 2vw;
	color: #f24400;
	margin: 0 2vw 0 0;
}

div#pageLogin section.news div.frame ul li a span.isEmergency {
	font-size: 3.47vw;
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 15px;
	display: inline-block;
	line-height: 4vw;
	padding: 0.2vw 2vw;
	color: #ffffff;
	margin: 0 2vw 0 0;
}

div#pageLogin section.news div.frame ul li a span.isOff {
	font-size: 3.47vw;
	border: 1px solid #327bcc;
	border-radius: 15px;
	display: inline-block;
	line-height: 4vw;
	padding: 0.2vw 2vw;
	color: #327bcc;
	margin: 0 2vw 0 0;
}

div#pageLogin section.news div.frame ul li a p.title {
	font-size: 3.74vw;
	line-height: 5vw;
	color: #38508f;
	margin-top: 2vw;
}

div#pageLogin section.news div.frame a.toList {
	font-size: 3.74vw;
	background: #ffffff url(../img/login/news.toListIcon.svg) no-repeat 66vw center;
	background-size: 3.1vw 3.1vw;
	display: block;
	width: 73vw;
	margin: 0 auto 7vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 4vw;
	text-decoration: none;
	padding: 3vw 0;
}

div#pageLogin section.school {
	margin: 0 0 4vw 0;
	padding: 8vw 0 0 0;
}

div#pageLogin section.school h2 {
	font-size: 4.8vw;
	color: #38508f;
	height: 10vw;
	line-height: 6vw;
	padding: 0 0vw 1vw;
	overflow: hidden;
	margin: 0 0 0vw;
	text-align: center;
}

div#pageLogin section.school .swiper-container {
	padding-bottom: 13vw;
}

div#pageLogin section.school .swiper-container .swiper-slide a {
	text-decoration: none;
	color: #000000;
}

div#pageLogin section.school .swiper-container .swiper-slide a img {
	width: 100%;
	margin: 0 0 2vw 0;
}

div#pageLogin section.school .swiper-container .swiper-slide a span.date {
	font-size: 3.74vw;
}

div#pageLogin section.school .swiper-container .swiper-slide a p {
	font-size: 3.74vw;
	line-height: 5vw;
	margin: 2vw 0 0 0;
}

div#pageLogin section.school .swiper-container .swiper-button-prev {
	background: url(../img/login/swiper.button.prev.svg) no-repeat;
	background-size: 100% auto;
	width: 21.333vw;
	height: 21.333vw;
	left: -10vw;
	top: 0;
	bottom: 0;
	margin: 8vw 0 0 0;
}

div#pageLogin section.school .swiper-container .swiper-button-next {
	background: url(../img/login/swiper.button.next.svg) no-repeat;
	background-size: 100% auto;
	width: 21.333vw;
	height: 21.333vw;
	right: -10vw;
	top: 0;
	bottom: 0;
	margin: 8vw 0 0 0;
}

div#pageLogin section.school .swiper-container .swiper-pagination {
	bottom: 0vw;
}

div#pageLogin section.school .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 4vw;
	height: 4vw;
	margin: 0 1.5vw;
	background: #c9dbdf;
	opacity: 1;
}

div#pageLogin section.school .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #38508f;
}

div#pageLogin section.recommend {
	margin: 0 0 9vw 0;
	padding: 8vw 0 0 0;
}

div#pageLogin section.recommend h2 {
	font-size: 4.8vw;
	color: #38508f;
	height: 10vw;
	line-height: 6vw;
	padding: 0 0 1vw;
	overflow: hidden;
	margin: 0 0 0vw;
	text-align: center;
}

div#pageLogin section.recommend .swiper-container {
	padding-bottom: 13vw;
}

div#pageLogin section.recommend .swiper-container .swiper-slide a {
	text-decoration: none;
	color: #000000;
}

div#pageLogin section.recommend .swiper-container .swiper-slide a img {
	width: 100%;
	margin: 0 0 2vw 0;
}

div#pageLogin section.recommend .swiper-container .swiper-slide a span.date {
	font-size: 3.74vw;
}

div#pageLogin section.recommend .swiper-container .swiper-slide a p {
	font-size: 3.74vw;
	line-height: 5vw;
	margin: 2vw 0 0 0;
}

div#pageLogin section.recommend .swiper-container .swiper-button-prev {
	background: url(../img/login/swiper.button.prev.svg) no-repeat;
	background-size: 100% auto;
	width: 21.333vw;
	height: 21.333vw;
	left: -10vw;
	top: 0;
	bottom: 0;
	margin: 8vw 0 0 0;
}

div#pageLogin section.recommend .swiper-container .swiper-button-next {
	background: url(../img/login/swiper.button.next.svg) no-repeat;
	background-size: 100% auto;
	width: 21.333vw;
	height: 21.333vw;
	right: -10vw;
	top: 0;
	bottom: 0;
	margin: 8vw 0 0 0;
}

div#pageLogin section.recommend .swiper-container .swiper-pagination {
	bottom: 0vw;
}

div#pageLogin section.recommend .swiper-container .swiper-pagination .swiper-pagination-bullet {
	width: 4vw;
	height: 4vw;
	margin: 0 1.5vw;
	background: #c9dbdf;
	opacity: 1;
}

div#pageLogin section.recommend .swiper-container .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background: #38508f;
}

div#pageLogin section.project {
	margin: 0 0 9vw 0;
	padding: 0vw 0 0 0;
}

div#pageLogin section.project h2 {
	font-size: 4.8vw;
	color: #38508f;
	height: 10vw;
	line-height: 6vw;
	padding: 0 5vw 1vw;
	overflow: hidden;
	margin: 0 0 0vw;
	border-bottom: 2px solid #38508f;
}

div#pageLogin section.project ul {
	margin: 0 0 0;
	display: flex;
	flex-wrap: wrap;
	align-items: stretch;
	border-bottom: 1px dotted #333333;
}

div#pageLogin section.project ul li {
	width: 50%;
	margin: 0 0 0;
	padding: 3.3vw 0 3.3vw 3.3vw;
	border-bottom: 1px dotted #333333;
	font-size: 3.74vw;
}

div#pageLogin section.project ul li a {
	color: #333333;
	text-decoration: none;
}

div#pageLogin section.project ul li:after {
	content: "";
	background: url("../img/login/project.link.extIcon.svg") no-repeat 0 0vw;
	background-size: 5vw auto;
	display: inline-block;
	width: 5vw;
	height: 5vw;
	vertical-align: middle;
	margin-left: 1.7vw;
	margin-top: -0.8vw;
}

div#pageLogin section.project ul li:nth-child(odd) {
	border-right: 1px dotted #333333;
}

div#pageLogin section.project ul li:last-child {
	border-bottom: none;
	border-right: none;
}

div#pageLogin section.project ul li:nth-last-child(2):nth-child(odd) {
	border-bottom: none;
}

div#pageIndex article.alert {
	border: 0.6vw solid #e6e5e1;
	padding: 1.3vw 3.47vw;
	margin: 0 0 9vw 0;
}

div#pageIndex article.alert ul li {
	padding: 3.2vw 0 3.2vw 8vw;
	border-bottom: 1px dotted #646c69;
}

div#pageIndex article.alert ul li a {
	text-decoration: none;
	font-size: 3.74vw;
	line-height: 5vw;
	position: relative;
	top: 0.275vw;
}

div#pageIndex article.alert ul li.emergency {
	background: url(../img/top/alert.listIcon.emergency.svg) no-repeat 1.5vw 3.9vw;
	background-size: 4.75vw auto;
}

div#pageIndex article.alert ul li.emergency a {
	color: #f24400;
}

div#pageIndex article.alert ul li.normal {
	background: url(../img/top/alert.listIcon.normal.svg) no-repeat 1.5vw 3.9vw;
	background-size: 4.75vw auto;
}

div#pageIndex article.alert ul li.normal a {
	color: #3c529b;
}

div#pageIndex article.alert ul li:last-child {
	border-bottom: 0;
}

div#pageIndex section.news {
	margin: 0 0 9vw 0;
}

div#pageIndex section.news h2 {
	color: #38508f;
	line-height: 5.5vw;
	font-size: 4.8vw;
	padding: 0;
	overflow: hidden;
	margin: 0 0 3.5vw;
}

div#pageIndex section.news h2:before {
	content: "";
	display: inline-block;
	background: url(../img/top/news.titleIcon.svg) no-repeat;
	background-size: 100% auto;
	width: 5.07vw;
	height: 5.07vw;
	vertical-align: middle;
	margin-right: 2vw;
	margin-top: -0.8vw;
}

div#pageIndex section.news div.frame {
	border: 1.2vw solid #f6f5f1;
}

div#pageIndex section.news div.frame ul {
	padding: 1vw 3.47vw;
	margin: 0 0 0vw;
}

div#pageIndex section.news div.frame ul li {
	border-bottom: 1px dotted #646c69;
}

div#pageIndex section.news div.frame ul li:last-child {
	border-bottom: none;
}

div#pageIndex section.news div.frame ul li a {
	color: #000000;
	text-decoration: none;
	padding: 3.6vw 0;
	display: block;
}

div#pageIndex section.news div.frame ul li a span {
	margin-right: 2vw;
}

div#pageIndex section.news div.frame ul li a span.date {
	font-size: 3.74vw;
	line-height: 4.5vw;
	vertical-align: middle;
	margin-right: 0;
}

div#pageIndex section.news div.frame ul li a span.isNew {
	border: 1px solid #f24400;
	border-radius: 10vw;
	font-size: 3.47vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0vw 2.4vw;
	color: #f24400;
	vertical-align: middle;
}

div#pageIndex section.news div.frame ul li a span.isEmergency {
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 10vw;
	font-size: 3.47vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0vw 2.4vw;
	color: #ffffff;
	vertical-align: middle;
}

div#pageIndex section.news div.frame ul li a span.isOff {
	border: 1px solid #327bcc;
	border-radius: 10vw;
	font-size: 3.47vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0vw 2.4vw;
	color: #327bcc;
	vertical-align: middle;
}

div#pageIndex section.news div.frame ul li a p.title {
	margin-top: 1.7vw;
	line-height: 5vw;
	font-size: 3.74vw;
	color: #38508f;
}

div#pageIndex section.news div.frame a.toList {
	background: #ffffff url(../img/top/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: 2vw 2vw;
	display: block;
	width: 77vw;
	padding: 3.2vw 0;
	margin: 0 auto 6vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 1em;
	text-decoration: none;
	font-size: 3.74vw;
}

div#pageIndex section.memberPoint {
	margin-bottom: 5vw;
	border-bottom: 0.8vw solid #4a231a;
	position: relative;
	padding: 0 0;
}

div#pageIndex section.memberPoint h2 {
	background: #f0efec;
	color: #3e1d16;
	text-align: center;
	font-weight: bold;
	overflow: hidden;
	margin: 0 0 4.5vw;
	padding: 3vw 0;
}

div#pageIndex section.memberPoint h2 span.month {
	font-size: 4.8vw;
	vertical-align: middle;
}

div#pageIndex section.memberPoint h2 span.no {
	font-size: 3.47vw;
	vertical-align: middle;
}

div#pageIndex section.memberPoint h2 span.nanaco {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/top/point.title.nanaco.svg) no-repeat;
	background-size: 100% auto;
	display: inline-block;
	width: 19.73vw;
	height: 5.33vw;
	margin: 0 1vw;
	vertical-align: middle;
}

div#pageIndex section.memberPoint h2 span.point {
	font-size: 3.47vw;
	vertical-align: middle;
}

div#pageIndex section.memberPoint p.myPoint {
	margin: 0 0 7vw 10vw;
	color: #4a231a;
	font-weight: bold;
}

div#pageIndex section.memberPoint p.myPoint span.point {
	font-size: 9vw;
}

div#pageIndex section.memberPoint p.myPoint span.text {
	margin-top: 2vw;
	display: block;
	font-size: 4vw;
}

div#pageIndex section.memberPoint span.chara {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: url(../img/top/point.chara.svg) no-repeat;
	background-size: 100% auto;
	display: block;
	width: 26.13vw;
	height: 26.66vw;
	position: absolute;
	bottom: 1vw;
	right: 8vw;
}

div#pageIndex section.memberPayment {
	border: 1.4vw solid #e5e5e5;
	margin: 0;
	padding: 3.5vw 4.5vw 3vw;
	border-bottom: none;
}

div#pageIndex section.memberPayment h2 {
	background: url(../img/top/payment.titleIcon.svg) no-repeat 1.5vw 1vw;
	background-size: 5vw 5vw;
	line-height: 7vw;
	border-bottom: 2px solid #e5e5e5;
	padding: 0 0 2vw 9vw;
	font-weight: bold;
	font-size: 4.267vw;
	margin: 0 0 3vw;
}

div#pageIndex section.memberPayment p.charge {
	border-bottom: 1px dotted #000000;
	padding-bottom: 4vw;
	font-size: 3.74vw;
	margin: 0 0 4vw;
	display: flex;
	justify-content: space-between;
}

div#pageIndex section.memberPayment p.charge span:first-child {
	line-height: 5vw;
}

div#pageIndex section.memberPayment p.charge span span.price {
	font-weight: bold;
	font-size: 5.2vw;
	margin-right: 1vw;
	vertical-align: middle;
}

div#pageIndex section.memberPayment p.charge span span.unit {
	vertical-align: middle;
}

div#pageIndex section.memberPayment ul {
	padding: 0 0 0 0;
	overflow: hidden;
	display: flex;
}

div#pageIndex section.memberPayment ul li {
	width: 50%;
	font-size: 3.74vw;
	margin-bottom: 0;
}

div#pageIndex section.memberPayment ul li a {
	padding: 4vw 0 4vw 3vw;
	background: url(../img/top/payment.listIcon.svg) no-repeat 0 center;
	background-size: 2vw 2vw;
	color: #38508f;
	text-decoration: none;
	display: block;
}

div#pageIndex section.memberCard {
	border: 1.4vw solid #e5e5e5;
	border-bottom: none;
	margin: 0;
	padding: 3.5vw 4.5vw 3vw;
}

div#pageIndex section.memberCard.isLast {
	border: 1.4vw solid #e5e5e5;
	margin: 0 0 9vw;
}

div#pageIndex section.memberCard h2 {
	background: url(../img/top/card.listIcon.jpg) no-repeat 1.5vw 1vw;
	background-size: 5vw 5vw;
	line-height: 7vw;
	border-bottom: 2px solid #e5e5e5;
	padding: 0 0 2vw 9vw;
	font-weight: bold;
	font-size: 4.267vw;
	margin: 0 0 3vw;
}

div#pageIndex section.memberCard ul {
	padding: 0 0 0 0;
	overflow: hidden;
	display: flex;
}

div#pageIndex section.memberCard ul li {
	width: 50%;
	font-size: 3.74vw;
}

div#pageIndex section.memberCard ul li a {
	padding: 4vw 0 4vw 3vw;
	background: url(../img/top/payment.listIcon.svg) no-repeat 0 center;
	background-size: 2vw 2vw;
	color: #38508f;
	text-decoration: none;
	display: block;
}

div#pageIndex section.memberContact {
	border: 1.4vw solid #e5e5e5;
	margin: 0 0 9vw;
	padding: 3.5vw 4.5vw 3vw;
}

div#pageIndex section.memberContact h2 {
	background: url(../img/top/contact.titleIcon.svg) no-repeat 1.5vw 1vw;
	background-size: 5vw 5vw;
	line-height: 7vw;
	border-bottom: 2px solid #e5e5e5;
	padding: 0 0 2vw 9vw;
	font-weight: bold;
	font-size: 4.267vw;
	margin: 0 0 3vw;
}

div#pageIndex section.memberContact ul {
	padding: 0 0 0 0;
	overflow: hidden;
}

div#pageIndex section.memberContact ul li {
	font-size: 3.74vw;
	margin-bottom: 0;
}

div#pageIndex section.memberContact ul li a {
	padding: 4vw 0 4vw 3vw;
	background: url(../img/top/contact.listIcon.svg) no-repeat 0 center;
	background-size: 2.05vw 2.05vw;
	color: #38508f;
	text-decoration: none;
	display: block;
}

div#pageIndex section.memberContact p {
	font-size: 3.74vw;
	line-height: 6vw;
}

div#pageIndex section.homework {
	margin: 0 0 9vw 0;
}

div#pageIndex section.homework h2 {
	background: url(../img/top/homework.titleIcon.svg) no-repeat 2vw 0;
	background-size: 4.3vw 4.3vw;
	color: #38508f;
	height: 5vw;
	line-height: 4vw;
	font-size: 4.267vw;
	padding: 0 0 0 8.5vw;
	overflow: hidden;
	margin: 0 0 3vw;
}

div#pageIndex section.homework div.frame {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 6vw 4vw 2vw 4vw;
}

div#pageIndex section.homework div.frame div.homework-employee-menu {
	font-size: 4vw;
	margin-bottom: 6vw;
}

div#pageIndex section.homework div.frame div.homework-employee-menu input , div#pageIndex section.homework div.frame div.homework-employee-menu button {
	font-size: 4vw;
}

div#pageIndex section.homework div.frame > ul > li {
	position: relative;
	margin-bottom: 6vw;
}

div#pageIndex section.homework div.frame > ul > li:nth-child(n + 5) {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin-bottom: 0;
}

div#pageIndex section.homework div.frame > ul > li:nth-child(n + 5).is-display {
	-webkit-animation-name: is-display;
	        animation-name: is-display;
	-webkit-animation-duration: 0.8s;
	        animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

div#pageIndex section.homework div.frame > ul > li h3 {
	background: #38508f;
	color: #ffffff;
	border-radius: 10vw;
	padding: 1vw 2.3vw 1.5vw;
	display: inline-block;
	font-size: 3.74vw;
	position: absolute;
	top: -3vw;
	left: 1.5vw;
}

div#pageIndex section.homework div.frame > ul > li > ul {
	background: #ffffff;
	border: 1px solid #e0e3e4;
	border-radius: 10px;
	padding: 6vw 3.5vw 2vw 3.5vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 0 0;
}

div#pageIndex section.homework div.frame > ul > li > ul > li {
	margin: 0 0 3vw;
	width: 47.5%;
	display: table;
	font-size: 3.74vw;
}

div#pageIndex section.homework div.frame > ul > li > ul > li a {
	display: table-cell;
	border: 1px solid #cccccc;
	border-radius: 5px;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	padding: 3vw 0;
	background-size: 3.7vw 3.7vw !important;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.sansu1 a {
	background: url(../img/top/homework.flag.sansu1.svg) no-repeat 2vw 0;
	border-color: #45c0e3;
	color: #45c0e3;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.kokugo1 a {
	background: url(../img/top/homework.flag.kokugo1.svg) no-repeat 2vw 0;
	border-color: #ff9898;
	color: #ff9898;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.syakai1 a {
	background: url(../img/top/homework.flag.syakai1.svg) no-repeat 2vw 0;
	border-color: #6ab565;
	color: #6ab565;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.news a {
	background: #fef188 url(../img/top/homework.flag.news.svg) no-repeat 2vw 0;
	border-color: #b9b577;
	color: #878569;
	letter-spacing: -0.05vw;
	white-space: nowrap;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.sansu2 a {
	background: url(../img/top/homework.flag.sansu2.svg) no-repeat 2vw 0;
	border-color: #4593e3;
	color: #4593e3;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.kokugo2 a {
	background: url(../img/top/homework.flag.kokugo2.svg) no-repeat 2vw 0;
	border-color: #3ca154;
	color: #3ca154;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.syakai2 a {
	background: url(../img/top/homework.flag.syakai2.svg) no-repeat 2vw 0;
	border-color: #998979;
	color: #998979;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.eigo2 a {
	background: url(../img/top/homework.flag.eigo2.svg) no-repeat 2vw 0;
	border-color: #f9785a;
	color: #f9785a;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.rika1 a {
	background: url(../img/top/homework.flag.rika1.svg) no-repeat 2vw 0;
	border-color: #fbb74c;
	color: #fbb74c;
}

div#pageIndex section.homework div.frame > ul > li > ul > li.eigo1 a {
	background: url(../img/top/homework.flag.eigo1.svg) no-repeat 2vw 0;
	border-color: #a180b1;
	color: #a180b1;
}

div#pageIndex section.homework div.frame a.readMore {
	background: #ffffff url(../img/top/homework.toListIcon.svg) no-repeat 71vw center;
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 77.8vw;
	padding: 3.5vw 0;
	margin: 0 auto 5vw auto;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageIndex div.col2 section.study {
	flex: 1;
	margin-bottom: 9vw;
}

div#pageIndex div.col2 section.study h2 {
	background: url(../img/top/study.titleIcon.svg) no-repeat 1vw -0.7vw;
	background-size: 6vw 6vw;
	color: #38508f;
	height: 5vw;
	line-height: 4vw;
	font-size: 4.267vw;
	padding: 0 0 0 9vw;
	overflow: hidden;
	margin: 0 0 2vw;
}

div#pageIndex div.col2 section.study div.frame {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 5vw 4vw 6vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2vw;
}

div#pageIndex div.col2 section.study div.frame ul.eiken {
	display: block !important;
}

div#pageIndex div.col2 section.study div.frame ul.navi li {
	width: 48%;
}

div#pageIndex div.col2 section.study div.frame ul.navi li.eiken {
	width: 100%;
}

div#pageIndex div.col2 section.study div.frame ul.navi li a {
	background: #ffffff url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 100%;
	padding: 3.5vw 2vw 3.5vw 0;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageIndex div.col2 section.study div.frame ul.navi li.eiken a {
	background: #ffffff url(../img/top/study.naviIcon.svg) no-repeat 33vw;
	background-size: 2.35vw 2.35vw;
	background-position: right;
	display: block;
	width: 100%;
	padding: 3.5vw 2vw 3.5vw 0;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageIndex div.col2 section.score {
	margin-bottom: 9vw;
}

div#pageIndex div.col2 section.score h2 {
	background: url(../img/top/score.titleIcon.svg) no-repeat 1.8vw 0vw;
	background-size: 5vw 5vw;
	color: #a28234;
	height: 5vw;
	line-height: 4vw;
	font-size: 4.267vw;
	padding: 0 0 0 9vw;
	overflow: hidden;
	margin: 0 0 2.5vw;
}

div#pageIndex div.col2 section.score div.frame {
	border: 1px solid #e9dcb9;
	background: #f7f2e5;
	padding: 5.5vw 4vw;
}

div#pageIndex div.col2 section.score div.frame a.toResult {
	background: #a28234 url(../img/top/score.toResult.IconArrow.svg) no-repeat 73vw center;
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 100%;
	margin: 0 auto;
	border: 1px solid #c4b285;
	box-shadow: 0 3px 0 0 #c4b285;
	border-radius: 5px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	padding: 3.2vw 0;
}

div#pageIndex div.col2 section.score div.frame div.alert {
	margin-top: 3.5vw;
	color: #5d5959;
	font-size: 3.0vw;
}

div#pageIndex section.education {
	margin-bottom: 9vw;
}

div#pageIndex section.education h2 {
	background: url(../img/top/education.titleIcon.svg) no-repeat 1.3vw 0;
	background-size: 5.7vw 5.7vw;
	color: #20a072;
	height: 5.7vw;
	line-height: 5vw;
	font-size: 4.267vw;
	padding: 0 0 0 9vw;
	overflow: hidden;
	margin: 0 0 2.5vw;
}

div#pageIndex section.education ul {
	overflow: hidden;
	margin-bottom: 1vw;
}

div#pageIndex section.education ul li {
	margin: 0 0 10px;
	background: #ebf1ef;
	border: 1px solid #d9ebe5;
	border-radius: 10px;
	overflow: hidden;
	padding: 3.5vw;
}

div#pageIndex section.education ul li a {
	display: block;
	text-decoration: none;
	display: flex;
}

div#pageIndex section.education ul li a div.image {
	margin-right: 3vw;
	flex: 0 0 21.5vw;
}

div#pageIndex section.education ul li a div.image img {
	width: 100%;
	height: 100%;
	display: block;
	-o-object-fit: cover;
	   object-fit: cover;
	border-radius: 4px;
}

div#pageIndex section.education ul li a div.body div.info {
	margin: 0 0 1.3vw 0;
	min-height: 19px;
}

div#pageIndex section.education ul li a div.body div.info span.date {
	color: #000000;
	font-size: 3.74vw;
}

div#pageIndex section.education ul li a div.body div.info span.isNew {
	border: 1px solid #f24400;
	border-radius: 10vw;
	display: inline-block;
	font-size: 3.47vw;
	line-height: 4vw;
	padding: 0 2.4vw;
	color: #f24400;
	vertical-align: middle;
	background: #ffffff;
}

div#pageIndex section.education ul li a div.body div.category {
	margin-bottom: 1vw;
}

div#pageIndex section.education ul li a div.body div.category span {
	display: inline-block;
	margin: 0 0 0 0;
	background: #20a072;
	font-size: 3.47vw;
	padding: 0.5vw 2vw 1vw;
	border-radius: 10vw;
	color: #ffffff;
}

div#pageIndex section.education ul li a div.body p {
	color: #20a072;
	line-height: 5vw;
	font-size: 3.74vw;
	margin: 0 0 0;
}

div#pageIndex section.education a.toList {
	background: #ffffff url(../img/top/education.toListIcon.svg) no-repeat 81vw center;
	background-size: 2.4vw 2.4vw;
	display: block;
	width: 86vw;
	padding: 3.2vw 0;
	margin: 0 auto 6vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 1em;
	text-decoration: none;
	font-size: 3.74vw;
}

div#pageIndex section.exam {
	margin-bottom: 5vw;
}

div#pageIndex section.exam h2 {
	background: url(../img/top/exam.titleIcon.svg) no-repeat 2vw 0;
	background-size: 5.3vw 5.3vw;
	color: #2c7ac8;
	height: 5vw;
	line-height: 5vw;
	font-size: 4.267vw;
	padding: 0 0 0 9vw;
	overflow: hidden;
	margin: 0 0 3vw;
}

div#pageIndex section.exam ul {
	overflow: hidden;
}

div#pageIndex section.exam ul li {
	margin: 0 0 2vw;
	background: #f5f5f5;
	border: 1px solid #e7e5e5;
	border-radius: 10px;
	overflow: hidden;
	padding: 4vw 4vw 5vw 4vw;
}

div#pageIndex section.exam ul li p.category {
	display: block;
	margin: 0 0 2.5vw 0;
	font-size: 3.74vw;
	color: #2c7ac8;
	position: relative;
}

div#pageIndex section.exam ul li p.category span {
	display: inline-block;
	background: #f5f5f5;
	position: relative;
	z-index: 5;
	padding-right: 2vw;
	font-weight: bold;
}

div#pageIndex section.exam ul li p.category:after {
	content: "";
	display: block;
	border-bottom: 2px solid #2c7ac8;
	position: absolute;
	width: 100%;
	top: 1.7vw;
}

div#pageIndex section.exam ul li a.link {
	display: block;
	text-decoration: none;
}

div#pageIndex section.exam ul li a.link span.date {
	color: #000000;
	font-size: 3.74vw;
	line-height: 3.5vw;
}

div#pageIndex section.exam ul li a.link span.area {
	border-radius: 10vw;
	display: inline-block;
	font-size: 3.47vw;
	line-height: 3.5vw;
	padding: 0.5vw 2vw 1vw;
	color: #ffffff;
	background: #2c7ac8;
}

div#pageIndex section.exam ul li a.link p {
	color: #2c7ac8;
	line-height: 5vw;
	font-size: 3.74vw;
	margin: 2vw 0 3.5vw;
}

div#pageIndex section.exam ul li a.button {
	background: #ffffff url(../img/top/exam.toListIcon.svg) no-repeat 73vw center;
	background-size: 2.4vw 2.4vw;
	display: block;
	margin: 0 auto;
	border: 1px solid #bebebe;
	box-shadow: 0 3px 0 0 #bebebe;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	padding: 2.7vw 0;
}

div#pageIndex section.alumni {
	margin-bottom: 9vw;
}

div#pageIndex section.alumni h2 {
	background: url(../img/top/alumni.titleIcon.svg) no-repeat 1.3vw 0;
	background-size: 5.7vw 5.7vw;
	color: #ef7a00;
	height: 5.7vw;
	line-height: 5vw;
	font-size: 4.267vw;
	padding: 0 0 0 9vw;
	overflow: hidden;
	margin: 0 0 2.5vw;
}

div#pageIndex section.alumni ul {
	overflow: hidden;
	margin-bottom: 1vw;
}

div#pageIndex section.alumni ul li {
	margin: 0 0 10px;
	background: #fcf6f0;
	border: 1px solid #f8e9db;
	border-radius: 10px;
	overflow: hidden;
	padding: 3.5vw;
}

div#pageIndex section.alumni ul li a {
	display: block;
	text-decoration: none;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}

div#pageIndex section.alumni ul li a div.image {
	margin-right: 3vw;
	-webkit-box-flex: 0;
	-ms-flex: 0 0 21.5vw;
	    flex: 0 0 21.5vw;
}

div#pageIndex section.alumni ul li a div.image img {
	width: 100%;
	height: 100%;
	display: block;
	object-fit: cover;
	border-radius: 4px;
}

div#pageIndex section.alumni ul li a div.body p {
	color: #ef7a00;
	line-height: 5vw;
	font-size: 3.74vw;
	margin: 0 0 0;
}

div#pageIndex section.alumni ul li a div.body p span.role {
	font-size: 3.74vw;
}

div#pageIndex section.alumni a.toList {
	background: #ffffff url(../img/top/alumni.toListIcon.svg) no-repeat 81vw center;
	background-size: 2.4vw 2.4vw;
	display: block;
	width: 86vw;
	padding: 3.2vw 0;
	margin: 0 auto 6vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 1em;
	text-decoration: none;
	font-size: 3.74vw;
}

div#pageIndex section.footer ul li {
	padding: 3px 0 0;
}

div#pageIndex section.footer ul li a.button {
	background: #5870a7;
	background: linear-gradient(-45deg, #5870a7 0%, #22346f 30%);
	display: block;
	margin: 0 auto;
	border: 1px solid #bebebe;
	box-shadow: 0 3px 0 0 #bebebe;
	border-radius: 5px;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	padding: 5vw 0;
}

@-webkit-keyframes is-display {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	1% {
		opacity: 0;
		visibility: visible;
	}

	30% {
		opacity: 0;
		visibility: visible;
		height: 100%;
		margin-bottom: 40px;
	}

	100% {
		opacity: 1;
		visibility: visible;
		height: 100%;
		margin-bottom: 40px;
	}
}

@keyframes is-display {
	0% {
		opacity: 0;
		visibility: hidden;
	}

	1% {
		opacity: 0;
		visibility: visible;
	}

	30% {
		opacity: 0;
		visibility: visible;
		height: 100%;
		margin-bottom: 40px;
	}

	100% {
		opacity: 1;
		visibility: visible;
		height: 100%;
		margin-bottom: 40px;
	}
}

div#pageList section.list {
	position: relative;
}

div#pageList section.list h1 {
	font-size: 4.8vw;
	color: #38508f;
	height: 7vw;
	line-height: 6.5vw;
	padding: 0 0 0;
	overflow: hidden;
	margin: 0 5vw 7vw;
}

div#pageList section.list a.btnModalSearch {
	position: absolute;
	display: block;
	width: 32vw;
	height: 7vw;
	line-height: 6.5vw;
	border-radius: 5px;
	text-align: center;
	font-size: 3.47vw;
	top: 0;
	right: 0;
	border: 1px solid #d2d2d2;
	box-shadow: 0 3px 0 0 #d2d2d2;
	background: url(../img/list/list.modalSearch.btnIcon.svg) no-repeat 26vw center;
	background-size: 3.2vw 3.2vw;
	padding: 0 3vw 0 0;
	cursor: pointer;
	margin: 0 5vw 0;
}

div#pageList section.list > div.inner {
	background: #f6f5f1;
	padding: 1.2vw 1.2vw 5vw 1.2vw;
	margin: 0 5vw;
	margin-bottom: 12vw;
}

div#pageList section.list > div.inner ul.list {
	background: #ffffff;
	padding: 5vw;
	margin: 0 0vw 5vw 0;
}

div#pageList section.list > div.inner ul.list li a {
	display: block;
	text-decoration: none;
	color: #333333;
}

div#pageList section.list > div.inner ul.list li a p.status {
	margin-bottom: 3vw;
}

div#pageList section.list > div.inner ul.list li a p.status span.date {
	font-size: 3.74vw;
	line-height: 5vw;
	vertical-align: middle;
}

div#pageList section.list > div.inner ul.list li a p.status span.isNew {
	border: 1px solid #f24400;
	border-radius: 10vw;
	font-size: 3.47vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0.5vw 3vw;
	color: #f24400;
	vertical-align: middle;
	margin-right: 2vw;
}

div#pageList section.list > div.inner ul.list li a p.status span.isEmergency {
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 10vw;
	font-size: 3.47vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0.5vw 3vw;
	color: #ffffff;
	vertical-align: middle;
	margin-right: 2vw;
}

div#pageList section.list > div.inner ul.list li a p.status span.isOff {
	border: 1px solid #327bcc;
	border-radius: 10vw;
	font-size: 3.47vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0.5vw 3vw;
	color: #327bcc;
	vertical-align: middle;
}

div#pageList section.list > div.inner ul.list li a p.location {
	margin-bottom: 4vw;
	font-size: 3.47vw;
	line-height: 4vw;
	position: relative;
}

div#pageList section.list > div.inner ul.list li a p.location span.area {
	width: 15vw;
	text-align: center;
	color: #000000;
	border: 1px solid #000000;
	padding: 0.5vw 0;
	display: inline-block;
	position: absolute;
	line-height: 4vw;
}

div#pageList section.list > div.inner ul.list li a p.location span.division {
	padding: 0 4vw 0 18vw;
	border-right: 1px solid #000000;
	margin-right: 4vw;
	vertical-align: middle;
}

div#pageList section.list > div.inner ul.list li a p.location span.section {
	padding: 0 0;
	vertical-align: middle;
}

div#pageList section.list > div.inner ul.list li a p.title {
	font-size: 3.74vw;
	line-height: 5vw;
	padding-bottom: 4vw;
	margin-bottom: 4vw;
	border-bottom: 1px dotted #000000;
	color: #3c529b;
}

div#pageList section.list > div.inner ul.list li:last-child a p.title {
	margin-bottom: 0;
	border-bottom: none;
}

div#pageDetail article {
	overflow: hidden;
	margin: 0 5vw;
}

div#pageDetail article h1 {
	font-size: 4.8vw;
	color: #38508f;
	line-height: 5vw;
	padding: 0 0 0 0;
	overflow: hidden;
	margin: 0 0 5vw;
}

div#pageDetail article div.date {
	font-size: 3.74vw;
	line-height: 4vw;
	margin: 0 0vw 4vw;
}

div#pageDetail article div.date span {
	font-size: 3.47vw;
}

div#pageDetail article div.date span.isNew {
	border: 1px solid #f24400;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0 2vw;
	color: #f24400;
	vertical-align: middle;
	margin-left: 2vw;
}

div#pageDetail article div.date span.isEmergency {
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0 2vw;
	color: #ffffff;
	vertical-align: middle;
	margin-left: 2vw;
}

div#pageDetail article div.date span.isOff {
	border: 1px solid #327bcc;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0 2vw;
	color: #327bcc;
	vertical-align: middle;
	margin-left: 2vw;
}

div#pageDetail article ul.info {
	display: flex;
	margin: 0 0vw 4vw;
}

div#pageDetail article ul.info li {
	font-size: 3.47vw;
	line-height: 4vw;
	position: relative;
}

div#pageDetail article ul.info li.area {
	width: 14vw;
	text-align: center;
	color: #000000;
	border: 1px solid #000000;
	display: inline-block;
	position: absolute;
}

div#pageDetail article ul.info li.division {
	padding: 0 4vw 0 18vw;
	border-right: 1px solid #000000;
	margin-right: 4vw;
	vertical-align: middle;
}

div#pageDetail article ul.info li.section {
	vertical-align: middle;
}

div#pageDetail article ul.info li.date {
	flex: 1;
	text-align: right;
}

div#pageDetail article p {
	font-size: 3.74vw;
	line-height: 6vw;
	margin: 0 0 5vw;
}

div#pageDetail article h2 {
	font-size: 4.8vw;
	color: #38508f;
	line-height: 5vw;
	padding: 0 0 4vw 0;
	overflow: hidden;
	margin: 0 0 2vw;
	border-bottom: 2px solid #38508f;
}

div#pageDetail article h3 {
	font-size: 3.74vw;
	color: #38508f;
	position: relative;
	margin-bottom: 4vw;
}

div#pageDetail article h3 span {
	background: #ffffff;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-right: 2vw;
}

div#pageDetail article h3:after {
	content: "";
	border-bottom: 2px solid #38508f;
	display: block;
	position: absolute;
	width: 100%;
	top: 2vw;
	right: 0;
}

div#pageDetail article section {
	clear: both;
	overflow: hidden;
}

div#pageDetail article section img {
	width: 100%;
	margin-bottom: 6vw;
}

div#pageDetail div.btnList {
	margin: 0 5vw;
}

div#pageDetail div.btnList ul.col1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 4vw;
}

div#pageDetail div.btnList ul.col1 li {
	width: 100%;
	text-align: center;
	margin-bottom: 3vw;
}

div#pageDetail div.btnList ul.col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 4vw;
	margin-left: -3vw;
}

div#pageDetail div.btnList ul.col2 li {
	width: 50%;
	text-align: center;
	margin-bottom: 3vw;
	padding: 0 0 0 3vw;
}

div#pageDetail div.btnList a.pdf {
	font-size: 3.47vw;
	line-height: 5vw;
	display: block;
	border: 1px solid #d2d2d2;
	box-shadow: 0 3px 0 0 #d2d2d2;
	border-radius: 5px;
	color: #333333;
	background: #ffffff;
	display: flex;
	cursor: pointer;
	text-decoration: none;
}

div#pageDetail div.btnList a.pdf span {
	display: block;
	text-align: center;
	padding: 0 0vw 0 3vw;
	margin: auto;
	text-indent: -4.7vw;
}

div#pageDetail div.btnList a.pdf span:before {
	content: "";
	display: inline-block;
	background: url(../img/detail/button.icon.pdf.svg) no-repeat;
	background-size: 4vw 5vw;
	width: 4vw;
	height: 5vw;
	vertical-align: middle;
	margin-right: 2vw;
}

div#pageDetail div.btnList a.pdf.normal {
	padding: 2.5vw 2vw;
}

div#pageDetail div.btnList a.pdf.thick {
	min-height: 17vw;
	padding: 3vw 3vw;
}

div#pageDetail div.btnList a.pdf.long {
	padding: 2.5vw 3vw;
}

div#pageDetail div.btnList a.acceptReply , div#pageDetail div.btnList button.acceptReply {
	width: 100%;
	font-size: 3.74vw;
	line-height: 4vw;
	display: block;
	background: #29bd87 url(../img/detail/button.icon.acceptReply.svg) no-repeat 80vw center;
	background-size: 1.5vw auto;
	color: #ffffff;
	box-shadow: 0 0.8vw 0 0 #afd7c9;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	padding: 3.3vw 0;
}

div#pageListCloseSchool section.list h1 {
	font-size: 4.8vw;
	background-size: 5vw auto;
	color: #38508f;
	height: 7vw;
	line-height: 6.5vw;
	padding: 0 0 0 0vw;
	overflow: hidden;
	margin: 0 5vw 3vw;
}

div#pageListCloseSchool section.list > ul {
	padding: 1.2vw 0 5vw 0;
	margin: 0 5vw;
	margin-bottom: 12vw;
}

div#pageListCloseSchool section.list > ul > li {
	border-bottom: 1px dotted #333333;
	padding-bottom: 8vw;
	margin-bottom: 8vw;
}

div#pageListCloseSchool section.list > ul > li:last-child {
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

div#pageListCloseSchool section.list > ul > li div.info {
	display: flex;
	margin-bottom: 3vw;
}

div#pageListCloseSchool section.list > ul > li div.info span.date {
	font-size: 3.74vw;
	line-height: 4vw;
	vertical-align: middle;
}

div#pageListCloseSchool section.list > ul > li div.info span.isNew {
	font-size: 3.47vw;
	background: #ffffff;
	border: 1px solid #f24400;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0vw 2vw;
	color: #f24400;
	vertical-align: middle;
	margin-right: 10px;
}

div#pageListCloseSchool section.list > ul > li div.info span.isEmergency {
	font-size: 3.47vw;
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0vw 2vw;
	color: #ffffff;
	vertical-align: middle;
	margin-right: 10px;
}

div#pageListCloseSchool section.list > ul > li div.info span.isOff {
	font-size: 3.47vw;
	background: #ffffff;
	border: 1px solid #327bcc;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0vw 2vw;
	color: #327bcc;
	vertical-align: middle;
}

div#pageListCloseSchool section.list > ul > li table {
	width: 100%;
	margin-bottom: 5vw;
}

div#pageListCloseSchool section.list > ul > li table tr th {
	font-size: 3.74vw;
	background: #e6e4e4;
	border: 1px solid #d9d8d8;
	vertical-align: middle;
	width: 20vw;
	white-space: nowrap;
	text-align: center;
}

div#pageListCloseSchool section.list > ul > li table tr td {
	border: 1px solid #d9d8d8;
	vertical-align: middle;
	background: #ffffff;
	font-size: 3.74vw;
	padding: 3vw 3vw 2vw;
}

div#pageListCloseSchool section.list > ul > li table tr td ul {
	display: inline;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li {
	display: flex;
	margin-bottom: 1vw;
	align-items: flex-start;
	flex-wrap: wrap;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li span {
	font-size: 3.47vw;
	display: inline-block;
	margin-top: 1vw;
	margin-right: 2vw;
	line-height: 4vw;
	padding: 1px 2vw;
	border-radius: 5vw;
	white-space: nowrap;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li span.dayAll {
	background: #fd932b;
	color: #ffffff;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li span.dayPart {
	background: #1fc184;
	color: #ffffff;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li p {
	flex: 1;
	margin: 0;
	line-height: 6vw;
	word-break: break-all;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li p em {
	color: #f24400;
}

div#pageListCloseSchool section.list > ul > li div.location {
	display: flex;
	justify-content: space-between;
	margin-left: -4vw;
}

div#pageListCloseSchool section.list > ul > li div.location a {
	flex: 1;
	padding: 2.8vw 6vw 3vw;
	margin: 0 0 0vw 4vw;
	border: 1px solid #d2cfcf;
	box-shadow: 0 0.7vw 0 0 #d2cfcf;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 5vw;
	text-decoration: none;
	font-size: 3.74vw;
	position: relative;
	display: flex;
	align-items: center;
}

div#pageListCloseSchool section.list > ul > li div.location a:after {
	content: "";
	background: #ffffff url(../img/list-CloseSchool/list.toDetailIcon.svg) no-repeat;
	background-size: 100% auto;
	width: 1.5vw;
	height: 3vw;
	display: inline-block;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 3vw;
	margin: auto;
}

.modal-bg {
	opacity: 0;
	visibility: hidden;
	transition-duration: 0.4s;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	background: rgba(0, 0, 0, 0.75);
	z-index: 10;
}

.modal-inner {
	opacity: 0;
	-webkit-transform: translateY(25px);
	        transform: translateY(25px);
	visibility: hidden;
	transition-duration: 0.6s;
	position: fixed;
	margin: auto;
	top: 6vh;
	left: 0;
	right: 0;
	width: 90vw;
	max-height: 75vh;
	background: #ffffff;
	-webkit-overflow-scrolling: touch;
	z-index: 10;
	border-radius: 10px;
}

.modal.is-open .modal-bg , .modal.is-open .modal-inner {
	opacity: 1;
	visibility: visible;
}

.modal.is-open .modal-inner {
	-webkit-transform: translateY(0);
	        transform: translateY(0);
}

.pagetop {
	position: fixed;
	right: 3vw;
	bottom: 2vw;
	z-index: 9;
	opacity: 0;
	transition-duration: 0.2s;
	visibility: hidden;
}

.pagetop.is-open {
	visibility: visible;
	opacity: 1;
}

/* 190422追加 */
div#pageHelp section.list h1 {
	font-size: 4.8vw;
	color: #38508f;
	height: 7vw;
	line-height: 6.5vw;
	padding: 0 0 0;
	overflow: hidden;
	margin: 0 5vw 7vw;
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 700;
}

div#pageHelp section.list > div.inner {
	background: #ffffff;
	padding: 0 0 5vw 0;
	margin: 0 5vw;
	margin-bottom: 0;
	margin-bottom: 12vw;
}

div#pageHelp section.helpText {
	border: 1.4vw solid #f6f5f1;
	margin: 0 0 5vw;
	padding: 3.5vw 4.5vw 3vw;
}

div#pageHelp section.helpText h2 {
	line-height: 7vw;
	border-bottom: 2px solid #f6f5f1;
	padding: 0 0 2vw 0;
	font-weight: bold;
	font-size: 4.267vw;
	margin: 0 0 4vw;
}

div#pageHelp section.helpText ul {
	padding: 0 0 0 0;
	overflow: hidden;
}

div#pageHelp section.helpText ul li {
	font-size: 3.74vw;
	margin-bottom: 4vw;
}

div#pageHelp section.helpText ul li a {
	padding: 0 0 0 4vw;
	background: url(../img/top/contact.listIcon.svg) no-repeat 0 center;
	background-size: 2.05vw 2.05vw;
	color: #38508f;
	text-decoration: none;
	display: block;
}

/* 0422help2.html に適用*/
div#pageDetail div.btnList2 {
	margin: 0 5vw;
	margin-bottom: 5vw;
}

div#pageDetail div.btnList2 a.useful {
	background: #29bd87;
	color: #ffffff;
	box-shadow: 0 0.8vw 0 0 #afd7c9;
}

div#pageDetail div.btnList2 a.notUseful {
	background: #818181;
	color: #ffffff;
	box-shadow: 0 0.7vw 0 0 #d2d2d2;
}

#pageDetail div.btnList2 ul.navi {
	display: flex;
	justify-content: space-between;
	margin: 0 2.5vw 3vw 2.5vw;
}

#pageDetail div.btnList2 ul.navi li {
	width: 48%;
}

#pageDetail div.btnList2 ul.navi li:first-child {
	margin-right: 5vw;
}

#pageDetail div.btnList2 li a {
	display: block;
	width: 100%;
	padding: 3.5vw 2vw 3.5vw 2vw;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

/* 0422help2.html に適用　ここまで*/
/* password-*.html に適用予定　*/
div#pageConfig h1 , div#pageConfig section.configForm dl dt , div#pageConfig section.news h2 , div#pageConfig section.school h2 , div#pageConfig section.recommend h2 , div#pageConfig section.project h2 {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 700;
}

div#pageConfig h1 {
	font-size: 4.8vw;
	color: #38508f;
	height: 7vw;
	line-height: 6.5vw;
	overflow: hidden;
	margin: 0 5vw 3vw;
}

div#pageConfig section.configForm {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 1vw 5vw 6vw;
	margin: 0 5vw 8vw;
}

div#pageConfig section.configForm dl {
	margin: 0 0 5vw;
}

div#pageConfig section.configForm dl dt {
	font-size: 3.74vw;
	margin-top: 6vw;
	margin-bottom: 2vw;
}

div#pageConfig section.configForm dl dd {
	margin-bottom: 3vw;
}

div#pageConfig section.configForm dl dd input[type="text"] , div#pageConfig section.configForm dl dd input[type="password"] {
	width: 100%;
	border: 1px solid #cfcece;
	height: 10vw;
	font-size: 18px;
	padding: 0 0 0 3vw;
}

div#pageConfig section.configForm button.submit {
	background: #ffffff url(../img/top/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: auto;
	background-size: 2vw 2vw;
	display: block;
	width: 100%;
	line-height: 4vw;
	padding: 3vw 0;
	margin: 8vw auto 5vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageConfig section.configForm p.success {
	margin: 5vw 0;
	font-weight: bold;
	color: #3c529b;
}

div#pageConfig section.configForm dl {
	margin: 0 0 5vw;
}

div#pageConfig p {
	margin: 5vw;
	line-height: 1.7;
}

div#pageConfig p.configText {
	font-size: 3.5vw;
}

div#pageConfig section.configForm button.submit {
	background: #ffffff url(../img/top/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: 2vw 2vw;
	display: block;
	width: 100%;
	line-height: 4vw;
	padding: 3vw 0;
	margin: 8vw auto 5vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageConfig section.configForm dl dd input[type="text"]:disabled , div#pageConfig section.configForm dl dd input[type="password"]:disabled {
	background-color: #ededed;
}

div#pageConfig section.configForm button.submit:disabled {
	background-color: #ededed;
	cursor: auto;
}

div#pageConfig section.configForm p {
	margin: 5vw 0;
	font-weight: bold;
	text-align: center;
	font-size: 3.74vw;
}

div#pageConfig section.configForm p.error {
	color: #f67a49;
}

div#pageConfig section.configForm p.success {
	color: #3c529b;
}

/* password-*.html に適用予定　ここまで*/
/* information01*.html に適用予定　*/
div.info1 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	display: block;
	width: 14vw;
	height: 14vw;
	background: url(../img/common/pageTop.btn.svg) no-repeat;
	background-size: auto;
}

.info1 {
	position: fixed;
	right: 3vw;
	bottom: 2vw;
	z-index: 9;
	opacity: 0;
	transition-duration: 0.2s;
	visibility: hidden;
}

.info1.is-open {
	visibility: visible;
	opacity: 1;
}

/* information01*.html に適用予定　ここまで*/
/* information02*.html に適用予定　*/
.font-NotoSans_Medium , div#pageDetail article div.date span , div#pageDetail div.btnList a.acceptReply , div#pageDetail div.btnList button.acceptReply , div#info2 article div.date , div#info2 div.btnList button.acceptReply {
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 700;
}

div#info2 article {
	overflow: hidden;
	margin: 0 5vw;
}

div#info2 article h1 {
	font-size: 4.8vw;
	color: #38508f;
	line-height: 5vw;
	padding: 0 0 3vw 0;
	overflow: hidden;
	margin: 0 0 5vw;
	font-weight: 700;
}

div#info2 article div.date {
	font-size: 3.74vw;
	line-height: 4vw;
	margin: 0 0vw 4vw;
}

div#info2 article div.date span {
	font-size: 3.47vw;
}

div#info2 article div.date span.isNew {
	border: 1px solid #f24400;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0 2vw;
	color: #f24400;
	vertical-align: middle;
	margin-left: 2vw;
}

div#info2 article div.date span.isEmergency {
	border: 1px solid #f24400;
	background: #f24400;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0 2vw;
	color: #ffffff;
	vertical-align: middle;
	margin-left: 2vw;
}

div#info2 article div.date span.isOff {
	border: 1px solid #327bcc;
	border-radius: 5vw;
	display: inline-block;
	line-height: 4vw;
	padding: 0 2vw;
	color: #327bcc;
	vertical-align: middle;
	margin-left: 2vw;
}

div#info2 article ul.info {
	display: flex;
	margin: 0 0vw 4vw;
}

div#info2 article ul.info li {
	font-size: 3.47vw;
	line-height: 4vw;
	position: relative;
}

div#info2 article ul.info li.section {
	vertical-align: middle;
}

div#info2 article ul.info li.date {
	flex: 1;
	text-align: right;
}

div#info2 article p {
	font-size: 3.74vw;
	line-height: 6vw;
	margin: 0 0 5vw;
}

div#info2 article h2 {
	font-size: 4.8vw;
	color: #38508f;
	line-height: 5vw;
	padding: 0 0 4vw 0;
	overflow: hidden;
	margin: 0 0 2vw;
	font-weight: 700;
}

div#info2 article h3 span {
	background: #ffffff;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-right: 2vw;
}

div#info2 article h3:after {
	content: "";
	border-bottom: 2px solid #38508f;
	display: block;
	position: absolute;
	width: 100%;
	top: 2vw;
	right: 0;
}

div#info2 article section {
	clear: both;
	overflow: hidden;
}

div#info2 article section img {
	width: 100%;
	margin-bottom: 6vw;
}

div#info2 div.btnList {
	margin: 0 5vw;
}

div#info2 div.btnList ul.col1 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 4vw;
}

div#info2 div.btnList ul.col1 li {
	width: 100%;
	text-align: center;
	margin-bottom: 3vw;
}

div#info2 div.btnList ul.col2 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin-bottom: 4vw;
	margin-left: -3vw;
}

div#pageDetail div.btnList ul.col2 li {
	width: 50%;
	text-align: center;
	margin-bottom: 3vw;
	padding: 0 0 0 3vw;
}

div#info2 div.btnList a.pdf {
	font-size: 3.47vw;
	line-height: 5vw;
	display: block;
	border: 1px solid #d2d2d2;
	box-shadow: 0 3px 0 0 #d2d2d2;
	border-radius: 5px;
	color: #333333;
	background: #ffffff;
	display: flex;
	cursor: pointer;
	text-decoration: none;
}

div#info2 div.btnList a.pdf span {
	display: block;
	text-align: center;
	padding: 0 0vw 0 3vw;
	margin: auto;
	text-indent: -4.7vw;
}

div#info2 div.btnList a.pdf span:before {
	content: "";
	display: inline-block;
	background: url(../img/detail/button.icon.pdf.svg) no-repeat;
	background-size: 4vw 5vw;
	width: 4vw;
	height: 5vw;
	vertical-align: middle;
	margin-right: 2vw;
}

div#info2 div.btnList a.pdf.normal {
	padding: 2.5vw 2vw;
}

div#info2 div.btnList a.pdf.thick {
	min-height: 17vw;
	padding: 3vw 3vw;
}

div#info2 div.btnList a.pdf.long {
	padding: 2.5vw 3vw;
}

div#info2 div.btnList a.acceptReply , div#info2 div.btnList button.acceptReply {
	width: 100%;
	font-size: 3.74vw;
	line-height: 4vw;
	display: block;
	background: #29bd87 url(../img/detail/button.icon.acceptReply.svg) no-repeat 80vw center;
	background-size: 1.5vw auto;
	color: #ffffff;
	box-shadow: 0 0.8vw 0 0 #afd7c9;
	border-radius: 5px;
	border: none;
	cursor: pointer;
	text-decoration: none;
	padding: 3.3vw 0;
}

/* information02*.html に適用予定　ここまで*/
/* seminar.html に適用予定*/
#seminar div.tab {
	margin: 0 5vw;
}

#seminar div.tab ul {
	display: flex;
	align-items: flex-end;
	cursor: pointer;
}

#seminar div.tab ul li {
	background-color: #959595;
	border-bottom: 1vw solid #818ba5;
	padding-bottom: 3vw;
	padding-top: 3vw;
	width: 50%;
	text-align: center;
	border-right: 1px solid #ffffff;
}

#seminar div.tab ul li:last-child {
	border-right-width: 0;
}

#seminar div.tab ul li::after {
	content: "";
	display: block;
	border-right: 1px solid #ffffff;
	height: 100%;
	width: 1px;
	position: absolute;
	right: 0;
	top: 0;
}

#seminar div.tab ul li.open::after , #seminar div.tab ul li:last-child::after {
	content: "";
	display: none;
}

#seminar div.tab ul li a {
	display: block;
	color: #ffffff;
	width: 100%;
	text-decoration: none;
	font-size: 3.5vw;
}

#seminar div.tab ul li.open {
	background-color: #38508f;
	padding-top: 5vw;
}

#seminar div.tab ul li.open a {
	pointer-events: none;
}

#seminar section.list {
	padding: 5vw 0;
	margin: 0 5vw;
	display: none;
}

#seminar section.list.open {
	display: block;
}

#seminar section.list > article {
	background-color: #f5f5f5;
	border: 1px solid #e7e5e5;
	padding: 6vw 5vw;
	margin-bottom: 8vw;
}

#seminar section.list > h3 {
	font-size: 4.267vw;
	font-family: "Noto Sans CJK JP", sans-serif;
	font-weight: 700;
	color: #38508f;
	margin: 3vw 0 2vw 1vw;
	margin-bottom: 2vw;
}

#seminar section.list > article h4 {
	position: relative;
	color: #38508f;
	margin-left: 1.5em;
	top: -1em;
	font-size: 3.74vw;
}

#seminar section.list > article h4::before {
	content: "";
	display: block;
	width: 1em;
	height: 1em;
	background-color: #38508f;
	position: relative;
	left: -1.5em;
	top: 1em;
	border-radius: 1px;
}

#seminar section.list > article .useText {
	margin: 0 0 3vw 0;
}

#seminar section.list div.btnArea {
	display: flex;
}

#seminar section.list div.btnArea a {
	display: block;
	width: 100%;
	padding: 2.5vw 2vw 2.5vw 0;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	color: #ffffff;
	cursor: pointer;
}

#seminar section.list div.col2 a:first-child {
	margin-right: 10vw;
}

#seminar section.list div.btnArea a.attendMain {
	background-color: #eb6100;
	border: 1px solid #f29b76;
	box-shadow: 0 0.7vw 0 0 #f29b76;
}

#seminar section.list div.btnArea a.attendTrial {
	background-color: #20a072;
	border: 1px solid #83dbbe;
	box-shadow: 0 0.6vw 0 0 #83dbbe;
}

#seminar section.list > article p {
	margin: 3vw 0;
	font-size: 12px;
}

#seminar section.list > article > div {
	border-bottom: 1px dotted #222222;
	margin-bottom: 7vw;
}

#seminar section.list > article > div:last-child {
	border-bottom: none;
	margin-bottom: 0;
}

/* seminar.html に適用予定 ここまで*/
/* 0424追加 兄弟申し込みページ */
div#sibilingSetting h1 {
	color: #38508f;
	line-height: 5.5vw;
	font-size: 4.8vw;
	font-weight: 700;
	overflow: hidden;
	margin: 0 5vw 3vw;
}

div#sibilingSetting p.detail {
	margin: 5vw;
	font-size: 3.5vw;
	line-height: 6vw;
}

div#sibilingSetting section.childrenList , div#sibilingSetting section.addChild {
	margin: 0 5vw 5vw;
}

div#sibilingSetting section.childrenList h2 , div#sibilingSetting section.addChild h2 {
	font-weight: bold;
	font-size: 4.267vw;
	margin-bottom: 2vw;
}

div#sibilingSetting section.childrenList table {
	width: 100%;
	border: 1px solid #d9d8d8;
}

div#sibilingSetting section.childrenList table th {
	background-color: #e6e4e4;
	border: 1px solid #d9d8d8;
	padding: 6vw 0;
}

div#sibilingSetting section.childrenList table th:last-child , div#sibilingSetting section.childrenList table td:last-child {
	min-width: 20vw;
}

div#sibilingSetting section.childrenList table td {
	border: 1px solid #d9d8d8;
	vertical-align: middle;
	text-align: center;
	padding: 6vw 0;
}

div#sibilingSetting section.childrenList table span > a {
	color: #ffffff;
	background-color: #f24400;
	padding: 1vw 5vw;
	border-radius: 10px;
	text-decoration: none;
}

div#sibilingSetting section.addChild {
	padding: 6vw 3vw;
	background-color: #f1f4f6;
	border: 1px solid #e0e3e4;
}

div#sibilingSetting section.addChild {
	margin: 0 5vw 5vw;
}

div#sibilingSetting section.addChild dt {
	font-size: 3.74vw;
	font-weight: bold;
	margin-top: 6vw;
	margin-bottom: 2vw;
}

div#sibilingSetting section.addChild dd {
	margin-bottom: 3vw;
}

div#sibilingSetting section.addChild dd input[type=text] , div#sibilingSetting section.addChild dd input[type=password] {
	width: 100%;
	border: 1px solid #cfcece;
	height: 10vw;
	font-size: 18px;
	padding: 0 0 0 3vw;
}

div#sibilingSetting section.addChild button.addBtn {
	background: #ffffff url(../img/top/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: 2vw 2vw;
	display: block;
	width: 100%;
	line-height: 4vw;
	padding: 3vw 0;
	margin: 8vw auto 5vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#sibilingSetting section.addChild p.error , div#sibilingSetting section.addChild p.success {
	margin: 5vw 0;
	font-weight: bold;
	text-align: center;
	font-size: 3.74vw;
}

div#sibilingSetting section.addChild p.success {
	color: #3c529b;
}

div#sibilingSetting section.addChild p.error {
	color: #f67a49;
}

/* 未使用
.confirm .modal-inner {
  width: 250px;
  height: 100px;
  padding: 15px;
  text-align: center;
  background-color: #e6e5e1;
  border-radius: 0;
  top: 45%;
}

.confirm .modal-inner p {
  font-size: 14px;
}

.confirm .modal-inner .btnArea {
  margin-top: 25px;
  display: flex;
  justify-content: space-around;
}

.confirm .modal-inner .btnArea button {
  width: 80px;
  height: 30px;
  padding: 5px 10px;
  border: 1px solid #d2d2d2;
  background-color: #fff;
}
*/

section.modal.confirm div.modal-inner {
	height: 20vh;
}

section.modal.confirm div.modal-inner div.body {
	padding: 6vw 4vw 0;
}

section.modal.confirm div.modal-inner div.footer {
	width: 100%;
	background: #385090;
	position: absolute;
	bottom: 0;
	padding: 3vw 0 3vw;
	border-radius: 0 0 8px 8px;
	overflow: hidden;
}

section.modal.confirm div.modal-inner div.footer button {
	font-size: 3.74vw;
	display: block;
	width: 30vw;
	height: 10.5vw;
	margin: 0;
	padding: 0;
	border: 1px solid #d2d2d2;
	color: #555555;
	border-radius: 4px;
	box-shadow: 0 0.7vw 0 0 #30447a;
	background-size: 4.5vw 4.5vw;
	background-color: #ffffff;
	cursor: pointer;
}

section.modal.confirm div.modal-inner div.footer button.modal-btn-yes {
	float: left;
	margin-left: 7vw;
}

section.modal.confirm div.modal-inner div.footer button.modal-btn-no {
	float: right;
	margin-right: 7vw;
}

div#pageError section {
	overflow: hidden;
	margin: 0 5vw;
	min-height: 70vw;
}

div#pageError section h1 {
	font-size: 4.8vw;
	color: #38508f;
	line-height: 5vw;
	overflow: hidden;
	margin: 0 0 5vw;
	font-weight: 700;
}

div#pageError p {
	margin: 5vw 0;
	line-height: 1.7;
}

/* 0424追加 ここまで*/
/* 微調節 */
div.breadcrumb ul {
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

div#spMenu div#content div.inner div.memberMenu.memberMenuLogin {
	padding-top: 0;
}

div#spMenu div#content div.inner div.link1 ul li.b4 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #ededda url(../../sp/img/common/link.b4.svg) no-repeat center top;
	background-size: 100% auto;
	background-position: 0;
}

div#spMenu div#content div.inner div.link1 ul li.b4.junior a {
	background-image: url(../../sp/img/common/link.b4.junior.svg);
}

div#spMenu div#content div.inner div.link1 ul li.b4.high a {
	background-image: url(../../sp/img/common/link.b4.high.svg);
}

div#pageLogin section.loginForm button.login {
	width: 77vw;
}

div#pageLogin section.news {
	margin: 0 0 8vw;
}

div#pageLogin section.news div.frame {
	border: 1.2vw solid #f6f5f1;
	padding: 0;
}

div#pageLogin section.news div.frame ul {
	background: #ffffff;
	padding: 1vw 3.47vw;
	margin: 0;
}

div#pageLogin section.news div.frame a.toList {
	background-size: 2.35vw 2.35vw;
	background-position: 69vw;
	width: 77vw;
	padding: 3.2vw 0;
	line-height: 1em;
	margin: 0 auto 6vw;
}

div.page > div.inner {
	padding: 0 5vw;
}

div#pageIndex article.alert {
	padding: 0.6vw 3.47vw 0.8vw;
}

div#pageIndex article.alert ul li {
	padding: 0;
}

div#pageIndex article.alert ul li a {
	padding: 2.8vw 0 2.8vw 6.6vw;
	position: initial;
}

div#pageList section.list > div.inner ul.list {
	padding: 1vw 3.47vw;
}

div#pageList section.list > div.inner ul.list li {
	border-bottom: 1px dotted #646c69;
}

div#pageList section.list > div.inner ul.list li:last-child {
	border-bottom: 0;
}

div#pageList section.list > div.inner ul.list li a p.title {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}

div#pageList section.list > div.inner ul.list li a {
	padding: 3.6vw 0;
}

div#pageIndex section.news div.frame ul li a span.isNew , div#pageIndex section.news div.frame ul li a span.isEmergency , div#pageIndex section.news div.frame ul li a span.isOff {
	padding: 0.5vw 3vw;
}

div#pageIndex section.news div.frame a.toList {
	background-size: 2.35vw 2.35vw;
	background-position: 69vw;
}

div#pageIndex article.alert ul li.normal , div#pageIndex article.alert ul li.emergency {
	background-position: 0 3.2vw;
}

div#pageIndex section.homework div.frame > ul > li:nth-child(n + 4) {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin-bottom: 0;
}

div#pageIndex section.homework div.frame > ul > li:nth-child(n + 4).is-display {
	-webkit-animation-name: is-display;
	        animation-name: is-display;
	-webkit-animation-duration: 0.8s;
	        animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

div#pageIndex section.education a.toList {
	background-position: 77vw;
}

div#pageIndex section.exam {
	margin-bottom: 9vw;
}

div#pageIndex section.exam ul li a.button {
	box-shadow: 0 0.7vw 0 0 #bebebe;
	padding: 3.2vw 0;
}

div#pageIndex div.col2 section.study div.frame {
	padding: 5.5vw 4vw;
}

div#pageIndex div.col2 section.score div.frame a.toResult {
	box-shadow: 0 0.7vw 0 0 #c4b285;
}

div#pageIndex div.col2 section.study div.frame ul.navi li:only-child {
	width: 100%;
}

div#pageIndex div.col2 section.study div.frame ul.navi li:only-child a {
	background: #ffffff url(../img/top/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: 2.35vw 2.35vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi li:first-child:nth-last-child(2) , div#pageIndex div.col2 section.study div.frame ul.navi li:first-child:nth-last-child(2) ~ li {
	width: 48%;
}

div#pageIndex div.col2 section.study div.frame ul.navi li.eiken:first-child:nth-last-child(2) , div#pageIndex div.col2 section.study div.frame ul.navi li:first-child:nth-last-child(2) ~ li.eiken {
	width: 100%;
}

div#pageList section.list a.btnModalSearch {
	box-shadow: 0 0.7vw 0 0 #d2d2d2;
}

section.modal.newsSearch div.modal-inner form div.footer button {
	box-shadow: 0 0.7vw 0 0 #30447a;
}

div#pageList section.list > div.inner ul.list li a p.location span.area {
	position: initial;
	margin-right: 1vw;
	width: auto;
	min-width: 15vw;
}

div#pageList section.list > div.inner ul.list li a p.location span.division {
	padding: 0 2.5vw;
	vertical-align: baseline;
	margin-right: 0;
}

div#pageList section.list > div.inner ul.list li a p.location span.section {
	padding: 0 0 0 2.5vw;
	vertical-align: baseline;
}

div#pageListCloseSchool section.list > ul > li table tr td ul li span.school_name {
	font-size: 100%;
	margin: 0;
	padding: 0;
	line-height: 6vw;
}

div#pageDetail article ul.info li.area {
	position: initial;
	margin-right: 5px;
	padding: 2px 5px;
	width: auto;
	min-width: 15vw;
}

div#pageDetail article ul.info li.division {
	padding: 0.7vw 2.5vw 0 0.7vw;
	margin-right: initial;
}

div#pageDetail article ul.info li.section {
	padding: 0.7vw 0 0 2.5vw;
}

div#pageDetail div.btnList a.pdf {
	box-shadow: 0 0.7vw 0 0 #d2d2d2;
	line-height: 1em;
}

div#pageIndex article.alert ul li a {
	display: block;
}

div#pageIndex h2 {
	font-size: 4.8vw !important;
}

section.modal.newsSearch div.modal-inner form {
	padding-bottom: 0;
}

section.modal.newsSearch div.modal-inner form div.body {
	max-height: initial;
	padding: 6vw 4vw 0;
	height: calc(75vh - 20vw);
}

section.modal.newsSearch div.modal-inner form div.body .form {
	padding-bottom: 5px;
}

section.modal.newsSearch div.modal-inner form div.body div.inner {
	margin-bottom: 0;
	padding: 5vw 4vw;
}

section.modal.newsSearch div.modal-inner {
	height: 75vh;
}

/* 微調節 ここまで */
/* 190704 追加 */
#alert-sample {
	margin: 5vw;
	font-size: 3.5vw;
	line-height: 6vw;
	padding: 3vw;
	color: #8f3838;
	background-color: #f6f1f1;
	border: 1px solid #e0e3e4;
}

/* 190704 追加 ここまで */
/* 190716 追加 */
#directline h1 {
/*
	font-size: 6vw;
	margin: 0 5vw 3.33333vw 5vw;
*/
	color: #38508f;
	line-height: 5.5vw;
	font-size: 4.8vw;
	font-weight: 700;
	overflow: hidden;
	margin: 0 5vw 3vw;
}

/*
#directline h1::before {
	content: "";
	background-image: url(../img/config/directline/wdl_logo.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4vw;
	background-size: contain;
	width: 9.33333vw;
	height: 9.33333vw;
}

#directline h1.child {
	font-size: 3vw;
}

#directline h1.child::before {
	content: "";
	background-image: url(../img/config/directline/wdl_logo.svg);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 2vw;
	background-size: contain;
	width: 6.66667vw;
	height: 6.66667vw;
}
*/

#directline section.directline__detail {
	margin: 0 5vw;
}

#directline section.directline__detail a {
	color: #0080cc;
	text-decoration: underline;
}

#directline section.directline__detail a:visited , #directline section.directline__detail a:active , #directline section.directline__detail a:link {
	color: #0080cc;
}

#directline section.directline__detail h2 {
	font-size: 3.46667vw;
	margin-bottom: 4.66667vw;
}

#directline section.directline__detail dl {
	display: flex;
	flex-direction: column;
}

#directline section.directline__detail dl > div {
	width: 100%;
	box-sizing: border-box;
	border: 2px solid #0080cc;
	margin-bottom: 3.2vw;
	border-radius: 1.33333vw;
}

#directline section.directline__detail dl dt {
	box-sizing: border-box;
	background-color: #0080cc;
	color: #ffffff;
	padding: 2.66667vw;
	font-size: 4.26667vw;
	font-weight: bold;
}

#directline section.directline__detail dl dt span {
	font-size: 2.66667vw;
	font-weight: normal;
	margin-left: 1em;
}

#directline section.directline__detail dl dd {
	box-sizing: border-box;
	padding: 2.66667vw;
	font-size: 3.2vw;
	line-height: 1.4;
}

#directline section.directline__detail dl > div.emarge {
	background-color: #fdfad5;
	border: 2px solid #ffd25a;
}

#directline section.directline__detail dl > div.emarge dt {
	color: #ff0000;
	background-color: #ffea5a;
	border-radius: 1.33333vw 1.33333vw 0 0;
}

#directline section.directline__detail p {
	margin-top: 2.66667vw;
	font-size: 3.2vw;
	padding: 2.66667vw 0;
	line-height: 1.4;
}

#directline section.directline__detail p a {
	color: #0080cc;
	text-decoration: underline;
}

#directline section.directline__detail p a:visited , #directline section.directline__detail p a:active , #directline section.directline__detail p a:link {
	color: #0080cc;
}

#directline section.directline__detail p.small {
	background-color: initial;
	margin-top: 1.33333vw;
	font-size: 2.66667vw;
	padding: 0 0 2.66667vw 0;
	margin-bottom: 10vw;
}

#directline ul.directline__btnArea {
	display: block;
	margin: 0 5vw 8vw 5vw;
	background-color: #f1f4f6;
	border: 1px solid #e0e3e4;
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
	padding: 2.66667vw 0;
}

#directline ul.directline__btnArea li {
	box-sizing: border-box;
	width: 39.33333vw;
	height: 39.33333vw;
	margin: 0 2.66667vw;
	background-color: #ffffff;
	border: 1px solid #0080cc;
	border-radius: 1.33333vw;
	margin-bottom: 4.66667vw;
	box-shadow: 0 1.33333vw 0 0 #52a4d6;
}

#directline ul.directline__btnArea li a {
	color: #0080cc;
	text-decoration: underline;
}

#directline ul.directline__btnArea li a:visited , #directline ul.directline__btnArea li a:active , #directline ul.directline__btnArea li a:link {
	color: #0080cc;
}

#directline ul.directline__btnArea li a {
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
}

#directline ul.directline__btnArea li a div.directline__setup--btn , #directline ul.directline__btnArea li a div.directline__setting--btn , #directline ul.directline__btnArea li a div.directline__check--btn , #directline ul.directline__btnArea li a div.directline__nanaco--btn , #directline ul.directline__btnArea li a div.directline__result--btn {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 11.33333vw;
	display: flex;
	justify-content: center;
	align-items: center;
}

#directline ul.directline__btnArea li a div.directline__setup--btn p , #directline ul.directline__btnArea li a div.directline__setting--btn p , #directline ul.directline__btnArea li a div.directline__check--btn p , #directline ul.directline__btnArea li a div.directline__nanaco--btn p , #directline ul.directline__btnArea li a div.directline__result--btn p {
	text-align: center;
	font-size: 3.73333vw;
	font-weight: bold;
}

#directline ul.directline__btnArea li a div.directline__setup--btn::before , #directline ul.directline__btnArea li a div.directline__setting--btn::before , #directline ul.directline__btnArea li a div.directline__check--btn::before , #directline ul.directline__btnArea li a div.directline__nanaco--btn::before , #directline ul.directline__btnArea li a div.directline__result--btn::before {
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	position: absolute;
	z-index: 2;
}

#directline ul.directline__btnArea li a div.directline__setup--btn::after , #directline ul.directline__btnArea li a div.directline__setting--btn::after , #directline ul.directline__btnArea li a div.directline__check--btn::after , #directline ul.directline__btnArea li a div.directline__nanaco--btn::after , #directline ul.directline__btnArea li a div.directline__result--btn::after {
	position: absolute;
	display: block;
	content: "";
	top: -25vw;
	width: 26vw;
	height: 26vw;
	background-color: #0080cc;
	border-radius: 50%;
	z-index: 1;
}

#directline ul.directline__btnArea li a div.directline__setup--btn::before {
	content: "";
	background-image: url(../img/config/directline/wdl_mailregist.png);
	width: 17vw;
	height: 17vw;
	top: -18vw;
}

#directline ul.directline__btnArea li a div.directline__setting--btn::before {
	content: "";
	background-image: url(../img/config/directline/wdl_mailcheck.png);
	width: 18vw;
	height: 18vw;
	top: -22vw;
	left: 12.5vw;
}

#directline ul.directline__btnArea li a div.directline__check--btn::before {
	content: "";
	background-image: url(../img/config/directline/wdl_mailconfirm.png);
	width: 17vw;
	height: 17vw;
	top: -22vw;
	left: 11.5vw;
}

#directline ul.directline__btnArea li a div.directline__nanaco--btn::before {
	content: "";
	background-image: url(../img/config/directline/wdl_nanaco.png);
	width: 15vw;
	height: 15vw;
	top: -18vw;
}

#directline ul.directline__btnArea li a div.directline__result--btn::before {
	content: "";
	background-image: url(../img/config/directline/wdl_result.png);
	width: 17vw;
	height: 17vw;
	top: -19vw;
}

#directline section.directline__setup {
	margin: 0 5vw;
}

#directline section.directline__setup h2 {
	color: #0080cc;
	font-size: 4.53333vw;
	font-weight: bold;
	margin-bottom: 5.33333vw;
}

#directline section.directline__check {
	margin: 0 5vw;
}

#directline section.directline__check h2 {
	color: #0080cc;
	font-size: 4.53333vw;
	font-weight: bold;
	margin-bottom: 2.66667vw;
}

#directline section.directline__check .directline__beforeRegist {
	background-color: #fff4f9;
	border: 1px solid #e0e3e4;
	padding: 2.66667vw;
	margin-bottom: 11.33333vw;
	position: relative;
}

#directline section.directline__check .directline__beforeRegist::after {
	display: block;
	content: "";
	background-image: url(../img/config/directline/wdl_bottomarrow.png);
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	width: 7.5vw;
	height: 7.5vw;
	bottom: -10vw;
	left: 41.5vw;
}

#directline section.directline__check .directline__beforeRegist h3 {
	font-size: 3.73333vw;
	margin-bottom: 2.66667vw;
	margin-left: 6vw;
	position: relative;
}

#directline section.directline__check .directline__beforeRegist h3::before {
	content: "";
	background-image: url(../img/card/nanaco_icon3.png);
	background-size: 3.73333vw;
	background-repeat: no-repeat;
	display: block;
	width: 3.73333vw;
	height: 3.73333vw;
	position: absolute;
	left: -6vw;
}

#directline section.directline__check .directline__beforeRegist div p {
	font-size: 2.93333vw;
	line-height: 1.5;
	margin-bottom: 3.06667vw;
}

#directline section.directline__check .directline__beforeRegist div p span:first-child {
	color: #ff0000;
}

#directline section.directline__check .directline__beforeRegist div p span:last-child {
	font-size: 2.8vw;
}

#directline section.directline__check .directline__beforeRegist dl {
	display: flex;
	font-size: 3.33333vw;
	margin-bottom: 3.06667vw;
}

#directline section.directline__check .directline__beforeRegist dl dd {
	margin-left: 3.06667vw;
}

#directline section.directline__check .directline__beforeRegist dl:last-child {
	margin-top: 2.66667vw;
	flex-direction: column;
}

#directline section.directline__check .directline__beforeRegist dl:last-child dt {
	margin-bottom: 2.66667vw;
}

#directline section.directline__check .directline__beforeRegist dl:last-child dt span {
	color: #797979;
	margin-left: 3.06667vw;
}

#directline section.directline__check .directline__beforeRegist dl:last-child ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 2.66667vw;
}

#directline section.directline__check .directline__beforeRegist dl:last-child ul li {
	font-size: 4vw;
}

#directline section.directline__check .directline__beforeRegist dl:last-child ul li a {
	color: #0080cc;
	text-decoration: underline;
}

#directline section.directline__check .directline__beforeRegist dl:last-child ul li a:visited , #directline section.directline__check .directline__beforeRegist dl:last-child ul li a:active , #directline section.directline__check .directline__beforeRegist dl:last-child ul li a:link {
	color: #0080cc;
}

#directline section.directline__check .directline__beforeRegist dl:last-child p {
	font-size: 2.66667vw;
}

#directline section.directline__check > p {
	font-size: 3.2vw;
	margin-bottom: 4vw;
}

#directline section.directline__check .directline__checkRemark {
	margin-bottom: 2.66667vw;
}

#directline section.directline__check .directline__checkRemark p {
	font-size: 2.66667vw;
	line-height: 1.3;
	margin-bottom: 1.33333vw;
}

#directline div.directline__formArea {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 1vw 5vw 1vw;
	margin: 0 0 8vw;
}

#directline div.directline__formArea a {
	color: #0080cc;
	text-decoration: underline;
}

#directline div.directline__formArea a:visited , #directline div.directline__formArea a:active , #directline div.directline__formArea a:link {
	color: #0080cc;
}

#directline div.directline__formArea dl {
	margin: 0 0 5vw;
}

#directline div.directline__formArea dl dt {
	font-size: 3.74vw;
	margin-top: 6vw;
	margin-bottom: 2vw;
}

#directline div.directline__formArea dl dd {
	margin-bottom: 3vw;
}

#directline div.directline__formArea dl dd input[type=text] , #directline div.directline__formArea dl dd input[type=password] {
	width: 100%;
	border: 1px solid #cfcece;
	height: 10vw;
	font-size: 18px;
	padding: 0 0 0 3vw;
}

#directline div.directline__formArea dl dd.showPW {
	font-size: 3.74vw;
}

#directline div.directline__formArea p.success {
	color: #38508f;
	font-size: 3.74vw;
	text-align: center;
	margin-bottom: 4vw;
}

#directline div.directline__formArea p.error {
	color: #f24400;
	font-size: 3.74vw;
	text-align: center;
	margin-bottom: 4vw;
}

#directline div.directline__formArea button {
	background: #ffffff url(../img/login/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: 2vw 2vw;
	display: block;
	width: 100%;
	margin: 8vw auto 5vw;
	padding: 3vw 0;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 0.66667vw;
	color: #5d5959;
	text-align: center;
	line-height: 4vw;
	text-decoration: none;
	font-size: 3.74vw;
}

#directline div.directline__formArea p.directline__mail {
	font-size: 3.74vw;
	text-align: center;
	margin-bottom: 8vw;
}

#directline div.directline__formArea p.directline__mail::before {
	content: "";
	background-image: url(../img/config/directline/wdl_mailicon.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	width: 5vw;
	height: 5vw;
	margin-right: 2.66667vw;
}

#directline p.directline__whats {
	font-size: 3.74vw;
	text-align: center;
	margin-bottom: 6.66667vw;
}

#directline p.directline__whats a {
	color: #0080cc;
	text-decoration: underline;
}

#directline p.directline__whats a:visited , #directline p.directline__whats a:active , #directline p.directline__whats a:link {
	color: #0080cc;
}

#directline div.directline__attention {
	font-size: 3.74vw;
	text-align: center;
	background-color: #fffdeb;
	padding: 5.33333vw 0;
	margin-bottom: 6.66667vw;
}

#directline div.directline__attention a {
	color: #0080cc;
	text-decoration: underline;
}

#directline div.directline__attention a:visited , #directline div.directline__attention a:active , #directline div.directline__attention a:link {
	color: #0080cc;
}

#directline .directline__add {
	margin: 0 5vw;
}

#directline .directline__add a {
	color: #0080cc;
	text-decoration: underline;
}

#directline .directline__add a:visited , #directline .directline__add a:active , #directline .directline__add a:link {
	color: #0080cc;
}

#directline .directline__add h2 {
	font-size: 4.53333vw;
	color: #0080cc;
	margin-bottom: 5.33333vw;
}

#directline .directline__add h3 {
	font-size: 4.53333vw;
	margin-bottom: 5.33333vw;
}

#directline .directline__add div.directline__tosetup {
	margin-bottom: 10.66667vw;
}

#directline .directline__add div.directline__tosetup p {
	font-size: 3.2vw;
	margin-left: 4vw;
}

#directline .directline__add div.directline__stop {
	padding: 3.33333vw 2.66667vw;
	border: 1px solid #d2d2d2;
	margin-bottom: 4.66667vw;
}

#directline .directline__add div.directline__stop > p:first-child {
	max-width: 23vw;
	width: -webkit-fit-content;
	width:    -moz-fit-content;
	width:         fit-content;
	font-size: 3.2vw;
	color: #ff0000;
	border: 1px solid #ff0000;
	padding: 1.73333vw 2.4vw;
}

#directline .directline__add div.directline__stop > ul > li {
	display: flex;
	flex-direction: column;
	border-bottom: 1px dotted #333333;
	padding: 4.66667vw 0;
}

#directline .directline__add div.directline__stop > ul > li address {
	font-size: 3.2vw;
	margin-bottom: 5.33333vw;
}

#directline .directline__add div.directline__stop > ul > li:last-child {
	border-bottom: 0;
}

#directline .directline__add div.directline__stop div:last-child {
	background-color: #f5f5f5;
	padding: 3.33333vw 2.66667vw;
}

#directline .directline__add div.directline__stop div:last-child p:first-child {
	color: #ff0000;
	font-size: 3.2vw;
	margin-bottom: 5.33333vw;
}

#directline .directline__add div.directline__stop div:last-child p:last-child {
	font-size: 3.2vw;
	line-height: 1.8;
}

#directline .directline__add div.directline__stop div:last-child p:last-child a {
	color: #0080cc;
	text-decoration: underline;
}

#directline .directline__add div.directline__stop div:last-child p:last-child a:visited , #directline .directline__add div.directline__stop div:last-child p:last-child a:active , #directline .directline__add div.directline__stop div:last-child p:last-child a:link {
	color: #0080cc;
}

#directline .directline__add div.directline__addresslist {
	margin-bottom: 9.33333vw;
}

#directline .directline__add div.directline__addresslist h4 {
	font-size: 4vw;
	margin-bottom: 2.53333vw;
}

#directline .directline__add div.directline__addresslist div.list {
	background-color: #f1f4f6;
	border: 1px solid #d2d2d2;
	padding: 0 2.66667vw;
	margin-bottom: 9.33333vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li {
	border-bottom: 1px dotted #333333;
	padding: 1.33333vw 0;
}

#directline .directline__add div.directline__addresslist div.list > ul > li:last-child {
	border-bottom: 0;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__address {
	width: 100%;
	padding: 5.33333vw 0;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__address address {
	font-size: 3.2vw;
	margin-bottom: 4vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__address div {
	display: flex;
	flex-direction: row-reverse;
	justify-content: space-between;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail {
	display: none;
	background-color: #ffffff;
	margin: 2.66667vw 0;
	padding: 4vw 1.33333vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail ul > li {
	width: -webkit-fit-content;
	width:    -moz-fit-content;
	width:         fit-content;
	position: relative;
	font-size: 3.73333vw;
	margin-bottom: 2.66667vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail ul > li label {
	display: block;
	padding: 1.86667vw 1.6vw 1.86667vw 10.66667vw;
	background: #ffffff url(../img/common/check.svg) no-repeat 1.33333vw center;
	background-size: 5.33333vw 5.33333vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail ul > li input[type="checkbox"] {
	position: absolute;
	opacity: 0;
	width: 100%;
	height: 100%;
	cursor: pointer;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail ul > li input[type="checkbox"]:checked + label {
	background: #ffffff url(../img/common/checked.svg) no-repeat 1.33333vw center;
	background-size: 5.33333vw 5.33333vw;
	width: 100%;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail li.add__emarge {
	display: block;
	padding: 1.86667vw 1.6vw 1.86667vw 10.66667vw;
	background: #ffffff url(../img/config/directline/checked.png) no-repeat 1.35vw center;
	background-size: 5.33333vw 5.33333vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail li.add__emarge::after {
	content: "必須";
	font-size: 3.2vw;
	padding: 0.26667vw 1.33333vw;
	display: inline-block;
	color: #ffffff;
	background-color: #ff0000;
	margin-left: 4vw;
	vertical-align: middle;
}

/* 20190711 削除時、メッセージを出す場所がないため、外へ
#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail p.success */
#directline .directline__add div.directline__addresslist p.success {
	font-size: 3.73333vw;
	text-align: center;
	color: #38508f;
	margin-bottom: 3.33333vw;
}

/* 20190711 削除時、メッセージを出す場所がないため、外へ
#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail p.error */
#directline .directline__add div.directline__addresslist p.error {
	font-size: 3.73333vw;
	text-align: center;
	color: #f24400;
	margin-bottom: 3.33333vw;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail button {
	background: #ffffff url(../img/login/news.toListIcon.svg) no-repeat 70.66667vw center;
	background-size: 2.66667vw 2.66667vw;
	display: block;
	width: 74.66667vw;
	height: 10.66667vw;
	margin: 0 auto;
	margin-top: 2vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.66667vw 0 0 #d4d0cc;
	border-radius: 0.66667vw;
	color: #5d5959;
	text-align: center;
	line-height: 1;
	text-decoration: none;
	font-size: 3.73333vw;
	cursor: pointer;
}

#directline .directline__add div.directline__addresslist div.list > ul > li div.wdl__detail.is_open {
	display: block;
}

#directline .directline__add div.directline__addresslist div.list p {
	margin-top: 4.4vw;
	margin-bottom: 4.4vw;
	font-size: 3.2vw;
	color: #f24400;
}

#directline button.add__setting {
	display: inline-block;
	width: 52.66667vw;
	height: 9.33333vw;
	border: 1px solid #333333;
	box-shadow: 0 0.26667vw 0 0 #bec0c2;
	border-radius: 0.66667vw;
	background-color: #ffffff;
	color: #535353;
	text-align: center;
	text-decoration: none;
	font-size: 3.2vw;
	cursor: pointer;
}

#directline button.add__new {
	display: inline-block;
	width: 100%;
	height: 9.33333vw;
	border: 1px solid #333333;
	box-shadow: 0 0.26667vw 0 0 #bec0c2;
	border-radius: 0.66667vw;
	background-color: #ffffff;
	color: #535353;
	text-align: center;
	text-decoration: none;
	font-size: 3.2vw;
	cursor: pointer;
	margin-bottom: 6vw;
}

#directline button.add__delete {
	display: inline-block;
	width: 20vw;
	height: 9.33333vw;
	border: 0 solid #d4d0cc;
	box-shadow: 0 0.26667vw 0 0 #c9c9c9;
	border-radius: 0.66667vw;
	color: #ffffff;
	background-color: #bfbfbf;
	text-align: center;
	text-decoration: none;
	font-size: 3.2vw;
	cursor: pointer;
}

.modal.deleteMail .modal-inner {
	width: 72vw;
	top: 30vh;
}

.modal.deleteMail .body {
	padding: 4.66667vw 3.33333vw 4.66667vw 3.33333vw;
	font-size: 3.2vw;
}

.modal.deleteMail .body address {
	font-size: 3.2vw;
	margin-bottom: 1.33333vw;
}

.modal.deleteMail .footer {
	background-color: #385090;
	display: flex;
	justify-content: space-between;
	border-radius: 0 0 1.06667vw 1.06667vw;
	padding: 3.33333vw 5.33333vw 2vw 5.33333vw;
}

.modal.deleteMail button {
	font-size: 3.2vw;
	width: 24vw;
	height: 10vw;
	box-shadow: 0 0.26667vw 0 0 #2c3f71;
	background-color: #ffffff;
	border: 0;
	border-radius: 0.66667vw;
	cursor: pointer;
}

#card h1.faq {
	font-size: 6vw;
	margin: 0 5vw 9.73333vw 5vw;
}

#card h1.faq::before {
	content: "";
	background-image: url(../img/card/nanaco_logo.png);
	background-repeat: no-repeat;
	display: inline-block;
	vertical-align: middle;
	margin-right: 4vw;
	background-size: cover;
	width: 9.33333vw;
	height: 9.33333vw;
}

#card h2.nanacoCard {
	font-size: 3.73333vw;
	margin: 0 5vw 6.4vw 5vw;
}

#card h2.nanacoCard::before {
	content: "";
	background-image: url(../img/card/nanaco_logo_s.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
	width: 9.33333vw;
	height: 9.33333vw;
	vertical-align: middle;
	margin-right: 4vw;
}

#card h1.access {
	color: #38508F;
	line-height: 5.5vw;
	font-size: 4.8vw;
	font-weight: 700;
	overflow: hidden;
	margin: 0 5vw 3vw;
}


#card article.alert {
	margin: 0 5vw 9.73333vw 5vw;
	border: 0.66667vw solid #e6e5e1;
	padding: 1.33333vw 4.4vw 1.6vw 5.2vw;
}

#card article.alert ul li {
	padding: 1.6vw 0 1.6vw 5.33333vw;
	border-bottom: 1px dotted #646c69;
}

#card article.alert ul li a {
	text-decoration: none;
	font-size: 3.2vw;
	line-height: 3.06667vw;
	position: relative;
	top: 1px;
}

#card article.alert ul li.emergency {
	background: url(../img/top/alert.listIcon.emergency.svg) no-repeat 0.93333vw 2vw;
	background-size: 3.33333vw 3.33333vw;
}

#card article.alert ul li.emergency a {
	color: #f24400;
}

#card article.alert ul li.normal {
	background: url(../img/top/alert.listIcon.normal.svg) no-repeat 0.93333vw 2vw;
	background-size: 3.33333vw 3.33333vw;
}

#card article.alert ul li.normal a {
	color: #3c529b;
}

#card article.alert ul li:last-child {
	border-bottom: 0;
}

#card article.alert p {
	font-size: 3.2vw;
	line-height: 1.8;
	padding-left: 4.5vw;
}

#card article.alert p a {
	color: #0080cc;
	text-decoration: underline;
}

#card article.alert p a:visited , #card article.alert p a:active , #card article.alert p a:link {
	color: #0080cc;
}

#card section.nanaco__description {
	margin: 0 5vw 9.73333vw 5vw;
}

#card section.nanaco__description dl div.nanaco__head {
	box-sizing: border-box;
	position: relative;
	width: 100%;
	height: 19.33333vw;
	background-color: #f5a100;
	border-radius: 1.33333vw 1.33333vw 0 0;
	padding: 3.33333vw 4.4vw 3.33333vw 4vw;
}

#card section.nanaco__description dl div.nanaco__head dt {
	color: #ffffff;
	font-size: 5.6vw;
	line-height: 1.2;
}

#card section.nanaco__description dl div.nanaco__head img {
	display: block;
	position: absolute;
	right: 0;
	bottom: -0.66667vw;
	width: 42vw;
	height: auto;
}

#card section.nanaco__description dl div.nanaco__feature {
	border-style: solid;
	border-width: 0 0.66667vw 0.66667vw 0.66667vw;
	border-color: #fad07f;
	box-sizing: border-box;
	border-radius: 0 0 1.33333vw 1.33333vw;
	display: flex;
	flex-direction: column;
	padding: 4vw 0.66667vw 4vw 5.06667vw;
}

#card section.nanaco__description dl div.nanaco__feature dd {
	margin-bottom: 8.93333vw;
}

#card section.nanaco__description dl div.nanaco__feature dd:last-child {
	margin-bottom: 0;
}

#card section.nanaco__description dl div.nanaco__feature dd div {
	color: #f5a100;
	font-size: 4.26667vw;
	margin-bottom: 2.3vw;
	display: flex;
	align-items: center;
}

#card section.nanaco__description dl div.nanaco__feature dd div.notice::before {
	content: "";
	background-image: url(../img/card/nanaco_icon1.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
	width: 6.66667vw;
	height: 6.66667vw;
	margin-right: 1.73333vw;
}

#card section.nanaco__description dl div.nanaco__feature dd div.point::before {
	content: "";
	background-image: url(../img/card/nanaco_icon2.png);
	background-repeat: no-repeat;
	display: inline-block;
	background-size: cover;
	width: 7vw;
	height: 7vw;
	margin-right: 1.73333vw;
}

#card section.nanaco__description dl div.nanaco__feature dd p {
	font-size: 3.2vw;
	line-height: 1.8;
	padding-right: 4.4vw;
}

#card .card__faq {
	margin: 0 5vw 9.73333vw 5vw;
}

#card .card__faq p:first-child {
	font-size: 4vw;
	margin-bottom: 6.13333vw;
}

#card .card__faq ul li {
	padding: 1.33333vw 6.66667vw 1.33333vw 2.66667vw;
	margin-bottom: 2.66667vw;
}

#card .card__faq ul li div.question {
	display: flex;
	align-items: center;
	font-size: 3.73333vw;
	line-height: 1.9;
}

#card .card__faq ul li div.question::before {
	display: inline-block;
	box-sizing: border-box;
	content: "Q";
	color: #ffffff;
	font-size: 4vw;
	padding: 1.3vw 1.8vw;
	background-color: #f5a100;
	width: 7vw;
	min-width: 7vw;
	height: 7vw;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 3vw;
	line-height: 1.2;
}

#card .card__faq ul li div.answer {
	display: none;
	margin-left: 6.66667vw;
	padding-left: 10.66667vw;
	margin-top: 4vw;
	position: relative;
	font-size: 3.73333vw;
	line-height: 1.9;
}

#card .card__faq ul li div.answer a {
	color: #0080cc;
	text-decoration: underline;
}

#card .card__faq ul li div.answer a:visited , #card .card__faq ul li div.answer a:active , #card .card__faq ul li div.answer a:link {
	color: #0080cc;
}

#card .card__faq ul li div.answer::before {
	display: block;
	position: absolute;
	left: 0;
	vertical-align: middle;
	box-sizing: border-box;
	content: "A";
	color: #ffffff;
	font-size: 4vw;
	padding: 1.3vw 2.1vw;
	background-color: #ff3627;
	width: 7vw;
	min-width: 7vw;
	height: 7vw;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 3vw;
	line-height: 1.2;
}

#card .card__faq ul li div.anchor {
	padding-left: 10.66667vw;
	margin-top: 4vw;
	font-size: 3.73333vw;
}

#card .card__faq ul li div.anchor a {
	color: #0080cc;
	text-decoration: underline;
}

#card .card__faq ul li div.anchor a:visited , #card .card__faq ul li div.anchor a:active , #card .card__faq ul li div.anchor a:link {
	color: #0080cc;
}

#card .card__faq ul li.misc {
	cursor: initial;
}

#card .card__faq ul li.misc:hover {
	background-color: #ffffff;
}

#card .card__faq ul li.is_open {
	background-color: #fff7e9;
}

#card .card__faq ul li.is_open div.answer {
	display: block !important;
}

#card .card__recent {
	margin: 0 5vw 8vw 5vw;
}

#card .card__recent h2 {
	margin-bottom: 4.66667vw;
	font-size: 3.46667vw;
}

#card .card__recent table.card__person {
	width: 100%;
	font-size: 3.2vw;
	margin-bottom: 3.46667vw;
}

#card .card__recent table.card__person th {
	border-left: 1px solid #626262;
	border-top: 1px solid #626262;
	border-right: 1px solid #626262;
	padding: 2.53333vw 3.2vw;
	font-size: 3.5vw;
	font-weight: bold;
}

#card .card__recent table.card__person td {
	width: 33.3333%;
	border-left: 1px solid #626262;
	border-top: 1px solid #626262;
	vertical-align: middle;
	text-align: center;
	padding: 2.66667vw 0;
}

#card .card__recent table.card__person td:last-child {
	border-right: 1px solid #626262;
}

#card .card__recent table.card__person tbody tr:nth-child(1) {
	background-color: #e6e5e1;
}

#card .card__recent table.card__person tbody tr:last-child {
	padding: 2.66667vw;
	border-right: 1px solid #626262;
	border-bottom: 1px solid #626262;
}

#card .card__recent table.card__person button {
	background: url(../img/card/sp_link.png) no-repeat 48vw center;
	background-size: 3vw 3vw;
	background-color: #f5a200;
	display: block;
	width: 53.33333vw;
	font-size: 3.2vw;
	line-height: 4vw;
	padding: 3vw 0;
	margin: 0 auto;
	box-shadow: 0 0.7vw 0 0 #ffcf72;
	border-radius: 1.33333vw;
	color: #ffffff;
	text-align: center;
	text-decoration: none;
	border: 0;
}

#card .card__detail {
	margin: 0 5vw;
}

#card .card__detail .card__select {
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 3.46667vw;
}

#card .card__detail .card__select ul {
	display: flex;
	justify-content: space-between;
}

#card .card__detail .card__select ul li {
	display: block;
	margin-right: 2vw;
}

#card .card__detail .card__select ul li button {
	display: block;
	width: 13.33333vw;
	height: 7.33333vw;
	border: 0;
	border-radius: 0.53333vw;
	background-color: #898989;
	color: #ffffff;
	font-size: 3.25867vw;
}

#card .card__detail .card__select ul li button.current {
	background-color: #f5a200;
}

#card .card__detail .card__select select {
	width: 40vw;
	padding-left: 4.8vw;
	font-size: 16px;
	/* 3.2vw; */
}

#card .card__detail .card__select select option {
	font-size: 20px;
}

#card .card__calender {
	border-bottom: 1px solid #626262;
	box-sizing: border-box;
	margin-bottom: 10.66667vw;
}

#card .card__calender dl.card__cal , #card .card__calender dl.card__cal--saturday , #card .card__calender dl.card__cal--holyday , #card .card__calender dl.card__cal.today , #card .card__calender dl.card__header {
	box-sizing: border-box;
	width: 100%;
	height: 7.06667vw;
	display: flex;
}

#card .card__calender dl.card__cal dt , #card .card__calender dl.card__cal--saturday dt , #card .card__calender dl.card__cal--holyday dt , #card .card__calender dl.card__cal.today dt , #card .card__calender dl.card__header dt {
	box-sizing: border-box;
	font-size: 3.2vw;
	padding: 2vw;
	padding-right: 11%;
	width: 30%;
	font-weight: bold;
	text-align: right;
	background-color: #e6e5e1;
	border-left: 1px solid #626262;
	border-top: 1px solid #626262;
}

#card .card__calender dl.card__cal dd , #card .card__calender dl.card__cal--saturday dd , #card .card__calender dl.card__cal--holyday dd , #card .card__calender dl.card__cal.today dd , #card .card__calender dl.card__header dd {
	font-size: 3.2vw;
	text-align: center;
	padding: 2vw;
	width: 35%;
}

#card .card__calender dl.card__cal dd.card__in , #card .card__calender dl.card__cal--saturday dd.card__in , #card .card__calender dl.card__cal--holyday dd.card__in , #card .card__calender dl.card__header dd.card__in {
	border-left: 1px solid #626262;
	border-top: 1px solid #626262;
}

#card .card__calender dl.card__cal dd.card__out , #card .card__calender dl.card__cal--saturday dd.card__out , #card .card__calender dl.card__cal--holyday dd.card__out , #card .card__calender dl.card__header dd.card__out {
	border-left: 1px solid #626262;
	border-top: 1px solid #626262;
	border-right: 1px solid #626262;
}

#card .card__calender dl.card__cal--saturday dt {
	color: #38508f;
}

#card .card__calender dl.card__cal--holyday dt {
	color: #ff0000;
}

#card .card__calender dl.card__cal--empty {
	display: none;
}

#card .card__calender dl.card__cal.today {
	background-color: #fff8eb;
}

#card .card__calender dl.card__cal.today dt {
	background-color: #ece5d5;
}

#card .card__calender dl.card__header {
	background-color: #e6e5e1;
}

#card .card__etc {
	margin: 0 5vw 9.73333vw 5vw;
	padding: 5vw 3vw 5vw 10vw;
	background-color: #f6f5f1;
}

#card .card__etc ul {
	list-style: disc;
}

#card .card__etc ul li {
	font-size: 3.73333vw;
	padding: 1.33333vw 6.66667vw 1.33333vw 2.66667vw;
	margin-bottom: 2.66667vw;
}

/* 190716 追加 ここまで */
/* 191226 追加 ここから */
#transfer h1.plan {
	font-size: 4.8vw;
	color: #38508f;
	line-height: 5vw;
	padding: 0 0 0 0;
	overflow: hidden;
	margin: 0 5vw 5vw 5vw;
	font-weight: bold;
}

#transfer .plan__select {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5vw 2vw;
	padding: 4.66667vw;
}

#transfer .plan__select p {
	margin-right: 4vw;
	font-size: 4vw;
	font-weight: bold;
	color: #1d1f20;
}

#transfer .plan__select select {
	width: 60vw;
	padding-left: 4.8vw;
	font-size: 16px;
	background-color: #ffffff;
}

#transfer .plan__select select option {
	font-size: 20px;
}

#transfer .plan-detail {
	margin-bottom: 13.33333vw;
}

#transfer .plan-detail .alert {
	margin-bottom: 2.66667vw;
}

#transfer .plan-detail__person {
	font-size: 4vw;
	font-weight: bold;
	margin: 0 5vw 2.66667vw 5vw;
	padding: 0 4.66667vw;
}

#transfer .plan-detail__inner {
	background-color: #f1f4f6;
	width: 100vw;
	height: auto;
	padding: 4vw 5vw;
	border: 1px solid #e0e3e4;
}

#transfer .plan-detail__inner:first-child {
	border-top: 0;
}

#transfer .plan-detail__date , #transfer .plan-detail__from {
	font-size: 3.2vw;
	margin-left: 4.66667vw;
	margin-bottom: 2.66667vw;
	color: #1d1f20;
}

#transfer .plan-detail__amount {
	display: flex;
	flex-direction: row;
	width: 100%;
}

#transfer .plan-detail__amount--title {
	font-size: 3.73333vw;
	font-weight: bold;
	border: 1px solid #626262;
	background-color: #fff4f9;
	padding: 2vw 4.66667vw;
	width: 50%;
}

#transfer .plan-detail__amount--price {
	font-size: 3.73333vw;
	font-weight: bold;
	text-align: right;
	border: 1px solid #626262;
	background-color: #ffffff;
	border-left: 0;
	padding: 2vw 4.66667vw;
	width: 50%;
}

#transfer .plan-items > div {
	display: none;
}

#transfer .plan-items__toggle {
	text-align: center;
	font-size: 3.33333vw;
	font-weight: bold;
	color: #626262;
	padding: 2.66667vw 0;
	position: relative;
}

#transfer .plan-items__toggle::after {
	transition: all 0.3s ease;
	position: absolute;
	top: 50%;
	right: 28.375vw;
	margin-top: -1.25vw;
	content: "";
	display: block;
	border-style: solid;
	border-color: #626262 transparent transparent;
	border-width: 2.5vw 2.5vw 0;
}

#transfer .plan-items__toggle.is-open::after {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#transfer .plan-items__table {
	width: 100%;
	font-size: 3.33333vw;
	line-height: 1.2;
}

#transfer .plan-items__table div {
	border: 1px solid #626262;
}

#transfer .plan-items__head {
	background-color: #ebfbff;
	border: 1px solid #626262;
}

#transfer .plan-items__item , #transfer .plan-items__amount {
	border-right: 1px solid #626262;
	border-left: 1px solid #626262;
}

#transfer .plan-items__item , #transfer .plan-items__amount {
	background-color: #ffffff;
}

#transfer .plan-items__detail {
	width: 70%;
	padding: 2vw 4.66667vw;
	text-align: left;
}

#transfer .plan-items__price {
	width: 30%;
	padding: 2vw 4.66667vw;
	text-align: right;
}

#transfer .plan-items__amount {
	font-weight: bold;
}

#transfer .plan-items__amount:first-child {
	border-top: 1px solid #626262;
}

#transfer .plan-items__amount:last-child {
	border-bottom: 1px solid #626262;
}

#transfer .plan-items__amount .plan-items__detail {
	text-align: right;
}

#transfer .plan-items__caution {
	font-size: 3.33333vw;
	padding: 3.33333vw 4.66667vw;
}

#transfer .plan-items__caution p {
	margin-bottom: 2vw;
}

#transfer .plan-items__address {
	font-size: 3.33333vw;
	padding: 3.33333vw 4.66667vw;
}

#transfer .plan-items__address p {
	margin-bottom: 2vw;
}

#transfer .plan-items__address table {
	font-size: 3.33333vw;
	width: 100%;
}

#transfer .plan-items__address th {
	text-align: left;
	width: 20%;
	padding: 1.33333vw 0;
}

#transfer .plan-items__address td {
	padding: 1.33333vw 0;
}

#transfer .plan-notation {
	margin-top: 2vw;
	background-color: #ffffff;
	padding: 2.93333vw 4.66667vw;
	font-size: 3.2vw;
	color: #ff0000;
	line-height: 1.8;
}

#transfer .plan-notation__title {
	font-weight: bold;
	margin-bottom: 2vw;
}

#transfer article.alert {
	margin: 0 5vw;
	border: 0.66667vw solid #e6e5e1;
	padding: 1.33333vw 4.4vw 1.6vw 5.2vw;
}

#transfer article.alert ul li {
	padding: 1.6vw 0 1.6vw 5.33333vw;
	border-bottom: 1px dotted #646c69;
}

#transfer article.alert ul li a {
	text-decoration: none;
	font-size: 3.2vw;
	line-height: 3.06667vw;
	position: relative;
	top: 1px;
}

#transfer article.alert ul li.emergency {
	background: url(../img/top/alert.listIcon.emergency.svg) no-repeat 0.93333vw 2vw;
	background-size: 3.33333vw 3.33333vw;
}

#transfer article.alert ul li.emergency a {
	color: #f24400;
}

#transfer article.alert ul li.normal {
	background: none;
	padding: 1.6vw;
}

#transfer article.alert ul li.normal a {
	color: #3c529b;
}

#transfer article.alert ul li:last-child {
	border-bottom: 0;
}

#transfer article.alert p {
	font-size: 3.2vw;
	line-height: 1.8;
	padding-left: 4.5vw;
}

#transfer article.alert p a {
	color: #0080cc;
	text-decoration: underline;
}

#transfer article.alert p a:visited , #transfer article.alert p a:active , #transfer article.alert p a:link {
	color: #0080cc;
}

/* 191226 追加 ここまで */
/* 200110 追加 ここから */
div#spMenu div#content div.inner div.link1 ul li.b5 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #fddabf url(../img/common/link.b5.svg) no-repeat center top;
	background-size: 100% auto;
	border-bottom: 0.7vw solid #f7a064;
}

/* 200110 追加 ここまで */

/* 200325 追加 ここから */
h1.title {
	color: #38508f;
	line-height: 5.5vw;
	font-size: 4.8vw;
	font-weight: 700;
	overflow: hidden;
	margin: 0 5vw 3vw;
}

#transfer-plan .plan-text {
	font-size: 3.5vw;
	line-height: 6vw;
	margin: 5vw;
}

#transfer-plan .plan__select {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5vw;
	margin-bottom: 4.66667vw;
}

#transfer-plan .plan__select p {
	margin-right: 4vw;
	font-size: 16px;
	font-weight: bold;
	color: #1d1f20;
}

#transfer-plan .plan__select select {
	width: 50.66667vw;
	padding-left: 4.8vw;
	font-size: 16px;
	background-color: #ffffff;
}

#transfer-plan .plan__select select option {
	font-size: 20px;
}

#transfer-plan .plan__select select:focus {
	outline: none;
}

#transfer-plan .plan__select--wide {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5vw;
	margin-bottom: 4.66667vw;
}

#transfer-plan .plan__select--wide p {
	margin-right: 4vw;
	font-size: 16px;
	font-weight: bold;
	color: #1d1f20;
}

#transfer-plan .plan__select--wide select {
	width: 100%;
	padding-left: 4.8vw;
	font-size: 16px;
	background-color: #ffffff;
}

#transfer-plan .plan__select--wide select option {
	font-size: 20px;
}

#transfer-plan .plan__select--wide select:focus {
	outline: none;
}

#transfer-plan .chart-area {
	margin-left: 5vw;
	padding-top: 9.33333vw;
}

#transfer-plan .chart-year {
	display: flex;
	flex-direction: row;
	justify-content: flex-end;
}

#transfer-plan .chart-year span {
	box-sizing: border-box;
	display: block;
	width: 100%;
	font-size: 3.2vw;
	padding: 2.13333vw 0;
	text-align: center;
	font-weight: bold;
	background-color: #e6e5e1;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
}

#transfer-plan .chart-year a {
	display: none;
}

#transfer-plan .chart-sample {
	display: flex;
	width: 100%;
	padding-right: 5vw;
	flex-direction: row;
	justify-content: flex-end;
	margin-bottom: 4vw;
}

#transfer-plan .chart-sample .chart-sample__cell--blue , #transfer-plan .chart-sample .chart-sample__cell--gray {
	display: block;
	margin-left: 16.8vw;
	position: relative;
	font-size: 2.93333vw;
}

#transfer-plan .chart-sample .chart-sample__cell--blue::before , #transfer-plan .chart-sample .chart-sample__cell--gray::before {
	content: "";
	position: absolute;
	width: 11.33333vw;
	height: 4vw;
	background-size: cover;
	top: -0.2vw;
	left: -12.66667vw;
}

#transfer-plan .chart-sample .chart-sample__cell--blue::before {
	background-image: url(../img/transfer/sample2.png);
}

#transfer-plan .chart-sample .chart-sample__cell--gray::before {
	background-image: url(../img/transfer/sample1.png);
}

#transfer-plan .chart-wrapper {
	display: flex;
	flex-direction: row;
	width: 100%;
	box-sizing: border-box;
	font-size: 3.2vw;
	box-sizing: border-box;
	margin-bottom: 9.73333vw;
	position: relative;
}

#transfer-plan .chart-wrapper .left-box {
	width: 50%;
	overflow-x: hidden;
	z-index: 9999;
	left: 0;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	position: relative;
	box-sizing: border-box;
}

#transfer-plan .chart-wrapper .left-box .fade {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;
	width: 5vw;
	visibility: hidden;
	background: linear-gradient(90deg, rgba(255, 255, 255, 0.1), rgba(255, 255, 255, 0.897));
}

#transfer-plan .chart-wrapper .left-box .fade.is-open {
	visibility: visible;
	opacity: 0.8;
}

#transfer-plan .chart-wrapper .left-box ul > li {
	box-sizing: border-box;
	width: 50%;
	margin: 0;
	overflow: hidden;
	padding: 2.13333vw 3.33333vw;
	border-bottom: 1px solid #333333;
}

#transfer-plan .chart-wrapper .left-box .g {
	background-color: #e6e5e1;
	font-weight: bold;
}

#transfer-plan .chart-wrapper .left-box .s {
	background-color: #ebfbff;
	font-weight: bold;
}

#transfer-plan .chart-wrapper .right-box {
	width: 50%;
	overflow-x: scroll;
	overflow-y: hidden;
	border-top: 1px solid #333333;
	border-right: 1px solid #333333;
}

#transfer-plan .chart-wrapper .right-box ul > li {
	display: flex;
	flex-direction: row;
}

#transfer-plan .chart-wrapper .right-box ul > li > div {
	min-width: 13.6vw;
	border-bottom: 1px solid #333333;
	border-right: 1px solid #333333;
}

#transfer-plan .chart-wrapper .right-box ul > li > div.month-cell {
	font-weight: bold;
	background-color: #e6e5e1;
	text-align: center;
	padding: 2.13333vw 0;
}

#transfer-plan .chart-wrapper .right-box ul > li > div.price {
	text-align: center;
	padding: 2.13333vw 0;
}

#transfer-plan .chart-wrapper .right-box ul > li.s {
	width: 100%;
}

#transfer-plan .chart-wrapper .right-box ul > li.s > div {
	background-color: #ebfbff;
	border-bottom: 1px solid #333333;
	border-right: 0;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.start {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.start i {
	width: 70%;
	height: 6.26667vw;
	background-color: #8eb7dc;
	border-radius: 3vw 0 0 3vw;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.mid {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.mid i {
	width: 100%;
	height: 6.26667vw;
	background-color: #8eb7dc;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.close {
	display: flex;
	align-items: center;
	justify-content: flex-end;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.close i {
	width: 100%;
	height: 6.26667vw;
	background-color: #aaaaaa;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.end {
	display: flex;
	align-items: center;
	justify-content: flex-start;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.end i {
	width: 70%;
	height: 6.26667vw;
	background-color: #8eb7dc;
	border-radius: 0 3vw 3vw 0;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.onece {
	display: flex;
	align-items: center;
	justify-content: center;
}

#transfer-plan .chart-wrapper .right-box ul > li.p > div.onece i {
	width: 50%;
	height: 6.26667vw;
	background-color: #8eb7dc;
	border-radius: 3vw 3vw 3vw 3vw;
}

#transfer-plan .chart-wrapper .right-box .right-box-scroll {
	background-color: #fefefe;
}

#transfer-plan .toDetail {
	background: #ffffff url(../img/top/news.toListIcon.svg) no-repeat 72.3vw center;
	background-size: 2vw 2vw;
	display: block;
	width: 77vw;
	padding: 3.2vw 0;
	margin: 0 auto 6vw;
	border: 1px solid #d4d0cc;
	box-shadow: 0 0.7vw 0 0 #d4d0cc;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	line-height: 1em;
	text-decoration: none;
	font-size: 3.74vw;
	background-size: 2.35vw 2.35vw;
	background-position: 69vw;
}

.navArrow {
	position: absolute;
	right: 3vw;
	top: 50%;
	z-index: 9;
	opacity: 0;
	transition-duration: 0.2s;
	visibility: hidden;
}

.navArrow img {
	width: 10vw;
	height: 10vw;
}

.navArrow.is-open {
	visibility: visible;
	opacity: 0.8;
}

#transfer-detail .detail__select {
	padding-left: 4.66667vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5vw;
	margin-bottom: 4.66667vw;
}

#transfer-detail .detail__select p {
	margin-right: 4vw;
	font-size: 16px;
	font-weight: bold;
	color: #1d1f20;
}

#transfer-detail .detail__select select {
	width: 50.66667vw;
	padding-left: 4.8vw;
	font-size: 16px;
	background-color: #ffffff;
}

#transfer-detail .detail__select select option {
	font-size: 20px;
}

#transfer-detail .detail__select select:focus {
	outline: none;
}

#transfer-detail .detail__select--wide {
	padding-left: 4.66667vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5vw;
	margin-bottom: 4.66667vw;
}

#transfer-detail .detail__select--wide p {
	margin-right: 4vw;
	font-size: 16px;
	font-weight: bold;
	color: #1d1f20;
}

#transfer-detail .detail__select--wide select {
	width: 100%;
	padding-left: 4.8vw;
	font-size: 16px;
	background-color: #ffffff;
}

#transfer-detail .detail__select--wide select option {
	font-size: 20px;
}

#transfer-detail .detail__select--wide select:focus {
	outline: none;
}

#transfer-detail .detail__person , #transfer-detail .detail__period {
	margin: 0 5vw 4vw;
	font-size: 4vw;
	font-weight: bold;
	text-indent: 1em;
}

#transfer-detail .detail__amount {
	box-sizing: border-box;
	display: flex;
	flex-direction: row;
	margin: 1.33333vw 5vw 4vw;
}

#transfer-detail .detail__amount--title {
	font-size: 3.73333vw;
	font-weight: bold;
	border: 1px solid #626262;
	background-color: #fff4f9;
	padding: 2vw 4.66667vw;
	width: 50%;
}

#transfer-detail .detail__amount--price {
	font-size: 3.73333vw;
	font-weight: bold;
	text-align: right;
	border: 1px solid #626262;
	background-color: #ffffff;
	border-left: 0;
	padding: 2vw 4.66667vw;
	width: 50%;
}

#transfer-detail .detail__school {
	border: 0.1vw solid #e0e3e4;
	background-color: #f1f4f6;
	padding: 6vw 4.26667vw;
}

#transfer-detail .detail__month {
	padding: 5.33333vw 0;
}

#transfer-detail .plan-items > div {
	display: none;
}

#transfer-detail .plan-items__toggle {
	text-align: center;
	font-size: 3.33333vw;
	font-weight: bold;
	color: #626262;
	padding: 2.66667vw 0;
	position: relative;
}

#transfer-detail .plan-items__toggle::after {
	transition: all 0.3s ease;
	position: absolute;
	top: 50%;
	right: 28.375vw;
	margin-top: -1.25vw;
	content: "";
	display: block;
	border-style: solid;
	border-color: #626262 transparent transparent;
	border-width: 2.5vw 2.5vw 0;
}

#transfer-detail .plan-items__toggle.is-open::after {
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#transfer-detail .plan-items__table {
	width: 100%;
	font-size: 3.33333vw;
	line-height: 1.2;
}

#transfer-detail .plan-items__table div {
	border: 1px solid #626262;
}

#transfer-detail .plan-items__head {
	background-color: #ebfbff;
	border: 1px solid #626262;
}

#transfer-detail .plan-items__item , #transfer-detail .plan-items__amount {
	border-right: 1px solid #626262;
	border-left: 1px solid #626262;
}

#transfer-detail .plan-items__item , #transfer-detail .plan-items__amount {
	background-color: #ffffff;
}

#transfer-detail .plan-items__detail {
	width: 70%;
	padding: 2vw 4.66667vw;
	text-align: left;
}

#transfer-detail .plan-items__price {
	width: 30%;
	padding: 2vw 4.66667vw;
	text-align: right;
}

#transfer-detail .plan-items__amount {
	font-weight: bold;
}

#transfer-detail .plan-items__amount:first-child {
	border-top: 1px solid #626262;
}

#transfer-detail .plan-items__amount:last-child {
	border-bottom: 1px solid #626262;
}

#transfer-detail .plan-items__amount .plan-items__detail {
	text-align: right;
}

#transfer-detail .plan-items__caution {
	font-size: 3.33333vw;
	padding: 3.33333vw 4.66667vw;
}

#transfer-detail .plan-items__caution p {
	margin-bottom: 2vw;
}

#transfer-detail .plan-items__address {
	font-size: 3.33333vw;
	padding: 3.33333vw 4.66667vw;
}

#transfer-detail .plan-items__address p {
	margin-bottom: 2vw;
}

#transfer-detail .plan-items__address table {
	font-size: 3.33333vw;
	width: 100%;
}

#transfer-detail .plan-items__address th {
	text-align: left;
	width: 20%;
	padding: 1.33333vw 0;
}

#transfer-detail .plan-items__address td {
	padding: 1.33333vw 0;
}

#transfer-detail .chart-area {
	margin-top: 10vw;
}

article.alert {
	margin: 0 5vw;
	border: 0.66667vw solid #e6e5e1;
	padding: 1.33333vw 4.4vw 1.6vw 5.2vw;
}

article.alert ul li {
	padding: 1.6vw 0 1.6vw 5.33333vw;
	border-bottom: 1px dotted #646c69;
}

article.alert ul li a , article.alert ul li span {
	text-decoration: none;
	font-size: 3.2vw;
	line-height: 3.06667vw;
	position: relative;
	top: 1px;
}

article.alert ul li.emergency {
	background: url(../img/top/alert.listIcon.emergency.svg) no-repeat 0.93333vw 2vw;
	background-size: 3.33333vw 3.33333vw;
}

article.alert ul li.emergency a , article.alert ul li.emergency span {
	color: #f24400;
}

article.alert ul li.normal {
	background: url(../img/top/alert.listIcon.normal.svg) no-repeat 0.93333vw 2vw;
	background-size: 3.33333vw 3.33333vw;
}

article.alert ul li.normal a , article.alert ul li.normal span {
	color: #3c529b;
}

article.alert ul li:last-child {
	border-bottom: 0;
}

article.alert p {
	font-size: 3.2vw;
	line-height: 1.8;
	padding-left: 4.5vw;
}

article.alert p a {
	color: #0080cc;
	text-decoration: underline;
}

article.alert p a:visited , article.alert p a:active , article.alert p a:link {
	color: #0080cc;
}

#axisplus-daily .lead-text {
	font-size: 3.5vw;
	line-height: 6vw;
	margin: 5vw;
}

#axisplus-daily .axisplus__select-box {
	float: right;
	margin: 0 5vw;
}

#axisplus-daily .axisplus__select--wide {
	display: flex;
	flex-direction: row;
	align-items: center;
	margin: 0 5vw;
	margin-bottom: 4.66667vw;
}

#axisplus-daily .axisplus__select--wide p {
	margin-right: 4vw;
	font-size: 16px;
	font-weight: bold;
	color: #1d1f20;
}

#axisplus-daily .axisplus__select--wide select {
	width: 100%;
	padding-left: 4.8vw;
	font-size: 16px;
	background-color: #ffffff;
}

#axisplus-daily .axisplus__select--wide select option {
	font-size: 20px;
}

#axisplus-daily .axisplus__select--wide select:focus {
	outline: none;
}

#axisplus-daily .axisplus__daily {
	clear: both;
	margin: 0 5vw 10vw 5vw;
}

#axisplus-daily .axisplus__d-select {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	position: relative;
	height: 6vw;
	margin-bottom: 2.66667vw;
}

#axisplus-daily .axisplus__d-select span {
	display: block;
	box-sizing: border-box;
	font-size: 4vw;
	margin: 0 2vw;
	text-align: center;
}

#axisplus-daily .axisplus__d-select div.next-buttons {
	display: flex;
	box-sizing: border-box;
	flex-direction: row;
	justify-content: space-between;
}

#axisplus-daily .axisplus__d-select a {
	display: block;
	width: 10vw;
	height: 100%;
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
}

#axisplus-daily .axisplus__d-select a.prev {
	background-image: url(../img/transfer/tri-arrow.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center;
	right: 449px;
	-webkit-transform: rotate(180deg);
	        transform: rotate(180deg);
}

#axisplus-daily .axisplus__d-select a.next {
	background-image: url(../img/transfer/tri-arrow.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center;
	right: 0;
}

#axisplus-daily .axisplus__d-select a.latest {
	background-image: url(../img/transfer/tri-arrow-latest.png);
	background-repeat: no-repeat;
	background-size: 15px 15px;
	background-position: center;
	right: 0;
}

#axisplus-daily .axisplus__head {
	font-size: 4vw;
	font-weight: 700;
	margin: 2vw 0;
}

#axisplus-daily .axisplus__detail {
	margin: 2vw 0;
}

#axisplus-daily .axisplus__category {
	font-size: 4vw;
	margin: 7.33333vw 0 2vw 0;
}

#axisplus-daily .l-record {
	font-size: 4vw;
	border-top: 1px solid #333333;
	border-left: 1px solid #333333;
	border-right: 1px solid #333333;
	box-sizing: border-box;
}

#axisplus-daily .l-record__subjects , #axisplus-daily .l-record__themes {
	display: flex;
	flex-direction: column;
}

#axisplus-daily .l-record__contents , #axisplus-daily .l-record__results {
	display: flex;
	flex-direction: row;
}

#axisplus-daily .l-record__content , #axisplus-daily .l-record__result1 {
	border-right: 1px solid #333333;
}

#axisplus-daily .l-record__cell {
	display: flex;
	flex-direction: column;
}

#axisplus-daily .l-record__subject {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 100%;
	border-bottom: 1px solid #333333;
	padding: 3.33333vw;
}

#axisplus-daily .l-record__theme {
	padding: 3.33333vw;
	width: 100%;
	line-height: 1.6;
	border-bottom: 1px solid #333333;
	background-color: #dce6f1;
}

#axisplus-daily .l-record__content {
	padding: 3.33333vw;
	display: flex;
	flex-direction: row;
	align-items: center;
	width: 70%;
}

#axisplus-daily .l-record__result1 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	width: 15vw;
}

#axisplus-daily .l-record__result2 {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
}

#axisplus-daily .l-record__result2 img {
	margin-left: 1vw;
}

#axisplus-daily .l-record__contents {
	border-bottom: 1px solid #333333;
}

#axisplus-daily .l-record__headerSp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	border-bottom: 1px solid #333333;
	box-sizing: border-box;
}

#axisplus-daily .l-record__headerSp .header__theme {
	width: 100%;
	padding: 1.33333vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	border-bottom: 1px solid #333333;
	background-color: #d9d9d9;
}

#axisplus-daily .l-record__headerSp .header__content {
	width: 70%;
	border-right: 1px solid #333333;
	padding: 1.33333vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	background-color: #f2f2f2;
}

#axisplus-daily .l-record__headerSp .header__result {
	padding: 1.33333vw;
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	font-weight: 700;
	width: 30%;
	background-color: #f2f2f2;
}

#axisplus-daily .l-record__headerPc {
	display: none;
}

#axisplus-daily .l-record.is-homework .l-record__theme {
	padding: 10px;
	width: 100%;
	border-right: none;
	border-bottom: 1px solid #333333;
	background-color: #ffffff;
}

#axisplus-daily .l-record.is-homework .l-record__headerSp {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
}

#axisplus-daily .l-record.is-homework .l-record__headerSp .header__content {
	display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center;
	padding: 1.33333vw;
	width: 100%;
	border-right: none;
}

/* 200325 追加 ここまで */

/* 0326 TOP AxisPLUSリンク >>> */
div#pageIndex section.axislow {
	flex: 1;
	margin-bottom: 9vw;
}

div#pageIndex section.axislow h2 {
	background: url(../img/top/axislow.titleIcon.svg) no-repeat 1vw -0.7vw;
	background-size: 6vw 6vw;
	color: #38508f;
	height: 5vw;
	line-height: 4vw;
	font-size: 4.267vw;
	padding: 0 0 0 9vw;
	overflow: hidden;
	margin: 0 0 2vw;
}

div#pageIndex section.axislow div.frame {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 5vw 4vw 6vw;
}

div#pageIndex section.axislow div.frame ul.navi {
	display: flex;
	justify-content: space-between;
	margin: 0 0 2vw;
}

div#pageIndex section.axislow div.frame ul.navi li {
	width: 100%;
	/* 48%; */
}

div#pageIndex section.axislow div.frame ul.navi li a {
	background: #ffffff url(../img/top/axislow.naviIcon.svg) no-repeat 73vw center;
	/* 33vw center; */
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 100%;
	padding: 3.5vw 2vw 3.5vw 0;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

/* 0326 TOP AxisPLUSリンク <<< */

/* 0511 TOP WEB授業 >>> */

div#pageIndex section.lesson {
	margin: 0 0 9vw 0;
}

div#pageIndex section.lesson h2 {
	color: #38508f;
	line-height: 5.5vw;
	font-size: 4.8vw;
	padding: 0;
	overflow: hidden;
	margin: 0 0 3.5vw;
}

div#pageIndex section.lesson h2:before {
	content: "";
	display: inline-block;
	background: url(../img/top/lesson.titleIcon.svg) no-repeat;
	background-size: 100% auto;
	width: 5.07vw;
	height: 5.07vw;
	vertical-align: middle;
	margin-right: 2vw;
	margin-top: -0.8vw;
}

div#pageIndex section.lesson div.frame {
	border: 1.2vw solid #f6f5f1;
}

div#pageIndex section.lesson div.frame div.lesson-employee-menu {
	font-size: 4vw;
	padding: 3.6vw;
}

div#pageIndex section.lesson div.frame > ul {
	padding: 1vw 3.47vw;
	margin: 0 0 0vw;
}

div#pageIndex section.lesson div.frame > ul > li {
	color: #000000;
	border-top: 1px dotted #646c69;
	padding: 3.6vw 0;
	font-size: 3.74vw;
}

div#pageIndex section.lesson div.frame > ul > li:first-child {
	border-top: none;
}

div#pageIndex section.lesson div.frame > ul > li.is-hidden {
	display: none;
}

div#pageIndex section.lesson div.frame > ul > li p.title {
	line-height: 5vw;
	font-size: 3.74vw;
	color: #38508f;
	margin-bottom: 1.7vw;
}

div#pageIndex section.lesson div.frame > ul > li p.contents {
	font-size: 3.74vw;
	line-height: 4.5vw;
	vertical-align: middle;
	margin-right: 0;
	/* display: flex; 必要？ */
}

div#pageIndex section.lesson div.frame > ul > li p.contents img {
	width: 18vw;
	height: 12vw;
	object-fit: cover;
	font-family: "object-fit: cover; object-position: center;";
	margin-right: 1.7vw;
	margin-bottom: 1.7vw;
}

div#pageIndex section.lesson div.frame > ul > li ul.onlinezemiList {
	margin-top: 1.7vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

div#pageIndex section.lesson div.frame > ul > li ul.onlinezemiList li {
	width: 48%;
}

div#pageIndex section.lesson div.frame > ul > li ul.onlinezemiList a {
	background: #ffffff url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 100%;
	padding: 3.5vw 2vw 3.5vw 0;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageIndex section.lesson div.frame > ul > li ul.btnList {
	margin: 0 5vw;
	margin-top: 1.7vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

div#pageIndex section.lesson div.frame > ul > li ul.btnList li {
	width: 100%;
	text-align: center;
	margin-bottom: 3vw;
}

div#pageIndex section.lesson div.frame > ul > li ul.btnList a.pdf {
	font-size: 3.47vw;
	line-height: 5vw;
	display: block;
	border: 1px solid #d2d2d2;
	box-shadow: 0 3px 0 0 #d2d2d2;
	border-radius: 5px;
	color: #333333;
	background: #ffffff;
	display: flex;
	cursor: pointer;
	text-decoration: none;
}

div#pageIndex section.lesson div.frame > ul > li ul.btnList a.pdf span {
	display: block;
	text-align: center;
	padding: 0 0vw 0 3vw;
	margin: auto;
	text-indent: -4.7vw;
}

div#pageIndex section.lesson div.frame > ul > li ul.btnList a.pdf span:before {
	content: "";
	display: inline-block;
	background: url(../img/detail/button.icon.pdf.svg) no-repeat;
	background-size: 4vw 5vw;
	width: 4vw;
	height: 5vw;
	vertical-align: middle;
	margin-right: 2vw;
}

div#pageIndex section.lesson div.frame > ul > li ul.btnList a.pdf.normal {
	padding: 1vw 2vw;
}

div#pageIndex section.lesson div.frame a.readMore {
	background: #ffffff url(../img/top/lesson.toListIcon.svg) no-repeat 71vw center;
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 77.8vw;
	padding: 3.5vw 0;
	margin: 0 auto 5vw auto;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

/* 0511 TOP WEB授業 <<< */

/* 200520 追加 ここから */
div#spMenu div#content div.inner div.link1 ul li.b6 a {
	text-indent: 100%;
	overflow: hidden;
	white-space: nowrap;
	background: #fddabf url(../img/common/link.b6.svg) no-repeat center top;
	background-size: 100% auto;
	border-bottom: 0.7vw solid #e091b5;
}

/* 200520 追加 ここまで */

/* 0729 個別Axis >>> */
div#pageIndex section.matching {
	margin: 0 0 9vw 0;
}

div#pageIndex section.matching h2 {
	background: url(../img/top/matching.titleIcon.svg) no-repeat 2vw 0;
	background-size: 4.3vw 4.3vw;
	color: #38508f;
	height: 5vw;
	line-height: 4vw;
	font-size: 4.267vw;
	padding: 0 0 0 8.5vw;
	overflow: hidden;
	margin: 0 0 3vw;
}

div#pageIndex section.matching div.frame {
	border: 1px solid #e0e3e4;
	background: #f1f4f6;
	padding: 6vw 4vw 2vw 4vw;
}

div#pageIndex section.matching div.frame h3 {
	color: #38508f;
	font-size: 4vw;
	position: relative;
	margin-bottom: 6vw;
}

div#pageIndex section.matching div.frame h3 span {
	background: #f1f4f6;
	display: inline-block;
	position: relative;
	z-index: 1;
	padding-right: 8px;
}

div#pageIndex section.matching div.frame h3:after {
	content: "";
	border-bottom: 2px solid #38508f;
	display: block;
	position: absolute;
	width: 100%;
	top: 7px;
	right: 0;
}

div#pageIndex section.matching div.frame section.plan > ul > li {
	position: relative;
	margin-bottom: 6vw;
}

div#pageIndex section.matching div.frame section.plan > ul > li:nth-child(n + 4) {
	opacity: 0;
	visibility: hidden;
	height: 0;
	margin-bottom: 0;
}

div#pageIndex section.matching div.frame section.plan > ul > li:nth-child(n + 4).is-display {
	-webkit-animation-name: is-display;
	        animation-name: is-display;
	-webkit-animation-duration: 0.8s;
	        animation-duration: 0.8s;
	-webkit-animation-fill-mode: forwards;
	        animation-fill-mode: forwards;
}

div#pageIndex section.matching div.frame section.plan > ul > li h4 {
	background: #38508f;
	color: #ffffff;
	border-radius: 10vw;
	padding: 1vw 2.3vw 1.5vw;
	display: inline-block;
	font-size: 3.74vw;
	position: absolute;
	top: -3vw;
	left: 1.5vw;
}

div#pageIndex section.matching div.frame section.plan > ul > li > ul {
	background: #ffffff;
	border: 1px solid #e0e3e4;
	border-radius: 10px;
	padding: 6vw 3.5vw 2vw 3.5vw;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 0 0 0 0;
}


div#pageIndex section.matching div.frame section.plan > ul > li > ul > li:not(last-child) {
	width: 20%;
}

div#pageIndex section.matching div.frame section.plan > ul > li > ul > li:last-child {
	margin-left: 4%;
	width: 75%;
}

div#pageIndex section.matching div.frame section.plan > ul > li > ul > li > a {
	/*
  background: #FFF url(../img/top/matching.classIconArrow.svg) no-repeat 90% center;
  background-size: 2vw 2vw;
*/
	display: block;
	width: 100%;
	padding: 2vw 0;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

div#pageIndex section.matching div.frame section.plan > ul > li > ul > li > select {
	width: 100%;
	padding: 5px 10px;
	font-size: 3.74vw;
}

div#pageIndex section.matching div.frame section.plan a.readMore {
	background: #ffffff url(../img/top/matching.toListIcon.svg) no-repeat 71vw center;
	background-size: 2.35vw 2.35vw;
	display: block;
	width: 77.8vw;
	padding: 3.5vw 0;
	margin: 0 auto 5vw auto;
	border: 1px solid #d2d2d2;
	box-shadow: 0 0.6vw 0 0 #d2d2d2;
	border-radius: 5px;
	color: #5d5959;
	text-align: center;
	text-decoration: none;
	font-size: 3.74vw;
	cursor: pointer;
}

/* 0729 個別Axis <<< */

/* 0731 ローディング >>> */
section.loading {
	width: 100%;
	height: 10vw;
	background: #ffffff url(../img/common/loading.gif) no-repeat 50% center;
	background-size: 10vw 10vw;
}

/* 0731 ローディング <<< */

/* 0316 映像系整理 >>> */
div#pageIndex div.col2 section.study div.frame h3 {
	color: #38508f;
	font-size: 4.2vw;
	margin-top: 4vw;
	margin-bottom: 2vw;
}

div#pageIndex div.col2 section.study div.frame h4 {
	color: #38508f;
	font-size: 4.0vw;
	margin-bottom: 2vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi.col3 li {
	width: 31%;
}

div#pageIndex div.col2 section.study div.frame ul.navi.col3 li a {
	background: #ffffff url(../img/top/study.naviIcon.svg) no-repeat 20vw center;
	background-size: 2.35vw 2.35vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi li a.emergency {
	color: #df2a00;
	background: #ffdad1 url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi li a.blue {
	color: #00b5df;
	background: #d1f6ff url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi li a.green {
	color: #00df9a;
	background: #d1fff1 url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi li a.orange {
	color: #df9a00;
	background: #fff0e3 url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
}

div#pageIndex div.col2 section.study div.frame ul.navi li a.axis {
	color: #ffffff;
	background: #38508f url(../img/top/study.naviIcon.svg) no-repeat 33vw center;
	background-size: 2.35vw 2.35vw;
}

/* 0316 映像系整理 <<< */

header nav.user {
	font-size: 80%;
	color: #38508f;
	background-color: #f5f5f5;
	padding: 10px;
}
header nav.user img.icon {
	height: 20px;
	margin-right: 10px;
	vertical-align: middle;
}
header nav.user span {
	vertical-align: middle;
}