/* reset */
html, body, div, span, applet, object, iframe, strong, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, legend, caption, tbody, tfoot, thead, label, table, tr, td, th, body, blockquote {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
	line-height: 100%;
	list-style: none;
}
table {
	border-collapse: colarrowlapse;
	border-spacing: 0;
}
/*
 * Copyright (C) 2014 Adobe Systems Incorporated
 *      https://github.com/adobe-fonts/source-han-sans/tree/master
 *
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 *
 *      http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 */

a {
	color: #e73f6b;
	font-style: normal;
	text-decoration: none;
	outline: none;
	transition: opacity 0.1s linear;
	-webkit-transition: opacity 0.1s linear;
}
a:link {
	color: #e73f6b;
	font-style: normal;
	text-decoration: none;
}
a:visited {
	color: #e73f6b;
	text-decoration: none;
}
a:hover {
	color: #e73f6b;
	font-style: normal;
	text-decoration: underline;
	opacity: 0.8;
}
a:active {
	text-decoration: underline;
}
@font-face {
	font-family: 'din';
	src: url('din.woff') format("woff");
}
.forpc {
	display: block;
}
.forsp {
	display: none;
}
img {
	max-width: 100%;
}
/* common */
.all-wrap {
	overflow: hidden;
}
body {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #333333;
	min-width: 1200px;
	-webkit-text-size-adjust: 100%;
}
.wrapper {
	font-family: 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	width: 1200px;
	margin: 0 auto;
	box-sizing: border-box;
}
p {
	color: #333333;
	font-size: 16px;
	line-height: 28px;
}
.underline {
	border-bottom: 3px solid #ffe900;
}
/* font */
.loc_pink {
	color: #e73462;
}
.loc_blue {
	color: #5dc2d0;
}
.loc_fontB {
	font-weight: bold;
}
.font_s {
	font-size: 12px;
}
.annot {
	font-size: 12px;
	line-height: 1.4;
}
.loc_txtR {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: end;
	-ms-flex-pack: end;
	justify-content: flex-end;
}
.marker_Y {
	background: linear-gradient(transparent 70%, #ffea00 0);
}
/* margin/padding */
.mt0 {
	margin-top: 0!important;
}
.mb0 {
	margin-bottom: 0!important;
}
.ml0 {
	margin-left: 0!important;
}
.mr0 {
	margin-right: 0!important;
}
.pt0 {
	padding-top: 0!important;
}
.pb0 {
	padding-bottom: 0!important;
}
.pl0 {
	padding-left: 0!important;
}
.pr0 {
	padding-right: 0!important;
}
.mt5 {
	margin-top: 5px!important;
}
.mb5 {
	margin-bottom: 5px!important;
}
.ml5 {
	margin-left: 5px!important;
}
.mr5 {
	margin-right: 5px!important;
}
.pt5 {
	padding-top: 5px!important;
}
.pb5 {
	padding-bottom: 5px!important;
}
.pl5 {
	padding-left: 5px!important;
}
.pr5 {
	padding-right: 5px!important;
}
.mt10 {
	margin-top: 10px!important;
}
.mb10 {
	margin-bottom: 10px!important;
}
.ml10 {
	margin-left: 10px!important;
}
.mr10 {
	margin-right: 10px!important;
}
.pt10 {
	padding-top: 10px!important;
}
.pb10 {
	padding-bottom: 10px!important;
}
.pl10 {
	padding-left: 10px!important;
}
.pr10 {
	padding-right: 10px!important;
}
.mt15 {
	margin-top: 15px!important;
}
.mb15 {
	margin-bottom: 15px!important;
}
.ml15 {
	margin-left: 15px!important;
}
.mr15 {
	margin-right: 15px!important;
}
.pt15 {
	padding-top: 15px!important;
}
.pb15 {
	padding-bottom: 15px!important;
}
.pl15 {
	padding-left: 15px!important;
}
.pr15 {
	padding-right: 15px!important;
}
.mt20 {
	margin-top: 20px!important;
}
.mb20 {
	margin-bottom: 20px!important;
	;
}
.ml20 {
	margin-left: 20px!important;
}
.mr20 {
	margin-right: 20px!important;
}
.pt20 {
	padding-top: 20px!important;
}
.pb20 {
	padding-bottom: 20px!important;
}
.pl20 {
	padding-left: 20px!important;
}
.pr20 {
	padding-right: 20px!important;
}
.mt25 {
	margin-top: 25px!important;
}
.mb25 {
	margin-bottom: 25px!important;
}
.ml25 {
	margin-left: 25px!important;
}
.mr25 {
	margin-right: 25px!important;
}
.pt25 {
	padding-top: 25px!important;
}
.pb25 {
	padding-bottom: 25px!important;
}
.pl25 {
	padding-left: 25px!important;
}
.pr25 {
	padding-right: 25px!important;
}
.mt30 {
	margin-top: 30px!important;
}
.mb30 {
	margin-bottom: 30px!important;
}
.ml30 {
	margin-left: 30px!important;
}
.mr30 {
	margin-right: 30px!important;
}
.pt30 {
	padding-top: 30px!important;
}
.pb30 {
	padding-bottom: 30px!important;
}
.pl30 {
	padding-left: 30px!important;
}
.pr30 {
	padding-right: 30px!important;
}
.mt35 {
	margin-top: 35px!important;
}
.mb35 {
	margin-bottom: 35px!important;
}
.ml35 {
	margin-left: 35px!important;
}
.mr35 {
	margin-right: 35px!important;
}
.pt35 {
	padding-top: 35px!important;
}
.pb35 {
	padding-bottom: 35px!important;
}
.pl35 {
	padding-left: 35px!important;
}
.pr35 {
	padding-right: 35px!important;
}
.mt40 {
	margin-top: 40px!important;
}
.mb40 {
	margin-bottom: 40px!important;
}
.ml40 {
	margin-left: 40px!important;
}
.mr40 {
	margin-right: 40px!important;
}
.pt40 {
	padding-top: 40px!important;
}
.pb40 {
	padding-bottom: 40px!important;
}
.pl40 {
	padding-left: 40px!important;
}
.pr40 {
	padding-right: 40px!important;
}
.mt45 {
	margin-top: 45px!important;
}
.mb45 {
	margin-bottom: 45px!important;
}
.ml45 {
	margin-left: 45px!important;
}
.mr45 {
	margin-right: 45px!important;
}
.pt45 {
	padding-top: 45px!important;
}
.pb45 {
	padding-bottom: 45px!important;
}
.pl45 {
	padding-left: 45px!important;
}
.pr45 {
	padding-right: 45px!important;
}
.mt50 {
	margin-top: 50px!important;
}
.mb50 {
	margin-bottom: 50px!important;
}
.ml50 {
	margin-left: 50px!important;
}
.mr50 {
	margin-right: 50px!important;
}
.pt50 {
	padding-top: 50px!important;
}
.pb50 {
	padding-bottom: 50px!important;
}
.pl50 {
	padding-left: 50px!important;
}
.pr50 {
	padding-right: 50px!important;
}
.mt55 {
	margin-top: 55px!important;
}
.mb55 {
	margin-bottom: 55px!important;
}
.ml55 {
	margin-left: 55px!important;
}
.mr55 {
	margin-right: 55px!important;
}
.pt55 {
	padding-top: 55px!important;
}
.pb55 {
	padding-bottom: 55px!important;
}
.pl55 {
	padding-left: 55px!important;
}
.pr55 {
	padding-right: 55px!important;
}
.mt60 {
	margin-top: 60px!important;
}
.mb60 {
	margin-bottom: 60px!important;
}
.ml60 {
	margin-left: 60px!important;
}
.mr60 {
	margin-right: 60px!important;
}
.pt60 {
	padding-top: 60px!important;
}
.pb60 {
	padding-bottom: 60px!important;
}
.pl60 {
	padding-left: 60px!important;
}
.pr60 {
	padding-right: 60px!important;
}
.mt65 {
	margin-top: 65px!important;
}
.mb65 {
	margin-bottom: 65px!important;
}
.ml65 {
	margin-left: 65px!important;
}
.mr65 {
	margin-right: 65px!important;
}
.pt65 {
	padding-top: 65px!important;
}
.pb65 {
	padding-bottom: 65px!important;
}
.pl65 {
	padding-left: 65px!important;
}
.pr65 {
	padding-right: 65px!important;
}
.mt70 {
	margin-top: 70px!important;
}
.mb70 {
	margin-bottom: 70px!important;
}
.ml70 {
	margin-left: 70px!important;
}
.mr70 {
	margin-right: 70px!important;
}
.pt70 {
	padding-top: 70px!important;
}
.pb70 {
	padding-bottom: 70px!important;
}
.pl70 {
	padding-left: 70px!important;
}
.pr70 {
	padding-right: 70px!important;
}
.mt75 {
	margin-top: 75px!important;
}
.mb75 {
	margin-bottom: 75px!important;
}
.ml75 {
	margin-left: 75px!important;
}
.mr75 {
	margin-right: 75px!important;
}
.pt75 {
	padding-top: 75px!important;
}
.pb75 {
	padding-bottom: 75px!important;
}
.pl75 {
	padding-left: 75px!important;
}
.pr75 {
	padding-right: 75px!important;
}
.mt80 {
	margin-top: 80px!important;
}
.mb80 {
	margin-bottom: 80px!important;
}
.ml80 {
	margin-left: 80px!important;
}
.mr80 {
	margin-right: 80px!important;
}
.pt80 {
	padding-top: 80px!important;
}
.pb80 {
	padding-bottom: 80px!important;
}
.pl80 {
	padding-left: 80px!important;
}
.pr80 {
	padding-right: 80px!important;
}
.mt85 {
	margin-top: 85px!important;
}
.mb85 {
	margin-bottom: 85px!important;
}
.ml85 {
	margin-left: 85px!important;
}
.mr85 {
	margin-right: 85px!important;
}
.pt85 {
	padding-top: 85px!important;
}
.pb85 {
	padding-bottom: 85px!important;
}
.pl85 {
	padding-left: 85px!important;
}
.pr85 {
	padding-right: 85px!important;
}
.mt90 {
	margin-top: 90px!important;
}
.mb90 {
	margin-bottom: 90px!important;
}
.ml90 {
	margin-left: 90px!important;
}
.mr90 {
	margin-right: 90px!important;
}
.pt90 {
	padding-top: 90px!important;
}
.pb90 {
	padding-bottom: 90px!important;
}
.pl90 {
	padding-left: 90px!important;
}
.pr90 {
	padding-right: 90px!important;
}
.mt95 {
	margin-top: 95px!important;
}
.mb95 {
	margin-bottom: 95px!important;
}
.ml95 {
	margin-left: 95px!important;
}
.mr95 {
	margin-right: 95px!important;
}
.pt95 {
	padding-top: 95px!important;
}
.pb95 {
	padding-bottom: 95px!important;
}
.pl95 {
	padding-left: 95px!important;
}
.pr95 {
	padding-right: 95px!important;
}
.mt100 {
	margin-top: 100px!important;
}
.mb100 {
	margin-bottom: 100px!important;
}
.ml100 {
	margin-left: 100px!important;
}
.mr100 {
	margin-right: 100px!important;
}
.pt100 {
	padding-top: 100px!important;
}
.pb100 {
	padding-bottom: 100px!important;
}
.pl100 {
	padding-left: 100px!important;
}
.pr100 {
	padding-right: 100px!important;
}
@keyframes top {
0% {
opacity:0;
}
50% {
opacity:0;
}
100% {
opacity:1;
}
}
/* display-flex */
.loc_row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.loc_justify-content-center {
	-webkit-box-pack: center!important;
	-ms-flex-pack: center!important;
	justify-content: center!important;
}
.col-lg-50 {
	position: relative;
	width: 100%;
	min-height: 1px;
	padding-right: 20px;
	padding-left: 20px;
}
.colL-50 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 50%;
	flex: 0 0 50%;
	max-width: 50%;
}
.colR-30 {
	-webkit-box-flex: 0;
	-ms-flex: 0 0 33.33333%;
	flex: 0 0 33.33333%;
	max-width: 33.33333%;
}
/* header */
header {
	background: #ffffff;
	padding: 20px 20px;
	border-bottom: 1px solid #efefef;
}
h1 {
	width: 356px;
}
h1 a img {
	width: auto;
	height: auto;
}
/* top */
/*.top .wrapper {
	width: 100%;
}*/

