@charset "UTF-8";
/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS text size adjust after orientation change, without disabling
 *		user zoom.
 */
html {
	font-family: sans-serif;
	/* 1 */
	-ms-text-size-adjust: 100%;
	/* 2 */
	-webkit-text-size-adjust: 100%;
	/* 2 */ }

/**
 * Remove default margin.
 */
body {
	margin: 0; }

/* HTML5 display definitions
	 ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
	display: block; }

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
	display: inline-block;
	/* 1 */
	vertical-align: baseline;
	/* 2 */ }

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
	display: none;
	height: 0; }

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22.
 */
[hidden],
template {
	display: none; }

/* Links
	 ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
	background-color: transparent;
	text-decoration: none; }

/**
 * Improve readability when focused and also mouse hovered in all browsers.
 */
a:active,
a:hover {
	outline: 0; }

/* Text-level semantics
	 ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
	border-bottom: 1px dotted; }

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
	font-weight: bold; }

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
	font-style: italic; }

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
	font-size: 2em;
	margin: 0.67em 0; }

/**
 * Address styling not present in IE 8/9.
 */
mark {
	background: #ff0;
	color: #000; }

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
	font-size: 80%; }

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline; }

sup {
	top: -0.5em; }

sub {
	bottom: -0.25em; }

/* Embedded content
	 ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
	border: 0; }

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
	overflow: hidden; }

/* Grouping content
	 ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
	margin: 1em 40px; }

/**
 * Address differences between Firefox and other browsers.
 */
hr {
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0; }

/**
 * Contain overflow in all browsers.
 */
pre {
	overflow: auto; }

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
	font-family: monospace, monospace;
	font-size: 1em; }

/* Forms
	 ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *		Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
	color: inherit;
	/* 1 */
	font: inherit;
	/* 2 */
	margin: 0;
	/* 3 */ }

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
	overflow: visible; }

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
	text-transform: none; }

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *		and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *		`input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	/* 2 */
	cursor: pointer;
	/* 3 */ }

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
	cursor: default; }

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0; }

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
	line-height: normal; }

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
	box-sizing: border-box;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
	height: auto; }

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome
 *		(include `-moz` to future-proof).
 */
input[type="search"] {
	-webkit-appearance: textfield;
	/* 1 */
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	/* 2 */
	box-sizing: content-box; }

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none; }

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
	border: 1px solid #c0c0c0;
	margin: 0 2px;
	padding: 0.35em 0.625em 0.75em; }

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
	border: 0;
	/* 1 */
	padding: 0;
	/* 2 */ }

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
	overflow: auto; }

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
	font-weight: bold; }

/* Tables
	 ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
	border-collapse: collapse;
	border-spacing: 0; }

td,
th {
	padding: 0; }

/**
 * Swiper 4.5.0
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * http://www.idangero.us/swiper/
 *
 * Copyright 2014-2019 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: February 22, 2019
 */
.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 {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column; }

.swiper-wrapper {
	position: relative;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: transform;
	transition-property: transform,-webkit-transform;
	-webkit-box-sizing: content-box;
	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 {
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap; }

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

.swiper-slide {
	-webkit-flex-shrink: 0;
	-ms-flex-negative: 0;
	flex-shrink: 0;
	width: 100%;
	height: 100%;
	position: relative;
	-webkit-transition-property: -webkit-transform;
	transition-property: -webkit-transform;
	-o-transition-property: transform;
	transition-property: 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 {
	-webkit-box-align: start;
	-webkit-align-items: flex-start;
	-ms-flex-align: start;
	align-items: flex-start;
	-webkit-transition-property: height,-webkit-transform;
	transition-property: height,-webkit-transform;
	-o-transition-property: transform,height;
	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: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
	background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	background-image: -o-linear-gradient(top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
	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 {
	-ms-touch-action: pan-y;
	touch-action: pan-y; }

.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {
	-ms-touch-action: pan-x;
	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: .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;
	-webkit-transition: .3s opacity;
	-o-transition: .3s opacity;
	transition: .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);
	-ms-transform: scale(0.33);
	transform: scale(0.33);
	position: relative; }

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

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

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

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

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

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

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

button.swiper-pagination-bullet {
	border: none;
	margin: 0;
	padding: 0;
	-webkit-box-shadow: none;
	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%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 8px; }

.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	display: inline-block;
	-webkit-transition: .2s top,.2s -webkit-transform;
	transition: .2s top,.2s -webkit-transform;
	-o-transition: .2s transform,.2s top;
	transition: .2s transform,.2s top;
	transition: .2s transform,.2s top,.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%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	white-space: nowrap; }

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

.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
	-webkit-transition: .2s right,.2s -webkit-transform;
	transition: .2s right,.2s -webkit-transform;
	-o-transition: .2s transform,.2s right;
	transition: .2s transform,.2s right;
	transition: .2s transform,.2s right,.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);
	-ms-transform: scale(0);
	transform: scale(0);
	-webkit-transform-origin: left top;
	-ms-transform-origin: left top;
	transform-origin: left top; }

.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
	-webkit-transform-origin: right top;
	-ms-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: #fff; }

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

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

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

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

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

.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: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	-ms-flex-align: 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%;
	-ms-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 {
	-webkit-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out; }

.swiper-container-fade .swiper-slide {
	pointer-events: none;
	-webkit-transition-property: opacity;
	-o-transition-property: opacity;
	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;
	-ms-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;
	-ms-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: #000;
	opacity: .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; }

.contact-head {
	margin: 1em 0 !important; }

.contact-form {
	padding: 1rem;
	max-width: 1000px;
	margin: 0 auto; }
	.contact-form button, .contact-form input, .contact-form optgroup, .contact-form select, .contact-form textarea {
		padding: 10px;
		border: 1px solid #dadada; }
	.contact-form input[type="text"], .contact-form input[type="tel"], .contact-form input[type="email"], .contact-form textarea {
		width:100%; }

		.contact-form input[type="text"]:focus, .contact-form input[type="tel"]:focus, .contact-form input[type="email"]:focus, .contact-form textarea:focus {
			border: 1px solid #2196F3; }
	.contact-form input[type="submit"] {
		font-family: 'Noto Serif JP', serif;
		font-size: 1.3em;
		width: 60%;
		max-width: 390px;
		min-width: 220px;
		height: 80px;
		margin: 30px auto;
		display: block;
		text-align: center;
		padding: 0.3em 1em;
		text-decoration: none;
		color: #0069A3;
		border: solid 2px #0069A3;
		border-radius: 3px;
		transition: all .4s ease;
		background: transparent; }
		.contact-form input[type="submit"]:hover {
			background: #0069A3;
			color: #fff; }

	.contact-form .required-srt {
		font-size: .79em;
		display: inline-block;
		background: #f35b5b;
		color: #fff;
		padding: 0 10px;
		margin-left: 5px;
		border-radius: 3px; }

.contact-form table {
	width: 100%;
	font-size: 16px; }
	.contact-form table th {
		vertical-align: top;
		width: 25%;
		padding: 20px 0 10px 15px; }
	.contact-form table td {
		line-height: 150%;
		padding: 10px 5px; }
	@media (max-width: 767px) {
		.contact-form table th, .contact-form table td {
			margin: 0;
			padding: 0;
			display: block;
			width: 100%; }
		.contact-form table th {
			margin: 1.5em 0 .5em; } }

.confirm-text, .confirm-note {
	max-width: 1000px;
	text-align: center;
	margin: 0 auto; }

.confirm-note {
	margin-bottom: 30px; }

.conform-text {
	padding: 1rem; }

.contact-inner div form table tbody tr {
	border-bottom: 1px solid #ccc; }

.other-teacher ul {
	list-style: none;
	padding: 0 1rem;
	margin: 0 auto; }

.inner {
	max-width: 1050px;
	margin: 0 auto; }

@media (min-width: 489px) {
	.mbl {
		display: none !important; } }

@media (min-width: 768px) {
	.sp {
		display: none !important; } }

@media (max-width: 767px) {
	.pc {
		display: none !important; } }

body {
	position: relative;
	font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	color: #1E1E1E;
	position: relative;
	text-align: justify;
	text-justify: inter-ideograph;
	line-height: 1.6;
	overflow-x: hidden;
	font-size: 16 px;
	font-weight: 400; }

defs {
	display: none; }

.clearfix::after {
	content: "";
	display: block;
	clear: both; }

* {
	-webkit-box-sizing: border-box;
	box-sizing: border-box; }

a {
	color: #0069A3;
	transition: .5s; }
	a:hover {
		color: #1F3B5A; }

iframe {
	width: 100%; }

img {
	max-width: 100%;
	height: auto; }

:focus {
	border: 0;
	outline: none;
	box-shadow: none; }

hr {
	opacity: .3; }

.line {
	background: linear-gradient(transparent 0, #ffd6fd 0);
}

.under {
	text-decoration: underline;
}

.navi-button {
	border: none;
	background: transparent;
	margin: 0;
	padding: 0;
	position: fixed;
	top: 3px;
	right: 0px;
	width: 48px;
	height: 48px;
	outline: 0;
	z-index: 10;
	transition: .5s; }
	.navi-button span {
		display: block;
		background: #0069A3;
		width: 30px;
		height: 2px;
		position: absolute;
		right: 13px;
		transition: .5s; }
		.navi-button span:first-child {
			top: 10px; }
		.navi-button span:nth-child(2) {
			top: 19px; }
		.navi-button span:nth-child(3) {
			top: 28px; }
	.navi-button:after {
		color: #0069A3;
		font-family: 'Lora', serif;
		position: absolute;
		content: "MENU";
		background: transparent;
		font-size: 10px;
		top: 36px;
		right: 13px;
		font-weight: 600; }
	@media (min-width: 1100px) {
		.navi-button {
			display: none; } }
	.navi-button.open {
		position: fixed;
		right: 0; }
		.navi-button.open span {
			width: 24px; }
			.navi-button.open span:first-child {
				transform-origin: top left;
				transform: rotate(45deg);
				top: 15px;
				left: 19px; }
			.navi-button.open span:nth-child(2) {
				transform: translateX(100px); }
			.navi-button.open span:nth-child(3) {
				transform-origin: top left;
				transform: rotate(-45deg);
				top: 32px;
				left: 18px; }
		.navi-button.open:after {
			content: "CLOSE";
			right: 4px; }

.navi {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100vh;
	z-index: -1;
	background: #E4F3FF; }
	.navi a {
		color: #0069A3;
		display: block;
		border-bottom: 1px dotted;
		padding-bottom: 10px; }
	.navi ul {
		font-family: 'Noto Serif JP', serif;
		padding: 90px 10px 10px;
		margin: 0;
		height: 100%;
		width: 240px;
		position: absolute;
		top: 0;
		right: 0; }
		.navi ul li {
			padding-bottom: 5px;
			margin-bottom: 14px;
			display: block; }
			.navi ul li.conversion {
				text-align: center; }
				.navi ul li.conversion a {
					background: #FFC756;
					padding: 0;
					border: none;
					padding: 10px;
					border-radius: 6px;
					font-weight: bold;
					border-bottom: 4px solid #C99938; }
	.navi.open {
		position: fixed;
/* cursor: pointer; */
		z-index: 0; }
		.navi.open .navi__list li {
			border-bottom: 1px solid; }

.fixbody {
	overflow: hidden !important; }

.container {
	background: #fff;
	transition: .5s; }
	.container.open {
		transform: translateX(-240px);
		cursor: pointer; }

.overlay {
	visibility: hidden;
	position: fixed;
	width: calc(100% - 240px);
	height: 100vh;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.6);
	transition: 1s;
	opacity: 0; }
	.overlay.open {
		visibility: visible;
		cursor: pointer;
		opacity: 1;
		z-index: 1; }

.top {
	position: fixed;
	width: 100%;
	height: 60px;
	top: 0;
	left: 0;
	z-index: 2;
	background: #fff;
	font-family: 'Noto Serif JP', serif;
	display: flex;
	justify-content: space-between;
	align-items: center; }
	.top__logo {
		display: block;
		max-width: 250px;
		height: 60px;
		text-align: center;
		padding: 5px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
		background: #1f3b5a;
		/* Old browsers */
		background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
		/* IE6-9 */
		transition: .5s; }
		.top__logo svg {
			width: 110px;
			height: 26px; }
		.top__logo span {
			color: #fff;
			display: block;
			font-size: 10px;
			font-family: 'Noto Serif JP', serif; }
		.top__logo:hover {
			background: #1F3B5A; }
	.top__menu {
		font-size: 13px;
		padding: 0;
		margin: 0;
		width: calc(100% - 450px); }
		.top__menu ul {
			display: flex;
			align-items: center;
			justify-content: space-around;
			padding: 0;
			margin: 0; }
		.top__menu li {
			display: inline-block;
			margin-left: 15px;
			line-height: 1.2; }
			.top__menu li a {
				color: #1E1E1E;
				font-weight: 600;
				transition: .5s; }
				.top__menu li a:hover {
					color: #0069A3; }
		.top__menu--button {
			/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
			background: #1f3b5a;
			/* Old browsers */
			background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
			/* FF3.6-15 */
			background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
			/* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
			/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
			/* IE6-9 */
			border: none;
			padding: 5px 15px;
			font-weight: 600;
			color: #fff;
			border-radius: 6px; }
			.top__menu--button.blue {
				background: #0069A3; }
			@media (min-width: 768px) {
				.top__menu--button {
					transition: .5s; }
					.top__menu--button:hover {
						background: #1F3B5A; } }
		@media (max-width: 1099px) {
			.top__menu {
				display: none; } }
	.top__cta {
		display: none; }
	.top.fix {
		background: rgba(255, 255, 255, 0.9); }
	@media (min-width: 1100px) {
		.top {
			height: 90px; }
			.top__logo {
				height: 90px; }
				.top__logo svg {
					width: 140px;
					height: 32px;
					margin-top: 15px; }
			.top__cta {
				display: flex;
				align-items: center;
				height: 90px;
				margin-left: 40px;

				color: #fff;
				position: relative;
				z-index: 0;}
				.top__cta:before, .top__cta:after {
					content: "";
					position: absolute;
					display: block;
					top: 0;
					width: 0;
					height: 0;
					border-style: solid;
					z-index: -1;
					transition: .5s; }
				.top__cta:before {
					border-width: 90px 40px 0 40px;}
				.top__cta:after {
					border-width: 0 40px 90px 40px;}
				.top__cta span {
					position: relative;
					padding-right: 30px; }
					.top__cta span:after {
						position: absolute;
						top: calc(50% - 10px);
						right: 10px;
						content: "";
						display: inline-block;
						width: 0;
						height: 0;
						border-style: solid;
						border-width: 10px 0 10px 10px;
						border-color: transparent transparent transparent #fff; }
				.top__cta:hover {
					color: #fff;
					background: #1F3B5A; }
					.top__cta:hover:before {
						border-color: #1F3B5A transparent transparent transparent; }
					.top__cta:hover:after {
						border-color: transparent transparent #1F3B5A transparent; }
			.top.home-top {
				top: 30px;
				left: 50%;
				width: calc(100% - 60px);
				border-radius: 6px;
				overflow: hidden;
				transform: translateX(-50%);
				max-width: 1650px;
				transition: .3s; } }
		@media (min-width: 1100px) and (min-width: 1150px) {
			.top.home-top .top__menu {
				font-size: 11px; } }
		@media (min-width: 1100px) and (min-width: 1250px) {
			.top.home-top .top__menu {
				font-size: 14px; } }
		@media (min-width: 1100px) and (min-width: 1350px) {
			.top.home-top .top__menu {
				font-size: 16px; } }
		@media (min-width: 1100px) and (min-width: 1450px) {
			.top.home-top .top__menu {
				font-size: 18px; } }
		@media (min-width: 1100px) and (max-width: 1199px) {
			.top.home-top {
				font-size: .9em; } }
	@media (min-width: 1100px) {
				.top.home-top.fix {
					top: 0;
					left: 0;
					width: 100%;
					border-radius: 0;
					transform: translateX(0);
					max-width: 100%; } }
	@media (min-width: 1250px) {
		.top__menu {
			font-size: 15px; } }
	@media (min-width: 1400px) {
		.top__menu {
			font-size: 18px; } }

.home-main {
background: url(../img/main.jpg) center center /cover no-repeat;
	height: 142vw;
	padding-top: 45px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	font-family: 'Noto Serif JP', serif;
position:relative;}
	.home-main::after{
	content: '';
	width: 100vw;
	height: 30%;
	display: block;
	position:absolute;
	bottom:20px;
	left:0;
	background: url(../img/medal_pc.png) no-repeat center bottom;
background-size:90%;}
	.home-main h1 {
		margin: 0;
		color: #fff;
		line-height: 1.4;
		font-size: 6vw; }
	.home-main a.online{
		margin: 10px 0 0;
		padding:6px 34px 6px 5px;
		color: #fff;
    	background: #0069A3;
		display: inline-block;
		font-size: 3.4vw;
		position: relative;}
	.home-main a.online:after {
		position: absolute;
		top: calc(50% - 6px);
		right: 10px;
		content: "";
		display: inline-block;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 6px 0 6px 8px;
		border-color: transparent transparent transparent #fff;
	}
	@media (min-width: 768px) {
		.home-main {
			background: url(../img/main-pc.jpg) center center/cover no-repeat;
			height: 50vw; }
			.home-main h1 {
				color: #1E1E1E;
				font-size: 4.6vw; }
	.home-main div {
	  padding: 0 0 11vw;
	  background: url(../img/medal_pc.png) left bottom /70% no-repeat;
	}
	.home-main a.online{
		font-size: 2.0vw;
		border: solid 1px #0069A3;
	}
	.home-main a.online:after {
		top: calc(50% - 10px);
		border-width: 10px 0 10px 10px;
		border-color: transparent transparent transparent #fff;
	}
	.home-main a.online:hover{
		color: #0069A3;
		border: solid 1px #0069A3;
		background:none;
	}
	.home-main a.online:hover:after {
		border-color: transparent transparent transparent #0069A3;
	}

	.home-main::after{
		display: none;
	}
}

.home-title {
	text-align: center;
	font-weight: 400;
	font-family: 'Noto Serif JP', serif;
	font-size: 38px;
	margin: 0 0 1em; }
	.home-title span {
		display: block;
		font-family: 'Lora', serif;
		color: #0069A3;
		font-size: 24px;
		letter-spacing: 20px; }
		.home-title span:after {
			content: "";
			background: #dadada;
			height: 1px;
			width: 237px;
			display: block;
			margin: 0 auto; }

.home-event {
	position: relative;
	overflow: hidden;
	padding: 3em 0 0;
	z-index: 0; }
	.home-event:before, .home-event:after {
		content: "";
		position: absolute;
		display: block;
		z-index: -1; }
	.home-event:before {
		background: #FFF2F4;
		width: 30vw;
		height: 30vw;
		top: -15vw;
		right: -15vw;
		transform: rotate(45deg); }
	.home-event:after {
		background: #FFF9E1;
		width: 30vw;
		height: 30vw;
		bottom: -15vw;
		left: -15vw;
		transform: rotate(45deg); }
	.home-event__list, .event-list {
		padding: 0;
		margin: 0; }
		.home-event__list li, .event-list li {
			display: block;
			padding: 1em; }
			.home-event__list li > div, .event-list li > div {
				border: 1px solid #dadada;
				background: #fff;
				position: relative;
				height: 100%;
				padding-bottom: 50px; }
			.home-event__list li img, .event-list li img {
				display: block;
				width: 100%; }
			.home-event__list li h3, .event-list li h3 {
				font-family: 'Noto Serif JP', serif;
				font-weight: 400;
				margin: 0;
				/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
				background: #1f3b5a;
				/* Old browsers */
				background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
				/* FF3.6-15 */
				background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
				/* Chrome10-25,Safari5.1-6 */
				background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
				/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
				filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
				/* IE6-9 */
				color: #fff;
				text-align: center; }
			.home-event__list li p, .event-list li p {
				margin: 0 0 1em;
				padding: 1em; }
			.home-event__list li a, .event-list li a {
				display: block;
				padding: 5px;
				border: 1px solid #dadada;
				color: #777;
				width: 80%;
				max-width: 235px;
				margin: 0 auto 1em;
				text-align: center;
				transition: .5s;
				position: absolute;
				bottom: 0;
				left: 50%;
				transform: translateX(-50%); }
				.home-event__list li a:hover, .event-list li a:hover {
					background: #1F3B5A;
					color: #fff; }
.home-event p span.morebtn{
	text-align:center;
	padding:20px 0 0;
	display:block;
}
.home-event p span.morebtn a{
	display: block;
	padding: 7px;
    border: 1px solid #dadada;
	background: #1F3B5A;
    color: #fff;
    width: 90%;
    max-width: 300px;
    margin: 0 auto 1em;
    text-align: center;
    transition: .5s;
}
.home-event p span.morebtn a:hover {
	background: none;
	color: #777;
}

/* コロナのお知らせアコーディオン */
.home-event .accordion-container {
  position: relative;
  border: 1px solid #0169a3;
  border-top: none;
  outline: 0;
	}

	.home-event:before, .home-event:after {
		display:none;}

	.accordion-container .accordion-title {
	  display: block;
	  position: relative;
	  margin: 0;
	  padding: 0.625em 2.6em 0.625em 0.625em;
	  font-weight: normal;
	  color: #fff;
	  background: #0169a3;
	  cursor: pointer;
	}

	.accordion-container .accordion-title:hover,
	.accordion-container .accordion-title:active,
	.accordion-container .content-entry.open .accordion-title {
	  background:#1F3B5A;
	  color: #fff;
	}

	.accordion-container .accordion-title:hover i:before,
	.accordion-container .accordion-title:hover i:active,
	.accordion-container .content-entry.open i {
	  color: #fff;
	}

	.accordion-title{
	  position: relative;
	}

	.accordion-title:after {
	  content: "";
	  position: absolute;
	  right: 25px;
	  top: 38%;
	  transition: all 0.2s ease-in-out;
	  display: block;
	  width: 8px;
	  height: 8px;
	  border-top: solid 2px #fff;
	  border-right: solid 2px #fff;
	  -webkit-transform: rotate(135deg);
	  transform: rotate(135deg);
	}

	.accordion-title.open:after {
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	  top: 45%;
	}

	.accordion-content {
	  display: none;
	  padding: 20px;
	}
	.accordion-content p{
	  margin:0;
	}

.swiper-container {
	padding: 0 2em; }

.home-news {
	background: #E4F3FF;
	border-left: 16px solid #42C5CF;
	padding: 3em 1em; }
	.home-news__list, .news-list {
		max-width: 1050px;
		margin: 0 auto;
		padding: 0; }
		.home-news__list li, .news-list li {
			display: block;
			margin-bottom: 1.5em; }
			.home-news__list li a, .news-list li a {
				display: flex;
				flex-wrap: wrap;
				align-items: center;
				color: #1E1E1E; }
				.home-news__list li a time, .news-list li a time {
					width: 120px;
					margin-right: 1em;
					margin-bottom: 5px; }
				.home-news__list li a span, .news-list li a span {
					margin-right: 1em;
					padding: 5px 15px;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
					background: #1f3b5a;
					/* Old browsers */
					background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* FF3.6-15 */
					background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
					/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
					/* IE6-9 */
					color: #fff;
					margin-bottom: 5px; }
				.home-news__list li a > div, .news-list li a > div {
					width: 100%; }
					.home-news__list li a > div *, .news-list li a > div * {
						margin: 0; }
					.home-news__list li a > div h3, .news-list li a > div h3 {
						font-size: 1em; }
				@media (min-width: 768px) {
					.home-news__list li a, .news-list li a {
						align-items: center;
						transition: .5s; }
						.home-news__list li a:hover, .news-list li a:hover {
							opacity: .5; }
						.home-news__list li a time, .news-list li a time,
						.home-news__list li a span,
						.news-list li a span {
							margin-bottom: 0; }
						.home-news__list li a > div, .news-list li a > div {
							width: calc(100% - 270px); } }

.more {
	color: #0069A3;
	display: block;
	padding: 10px;
	border: 2px solid;
	width: 80%;
	max-width: 235px;
	margin: 0 0 0 auto;
	text-align: center;
	transition: .5s; }
	.more:hover {
		background: #1F3B5A;
		color: #fff; }

.big-title {
	font-family: 'Noto Serif JP', serif;
	font-size: 2em;
	color: #1F3B5A;
	display: inline-block;
	text-align: left;
	margin: 0;
	font-weight: normal; }
	@media (min-width: 850px) {
		.big-title {
			font-size: 2.3em; } }

.performance__top {
	text-align: center;
	padding: 3.5em 1em; }
.performance__left {
	background: #fff2f4;
	/* Old browsers */
	background: -moz-linear-gradient(top, #fff2f4 0%, #fff2f4 50%, #6ba8e5 50%, #e4f3ff 50%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fff2f4 0%, #fff2f4 50%, #6ba8e5 50%, #e4f3ff 50%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fff2f4 0%, #fff2f4 50%, #6ba8e5 50%, #e4f3ff 50%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fff2f4', endColorstr='#e4f3ff',GradientType=0 );
	/* IE6-9 */
	padding: 1em;
	position: relative;
	z-index: 0; }
	.performance__left:before {
		position: absolute;
		top: 0;
		left: 0;
		content: "";
		display: block;
		width: 50%;
		height: 100%;
		background: #FFF9E1;
		z-index: -1; }
	.performance__left > div {
		background: #fff;
		padding: 1em; }
	.performance__left h3 {
		font-family: 'Noto Serif JP', serif;
		color: #1F3B5A;
		font-size: 1.5em; }
		@media (min-width: 768px) {
			.performance__left h3 {
				font-size: 2.5em; } }
	.performance__left dl {
		font-size: .8em;
		display: flex;
		justify-content: space-between; }
		.performance__left dl dt {
			width: calc(100% - 50px); }
		.performance__left dl dd {
			width: 40px;
			margin: 0; }
	.performance__left--table {
		font-family: 'Noto Serif JP', serif;
		display: flex;
		justify-content: space-between; }
		.performance__left--table > div {
			margin-bottom: 1em;
			width: calc(50% - .5em); }
.performance__right {
	background: url(../img/right-back.jpg) center center/cover no-repeat;
	padding: 2em; }
	.performance__right > div {
		background: rgba(0, 105, 163, 0.5);
		padding: 1em; }
	.performance__right h3 {
		text-align: center;
		font-family: 'Noto Serif JP', serif;
		color: #fff;
		font-size: 1.5em; }
		.performance__right h3 svg {
			width: 135px;
			height: 32px;
			margin-right: 6px; }
		@media (min-width: 768px) {
			.performance__right h3 {
				font-size: 2.5em; }
				.performance__right h3 svg {
					width: 185px;
					height: 44px; } }
	.performance__right--box {
		text-align: center; }
		.performance__right--box > ul {
			font-family: 'Noto Serif JP', serif;
			text-align: left;
			padding: 0;
			margin: 0;
			width: 160px;
			color: #fff;
			font-size: .8em; }
			.performance__right--box > ul li {
				display: block; }
		@media (max-width: 1049px) {
			.performance__right--box > ul {
				width: 100%;
				margin-bottom: 3em;
				display: flex;
				flex-wrap: wrap; }
				.performance__right--box > ul li {
					margin: 0 1em 1em 0; } }
		@media (min-width: 1050px) {
			.performance__right--box {
				display: flex;
				align-items: flex-start;
				justify-content: space-between; }
				.performance__right--box > img {
					width: calc(100% - 170px); } }
@media (min-width: 1050px) {
	.performance {
		display: flex;
		flex-wrap: wrap; }
		.performance__top {
			width: 100%; }
		.performance__left {
			width: 50%;
			padding: 4em; }
			.performance__left--table > div {
				width: calc(50% - 1em); }
		.performance__right {
			width: 50%;
			padding: 4em; } }
@media (min-width: 1500px) {
	.performance__left > div {
		padding: 4em; }
	.performance__left dl {
		line-height: 1.8;
		font-size: 1em; }
	.performance__right > div {
		padding: 4em; } }

.home-about__top {
	padding: 4em 1em 2em;
	text-align: center; }
.home-about__box {
	max-width: 1450px;
	margin: 0 auto 3em;
	text-align: center; }
	.home-about__box > div {
		text-align: justify;
		padding: 0 1em; }
.home-about__list, .backup {
	padding: 0;
	margin: 0; }
	.home-about__list li, .backup li {
		text-align: center;
		display: block; }
	.home-about__list h3, .backup h3 {
		font-family: 'Noto Serif JP', serif;
		font-size: 1.5em;
		font-weight: normal; }
	.home-about__list p, .backup p {
		text-align: justify;
		padding: 0 2em; }
.home-about__list .morebtn{
text-align: center;
padding: 0 4em 20px;
display: block;
}
.home-about__list .morebtn a{
display: block;
padding: 7px;
border: 1px solid #dadada;
background: #1F3B5A;
color: #fff;
width: 90%;
max-width: 300px;
margin: 0 auto 1em;
text-align: center;
transition: .5s;
}
.home-about__list .morebtn a:hover {
background: none;
color: #777;
}
@media (min-width: 768px) {
	.home-about__box {
		display: flex;
		justify-content: space-between;
		align-items: flex-start; }
		.home-about__box img {
			width: 50%;
			max-width: 545px; }
	.home-about__list, .backup {
		display: flex;
		justify-content: space-between; }
		.home-about__list li, .backup li {
			width: 33.333%; }
			.home-about__list li:nth-child(2), .backup li:nth-child(2) {
				border-left: 1px solid #dadada;
				border-right: 1px solid #dadada; }
			.home-about__list li p, .backup li p {
				padding: 0 4em; }
	.home-about__image, .backup-image {
		margin: 0;
		padding: 0;
		display: flex;
		justify-content: space-between; }
		.home-about__image li, .backup-image li {
			display: block;
			width: 33.333%; }
			.home-about__image li img, .backup-image li img {
				width: 100%; } }

.top_movie{
	overflow:hidden;
	text-align:center;
	}
	.top_movie .movie_title p{
		position:relative;
		margin:3em auto 4em;
		padding:0;
		width:90%;
		max-width:500px;
		font-size:1.2em;
		font-weight:bold;
		color:#0069A3;
	}
	.top_movie .movie_title p:before,.top_movie .movie_title p:after {
		content: "";
		position: absolute;
		top:50%;
		display: block;
		height:1px;
		width:150%;
		background:#0069A3;
	}
	.top_movie .movie_title p:before {
		left:100%;
	}
	.top_movie .movie_title p:after {
		right:100%;
	}
	.top_movie .movie_area{
		max-width:720px;
		margin:0 auto 3em;
	}
	.top_movie .movie_area video{
		width:100%;
	}

	@media (max-width: 767px) {
		.top_movie .movie_title p{
			font-size:1.0em;
		}
	}

.top_iwabuchi_movie{
	overflow:hidden;
	text-align:center;
	}
	.top_iwabuchi_movie .movie_title p{
		position:relative;
		margin:3em auto 4em;
		padding:0;
		width:90%;
		max-width:500px;
		font-size:1.2em;
		font-weight:bold;
		color:#0069A3;
	}
	.top_iwabuchi_movie .movie_title p:before,.top_iwabuchi_movie .movie_title p:after {
		content: "";
		position: absolute;
		top:0;
		display: block;
		height:100%;
		width:150%;
		background:#0069A3;
	}
	.top_iwabuchi_movie .movie_title p:before {
		left:100%;
	}
	.top_iwabuchi_movie .movie_title p:after {
		right:100%;
	}
	.top_iwabuchi_movie .movie_area_flex{
		display: flex;
		flex-wrap: wrap;
		max-width:1720px;
		margin:0 auto 3em;
		justify-content:center;
	}
	.top_iwabuchi_movie .movie_area{
		width:46%;
		padding: 0 1%;
		margin:0;
	}
	.top_iwabuchi_movie .movie_area h3{
		font-family: 'Noto Serif JP', serif;
		font-size: 1.5em;
		font-weight: normal;
	}
	.top_iwabuchi_movie .movie_area video{
		width:100%;
	}

	@media (max-width: 767px) {
		.top_iwabuchi_movie .movie_area{
			width:100%;
			padding: 0 ;
		}
		.top_iwabuchi_movie .movie_title p{
			font-size:1.0em;
		}
	}

.home-parents{
	max-width:800px;
	margin:0 auto;
	padding-top:5em;
}
.home-parents__voice{
	position:relative;
	overflow: hidden;
	padding: 0;
	font-size:1.1em;
}
.home-parents__voice .swiper-slide{
	padding: 0 10%;
}
.home-parents__voice .swiper-slide .inner{
	border-radius:10px;
	padding:20px;
	background:#fff9e1;
}
.home-parents__voice .swiper-slide .inner p{
	margin:10px 0 0;
	padding:10px 0 0;
	border-top:1px solid #1e1e1e;
}

.home-voice {
	position: relative;
	overflow: hidden;
	padding: 5em 0;
	z-index: 0; }
	.home-voice .home-title span {
		letter-spacing: 10px; }
	.home-voice:before {
		content: "";
		position: absolute;
		display: block;
		background: #E4F3FF;
		width: 120vw;
		height: 100vw;
		bottom: -80vw;
		right: -30vw;
		transform: rotate(-20deg); }
	.home-voice__list {
		max-width: 1750px;
		padding: 0 1em;
		margin: 0 auto; }
		.home-voice__list li {
			margin-bottom: 1em;
			display: block;
			position: relative; }
			.home-voice__list li img {
				display: block; }
			.home-voice__list li > div {
				position: absolute;
				right: 0;
				top: 0;
				background: rgba(0, 105, 163, 0.5);
				width: 50%;
				height: 100%;
				color: #fff;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center;
				text-align: center; }
				.home-voice__list li > div dl dt {
					font-size: .8em; }
				.home-voice__list li > div dl dd {
					margin: 0;
					font-family: 'Noto Serif JP', serif; }
				.home-voice__list li > div a {
					display: block;
					padding: 5px;
					border: 1px solid #fff;
					color: #fff;
					width: 80%;
					max-width: 235px;
					margin: 0 auto 1em;
					text-align: center;
					transition: .5s; }
					.home-voice__list li > div a:hover {
						background: #1F3B5A;
						color: #fff; }
		@media (min-width: 550px) {
			.home-voice__list {
				display: flex;
				flex-wrap: wrap; }
				.home-voice__list li {
					width: calc(50% - 20px);
					margin: 0 10px 20px; } }
		@media (min-width: 960px) {
			.home-voice__list li {
				width: calc(25% - 20px); } }
		.home-voice__list.swiper-wrapper li {
			margin: 0 0 20px; }
		@media (max-width: 399px) {
			.home-voice__list.swiper-wrapper {
				font-size: .8em; } }
		@media (min-width: 550px) {
			.home-voice__list.swiper-wrapper {
				flex-wrap: nowrap; }
				.home-voice__list.swiper-wrapper li {
					margin: 0 0 20px -4px; } }

.swiper-container2 {
	position: relative; }

.speaker section {
	text-align: center; }
	.speaker section > div div {
		padding: 1em; }
	.speaker section img {
		display: block; }
	.speaker section h2 {
		font-family: 'Noto Serif JP', serif;
		margin: 0;
		color: #fff;
		font-size: 1em; }
	.speaker section dl {
		color: #fff; }
		.speaker section dl dt {
			font-size: .8em; }
		.speaker section dl dd {
			font-family: 'Noto Serif JP', serif;
			margin: 0; }
	.speaker section p {
		color: #fff;
		font-size: .8em; }
	.speaker section a {
		display: flex;
		align-items: center;
		justify-content: center;
		padding: 1em;
		transition: .5s; }
		.speaker section a span {
			display: block;
			padding: 5px;
			border: 1px solid;
			width: 80%;
			max-width: 235px; }
		.speaker section a:hover {
			background: #1F3B5A;
			color: #fff; }
.speaker__mentor > div div {
	background: #42C5CF; }
.speaker__mentor > div a {
	background: #f7d5db;
	color: #0069A3; }
.speaker__ceo > div div {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
	background: #1f3b5a;
	/* Old browsers */
	background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
	/* IE6-9 */ }
.speaker__ceo > div a {
	background: #999;
	color: #fff; }
@media (min-width: 650px) {
	.speaker section {
		position: relative; }
		.speaker section > div {
			position: absolute;
			top: 0;
			right: 0;
			width: 40%;
			height: 100%; }
			.speaker section > div div {
				height: 75%;
				display: flex;
				flex-direction: column;
				align-items: center;
				justify-content: center; }
			.speaker section > div a {
				height: 25%; } }
@media (min-width: 1200px) {
	.speaker {
		display: flex; }
		.speaker__ceo > div a {
			background: rgba(255, 255, 255, 0.5); }
		.speaker__mentor > div a {
			background: rgba(238, 171, 182, 0.5); } }
@media (min-width: 1500px) {
	.speaker section > div div {
		font-size: 1.2em; } }

.flow {
	padding: 3em 0; }
	.flow .home-title span {
		letter-spacing: 8px; }
	.flow__list {
		max-width: 1750px;
		padding: 0 1em;
		margin: 0 auto; }
		.flow__list li {
			display: block;
			margin: 10px;
			border: 3px solid #42C5CF;
			padding: 1em; }
			.flow__list li h3 {
				line-height: 1.2;
				margin-top: 0;
				color: #42C5CF;
				font-family: 'Noto Serif JP', serif;
				font-weight: 400;
				display: flex;
				align-items: flex-start; }
				.flow__list li h3:before {
					content: attr(title);
					display: inline-block;
					font-family: 'Lora', serif;
					font-size: 1.5em;
					margin-right: 10px;
					margin-top: -8px; }
					.flow__list li p a{
						display: block;
						padding: 5px;
						border: 1px solid #42C5CF;
						color: #42C5CF;
						width: 80%;
						max-width: 235px;
						margin:1em auto 0;
						text-align: center;
						transition: .5s;
					}
					.flow__list li p a:hover {
						background: #42C5CF;
						color: #fff;
					}
		@media (min-width: 550px) {
			.flow__list {
				display: flex;
				flex-wrap: wrap; }
				.flow__list li {
					width: calc(50% - 20px);
					margin: 0 10px 20px; }
					.flow__list li h3 {
						font-size: 1.5em;
						display: flex;
						align-items: center; } }
		@media (min-width: 1250px) {
			.flow__list li {
				width: calc(25% - 20px);
				padding: 3em; }
				.flow__list li h3 {
					font-size: 1.8em; }
					.flow__list li h3:before {
						font-size: 60px;
						margin-right: 10px; } }

.cta {
	padding: 3em 0;
	background: #E4F3FF;
	text-align: center; }
	.cta__tel a {
		font-family: 'Noto Serif JP', serif;
		font-size: 38px;
		text-align: center;
		color: #fff;
		margin: 1em auto 0;
		display: block;
		width: 90%;
		max-width: 512px;
		padding: 10px 10px 10px 88px;
		border-radius: 6px;
		transition: .5s;
		background: #0069A3;
		border-bottom: 6px solid #014f7b;
		position:relative;
		line-height: 1.2em;}
		.cta__tel a svg {
			display: inline-block;
			width: 88px;
			height: 58px;
			margin-right: 0px;
			position:absolute;
			top:18px;
			left:20px; }
			.cta__tel a span {
				display: block;
				font-size: .3em;
				line-height: 2em;
			}
			.cta__tel a:hover {
				transform: translateY(6px);
				border-color: #0069A3;
			}
		@media (max-width: 767px) {
			.cta__tel a {
				font-size: 28px; }
				.cta__tel a svg {
					display: inline-block;
					width: 68px;
					height: 48px;
					margin-right: 0px;
					position: absolute;
					top: 12px;
					left: 20px; } }
	.cta__tel p {
		margin: 0;
		color: #0069A3;
		font-weight: bold; }
	.cta__contact {
		font-family: 'Noto Serif JP', serif;
		margin: 1em auto;
		display: block;
		background: #FFC756;
		font-size: 28px;
		width: 90%;
		max-width: 512px;
		padding: 10px;
		color: #1F3B5A;
		border-radius: 6px;
		border-bottom: 6px solid #C99938;
		transition: .5s; }
		.cta__contact span {
			display: block;
			font-size: .5em; }
		.cta__contact:hover {
			border-color: #FFC756;
			transform: translateY(6px); }
		@media (max-width: 400px) {
			.cta__contact {
				font-size: 24px; } }

.home-adress h2 {
	text-align: center;
	font-size: 1.5em;
	color: #1F3B5A;
	margin: 0;
	padding: 1em; }
.home-adress p {
	padding: 0 1em;
	font-size: 1.1em; }
.home-adress dl {
	text-align: left;
	padding: 1em; }
	.home-adress dl dd {
		margin: 0; }
@media (min-width: 768px) {
	.home-adress {
		display: flex; }
		.home-adress p {
			text-align: center; }
		.home-adress section {
			width: 50%;
			padding: 2em 0; }
			.home-adress section:first-child {
				border-right: 1px solid #dadada; } }
@media (min-width: 1250px) {
	.home-adress dl {
		margin: 1em auto; }
	.home-adress section:first-child dl {
		width: 350px; }
	.home-adress section:last-child dl {
		width: 550px;
		white-space: nowrap; } }

.bottom {
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
	background: #1f3b5a;
	/* Old browsers */
	background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
	/* IE6-9 */
	padding: 3em 0;
	color: #fff;
	text-align: center; }
	.bottom__logo {
		display: block;
		width: 50%;
		max-width: 250px;
		height: 60px;
		padding: 5px;
		margin: 0 auto;
		transition: .5s; }
		.bottom__logo:hover {
			opacity: .5; }
		.bottom__logo svg {
			width: 140px;
			height: 32px; }
		.bottom__logo span {
			color: #fff;
			display: block;
			font-size: 10px;
			font-family: 'Noto Serif JP', serif; }
	.bottom__menu ul {
		padding: 0;
		display: flex;
		justify-content: center;
		flex-wrap: wrap;
		max-width: 750px;
		margin: 3em auto 0; }
		.bottom__menu ul li {
			display: block;
			margin-top: 10px; }
			.bottom__menu ul li a {
				color: #fff;
				display: block;
				padding: 10px;
				transition: .5s; }
				.bottom__menu ul li a:hover {
					color: #FFC756; }
	.bottom small {
		margin-top: 3em;
		display: block; }

.low-main {
	font-family: 'Noto Serif JP', serif;
	padding: calc(10% + 60px) 1em 10%;
	position: relative;
	z-index: 0; }
	.low-main h1 {
		color: #1F3B5A; }
	.low-main.news {
		background: url(../img/news.jpg) center center/cover no-repeat; }
		@media (min-width: 768px) {
			.low-main.news {
				text-align: center; } }
	.low-main.event {
		background: url(../img/event.jpg) center center/cover no-repeat; }
		.low-main.event:before {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			position: absolute;
			top: 0;
			left: 0;
			background: rgba(255, 255, 255, 0.8);
			z-index: -1; }
		@media (min-width: 768px) {
			.low-main.event {
				text-align: center; } }

.low-head {
	font-size: 1.5em;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	color: #0069A3;
	font-weight: 400;
	padding: 1em;
	margin: 2em 0;
	position: relative; }
	.low-head:before, .low-head:after {
		content: "";
		display: block;
		width: 90%;
		max-width: 520px;
		height: 1px;
		background: #0069A3;
		margin: 0 auto;
		position: absolute;
		left: 50%;
		transform: translateX(-50%); }
	.low-head:before {
		top: 0; }
	.low-head:after {
		bottom: 0; }

.mt0 {
	margin-top: 0 !important; }

.contents-area {
	max-width: 1200px;
	margin: 3em auto;
	padding: 1em; }
	.contents-area h2 {
		font-family: 'Noto Serif JP', serif;
		border-left: 8px solid #0069A3;
		padding: 10px 5px; }

.event-detail {
	max-width: 1200px;
	margin: 3em auto -3em;
	padding: 1em; }
	.event-detail table {
		border-collapse: separate;
		border-spacing: 10px; }
		.event-detail table th, .event-detail table td {
			padding: .5em; }
		.event-detail table th {
			font-weight: 400;
			border-right: 2px solid #0069A3;
			padding-right: 2em; }
	@media (min-width: 768px) {
		.event-detail {
			display: flex;
			justify-content: space-between;
			align-items: flex-start;
			flex-wrap: wrap; }
			.event-detail > div {
				width: 100%; }
			.event-detail img, .event-detail table {
				width: calc(50% - .5em); } }

.event-list {
	display: flex;
	flex-wrap: wrap;
	max-width: 1000px;
	margin: 0 auto; }
	.event-list li {
		width: 100%; }
	@media (min-width: 450px) {
		.event-list li {
			width: 50%; } }
	@media (min-width: 768px) {
		.event-list li {
			width: 50%; } }

.page-main {
	background: url(../img/default.jpg) center right/cover no-repeat;
	font-family: 'Noto Serif JP', serif;
	padding: calc(10% + 60px) 1em 10%;
	position: relative;
	z-index: 0; }
	.page-main h1 {
		color: #1F3B5A; }
	.page-main > div {
		max-width: 1350px;
		margin: 0 auto;
		padding: 0 1em; }


/* 20200501追加 ここから */
.page-main.online > div {
	max-width: 50%;
	margin-left: auto;
	margin-right: 0;
}
/* 20200501追加 ここまで */

	@media (max-width: 1049px) {
		.page-main:after {
			background: rgba(255, 255, 255, 0.7);
			content: "";
			position: absolute;
			top: 0;
			left: 0;
			display: block;
			width: 100%;
			height: 100%;
			z-index: -1; } }
	.page-main.advantage {
		background: url(../img/advantage.jpg) center right/cover no-repeat; }
	.page-main.support {
		background: url(../img/support.jpg) center left/cover no-repeat; }
	.page-main.online {
		background: url(../img/online.jpg) center left/cover no-repeat;}
		.page-main.support > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.support > div {
					max-width: 100%;
					margin: 0; } }
		.page-main.online > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.online > div {
					max-width: 100%;
					margin: 0; } }
	.page-main.system {
		background:none;
padding: calc(5% + 60px) 1em 5%;
}
		.page-main.system > div {
max-width: 100%;
margin-left:auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.system > div {
					max-width: 100%;
					margin: 0; } }
	.page-main.contact, .page-main.contact-complete, .page-main.contact-confirm,.page-main.contact_a,.page-main.contact_b {
		background: url(../img/contacts.jpg) center left/cover no-repeat; }
		.page-main.contact > div, .page-main.contact-complete > div, .page-main.contact-confirm > div, .page-main.contact_a > div, .page-main.contact_b > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.contact > div, .page-main.contact-complete > div, .page-main.contact-confirm > div, .page-main.contact_a > div, .page-main.contact_b > div {
					max-width: 100%;
					margin: 0; } }
	.page-main.voice {
		background: url(../img/voice.jpg) center center/cover no-repeat; }
		.page-main.voice > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.voice > div {
					max-width: 100%;
					margin: 0; } }
	.page-main.mentor {
		background: url(../img/mentor.jpg) center left/cover no-repeat; }
		.page-main.mentor > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.mentor > div {
					max-width: 100%;
					margin: 0; } }
	.page-main.story {
		background: url(../img/story.jpg) center right/cover no-repeat; }
		@media (min-width: 1050px) {
			.page-main.story h1, .page-main.story p {
				color: #fff; } }
	.page-main.week {
		background: url(../img/week.jpg) center right/cover no-repeat; }
		@media (min-width: 1050px) {
			.page-main.week h1, .page-main.week p {
				color: #fff; } }
	.page-main.company {
		background: url(../img/company.jpg) center right/cover no-repeat; }
	.page-main.faq {
		background: url(../img/faq.jpg) center left/cover no-repeat; }
		.page-main.faq > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 1049px) {
				.page-main.faq > div {
					max-width: 100%;
					margin: 0; } }

.page-contents {
	padding: 3em 0 0; }

.advantage-caption {
	text-align: center; }
	.advantage-caption > div {
		text-align: justify; }
		.advantage-caption > div p {
			padding: 0 1em; }
	@media (min-width: 768px) {
		.advantage-caption {
			display: flex;
			align-items: flex-start;
			justify-content: center;
			max-width: 1350px;
			margin: 0 auto;
			padding: 0 1em; }
			.advantage-caption > div {
				width: 50%; }
			.advantage-caption > img {
				width: 50%;
				max-width: 545px; } }

.feature {
	padding: 0;
	margin: 0; }
	.feature__item {
		display: flex;
		margin-bottom: 2em;
		flex-wrap: wrap; }
		.feature__item:after {
			content: "";
			display: block;
			width: 100%;
			height: 0;
			padding-bottom: 50%; }
		.feature__item--no {
			width: 100%;
			display: flex;
			align-items: center; }
			.feature__item--no img {
				width: 50%; }
		.feature__item--text {
			width: 100%;
			padding: 1em; }
			.feature__item--text h3 {
				font-family: 'Noto Serif JP', serif;
				font-weight: 400;
				color: #1F3B5A;
				font-size: 24px; }
		.feature__item:first-child .feature__item--no {
			background: #EEABB6; }
		.feature__item:first-child .feature__item--text {
			background: #FFF2F4; }
		.feature__item:first-child:after {
			background: url(../img/feture1.jpg) center right/cover no-repeat; }
		.feature__item:nth-child(2) {
			background: #E4F3FF; }
			.feature__item:nth-child(2) .feature__item--no {
				background: #42C5CF; }
			.feature__item:nth-child(2) .feature__item--text {
				background: #E4F3FF; }
			.feature__item:nth-child(2):after {
				background: url(../img/feture2.jpg) top center/cover no-repeat; }
			@media (min-width: 1150px) {
				.feature__item:nth-child(2) .feature__item--no {
					order: 1; }
				.feature__item:nth-child(2) .feature__item--text {
					order: 3; }
				.feature__item:nth-child(2):after {
					order: 2; } }
			@media (min-width: 1450px) {
				.feature__item:nth-child(2):after {
					max-width: 750px; } }
		.feature__item:nth-child(3) .feature__item--no {
			background: #F2D799; }
		.feature__item:nth-child(3) .feature__item--text {
			background: #FFF9E1; }
		.feature__item:nth-child(3):after {
			background: url(../img/feture3.jpg) center center/cover no-repeat; }
		@media (min-width: 450px) {
			.feature__item--no {
				width: 15%; }
				.feature__item--no img {
					width: 100%; }
			.feature__item--text {
				width: 85%; } }
		@media (min-width: 1150px) {
			.feature__item--text {
				width: 40%;
				padding: 3em 2em; }
			.feature__item:after {
				width: 45%;
				height: auto;
				padding-bottom: 0; } }
		@media (min-width: 1450px) {
			.feature__item--no {
				width: 150px; }
			.feature__item--text {
				width: 750px;
				padding: 5em 3em; }
			.feature__item:after {
				width: calc(100% - 900px); } }

.breakfast {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
	width: 30%;
	max-width: 200px;
	margin: -40px 0 10px 10px;
	position: relative; }
	@media (min-width: 1150px) {
		.breakfast {
			width: 50%;
			margin: -40px -80px 10px 10px; } }

.backup {
	max-width: 1350px;
	margin: 0 auto; }
	.backup li p {
		padding: 0 1em; }
	.backup li:nth-child(2) {
		border: none; }

.backup-image {
	max-width: 1350px;
	margin: 0 auto; }
	.backup-image li {
		padding: 1em; }

.teaching {
	margin-top: 2em; }
	.teaching__caption p {
		padding: 0 1em; }
	.teaching__caption:after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/teaching.jpg) center center/cover no-repeat; }
	.teaching__list {
		counter-reset: my-counter;
		list-style: none;
		padding: 1em;
		margin: 0; }
		.teaching__list li {
			font-family: 'Noto Serif JP', serif;
			font-size: 1.3em;
			display: flex;
			align-items: center;
			font-weight: bold; }
			.teaching__list li:before {
				content: counter(my-counter);
				counter-increment: my-counter;
				display: block;
				font-family: 'Lora', serif;
				font-size: 1.6em;
				color: #0069A3;
				margin-right: 10px; }
	@media (min-width: 768px) {
		.teaching {
			display: flex; }
			.teaching:before {
				content: "";
				display: block;
				width: 50%;
				height: auto;
				background: url(../img/teaching.jpg) center center/cover no-repeat; }
			.teaching > div {
				width: 50%;
				max-width: 660px; }
			.teaching__caption:after {
				content: none; }
			.teaching__caption p {
				padding: 0 3em; }
			.teaching__list {
				padding: 2em;
				margin-left: -100px;
				background: #fff;
				font-size: 1.3em; } }

.cooperation__subhead {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.5em;
	text-align: center;
	font-weight: bold; }
	@media (min-width: 768px) {
		.cooperation__subhead {
			font-size: 2em; } }
.cooperation__contents {
	background: #FFF2F4; }
	.cooperation__contents P {
		padding: 1em; }
	.cooperation__contents:after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 36%;
		background: url(../img/parents.jpg) center center/cover no-repeat; }
	@media (min-width: 768px) {
		.cooperation__contents {
			display: flex;
			flex-direction: row-reverse;
			justify-content: flex-end; }
			.cooperation__contents p {
				width: 50%;
				max-width: 660px;
				padding: 3em 2em; }
			.cooperation__contents:after {
				width: 50%;
				height: auto;
				padding: 0; } }

.remort P {
	padding: 0 1em; }
.remort:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 48%;
	background: url(../img/remort.jpg) center center/cover no-repeat; }
@media (min-width: 768px) {
	.remort {
		display: flex;
		justify-content: flex-end; }
		.remort > div {
			width: 50%;
			max-width: 660px;
			padding: 4em 0; }
			.remort > div p {
				padding: 0 2em; }
		.remort .low-head {
			margin-top: 0; }
		.remort:after {
			width: 50%;
			height: auto;
			padding: 0; } }

.commercial {
	max-width: 1250px;
	margin: 0 auto;
	padding: 0 1em; }

.teacher {
	padding: 0;
	margin: 2em 0 0; }
	.teacher__detail {
		display: block; }
		.teacher__detail--introduction {
			position: relative; }
			.teacher__detail--introduction img {
				display: block; }
				.teacher__detail--introduction img.reverse {
					margin-left: auto; }
			.teacher__detail--introduction > span {
				display: block;
				width: 100%;
				max-width: 768px;
				height: 0;
				padding-bottom: 70%; }
				.teacher__detail--introduction > span.kitakado {
					background: url(../img/kitakado.jpg) center left/cover no-repeat; }
				.teacher__detail--introduction > span.yukimasa {
					background: url(../img/yukimasa.jpg) bottom right no-repeat #e6e3dc;
					background-size: cover;}
				.teacher__detail--introduction > span.iwabuchi {
					background: url(../img/iwabuchi.jpg) bottom right no-repeat #f1eff0;
					background-size: cover;}
				.teacher__detail--introduction > span.takato {
					background: url(../img/system-takato.jpg) bottom right no-repeat #f1eff0;
					background-size: cover;}
			.teacher__detail--introduction > div {
				position: absolute;
				top: 0;
				right: 0;
				width: 45%;
				height: 100%;
				color: #fff; }
				.teacher__detail--introduction > div.reverse {
					right: auto;
					left: 0; }
				.teacher__detail--introduction > div dl {
					height: 50%;
					margin: 0;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
					background: #1f3b5a;
					/* Old browsers */
					background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* FF3.6-15 */
					background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
					/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
					/* IE6-9 */
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					padding: 1em; }
					.teacher__detail--introduction > div dl dt {
						font-size: .8em; }
					.teacher__detail--introduction > div dl dd {
						margin: 0;
						font-family: 'Noto Serif JP', serif; }
				.teacher__detail--introduction > div ul {
					height: 50%;
					font-size: .8em;
					background: rgba(0, 105, 163, 0.5);
					padding: 1em;
					margin: 0;
					display: flex;
					flex-direction: column;
					justify-content: center; }
					@media (min-width: 450px) {
						.teacher__detail--introduction > div ul {
							align-items: center; } }
					.teacher__detail--introduction > div ul li {
						display: block; }
		.teacher__detail--message dl {
			margin: 0;
			padding: 2em 1em; }
			.teacher__detail--message dl.blue {
				background: #E4F3FF; }
			.teacher__detail--message dl dt {
				color: #1F3B5A;
				font-weight: bold;
				margin: .5em 0;
				font-size: 1.2em; }
			.teacher__detail--message dl dd {
				margin: 0; }
			.teacher__detail--message dl dd .movie_area{
				    max-width: 700px;
				    margin: 0 auto 0em 0; }
			.teacher__detail--message dl dd .movie_area video{
				    width: 100%; }
		@media (min-width: 1050px) {
			.teacher__detail {
				display: flex; }
				.teacher__detail.reverse {
					flex-direction: row-reverse; }
					.teacher__detail.reverse .teacher__detail--message dl dt, .teacher__detail.reverse .teacher__detail--message dl dd {
						margin-left: auto; }
				.teacher__detail--introduction {
					width: 650px; }
					.teacher__detail--introduction > span {
						height: 100%;
						padding: 0; }
					.teacher__detail--introduction > div {
						width: 30%; }
						.teacher__detail--introduction > div dl {
							font-size: 1.2em; }
				.teacher__detail--message {
					width: calc(100% - 650px); }
					.teacher__detail--message dl dt, .teacher__detail--message dl dd {
						max-width: 900px; }
				.teacher__detail--introduction > span.yukimasa {
					background: url(../img/yukimasa.jpg) bottom right no-repeat #e6e3dc;
					background-size: 768px;}
				.teacher__detail--introduction > span.iwabuchi {
					background: url(../img/iwabuchi.jpg) bottom right no-repeat #f1eff0;
					background-size: 768px;}
				.teacher__detail--introduction > span.takato {
					background: url(../img/system-takato.jpg) bottom right no-repeat #f1eff0;
					background-size: 768px;}
	}

.other-teacher {
	padding: 3em 1em;
	max-width: 1250px;
	margin: 0 auto; }
	.other-teacher h3 {
		font-weight: normal; }
	.other-teacher dl {
		display: flex; }
		.other-teacher dl dt {
			width: 70px; }
		.other-teacher dl dd {
			margin: 0;
			width: calc(100% - 50px); }

		.other-teacher div{
		  padding: 0 1rem;
		  margin: 0 auto;
		  font-feature-settings: "palt";
		}
		.other-teacher div p.mb_large{
			margin-bottom: 2em;}
		.other-teacher div p.left_tx{
		  float:left;
		  padding-right:30px;
		}
		.other-teacher div p.right_img img{
		  width:64px;
		}
.teacher-class{
	padding: 1px 1em 5em;
	max-width: 1250px;
	margin: 0 auto; }
	.teacher-class .movie_area {
		max-width: 700px;
		margin: 0 auto 0em;
	}
	.teacher-class .movie_area h4{
		font-family: 'Noto Serif JP', serif;
		font-size: 1.2em;
		font-weight: normal;
		text-align:center;
	}
	.teacher-class .movie_area video{
		max-width: 100%;
	}

@media (max-width: 767px){
  .other-teacher div p.left_tx{
    float:none;
    padding-right:0px;
  }
  .other-teacher div p.right_img{
    text-align:center;
  }
  .other-teacher div p.right_img img{
    width:80px;
  }
}

.education-list {
	padding: 0;
	margin: 0; }
	.education-list li {
		display: block; }
		.education-list li > div {
			padding: 2em 1em; }
		.education-list li h3 {
			margin-top: 0;
			font-size: 2em;
			font-family: 'Noto Serif JP', serif; }
		.education-list li .subhead {
			font-family: 'Noto Serif JP', serif;
			font-size: 1.2em;
			font-weight: bold; }
		.education-list li:after {
			content: "";
			display: block;
			width: 100%;
			height: 0;
			padding-bottom: 55%; }
		.education-list li.english {
			background: #FFF2F4; }
			.education-list li.english:after {
				background: url(../img/english.jpg) center center/cover no-repeat; }
		.education-list li.math:after {
			background: url(../img/math.jpg) center center/cover no-repeat; }
		.education-list li.chemistry {
			background: #FFF9E1; }
			.education-list li.chemistry:after {
				background: url(../img/chemistry.jpg) center center/cover no-repeat; }
		.education-list li.physics:after {
			background: url(../img/physics.jpg) center center/cover no-repeat; }
		.education-list li.biology {
			background: #FFF2F4; }
			.education-list li.biology:after {
				background: url(../img/biology.jpg) center center/cover no-repeat; }
		.education-list li.note:after {
			background: url(../img/note.jpg) center center/cover no-repeat; }
		@media (min-width: 768px) {
			.education-list li {
				display: flex; }
				.education-list li:nth-child(odd) {
					flex-direction: row-reverse; }
				.education-list li:nth-child(even) > div > * {
					margin-left: auto; }
				.education-list li > div {
					width: 50%;
					height: 540px; }
					.education-list li > div > * {
						max-width: 650px; }
				.education-list li:after {
					width: 50%;
					padding: 0;
					height: auto; } }

.other-education {
	background: #E4F3FF;
	color: #0069A3;
	text-align: center;
	font-family: 'Noto Serif JP', serif;
	padding: 4em 1em;
	font-size: 1.4em;
	margin: 0; }

.materials-point {
	margin-top: 2em; }
	.materials-point:after {
		content: "";
		display: block;
		width: 100%;
		height: 0;
		padding-bottom: 60%;
		background: url(../img/teaching.jpg) center center/cover no-repeat; }
	.materials-point__list {
		counter-reset: my-counter;
		list-style: none;
		padding: 1em;
		margin: 0; }
		.materials-point__list li {
			font-family: 'Noto Serif JP', serif;
			display: flex;
			align-items: center;
			font-weight: bold;
			margin-bottom: 1em; }
			.materials-point__list li:before {
				content: counter(my-counter);
				counter-increment: my-counter;
				display: block;
				font-family: 'Lora', serif;
				font-size: 1.7em;
				color: #0069A3;
				margin-right: 15px;
				font-weight: normal; }
	@media (min-width: 768px) {
		.materials-point {
			display: flex;
			align-items: center; }
			.materials-point:after {
				content: none; }
			.materials-point:before {
				content: "";
				display: block;
				width: 50%;
				height: 500px;
				background: url(../img/teaching.jpg) center center/cover no-repeat; }
			.materials-point__list {
				padding: 2em;
				margin-left: -100px;
				background: #fff;
				font-size: 1.3em; } }

.anchor-list {
	padding: 1em;
	max-width: 1200px;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center; }
	.anchor-list.bottom-area {
		padding: 4em 1em; }
	.anchor-list li {
		width: 280px;
		display: block;
		margin-bottom: 1em; }
		.anchor-list li a {
			display: block;
			color: #1E1E1E;
			padding-left: 25px;
			position: relative; }
			.anchor-list li a span {
				display: block;
				font-family: 'Noto Serif JP', serif;
				font-size: 1.5em; }
			.anchor-list li a:before {
				content: "";
				background: #42C5CF;
				display: block;
				width: 10px;
				height: 100%;
				position: absolute;
				top: 0;
				left: 0; }

.voice-list {
	padding: 0;
	margin: 2em 0 0;
	border-top: 1px solid #dadada;
	overflow: hidden;}
	.voice-list__detail {
		padding-top: 90px;
		margin-top: -90px;
		display: block; }
		.voice-list__detail--introduction {
			position: relative; }
			.voice-list__detail--introduction img {
				display: block; }
				.voice-list__detail--introduction img.reverse {
					margin-left: auto; }
			.voice-list__detail--introduction > span {
				display: block;
				width: 100%;
				height: 0;
				padding-bottom: 96%; }
				@media (min-width: 550px) {
					.voice-list__detail--introduction > span {
						width: 55%;
						padding-bottom: 50%; } }
				@media (min-width: 1150px) {
					.voice-list__detail--introduction > span {
						width: 650px;
						padding-bottom: 96%; } }
			.voice-list__detail--introduction > div {
				position: absolute;
				top: 0;
				right: 0;
				width: 45%;
				height: 100%;
				color: #fff; }
				.voice-list__detail--introduction > div.reverse {
					right: auto;
					left: 0; }
				.voice-list__detail--introduction > div dl {
					height: 50%;
					margin: 0;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
					background: #1f3b5a;
					/* Old browsers */
					background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* FF3.6-15 */
					background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
					/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
					/* IE6-9 */
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					padding: 1em; }
					.voice-list__detail--introduction > div dl dt {
						font-size: .8em; }
					.voice-list__detail--introduction > div dl dd {
						margin: 0;
						font-family: 'Noto Serif JP', serif; }
				.voice-list__detail--introduction > div ul {
					height: 50%;
					font-size: .8em;
					background: rgba(0, 105, 163, 0.5);
					padding: 1em;
					margin: 0;
					display: flex;
					flex-direction: column;
					justify-content: center; }
					@media (min-width: 450px) {
						.voice-list__detail--introduction > div ul {
							align-items: center; } }
					.voice-list__detail--introduction > div ul li {
						display: block; }
		.voice-list__detail--message h3 {
			font-family: 'Noto Serif JP', serif;
			font-size: 1.5em;
			color: #1F3B5A;
			margin: 0;
			padding: 2em 1em; }
		.voice-list__detail--message div {
			margin: 0;
			padding: 2em 1em;
			background: #E4F3FF; }
		.voice-list__detail:nth-child(even) .voice-list__detail--message h3,
		.voice-list__detail:nth-child(even) .voice-list__detail--message > div p,
		.voice-list__detail:nth-child(even) .voice-list__detail--introduction > span {
			margin-left: auto; }
		@media (min-width: 1150px) {
			.voice-list__detail {
				display: flex; }
				.voice-list__detail.reverse {
					flex-direction: row-reverse; }
					.voice-list__detail.reverse .teacher__detail--message dl dt, .voice-list__detail.reverse .teacher__detail--message dl dd {
						margin-left: auto; }
				.voice-list__detail--introduction {
					width: 650px; }
					.voice-list__detail--introduction > span {
						height: 100%;
						padding: 0; }
					.voice-list__detail--introduction > div {
						width: 30%; }
						.voice-list__detail--introduction > div dl {
							font-size: 1.2em; }
				.voice-list__detail--message {
					width: calc(100% - 650px); }
					.voice-list__detail--message h3 {
						max-width: 940px; }
					.voice-list__detail--message > div p {
						max-width: 900px; } }

.voice-list {
	padding: 0;
	margin: 2em 0 0;
	border-top: 1px solid #dadada; }
	.voice-list__detail {
		padding-top: 90px;
		margin-top: -90px;
		display: block; }
		.voice-list__detail--introduction {
			position: relative; }
			.voice-list__detail--introduction img {
				display: block; }
				.voice-list__detail--introduction img.reverse {
					margin-left: auto; }
			.voice-list__detail--introduction > span {
				display: block;
				width: 100%;
				height: 0;
				padding-bottom: 96%; }
				@media (min-width: 550px) {
					.voice-list__detail--introduction > span {
						width: 55%;
						padding-bottom: 50%; } }
				@media (min-width: 1150px) {
					.voice-list__detail--introduction > span {
						width: 650px;
						padding-bottom: 96%; } }
			.voice-list__detail--introduction > div {
				position: absolute;
				top: 0;
				right: 0;
				width: 45%;
				height: 100%;
				color: #fff; }
				.voice-list__detail--introduction > div.reverse {
					right: auto;
					left: 0; }
				.voice-list__detail--introduction > div dl {
					height: 50%;
					margin: 0;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
					background: #1f3b5a;
					/* Old browsers */
					background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* FF3.6-15 */
					background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
					/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
					/* IE6-9 */
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					padding: 1em; }
					.voice-list__detail--introduction > div dl dt {
						font-size: .8em; }
					.voice-list__detail--introduction > div dl dd {
						margin: 0;
						font-family: 'Noto Serif JP', serif; }
				.voice-list__detail--introduction > div ul {
					height: 50%;
					font-size: .8em;
					background: rgba(0, 105, 163, 0.5);
					padding: 1em;
					margin: 0;
					display: flex;
					flex-direction: column;
					justify-content: center; }
					@media (min-width: 450px) {
						.voice-list__detail--introduction > div ul {
							align-items: center; } }
					.voice-list__detail--introduction > div ul li {
						display: block; }
		.voice-list__detail--message h3 {
			font-family: 'Noto Serif JP', serif;
			font-size: 1.5em;
			color: #1F3B5A;
			margin: 0;
			padding: 2em 1em; }
		.voice-list__detail--message div {
			margin: 0;
			padding: 2em 1em;
			background: #E4F3FF; }
		.voice-list__detail:nth-child(even) .voice-list__detail--message h3,
		.voice-list__detail:nth-child(even) .voice-list__detail--message > div p,
		.voice-list__detail:nth-child(even) .voice-list__detail--introduction > span {
			margin-left: auto; }
		@media (min-width: 1150px) {
			.voice-list__detail {
				display: flex; }
				.voice-list__detail.reverse {
					flex-direction: row-reverse; }
					.voice-list__detail.reverse .teacher__detail--message dl dt, .voice-list__detail.reverse .teacher__detail--message dl dd {
						margin-left: auto; }
				.voice-list__detail--introduction {
					width: 650px; }
					.voice-list__detail--introduction > span {
						height: 100%;
						padding: 0; }
					.voice-list__detail--introduction > div {
						width: 30%; }
						.voice-list__detail--introduction > div dl {
							font-size: 1.2em; }
				.voice-list__detail--message {
					width: calc(100% - 650px); }
					.voice-list__detail--message h3 {
						max-width: 940px; }
					.voice-list__detail--message > div p {
						max-width: 900px; } }

.speak {
	padding: 0;
	margin: 2em 0;
	border-top: 1px solid #dadada; }
	.speak__detail {
		padding-top: 90px;
		margin-top: -90px;
		display: block; }
		.speak__detail--introduction {
			position: relative; }
			.speak__detail--introduction img {
				display: block; }
				.speak__detail--introduction img.reverse {
					margin-left: auto; }
			.speak__detail--introduction > span {
				display: block;
				width: 100%;
				height: 0;
				padding-bottom: 110%; }
				@media (min-width: 550px) {
					.speak__detail--introduction > span {
						width: 55%;
						padding-bottom: 60%; } }
				@media (min-width: 1150px) {
					.speak__detail--introduction > span {
						width: 650px;
						padding-bottom: 110%; } }
			.speak__detail--introduction > div {
				position: absolute;
				top: 0;
				right: 0;
				width: 45%;
				height: 100%;
				color: #fff;
				font-size: .8em; }
				.speak__detail--introduction > div > p {
					font-size: 1.2em;
					height: 50%;
					margin: 0;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
					background: #1f3b5a;
					/* Old browsers */
					background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* FF3.6-15 */
					background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
					/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
					/* IE6-9 */
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					padding: 1em; }
					.speak__detail--introduction > div > p span {
						font-family: 'Noto Serif JP', serif;
						font-size: .8em;
						margin-top: 1em; }
				.speak__detail--introduction > div > div {
					height: 50%;
					background: rgba(0, 105, 163, 0.5);
					padding: 1em;
					margin: 0;
					display: flex;
					flex-direction: column;
					justify-content: center; }
					.speak__detail--introduction > div > div p {
						margin: 5px 0;
						font-size: .8em; }
						.speak__detail--introduction > div > div p span {
							font-size: 1.5em;
							font-family: 'Noto Serif JP', serif; }
					@media (min-width: 450px) {
						.speak__detail--introduction > div > div {
							align-items: center; } }
				@media (min-width: 360px) {
					.speak__detail--introduction > div {
						font-size: 1em; } }
		.speak__detail--message h3 {
			font-family: 'Noto Serif JP', serif;
			font-size: 1.5em;
			color: #1F3B5A;
			margin: 0;
			padding: 2em 1em; }
		.speak__detail--message div {
			margin: 0;
			padding: 2em 1em;
			background: #E4F3FF; }
		@media (min-width: 1150px) {
			.speak__detail {
				display: flex; }
				.speak__detail--introduction {
					width: 650px; }
					.speak__detail--introduction > span {
						height: 100%;
						padding: 0; }
					.speak__detail--introduction > div {
						width: 40%; }
						.speak__detail--introduction > div dl {
							font-size: 1.2em; }
				.speak__detail--message {
					width: calc(100% - 650px); }
					.speak__detail--message h3 {
						max-width: 940px; }
					.speak__detail--message > div p {
						max-width: 900px; } }

.story-list {
	padding: 0;
	margin: 2em 0 0; }
	.story-list__detail {
		padding-top: 90px;
		margin-top: -90px;
		display: block; }
		.story-list__detail--introduction {
			position: relative; }
			.story-list__detail--introduction img {
				display: block; }
				.story-list__detail--introduction img.reverse {
					margin-left: auto; }
			.story-list__detail--introduction > span {
				display: block;
				width: 100%;
				height: 0;
				padding-bottom: 96%; }
				@media (min-width: 550px) {
					.story-list__detail--introduction > span {
						width: 55%;
						padding-bottom: 50%; } }
				@media (min-width: 1150px) {
					.story-list__detail--introduction > span {
						width: 100%;
						padding-bottom: 96%; } }
			.story-list__detail--introduction > div {
				position: absolute;
				top: 0;
				right: 0;
				width: 45%;
				height: 100%;
				color: #fff; }
				.story-list__detail--introduction > div.reverse {
					right: auto;
					left: 0; }
				.story-list__detail--introduction > div dl {
					height: 50%;
					margin: 0;
					/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
					background: #1f3b5a;
					/* Old browsers */
					background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* FF3.6-15 */
					background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
					/* Chrome10-25,Safari5.1-6 */
					background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
					/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
					filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
					/* IE6-9 */
					display: flex;
					align-items: center;
					justify-content: center;
					flex-direction: column;
					padding: 1em; }
					.story-list__detail--introduction > div dl dt {
						font-size: .8em; }
					.story-list__detail--introduction > div dl dd {
						margin: 0;
						font-family: 'Noto Serif JP', serif; }
				.story-list__detail--introduction > div ul {
					height: 50%;
					font-size: .8em;
					background: rgba(0, 105, 163, 0.5);
					padding: 1em;
					margin: 0;
					display: flex;
					flex-direction: column;
					justify-content: center;
					text-align: center; }
					@media (min-width: 450px) {
						.story-list__detail--introduction > div ul {
							align-items: center; } }
					.story-list__detail--introduction > div ul li {
						display: block;
						padding: .5em; }
		.story-list__detail--message h3 {
			font-family: 'Noto Serif JP', serif;
			font-size: 1.5em;
			color: #1F3B5A;
			margin: 0;
			padding: 2em 1em; }
		.story-list__detail--message div {
			margin: 0;
			padding: 2em 1em;
			background: #E4F3FF; }
		@media (min-width: 1150px) {
			.story-list__detail {
				display: flex; }
				.story-list__detail--introduction {
					width: 480px; }
					.story-list__detail--introduction > span {
						height: 100%;
						padding: 0; }
					.story-list__detail--introduction > div {
						width: 30%;
						min-width: 200px; }
						.story-list__detail--introduction > div dl {
							font-size: 1.2em; }
				.story-list__detail--message {
					width: calc(100% - 480px); }
					.story-list__detail--message h3 {
						max-width: 940px; } }
		@media (min-width: 1550px) {
			.story-list__detail--introduction {
				width: 650px; }
			.story-list__detail--message {
				width: calc(100% - 650px); } }

.chart-area {
	background: url(../img/story-back.jpg) center right/50% no-repeat; }
	.chart-area div {
		background: #fff;
		padding: 3em 2em;
		width: 100%; }
		@media (min-width: 1150px) {
			.chart-area div {
				width: 60%;
				max-width: 1000px; } }

.about-study {
	max-width: 1350px;
	margin: 0 auto 2em;
	padding: 1em; }
	.about-study dt {
		font-size: 21px;
		text-align: center;
		padding: 10px;
		/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
		background: #1f3b5a;
		/* Old browsers */
		background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
		/* FF3.6-15 */
		background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
		/* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
		/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
		/* IE6-9 */
		color: #fff;
		font-family: 'Noto Serif JP', serif;
		letter-spacing: 1em; }
	.about-study dd {
		margin: 1em 0; }
	@media (min-width: 1050px) {
		.about-study {
			display: flex;
			align-items: flex-start;
			justify-content: space-between; }
			.about-study dt {
				width: calc(30% - .5em); }
			.about-study dd {
				margin: 0;
				width: calc(70% - .5em); } }

.week-pattern {
	padding: 0;
	margin: 2em 0 3em; }
	.week-pattern > li:first-child {
		background: #FFF2F4; }
	.week-pattern > li:nth-child(2) {
		background: #FFF9E1; }
	.week-pattern > li:nth-child(3) {
		background: #E4F3FF; }
	.week-pattern__detail {
		display: block; }
		.week-pattern__detail > div {
			padding: 1em; }
			.week-pattern__detail > div dl {
				font-size: .8em; }
				.week-pattern__detail > div dl dt {
					font-weight: bold;
					display: flex;
					align-items: center;
					margin-bottom: 10px; }
					.week-pattern__detail > div dl dt:before {
						content: "";
						width: 100px;
						height: 25px;
						/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#1f3b5a+1,0069a3+100 */
						background: #1f3b5a;
						/* Old browsers */
						background: -moz-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
						/* FF3.6-15 */
						background: -webkit-linear-gradient(left, #1f3b5a 1%, #0069a3 100%);
						/* Chrome10-25,Safari5.1-6 */
						background: linear-gradient(to right, #1f3b5a 1%, #0069a3 100%);
						/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
						filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1f3b5a', endColorstr='#0069a3',GradientType=1 );
						/* IE6-9 */
						display: inline-block;
						margin-right: 5px; }
				.week-pattern__detail > div dl dd {
					margin: 0; }
					.week-pattern__detail > div dl dd ul {
						list-style-type: disc;
						padding-left: 1em; }
						.week-pattern__detail > div dl dd ul li {
							margin-bottom: .5em; }
		@media (min-width: 769px) {
			.week-pattern__detail img {
				display: block;
				margin: 0 auto; } }
		@media (min-width: 1150px) {
			.week-pattern__detail {
				display: flex;
				align-items: center; }
				.week-pattern__detail img {
					margin: 0; }
				.week-pattern__detail > img {
					max-width: 750px; }
				.week-pattern__detail > div img {
					width: auto;
					max-height: 350px; }
				.week-pattern__detail > * {
					width: 50%;
					max-width: 50%; } }

.company-table {
	border-collapse: separate;
	border-spacing: 10px;
	margin: 0 auto; }
	.company-table th {
		width: 120px;
		font-weight: 400;
		border-right: 2px solid #0069A3;
		padding-right: 2em;
		font-family: 'Noto Serif JP', serif; }
	.company-table th, .company-table td {
		padding: .5em;
		vertical-align: top; }
		.company-table th p, .company-table td p {
			margin: 0 0 1em; }
		@media (min-width: 768px) {
			.company-table th, .company-table td {
				font-size: 1.2em; }
				.company-table th th, .company-table td th {
					width: 150px; } }

.ceo-message {
	margin-top: 3em;
	background: #1F3B5A;
	color: #fff; }
	.ceo-message > div {
		max-width: 1250px;
		margin: 0 auto; }
	.ceo-message h3 {
		font-family: 'Noto Serif JP', serif;
		padding: 0 15px;
		margin: 0; }
	.ceo-message p {
		padding: 0 1em; }
		.ceo-message p.name {
			font-family: 'Noto Serif JP', serif; }
			.ceo-message p.name span {
				margin-left: 1em;
				font-size: 1.2em; }
	.ceo-message dl {
		margin: 1em;
		width: calc(100% - 2em);
		padding: 1em;
		border: 1px solid; }
		.ceo-message dl dt {
			font-family: 'Noto Serif JP', serif;
			margin-bottom: 1em; }
		.ceo-message dl dd {
			margin: 0; }
	@media (max-width: 767px) {
		.ceo-message {
			padding-bottom: 2em; }
			.ceo-message .ceo-wrap {
				padding: 3em 1em;
				background: url(../img/ceo-back.jpg) top right/cover no-repeat; }
				.ceo-message .ceo-wrap h3 {
					font-size: 5vw;
					margin: 0; } }
	@media (min-width: 768px) {
		.ceo-message {
			background: url(../img/ceo-back-tab.jpg) top right/cover no-repeat;
			padding: 4em 2em; }
			.ceo-message h3 {
				font-size: 2em; }
			.ceo-message .name {
				text-align: right; }
			.ceo-message > div p {
				width: 60%; }
			.ceo-message > div dl {
				width: calc(60% - 2em); } }
	@media (min-width: 1100px) {
		.ceo-message {
			background: url(../img/ceo-back-pc.jpg) top right/cover no-repeat; }
			.ceo-message > div p {
				width: 50%; }
			.ceo-message > div dl {
				width: calc(50% - 2em); } }

.access-area {
	margin-bottom: 3em; }
	.access-area section h2 {
		text-align: center;
		font-size: 1.5em;
		color: #1F3B5A;
		margin: 0;
		padding: 1em; }
	.access-area section > div {
		padding: 1em; }
		.access-area section > div > p {
			font-weight: bold; }
	.access-area section dl dd {
		margin: 0; }
	@media (min-width: 768px) {
		.access-area section {
			display: flex;
			justify-content: center; }
			.access-area section h2 {
				max-width: 350px; }
				.access-area section h2 > div {
					max-width: 700px; } }

.q-a {
	max-width: 1250px;
	margin: 0 auto 1em;
	padding: 0 1em; }
	.q-a dt {
		font-size: 1.2em;
		font-family: 'Noto Serif JP', serif;
		display: flex;
		align-items: center; }
		@media (min-width: 768px) {
			.q-a dt {
				font-size: 1.5em; } }
		.q-a dt:before {
			content: "Q";
			font-family: 'Lora', serif;
			display: block;
			margin-right: 20px;
			font-size: 48px;
			color: #FF5656; }
	.q-a dd {
		margin: 0;
		display: flex;
		align-items: center; }
		.q-a dd:before {
			content: "A";
			font-family: 'Lora', serif;
			display: block;
			margin-right: 40px;
			font-size: 48px;
			color: #42C5CF; }

.attention {
	margin-top: 4em;
	font-size: 1.1em;
	padding: 0 1em;
	font-family: 'Noto Serif JP', serif; }
	@media (min-width: 768px) {
		.attention {
			text-align: center; } }

.go-link, .go-page {
	font-family: 'Noto Serif JP', serif;
	font-size: 1.3em;
	width: 60%;
	max-width: 390px;
	min-width: 220px;
	line-height: 62px;
	margin: 30px auto;
	display: block;
	text-align: center;
	padding: 0.3em 1em;
	text-decoration: none;
	color: #0069A3;
	border: solid 2px #0069A3;
	border-radius: 3px;
	transition: all .4s ease;
	margin-bottom: 3em; }
	.go-link:hover, .go-page:hover {
		background: #0069A3;
		color: #fff; }

.link-list {
	padding: 0;
	margin: 0 auto 3em;
	max-width: 1000px;
	display: flex;
	flex-wrap: wrap; }
	.link-list li {
		width: 100%;
		display: block;
		margin-bottom: 1em;
		text-align: center; }
		@media (min-width: 768px) {
			.link-list li {
				width: 33.333%; } }

.bread {
	margin: 0;
	padding: 1em;
	font-size: 13px;
	color: #1E1E1E;
	text-align: left; }
	.bread ul {
		padding: 0;
		margin: 0; }
	.bread li {
		display: inline-block; }
		.bread li a {
			color: #1E1E1E;
			transition: .5s; }
			.bread li a:hover {
				transition: .5; }
		.bread li:after {
			content: "";
			display: inline-block;
			width: 8px;
			height: 8px;
			border-top: 1px solid;
			border-right: 1px solid;
			margin: 0 5px;
			transform: rotate(45deg); }
		.bread li:last-child:after {
			display: none; }

.page-navi {
	display: flex;
	justify-content: center;
	margin: 60px 0 30px; }
	.page-navi a {
		display: block;
		width: calc(50% - 20px);
		margin: 0 10px;
		text-align: center;
		color: #1F3B5A;
		border: 1px solid;
		transition: .5s;
		border-radius: 7px; }
		.page-navi a:hover {
			background: #1F3B5A;
			color: #fff; }

.page-numbers {
	border-radius: 4px;
	display: inline-block;
	margin: 40px 0;
	padding-left: 0; }
	.page-numbers > li {
		display: inline; }
		.page-numbers > li > a,
		.page-numbers > li > span {
			width: 42px;
			height: 42px;
			display: flex;
			justify-content: center;
			align-items: center;
			font-weight: bold;
			color: #1F3B5A;
			border: 1px solid #1F3B5A;
			float: left;
			line-height: 1.42857;
			margin: 0 5px;
			position: relative;
			text-decoration: none; }
		.page-numbers > li:first-child > a {
			margin-left: 0; }
		.page-numbers > li > a {
			transition: .5s; }
			.page-numbers > li > a:hover {
				background-color: #1F3B5A;
				border-color: #1F3B5A;
				color: #fff; }
	.page-numbers .current {
		background-color: #1F3B5A;
		border-color: #1F3B5A;
		color: #fff;
		cursor: default;
		z-index: 2; }

/* 202003追加 */

.top__logo{
	width:45%;
}
.top__logo svg {
	width: 110px;
	height: 26px;
	margin-top: 12px;
}
.top__logo span {
	display: none;
}
.top_tx_sp{
	font-size:10px;
	width: 50%;
	padding-right: 44px;
}
.navi ul li.conversion a {
		background: #019d61;
		border-bottom: 4px solid #007b45;
		color:#fff;
}

.cta__contact {
	background: #019d61;
	font-size: 30px;
	color: #fff;
	border-bottom: 6px solid #007b45;
}
.cta__contact:hover {
	color: #fff;
	 border-color: #019d61;
}
@media (min-width: 1100px){
	.top__logo svg {
		margin-top: 6px;
	}
	.top__logo span {
		color: #fff;
		display: block;
	}
	.top_tx_sp{
		display: none;
	}
	.top__cta {
	 width: 163px;
		background: #019d61;
		font-size: 16px;
	}
	.top__cta:before {
		border-color: #019d61 transparent transparent transparent;
	 left: -35px;
	}
	.top__cta:after {
		border-color: transparent transparent #019d61 transparent;
	 left: -35px;
 }
	.top__cta span {
		padding-right: 0px;
	}
	.top__cta span:after {
		top: calc(50% + 3px);
		right: 30px;
		border-color: transparent transparent transparent #fff;
	}
}

div.home-adress{
display:none;
}


div.medico-adress{
	margin:0 auto;
	padding:50px 10px;
	width:1020px;
}
div.medico-adress table{
	width: 100%;
}
div.medico-adress table th{
	width: 38%;
	background: #c4cbe3;
	color:#1F3B5A;
	font-size:24px;
	padding: 25px;
}
div.medico-adress table tr.even th{
	background: #d7dbec;
}
div.medico-adress table td{
	width: 70%;
	background: #e5e5e5;
	font-size:16px;
	padding: 25px;
}
div.medico-adress table tr.even td{
	background: #f2f2f2;
}
div.medico-adress table td p{
	padding:10px 0 0;
	border-top: 1px solid #cdcdcd;
	font-size:.8em;
	margin:10px 0 0;
}
@media (max-width: 767px){
	.cta__contact {
		font-size:20px;
	}
	div.medico-adress{
		margin:0 auto;
		padding:30px 10px;
		width: auto;
	}
	div.medico-adress table{
		display: block;
	}
	div.medico-adress table th{
		display: block;
		width: auto;
		max-width: none;
		min-width: 0;
		overflow: visible;
		white-space: normal;
		font-size: 20px;
		text-align: center;
		padding: 10px;
	}
	div.medico-adress table td{
		display: block;
		width: auto;
		max-width: none;
		min-width: 0;
		overflow: visible;
		white-space: normal;
		font-size: 18px;
		padding:20px 15px;
	}
	div.medico-adress table td p{
		font-size:.8em;
	}
}

/* 202003追加 ここまで */

/*# sourceMappingURL=main.css.map */



/* 20200501追加 ここから */

/*-------------新規追加----------*/
.online-feature {
	padding: 0;
	margin: 0;
}

.online-feature__item {
	display: flex;
	margin-bottom: 2em;
	flex-wrap: wrap;
}

.online-feature__item:after {
	content: "";
	display: block;
	width: 100%;
	height: 0;
	padding-bottom: 50%;
}

.online-feature__item--text {
	width: 100%;
	padding: 1em; }
	.online-feature__item--text h3 {
	font-family: 'Noto Serif JP', serif;
	font-weight: 400;
	color: #1F3B5A;
	font-size: 24px;
}

.online-feature__item:first-child .online-feature__item--text {
	background: #FFF2F4; }
	.online-feature__item:first-child:after {
	background: url(../img/online-feature1.jpg) center right/cover no-repeat; }
	.online-feature__item:nth-child(2) {
	background: #E4F3FF; }
	.online-feature__item:nth-child(2) .online-feature__item--text {
	background: #E4F3FF; }
	.online-feature__item:nth-child(2):after {
	background: url(../img/online-feature2.jpg) top center/cover no-repeat; }
	@media (min-width: 1150px) {
		.online-feature__item:nth-child(2) .online-feature__item--text {
			order: 2; }
		.online-feature__item:nth-child(2):after {
			order: 1; } }
	@media (min-width: 1450px) {
		.online-feature__item:first-child:after {
			max-width: 50%; }
		.online-feature__item:nth-child(2):after {
			max-width: 50%; } }
	@media (min-width: 450px) {
		.online-feature__item--text {
			width: 50%; } }
	@media (min-width: 1150px) {
		.online-feature__item--text {
			width: 50%;
			padding: 6em 2em; }
		.online-feature__item:after {
			width: 50%;
			height: auto;
			padding-bottom: 0; } }


/*　オンライン授業　*/

.online_movie_area{
	max-width: 700px;
	margin: 0 auto 0em;
}
.online_movie_area h4{
	font-size: 1.2em;
	font-weight: normal;
	text-align:center;
	width:80%;
	max-width: 500px;
  margin: 0 auto;
  background: linear-gradient(135deg,#162B5B, #016BA5);
  font-family: 'Noto Serif JP', serif;
  padding: 10px 0;
  margin: 15px auto 50px;
  color: #fff;
}
.online_movie_area video{
	max-width: 100%;
}
			
@media print, screen and (min-width:980px){
	/*----メインビジュアル------*/
	/*
		.page-main.online {
			background: url(../img/online.jpg) top left no-repeat;
			background-size:65%;
			}
		.page-main.online > div {
			max-width: 50%;
			margin-left: auto;
			margin-right: 0; }
			@media (max-width: 979px) {
				.page-main.online > div {
					max-width: 100%;
					margin: 0; } }
	*/
	.page-main.online p{
		font-size:1em!important;
	}

	.page-main.online .bread{}

	/*----medicoのオンライン個別指導とは------*/
	.online-medico{
		margin: 0 auto;
		padding-bottom:30px;
		text-align:center;
		margin-top:-10px;
	}

	.online-medico ul{
		width:430px;
		margin: 0 auto;
		list-style:none;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		padding:30px;
	}

	.online-medico ul li{}

	.online-medico	li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		font-size:1.4em;
		height:100px;
		line-height:1.3;
		margin-bottom:10px;
	}

	.online-medico	li:nth-child(2){}

	.online-medico	li:nth-child(3){
		font-size:1em;
		text-align:center;
		margin-bottom:30px;
		text-align:left;
		margin-top:20px;
	}

	/*----オンライン授業の内容------*/
	.online-class-pink{
		width:100%;
		background:#FFF2F4;
	}

	.online-class-blue{
		width:100%;
		background:#E4F3FF!important;
	}

	.left-online{
		display:inline-block;
		vertical-align:top;
		height:450px;
		width: 50%;
		float:left;
	 /* margin-left: calc(-50vw + 50%);*/
	}

	.right-online{
		display:inline-block;
		vertical-align:top;
		height:450px;
		width: 50%;
		float:right;
	 /* margin-left: calc(-50vw + 50%);*/
	}

	.feature__item--text h3{
		color:#000!important;
	}

	.bg-img-a{
		display:inline-block;
		vertical-align:top;
		background:url(../img/online-feture1.jpg) no-repeat 0% 50%;
		background-size: 100% ;
		height:450px;
		width: 50%;
	}

	.bg-img-b{
		display:inline-block;
		vertical-align:top;
		background:url(../img/online-feture2.jpg) no-repeat 100% 50%;
		background-size: 100% ;
		height:450px;
		width: 50%;
	}

	/*----オンライン授業開始までの流れ------*/
	.online-medico-ad .color-code01{background:#66A5C8;}
	.online-medico-ad .color-code02{background:#3387B5;}
	.online-medico-ad .color-code03{background:#0069A3;}

	.online-medico-ad .number{
		display:inline-block;
		margin-right:10px;
		font-size:1.3em;
		border-bottom:1px solid #fff;
	}

	.online-medico-ad{
		margin: 0 auto;
		padding-bottom:30px;
		text-align:center;
	}

	.online-medico-ad ul{
		width:400px;
		margin: 0 auto;
		list-style:none;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		padding:30px;
	}

	.online-medico-ad ul li{}
	.online-medico-ad  li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		font-size:1.1em;
		padding:30px 0;
		color:#fff;
	}

	.online-medico-ad  li:nth-child(2){}
	.online-medico-ad  li:nth-child(3){
		font-size:1em;
		text-align:center;
		margin-bottom:30px;
		text-align:left;
		margin-top:20px;
	}

	.bar{
		width:980px;
		margin: 0 auto;
		background: linear-gradient(135deg,#162B5B, #016BA5);
		font-family: 'Noto Serif JP', serif;
		font-size:1.8em;
		padding:15px 0;
		margin-top:15px;
		color:#fff;
	}

	/*----生徒の声------*/
	.student{
		margin: 0 auto;
		padding-top:15px;
		padding-bottom:30px;
		text-align:center;
	}

	.student .student-img{
		display:inline-block;
		vertical-align:top;
	}

	.student .student-list{
		display:inline-block;
		vertical-align:top;
		width:420px;
	}

	.student .student-list li{
		list-style:none;
	}

	.student .student-list li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		text-align:left;
		color:#0069A3!important;
		font-size:1.5em;
		line-height:1.3;
		margin-bottom:30px;
	}

	.student .student-list li:nth-child(2){
		text-align:left;
		font-size:1em;
	}

	/*----よくあるご質問------*/
	.faq-box{
		margin: 0 auto;
		padding-top:30px;
		padding-bottom:60px;
		text-align:center;
	}

	.faq-box .student-voice{
		width:700px;
		list-style:none;
		margin: 0 auto;
	}

	.faq-box .student-voice li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		color:#0069A3!important;
		text-align:left;
		margin-bottom:10px;
		font-size:1em!important;
	}

	.faq-box .student-voice li:nth-child(2){
		font-family: 'Noto Serif JP', serif;
		color:#0069A3!important;
		text-align:left;
		margin-bottom:20px;
		font-size:1.5em;
		line-height:1.3;
		letter-spacing:1px;
		padding-left:1em;
		text-indent:-1em;
	}

	.faq-box .student-voice li:nth-child(3){
		color:#000;
		display:block;
		margin-top:15px;
		margin-bottom:40px;
		text-align:left;
		font-size:1em!important;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}
}

@media (max-width: 979px) and (min-width: 797px){
	.page-main.online {
		background: url(../img/online.jpg) top left/cover no-repeat;
		background-size:65%;
	}
	/*-------------新規追加----------*/
	.page-main.online > div {
		max-width: 100%!important;
		margin-left: auto;
		margin-right: 0;
	}

	/*----medicoのオンライン個別指導とは------*/
	.online-medico{
		margin: 0 auto;
		text-align:center;
		margin-top:-10px;
	}

	.online-medico ul{
		margin: 15px auto;
		list-style:none;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		padding:10px;
	}

	.online-medico	li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		font-size:1.4em;
		margin-bottom:10px;
		line-height:1.3;

	}

	.online-medico	li:nth-child(3){
		font-size:1em;
		text-align:center;
		text-align:left;
		margin-top:10px;
		width:45%;
		margin: 0 auto;
	}

	/*----オンライン授業の内容------*/
	.online-class-pink{
		width:95%;
		background:#FFF2F4;
		position: relative;
		height:600px;
		margin: 0 auto;
	}

	.online-class-blue{
		width:95%;
		background:#E4F3FF!important;
		margin: 0 auto;
	}

	.online-main{}

	.left-online{
		width:100%;
		margin: 0 auto;
		position: absolute;
		top: 230px;
		left: 0;
	}

	.left-online h3, .right-online h3{
		font-size: 1.2em;
	}

	.left-online p , .right-online p{
		font-size:0.9em;
	}

	.right-online{
		width:100%;
		margin: 0 auto;
	}

	.bg-img-a{
		background:url(../img/online-feture1.jpg) no-repeat 100% 80%;
		background-size: 100% ;
		height:250px;
		position: absolute;
		width:100%;
		top: 0;
		left: 0;
	}

	.bg-img-b{
		background:url(../img/online-feture2.jpg) no-repeat 100% 80%;
		background-size: 100% ;
		height:250px;
	}

	.clearfix::after {
		content: "";
		display: block;
		clear: both;
	}

	/*----オンライン授業開始までの流れ------*/
	.online-medico-ad .color-code01{background:#66A5C8;}
	.online-medico-ad .color-code02{background:#3387B5;}
	.online-medico-ad .color-code03{background:#0069A3;}
	.online-medico-ad .number{
		display:inline-block;
		margin-right:10px;
		font-size:1.3em;
		border-bottom:1px solid #fff;
	}

	.online-medico-ad{
		margin: 0 auto;
		width:95%;
		margin-top:-10px;
		padding-bottom:0px;
		text-align:center;
	}

	.online-medico-ad img{
		max-width:100%;
	}

	.online-medico-ad ul{
		margin: 0 auto;
		list-style:none;
		text-align:center;
		padding:10px;
		width:95%;
	}

	.online-medico-ad  li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		font-size:1.1em!important;
		padding:15px 0;
		width:50%;
		margin: 0 auto;
		color:#fff;
	}

	.online-medico-ad  li:nth-child(3){
		font-size:1em;
		margin: 0 auto;
		text-align:center;
		margin-bottom:30px;
		text-align:left;
		margin-top:20px;
		width:50%;
	}

	.bar{
		width:95%;
		margin: 0 auto;
		background: linear-gradient(135deg,#162B5B, #016BA5);
		font-family: 'Noto Serif JP', serif;
		font-size:1.3em;
		padding:15px;
		color:#fff;
		margin-bottom:60px!important;
	}

	.page-contents{
		margin-bottom:80px!important;
	}

	/*----生徒の声------*/
	.student{
		margin: 0 auto;
		padding-bottom:30px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}

	.student .student-img{}

	.student .student-list{
		width:100%;
		padding-right:40px;
	}

	.student .student-list li{
		list-style:none;
	}

	.student .student-list li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		text-align:left;
		margin: 0 auto;
		color:#0069A3;
		font-size:1.4em;
		line-height:1.3;
		margin-bottom:30px;
		width:50%;
	}

	.student .student-list li:nth-child(2){
		text-align:left;
		font-size:1em;
		width:50%;
		margin: 0 auto;
	}

	.student-lbl{}

	/*----よくあるご質問------*/
	.faq-box{
		margin: 0 auto;
		padding-top:30px;
		padding-bottom:30px;
		text-align:left;
	}

	.faq-box .student-voice{
		list-style:none;
		width:60%;
		margin: 0 auto;
	}

	.faq-box .student-voice li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		color:#0069A3;
		text-align:left;
		margin-bottom:10px;
		font-size:1em!important;
	}

	.faq-box .student-voice li:nth-child(2){
		font-family: 'Noto Serif JP', serif;
		color:#0069A3;
		text-align:left;
		margin-bottom:20px;
		font-size:1.2em;
		line-height:1.3;
		letter-spacing:1px;
		padding-left:1em;
		text-indent:-1em;
	}

	.faq-box .student-voice li:nth-child(3){
		color:#000;
		display:block;
		margin-top:15px;
		margin-bottom:40px;
		text-align:left;
		font-size:1em!important;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}

	.feature{
		position:relative;
	}

	.box1{
		background:#ccc!important;
		position:absolute;
		bottom:0;
		width:100%;
	}

	.box2{
		background:#ccc!important;
		position:absolute;
		bottom:700px;
		width:100%;
	}

	.low-head{
		margin-bottom:20px;
		font-size:1.3em;
		margin-top:0px;
	}

	.low-head-detail{
		margin-bottom:20px;
		font-size:1.3em;
		margin-top:60px;
	}

	.low-head .pc{
		display:block!important;
	}

	/*----メインビジュアル------*/
		.page-main.online {
			background: url(../img/online.jpg) center left/cover no-repeat; }
			.page-main.support > div {
				max-width: 50%;
				margin-left: auto;
				margin-right: 0; }
			.page-main.online h1 {
	}

	.page-main.online .pc{
		/*display:block!important;*/
	}

	.page-main.online div{
		width:100%!important;
		padding-left: 4%!important;
		margin-top: -20px!important;
	}

	.page-main.online p{
		font-size:1em;
		margin-top:-10px;
	}
}

@media (max-width: 797px) {

	/*-------------新規追加----------*/
	.page-main.online > div {
		max-width: 100%!important;
		margin-left: auto;
		margin-right: 0;
	}

	/*----medicoのオンライン個別指導とは------*/
	.online-medico{
		margin: 0 auto;
		text-align:center;
		margin-top:-10px;
	}

	.online-medico ul{
		margin: 15px auto;
		list-style:none;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		padding:10px;
	}

	.online-medico	li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		font-size:1.4em;
		line-height:1.3;
		margin-bottom:10px;
	}

	.online-medico	li:nth-child(3){
		font-size:1em;
		margin: 0 auto;
		width:90%;
		text-align:center;
		text-align:left;
		margin-top:10px;
	}

	/*----オンライン授業の内容------*/
	.online-class-pink{
		width:95%;
		background:#FFF2F4;
		position: relative;
		height:600px;
		margin: 0 auto;
	}

	.online-class-blue{
		width:95%;
		background:#E4F3FF!important;
		margin: 0 auto;
	}

	.online-main{}

	.left-online{
		width:100%;
		margin: 0 auto;
		position: absolute;
		top: 230px;
		left: 0;
	}

	.left-online h3, .right-online h3{
		font-size: 1.2em;
	}

	.left-online p , .right-online p{
		font-size:1em;
		line-height:1.25;
	}

	.right-online{
		width:100%;
		margin: 0 auto;
	}

	.bg-img-a{
		background:url(../img/online-feture1.jpg) no-repeat 100% 80%;
		background-size: 100% ;
		height:250px;
		position: absolute;
		width:100%;
		top: 0;
		left: 0;
	}

	.bg-img-b{
		background:url(../img/online-feture2.jpg) no-repeat 100% 80%;
		background-size: 100% ;
		height:250px;
	}

	.clearfix::after {
		content: "";
		display: block;
		clear: both;
	}

	/*----オンライン授業開始までの流れ------*/
	.online-medico-ad .color-code01{background:#66A5C8;}
	.online-medico-ad .color-code02{background:#3387B5;}
	.online-medico-ad .color-code03{background:#0069A3;}
	.online-medico-ad .number{
		display:inline-block;
		margin-right:10px;
		font-size:1.3em;
		border-bottom:1px solid #fff;
	}

	.online-medico-ad{
		margin: 0 auto;
		width:95%;
		margin-top:-10px;
		padding-bottom:0px;
		text-align:center;
	}

	.online-medico-ad img{
		max-width:100%;
	}

	.online-medico-ad ul{
		margin: 0 auto;
		list-style:none;
		text-align:center;
		padding:10px;
		width:95%;
	}

	.online-medico-ad  li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		font-size:1.3em!important;
		padding:15px 0;
		color:#fff;
	}

	.online-medico-ad  li:nth-child(3){
		font-size:1em;
		text-align:center;
		margin-bottom:30px;
		text-align:left;
		margin-top:20px;
	}

	.bar{
		width:95%;
		margin: 0 auto;
		background: linear-gradient(135deg,#162B5B, #016BA5);
		font-family: 'Noto Serif JP', serif;
		font-size:1.3em;
		padding:15px;
		color:#fff;
		margin-bottom:60px!important;
	}

	.page-contents{
		margin-bottom:80px!important;
	}

	/*----生徒の声------*/
	.student{
		margin: 0 auto;
		padding-bottom:30px;
		text-align:center;
		margin-top:40px;
		width:100%;
	}

	.student .student-img{}

	.student .student-list{
		width:100%;
		padding-right:40px;
	}

	.student .student-list li{
		list-style:none;
	}

	.student .student-list li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		text-align:left;
		color:#0069A3;
		font-size:1.4em;
		line-height:1.3;
		margin-bottom:20px;
	}

	.student .student-list li:nth-child(2){
		text-align:left;
		font-size:1em;
	}

	.student-lbl{}

	/*----よくあるご質問------*/
	.faq-box{
		margin: 0 auto;
		padding-top:30px;
		padding-bottom:30px;
		text-align:left;
	}

	.faq-box .student-voice{
		list-style:none;
		width:90%;
		margin-right:40px;
	}

	.faq-box .student-voice li:nth-child(1){
		font-family: 'Noto Serif JP', serif;
		color:#0069A3;
		text-align:left;
		margin-bottom:10px;
		font-size:1em!important;
	}

	.faq-box .student-voice li:nth-child(2){
		font-family: 'Noto Serif JP', serif;
		color:#0069A3;
		text-align:left;
		margin-bottom:20px;
		font-size:1.2em;
		line-height:1.3;
		letter-spacing:1px;
		padding-left:1em;
		text-indent:-1em;
	}

	.faq-box .student-voice li:nth-child(3){
		color:#000;
		display:block;
		margin-top:15px;
		margin-bottom:40px;
		text-align:left;
		font-size:1em!important;
		font-family: "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,sans-serif;
	}

	.feature{
		position:relative;
	}

	.box1{
		background:#ccc!important;
		position:absolute;
		bottom:0;
		width:100%;
	}

	.box2{
		background:#ccc!important;
		position:absolute;
		bottom:700px;
		width:100%;
	}

	.low-head{
		margin-bottom:20px;
		font-size:1.3em;
		margin-top:0px;
	}

	.low-head-detail{
		margin-bottom:20px;
		font-size:1.3em;
		margin-top:60px;
	}

	.low-head .pc{
		display:block!important;
	}

	/*----メインビジュアル------*/
		.page-main.online {
			background: url(../img/online.jpg) center left/cover no-repeat; }
			.page-main.support > div {
				max-width: 50%;
				margin-left: auto;
				margin-right: 0; }
		.page-main.online h1 {}

	.page-main.online .pc{
		/*display:block!important;*/
	}

	.page-main.online div{
		width:100%!important;
		padding-left: 4%!important;
		margin-top: -20px!important;
	}

	.page-main.online p{
		font-size:0.95em;
		margin-top:-10px;
	}
}

/* 20200618追加 ここから */

.home-news {
	background: #fff;
}
.cta_tx{
	margin: 0;
	color: #0069A3;
	font-weight: bold;
	text-decoration:underline;
	font-size:24px;
}
@media (max-width: 767px){
	.cta_tx{
		font-size:20px;
	}
}

/* トップ 夏期講座 */

.summer_lecture{
	background:#FDF6D6;
	margin-top:50px;
}
.summer_lecture .summer_lecture_top{
	background:linear-gradient(to right, #DDEFFF, #98DEE6);
	margin:0 auto;
	text-align:center;
	padding:20px 10px;
}
.summer_lecture .summer_lecture_top h2{
	font-size:2.3em;
	font-family: 'Noto Serif JP', serif;
    display: inline-block;
    margin: 0;
    font-weight: normal;
}
.summer_lecture .summer_lecture_box{
	padding:60px 10px;
	margin:0 auto;
	max-width:1300px;
	display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.summer_lecture .summer_lecture_box img {
    width: 35%;
    max-width: 454px;
}
.summer_lecture .summer_lecture_box > div {
    text-align: justify;
    padding: 0 0 0 4em;
}
.summer_lecture .summer_lecture_box div p{
	margin:0 0 20px;
}
.summer_lecture .summer_lecture_box div p.btnbox{
    padding-top:2em;
	margin:0;
}
.summer_lecture .summer_lecture_box div p.btnbox a {
    display: block;
    padding: 7px;
    border: 1px solid #1B4D88;
    background: #1B4D88;
    color: #fff;
    width: 90%;
    max-width: 400px;
    text-align: center;
    transition: .5s;
}
.summer_lecture div p.btnbox a:hover {
    background: none;
    color: #1B4D88;
}
.summer_lecture .summer_lecture_box div p.btnbox .smt{
	display:none;
}

@media (max-width: 767px){
	.summer_lecture .summer_lecture_top{
		padding:10px 0;
	}
	.summer_lecture .summer_lecture_top h2{
		font-size:1.8em;
	}
	.summer_lecture .summer_lecture_box img {
		width:100%;
		max-width: 100%;
	}
	.summer_lecture .summer_lecture_box {
		padding:0 0 30px;
		display: block;
	}
	.summer_lecture .summer_lecture_box div p.btnbox {
		padding-top: 0em;
	}
	.summer_lecture .summer_lecture_box div p.btnbox .smt{
		display:block;
	}
	.summer_lecture .summer_lecture_box > div {
		padding: 2em 1em 0em;
	}
	.summer_lecture .summer_lecture_box div p.btnbox a {
		width: 90%;
		max-width: 300px;
		margin: 0 auto;
	}
}

/* 20220303追加 ここから */
.top_recommend{
	overflow:hidden;
	text-align:center;
}
.top_recommend .recommend_title p{
	position:relative;
	margin:3em auto;
	padding:0;
	width:90%;
	max-width:500px;
	font-size:1em;
	color:#0069A3;
}
.top_recommend .recommend_title p strong{
	display:block;
	font-size:1.6em;
}
.top_recommend .recommend_title p small{
	display:block;
	font-size:.9em;
}
.top_recommend .recommend_title p:before,
.top_recommend .recommend_title p:after {
	content: "";
	position: absolute;
	top:50%;
	display: block;
	height:1px;
	width:150%;
	background:#0069A3;
}
.top_recommend .recommend_title p:before {
	left:100%;
}
.top_recommend .recommend_title p:after {
	right:100%;
}

@media (max-width: 767px) {
	.top_recommend .recommend_title p{
		font-size:1.0em;
	}
	.top_recommend .recommend_title p strong{
		font-size:1.2em;
	}
}

.home-main a.online {
  width: 72vw;
}
.home-main .tokyo_kaikou{
  margin: 10px 0 0;
  padding:6px 5px;
  color: #fff;
  background: #0069A3;
  font-size: 3.4vw;
  text-align:center;
  position: relative;
}
@media (min-width: 768px) {
  .home-main {
    padding-top: 95px;
  }
  .home-main a.online {
    width: 86%;
  }
  .home-main .tokyo_kaikou{
    font-size: 2.0vw;
    border: solid 1px #0069A3;
    width: 86%;
  }
}

.toppage_message{
  padding: 3em 0;
  background: #E4F3FF;
  font-family: 'Noto Serif JP', serif;
}
.toppage_message div{
  margin: 0 auto;
  padding: 1em;
  width: 90%;
  max-width: 780px;
  border:3px solid #0069A3;
  background:#fff;
  font-size: 1em;
  font-weight:bold;
  color: #0069A3;
	text-align:center;
}
.toppage_message div p{
  font-size: .8em;
  font-weight:normal;
  color: #1E1E1E;
}