.slider {
	width: 100%;
	height: 640px;
}
/* footer */
.pagetop a {
	width: 100%;
	padding: 20px 0px;
	background: #ec3f6b;
	text-align: center;
	display: block;
}
.arrow-box {
	widht: 640px;
	margin: 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
}
.arrow {
	width: 10px;
	height: 10px;
	border-top: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	transform: rotate(-45deg);
	margin-top: 6px;
	margin-right: 10px;
}
.footer-menu-box {
	background: #e73f6b;
	padding: 70px 0px;
	margin: 0 auto;
}
.footer-menu-box .wrapper {
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}
.footer-menu-box ul {
	width: calc( 100% - 30px );
	margin-bottom: -15px;
	display: flex;
	justify-content: space-between;
	flex-direction: row;
	flex-wrap: wrap;
}
.footer-menu-box li {
	width: calc( 50% - 7.5px );
	margin-bottom: 15px;
	background: #ffffff;
}
.footer-menu-box li a {
	width: 100%;
	height: 150px;
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
}
.footer-menu-box li a:hover {
	text-decoration: none;
}
.footer-menu-number {
	width: 60px;
	height: 60px;
	color: #ffffff;
	font-size: 30px;
	display: flex;
	justify-content: center;
	align-items: center;
	font-family: 'din';
}
.footer-menu-title {
	color: #000000;
	font-size: 22px;
	font-weight: bold;
	line-height: 30px;
	padding: 20px;
}
.footer-menu01 {
	border: 6px solid #de0012;
}
.footer-menu-box .footer-menu01 {
	background: url("images/footer-menu01.jpg") right center no-repeat;
}
.footer-menu01 .footer-menu-number {
	background: #de0012;
}
.footer-menu02 {
	border: 6px solid #dd5740;
}
.footer-menu-box .footer-menu02 {
	background: url("images/footer-menu02.jpg") right center no-repeat;
}
.footer-menu02 .footer-menu-number {
	background: #dd5740;
}
.footer-menu03 {
	border: 6px solid #eea450;
}
.footer-menu-box .footer-menu03 {
	background: url("images/footer-menu03.jpg") right center no-repeat;
}
.footer-menu03 .footer-menu-number {
	background: #eea450;
}
.footer-menu04 {
	border: 6px solid #1c92c7;
}
.footer-menu-box .footer-menu04 {
	background: url("images/footer-menu04.jpg") right center no-repeat;
}
.footer-menu04 .footer-menu-number {
	background: #1c92c7;
}
.footer-menu05 {
	border: 6px solid #834e94;
}
.footer-menu-box .footer-menu05 {
	background: url("images/footer-menu05.jpg") right center no-repeat;
}
.footer-menu05 .footer-menu-number {
	background: #834e94;
}
.footer-menu06 {
	border: 6px solid #3ca64a;
}
.footer-menu-box .footer-menu06 {
	background: url("images/footer-menu06.jpg") right center no-repeat;
}
.footer-menu06 .footer-menu-number {
	background: #3ca64a;
}
.footer-menu07 {
	border: 6px solid #ac8c35;
}
.footer-menu-box .footer-menu07 {
	background: url("images/footer-menu07.jpg") right center no-repeat;
}
.footer-menu07 .footer-menu-number {
	background: #ac8c35;
}
.footer-menu08 {
	border: 6px solid #de0012;
}
.footer-menu-box .footer-menu08 {
	background: url("images/footer-menu08.jpg") right center no-repeat;
}
.footer-menu08 .footer-menu-number {
	background: #de0012;
}
.footer-menu-box .footer-menu01, .footer-menu-box .footer-menu02, .footer-menu-box .footer-menu03, .footer-menu-box .footer-menu04, .footer-menu-box .footer-menu05, .footer-menu-box .footer-menu06, .footer-menu-box .footer-menu07, .footer-menu-box .footer-menu08 {
	background-size: contain;
}
.content-box .footer-menu01, .content-box .footer-menu02, .content-box .footer-menu03, .content-box .footer-menu04, .content-box .footer-menu05, .content-box .footer-menu06, .content-box .footer-menu07, .content-box .footer-menu08 {
	border: none;
	margin-bottom: -60px;
	z-index: 100;
	position: relative;
}
.footer-infobox li img {
	width: 100%;
	height: auto;
	display: block;
}
.footer-infobox {
	background: #efefef;
	background-image: url("images/back_sankaku2.jpg"), url("images/back_sankaku1.jpg");
	background-position: right top, left top;
	background-repeat: repeat-y;
	background-size: 125px auto;
	background-blend-mode: multiply;
	padding: 70px 0px;
}
.footer-infobox ul {
	width: 640px;
	height: auto;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	box-sizing: border-box;
	margin-bottom: -20px;
}
.footer-infobox li {
	width: 310px;
	margin-bottom: 20px;
}
.footer-sns-box {
	margin: 0 auto;
	margin-bottom: 20px;
	width: 640px;
}
.footer-twitter {
	width: 100%;
	height: 400px;
	background: #ffffff;
	overflow: scroll;
	-webkit-overflow-scrolling: touch; /*-- これが重要っぽい --*/
	overflow-scrolling: touch; /*-- これも重要そう --*/
	margin-bottom: 20px;
}
.footer-menu-box h6 {
	text-align: center;
	font-family: 'din';
	font-size: 30px;
	padding-bottom: 5px;
	margin-bottom: 30px;
}
.footer-menu-box h6 {
	color: #ffffff;
	border-bottom: 3px solid #ffffff;
}
.footer-school {
	padding: 70px 0px;
	background: #ffffff;
	color: #333333;
}
.footer-school img {
	width: 30%;
	height: auto;
}
.footer-school h6 img {
	width: 100%;
	height: auto;
	margin-bottom: 15px;
}
.footer-school .wrapper {
	width: 320px;
	margin: 0 auto;
}
.footer-eigadai {
	width: 100%;
	text-align: center;
	margin-bottom: 50px;
}
.footer-eigadai a {
	width: 100%;
	box-sizing: border-box;
	display: block;
}
.footer-eigadai a img {
	width: 100%;
	height: auto;
	border: 1px solid #cccccc;
	box-sizing: border-box;
}
.footer-sns-list {
	width: 100%;
	height: auto;
}
.footer-sns-list ul {
	width: 100%;
	display: flex;
	justify-content: center;
	margin: 0;
	margin-bottom: 50px;
}
.footer-sns-list ul li {
	width: 40px;
	margin: 0px 10px;
}
.footer-sns-list ul li a, .footer-sns-list ul li a img {
	display: block;
	width: 40px;
	height: auto;
}
.footer-school2 p {
	width: 100%;
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 6px;
}
.footer-school2 p a {
	width: 75%;
	display: block;
	background-color: #ec3f6b;
	background-image: url(images/icon_window.gif);
	background-repeat: no-repeat;
	background-position: right 10px center;
	background-size: 6px;
	padding: 10px;
	text-align: center;
	color: #ffffff;
	box-sizing: border-box;
	font-size: 12px;
	border-radius: 5px;
	margin: 0 auto;
	text-decoration: none;
}
.footer-school2 .footer-mail a {
	background-image: url(../img/icon_mail.png);
	background-size: 14px;
}
.footer-school2 .footer-tel a {
	background-image: url(../img/icon_tel.png);
	background-size: 10px;
}
.contact-box {
	font-size: 16px;
}
.copyright {
	width: 100%;
	font-size: 10px;
	text-align: center;
	margin-top: 15px;
}
#samplePanel {
	display: none;
}
/* menu */
/* thanks : https://lopan.jp/css-animation-drawer/ */
/* :::::: toggle button :::::: */
.drawer-box {
	position: relative;
	z-index: 999998;
}
#navTgl {
	display: none;
}
.drawer-box label {
	cursor: pointer;
	position: fixed;
	top: 0;
	right: 0;
}
.open {
	z-index: 2;
	width: 60px;
	height: 60px;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before, .open::after {
	content: "";
}
.open span, .open::before, .open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid #cccccc;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
	z-index: 1;
	width: 100%;
	height: 100%;
	pointer-events: none;
	transition: background .6s;
}
#navTgl:checked + .open {
	transform: translateX(-240px);
}
#navTgl:checked + .open span {
	transform: scaleX(0);
}
#navTgl:checked + .open::before {
	transform: rotate(45deg);
}
#navTgl:checked + .open::after {
	transform: rotate(-45deg);
}
#navTgl:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}
/* :::::: drawer menu :::::: */
.drawer-menu {
	z-index: 1;
	position: fixed;
	overflow: auto;
	top: 0;
	right: 0;
	width: 240px;
	height: 100%;
	box-sizing: border-box;
	background: #ffffff;
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.drawer-menu li {
	color: #333333;
}
.drawer-menu li a {
	color: #333333;
	text-decoration: none;
	padding: 15px;
	background: none;
	transition: 0.1s;
	font-size: 12px;
	line-height: 18px;
	height: auto;
	display: flex;
	flex-direction: row;
	align-items: center;
	box-sizing: border-box;
}
.drawer-menu .footer-menu01, .drawer-menu .footer-menu02, .drawer-menu .footer-menu03, .drawer-menu .footer-menu04, .drawer-menu .footer-menu05, .drawer-menu .footer-menu06, .drawer-menu .footer-menu07, .drawer-menu .footer-menu08 {
	border: none;
}
.drawer-menu .footer-menu-number {
	width: 20px;
	height: 20px;
	font-size: 10px;
}
.drawer-menu .footer-menu-title {
	width: 100%;
	font-size: 12px;
	line-height: 18px;
	padding: 0px 0px 0px 10px;
	box-sizing: border-box;
	font-weight: normal;
}
.drawer-menu li a:hover {
}
#navTgl:checked ~ .drawer-menu {
	transform: none;
}
.drawer-menu li .line {
	width: 100%;
	height: 2px;
	background: #cccccc;
	mask-image: url(images/line_dotted.svg);
	-webkit-mask-image: url(images/line_dotted.svg);
	margin: 0px 0px;
}
.drawer-menu-logo a {
	padding: 30px;
	box-sizing: border-box;
	display: block;
}
.drawer-menu-logo a img {
	width: 100%;
	height: auto;
	display: block;
}
.fadein {
	opacity : 0;
	transform : translate(0, 50px);
	transition: all 0.5s;
	display: block;
	text-align: center;
}
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}
/* :::::: mainV :::::: */
.loc_mainV {
	background-image: url(../img/mainV_dotbg.png);
	padding-bottom: 60px;
	background-color: #9fd9f6;
	background-repeat: repeat-x;
	background-position: bottom;
}
.loc_mainV_ttl {
	width: 100%;
	padding: 40px 0 60px;
	;
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	flex-direction: column;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
}
.swiper-slide {
	cursor: pointer;
}
/*.sample03 .swiper-button-prev,
.sample03 .swiper-button-next {
  display: none;
}*/
.sample03 .swiper-button-prev, .sample03 .swiper-button-next:hover {
	opacity: 0.7;
}
.swiper-slide img {
	width: 100%;
}
.swiper-slide {
	display: flex;
	justify-content: center;
}
/* コンテンツ幅 */
.content-area {
	width: 1200px;
	margin: 0 auto;
}
.content-inner {
	width: 1000px;
	margin: 0 auto;
}
/* top_txt */
.content-dotBg {
	background-image: url(../img/2sec_bg.png);
	background-repeat: repeat-x;
}
.top_ttl_box {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	justify-content: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	margin-top: 70px;
	margin-bottom: 40px;
}
.top_txt_area {
	width: 720px;
	text-align: center;
	margin: 0 auto;
	line-height: 1.6;
	font-size: 18px;
}
.top_txt_annotBox {
	border: 1px solid #5dc2d0;
	padding: 14px 16px;
	display: flex;
	align-items: center;
	margin-top: 20px;
}
.top_txt_annotBox dt {
	width: 15%;
}
.top_txt_annotBox dd {
	border-left: 1px solid #5dc2d0;
	padding-left: 10px;
}
/* :::::: theme_area :::::: */
.theme_area {
	margin-top: 50px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
	width: 100%;
}
.theme_box {
	width: calc(calc(100% - 30px) / 2);
	box-sizing: border-box;
	padding: 30px;
	margin-bottom: 30px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.theme_box:nth-child(2n) {
	margin-left: 30px;
}
.theme_boxBG_y {
	background-color: #fffcd6;
}
.theme_boxBG_o {
	background-color: #ffeec4;
}
.theme_box_y {
	border: 2px solid #ffe900;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.theme_ttl_area {
	width: 100%;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.theme_flag {
	width: 25%;
	margin-right: 15px;
}
.theme_ttl {
	width: calc(75% - 15px);
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.theme_ttl h4 {
	font-size: 16px;
	line-height: 1.5;
}
.theme_ttl_txt {
	font-weight: bold;
	font-size: 24px;
	line-height: 1.4;
}
.theme_2col {
	display: -webkit-box;
	display: -mst-flexbox;
	display: flex;
	-webkit-box-align: start;
	-ms-flex-align: start;
	align-items: flex-start;
}
.theme_2colL {
	width: calc(74% - 25px);
	margin-right: 25px;
	line-height: 1.35;
}
.theme_2colR {
	width: 25%;
}
.theme_2col-02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.theme_2colL-02 {
	width: calc(55% - 25px);
	margin-right: 25px;
}
.theme_ttl02 {
	text-align: center;
}
.theme_1col {
	padding: 0 20px;
}
.theme_1col div {
	line-height: 1.4;
}
.theme_txt {
	line-height: 1.35;
}
.theme_approach {
	background-color: #fff;
	border-radius: 10px;
	padding: 10px 14px 12px;
	font-size: 14px;
}
.approach_list {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: end;
	-ms-flex-align: end;
	align-items: flex-end;
}
.approach_list li {
	margin-right: 12px;
	line-height: 1.5;
}
.approach_list li:last-child {
	margin-right: 0;
	font-size: 11px;
}
/* Q&A */
.qa_bg {
	width: 100%;
	background-color: #7dced9;
}
.qa_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	padding-top: 65px;
	margin-top: 40px;
}
.qa_qArea {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	width: calc(100% – 60px);
	box-sizing: border-box;
	margin: 25px 30px 0 30px;
	padding-bottom: 60px;
}
/* data-area */
.data_area {
	margin: 70px 30px 40px 30px;
}
.data_ttl {
	font-size: 32px;
	line-height: 1.6;
	font-weight: bold;
	letter-spacing: 0.3rem;
	text-align: center;
}
.data_2col_area {
	margin-top: 30px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.data_2colL {
	width: 53%;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.data_2colL_ttl {
	font-size: 24px;
	font-weight: bold;
	margin-bottom: 20px;
}
.data_2col_area dl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin-bottom: 6px;
}
.data_2col_area dt {
	font-size: 16px;
	font-weight: bold;
	color: #fff;
	background-color: #e73462;
	padding: 7px 15px;
	margin-right: 15px;
}
.data_2col_area dd {
	font-size: 18px;
	font-weight: bold;
	color: #e73462;
}
.data_box {
	border-bottom: 2px solid #e73462;
	border-top: 2px solid #e73462;
	padding: 20px 15px;
	width: 95%;
	margin-top: 25px;
}
.data_box_txt {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-around;
	align-items: center;
}
.data_box_txt p {
	line-height: 1.3;
}
.data_box_per {
	font-size: 22px;
}
.data_box_per span {
	font-size: 40px;
}
.data_courseBox {
	background-color: #fffcd6;
	padding: 20px 15px;
	margin-top: 30px;
}
.data_courseBox p {
	font-size: 14px;
	line-height: 1.5;
	margin-top: 10px;
}
/* support_area */
.support_bg {
	width: 100%;
	margin: 0 auto;
	background-color: #feeed4;
}
.support_inner {
	padding: 35px 30px 70px 30px;
}
.support_ttl {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
}
.support_box {
	background-color: #fff;
	padding: 20px;
	margin-top: 20px;
	border-radius: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.support_box_no {
	font-size: 16px;
	font-weight: bold;
	color: #e73462;
	text-align: center;
	line-height: 1.5;
	border-right: dotted #e73462;
	padding-right: 10px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	width: 8%;
}
.support_box_txt {
	margin-left: 15px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	line-height: 1.3;
}
.support_box_h {
	font-size: 24px;
	margin-bottom: 20px;
}
.support_box_table {
	width: 40%;
	margin-left: 15px;
}
.support_box_table table {
	border: 2px solid #e73462;
	font-size: 14px;
}
.support_box_table table th {
	background-color: #e73462;
	color: #fff;
	text-align: center;
	padding: 9px 0;
}
.support_box_table table td {
	background-color: #fff;
	text-align: center;
	padding: 15px 10px;
	line-height: 1.3;
}
.support_box_table_border {
	border-right: 1px solid #e9c1ca;
}
.support_box_3col {
	box-sizing: border-box;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
.support_box_3col .support_box {
	width: 30%;
	margin-right: 15px;
}
.support_box_3col .support_box:last-child {
	margin-right: 0px;
}
.support_box_3col .support_box_h {
	margin-bottom: 0;
}
.support_box_3col .support_box_no {
	width: auto;
}
/* Topics_area */
.topics_bg {
	width: 100%;
	margin: 0 auto;
	background-color: #feeed4;
	padding-bottom: 100px;
}
.topics_boxArea {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 40px 0px 25px;
	background-color: #fff;
	border: 2px solid #7dced9;
	border-radius: 5px;
	margin-left: 15px;
}
.topics_box_ribon {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0;
	box-sizing: border-box;
	padding: 10px 12px;
	margin-top: 20px;
	height: 45px;
	font-size: 24px;
	font-weight: bold;
	color: #333;
	background-color: #ffea00;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.12);
}
.topics_box_ribon:before {
	position: absolute;
	content: '';
	top: 0;
	left: -12px;
	border: none;
	height: 45px;
	width: 12px;
	background-color: #ffea00;
}
.topics_box_ribon:after {
	position: absolute;
	content: '';
	top: 45px;
	left: -12px;
	border-bottom: solid 8px transparent;
	border-right: solid 12px #635d18;
}
.topics_box_h {
	font-size: 26px;
	margin-bottom: 20px;
}
.topics_box_ttl {
	position: relative;
	padding: 0;
	margin: 10px 0px 10px 107px;
	font-size: 26px;
	line-height: 1.4;
}
.topics_box_2col {
	margin-top: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-pack: distribute;
	justify-content: space-around;
}
.topics_box_2colL {
	padding: 20px;
}
.topics_box_2colR {
	width: 30%;
}

@media (min-width: 768px) {
/* mainV */	
.sample03 .swiper-button-prev,  .sample03 .swiper-button-next {
	display: block;
}
}

@media screen and (min-width: 0px) and (max-width: 640px) {
body {
	min-width: 100%;
}
.forpc {
	display: none;
}
.forsp {
	display: block;
}
/* common */
.wrapper {
	width: 100%;
	padding: 0px 20px;
}
.br_none {
	display: none;
}
/* header */
h1 {
	width: 150px;
	height: auto;
	margin: 0 auto;
}
h1 a img {
	width: 150px;
	height: auto;
}
/* レイアウト */	
.content-area, .content-inner {
	width: 98%;
	margin: 0 auto;
}
/* top */
.top .wrapper {
	width: 100%;
	padding: 0;
}
/* :::::: mainV :::::: */
.swiper-slide img {
	width: 88%;
}
.loc_mainV_ttl {
	width: auto;
	margin: 0 20px;
}
/* top_ttl_area */	
.top_txt_area {
	width: 95%;
}
.top_txt_annotBox {
	align-items: flex-start;
}
.top_txt_annotBox dd {
	margin-left: 10px;
	line-height: 1.4;
}
/* :::::: theme_area :::::: */
.theme_area {
}
.theme_box {
	width: 95%;
	-webkit-box-pack: start;
	-ms-flex-pack: start;
	justify-content: flex-start;
}
.theme_box:nth-child(2n) {
	margin-left: 0;
}
.theme_ttl_area {
	display: block;
	ms-flex-wrap: nowrap;
	flex-wrap: nowrap;
}
.theme_flag {
	width: auto;
	text-align: center;
}
.theme_ttl {
	width: auto;
	margin-top: 10px;
}
.theme_2col {
	display: block;
	-webkit-box-align: stretch;
	-ms-flex-align: stretch;
	align-items: stretch;
}
.theme_2colL {
	width: auto;
	margin-right: 0;
	line-height: 1.35;
}
.theme_2colR {
	width: auto;
	text-align: center;
	margin-top: 20px;
}
.theme_2col-02 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-orient: vertical!important;
	-webkit-box-direction: reverse!important;
	-ms-flex-direction: column-reverse!important;
	flex-direction: column-reverse;
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center;
}
.theme_2colL-02 {
	width: 100%;
	margin-right: 0;
	margin-top: 20px;
}
.theme_2colR-02 {
	-webkit-box-align: center!important;
	-ms-flex-align: center!important;
	align-items: center;
	margin-top: 20px;
}
/* Q&A */
.qa_ttl {
	padding-top: 40px;
	margin-bottom: 20px;
}
.qa_qArea {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin: 30px 35px 0 35px;
	padding-bottom: 40px;
}
.qa_qArea div {
	margin-bottom: 20px;
}
/* data-area */
.data_area {
	margin: 40px 15px;
}
.data_ttl {
	font-size: 28px;
}
.data_2col_area {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.data_2colL {
	width: auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.data_2colL_ttl {
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.4;
}
.data_2col_area dl {
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.data_2col_area dt {
	font-size: 14px;
	padding: 5px 10px;
	margin-right: 10px;
}
.data_2col_area dd {
	font-size: 16px;
}
.data_2colR {
	margin-top: 30px;
}
.data_box {
	width: auto;
	padding: 20px 0px;
}
.data_box_txt {
	flex-wrap: wrap;
	justify-content: flex-start;
}
.data_box_txt p:first-child {
	font-size: 15px;
	width: 64%;
}
.data_box_txt p:last-child {
	width: 100%;
	margin-top: 10px;
}
.data_box_per p {
	width: calc(100% - 64%);
}
.support_inner {
	padding: 35px 15px 70px 15px;
}
.support_box {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.support_box_no {
	width: 100%;
	border-right: none;
	border-bottom: dotted #e73462;
}
.support_box_h {
	margin-top: 10px;
	margin-bottom: 15px;
	font-size: 20px;
}
.support_box_txt {
	margin: 0 auto;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.support_box_table {
	width: 100%;
	margin-left: 0;
	margin-top: 10px;
}
.support_box_3col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
}
.support_box_3col .support_box {
	width: auto;
	margin-right: 0
}
.topics_box_ribon {
	margin-top: 10px;
}
/* Topics_area */
.topics_boxArea {
	padding: 40px 0px 10px;
}
.topics_box_h {
	font-size: 20px;
	line-height: 1.3;
	margin-bottom: 10px;
}
.topics_box_2col {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
	margin: 25px 15px;
}
.topics_box_2colL {
	padding: 0;
	line-height: 1.3;
}
.topics_box_2colR {
	width: 100%;
	margin-top: 15px;
}
}
/*　モーダル　*/
.modal_trigger {
}
.modal_trigger li {
	border: 1px solid;
	border-radius: 5px;
	cursor: pointer;
	padding: 10px;
	color: #216518;
	max-width: 100px;
	text-align: center;
	position: relative;
	overflow: hidden;
}
.modal_trigger li::before {
	content: '';
	display: inline-block;
	width: 100%;
	height: 100%;
	background: #216518;
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
	position: absolute;
	left: -20px;
	top: 100%;
	z-index: -1;
	opacity: 0;
}
.modal_trigger li:hover {
	color: #fff;
}
.modal_trigger li:hover::before {
	-webkit-animation: slideRightBg ease .2s forwards;
	animation: slideRightBg ease .2s forwards;
}
.modal_trigger li + li {
	margin-left: 20px;
}
 @-webkit-keyframes slideRightBg {
 0% {
 opacity: 0;
 left: -50%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
 @keyframes slideRightBg {
 0% {
 opacity: 0;
 left: -50%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
.modal_btn img:hover {
	cursor: pointer;
}
.modal_box {
	display: none;
	height: 100%;
	left: 0;
	position: fixed;
	top: 0;
	width: 100%;
	z-index: 9999;
}
.modal_bg {
	background-color: rgba(30, 30, 30, 0.9);
	height: 100%;
	width: 100%;
}
.modal_inner {
	background-color: #7dced4;
	left: 50%;
	padding: 25px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	max-width: 900px;
	width: 100%;
}
.modal_block {
	background-color: #fff;
	padding: 30px;
}
.modal_Q {
	background-color: #7dced4;
	padding: 9px 20px;
	border-radius: 3px;
	font-size: 24px;
	font-weight: bold;
}
.modal_Q:before {
	content: url('../img/qa_qico.png');
	position: relative;
	top: 4px;
	margin: 0 15px 0 0;
}
.modal_A {
	color: #7dced4;
	font-size: 24px;
	font-weight: bold;
	margin-top: 25px;
	margin-left: 25px;
}
.modal_A:before {
	content: url('../img/qa_aico.png');
	position: relative;
	top: 4px;
	margin: 0 15px 0 0;
}
.qa_Abox {
	margin-top: 25px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.qa_AboxL {
	font-size: 16px;
	line-height: 1.4;
	width: 67%;
}
.modal_close {
	cursor: pointer;
	position: absolute;
	right: 10px;
	top: 0;
	font-size: 3rem;
}

@media screen and (max-width: 480px) {
.modal_trigger {
}
.modal_trigger li {
	width: 47.5%;
	margin-top: 20px;
	max-width: inherit;
}
.modal_trigger li + li {
	margin-left: 0;
}
.modal_inner {
	width: 80%;
	padding: 15px;
	margin: 20px auto;
	height: 90%;
	overflow: auto;
}
.qa_Abox {
	-webkit-box-orient: vertical;
	-webkit-box-direction: normal;
	-ms-flex-direction: column;
	flex-direction: column;
	margin-top: 15px;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.modal_Q {
	padding: 9px 13px;
	font-size: 20px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}
.modal_Q:before {
	top: 0px;
}
.modal_A {
	font-size: 20px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 0px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.modal_A:before {
	top: 0px;
}
.qa_AboxL {
	width: 100%;
}
.qa_AboxR {
	margin-top: 15px;
}
.modal_block {
	padding: 20px;
}
.modal_close {
	top: 10px;
	right: 20px;
	font-size: 3rem;
}
.swiper-slide {
	text-align: center;
}
}