@charset 'UTF-8';
/*
Theme Name: WEG
Author: TAMAE MIYABE
Discription: オリジナルテーマ
Version: 1.0
*/

@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP:300,700,900&display=swap');

/*================================================
 *  CSSリセット
 ================================================*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;}body{line-height:1}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}del{text-decoration:line-through}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}table{border-collapse:collapse;border-spacing:0}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}input,select{vertical-align:middle}


/*================================================
 *  一般・共通設定
 ================================================*/
*,*::before,*::after{ box-sizing: border-box; }
html { font-size: 62.5% ; }

body {
	width: 100%;
	font-size: 16px;
	font-size: 1.6rem ;
	font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
	color: #555;
	line-height: 1.8;
	background:#fff;
}

a { text-decoration: none; }
p { margin: 0; line-break: strict; }
img { border: 0; vertical-align:bottom; width: 100%; height: auto; }

article{ text-align: center; z-index: 1; background:#fff;}

/*================================================
 *  大枠
 ================================================*/
.wrapper {
	overflow: hidden;
	position:relative;
	display: flex;
	flex-direction: column;
	min-height: 100vh;
}
.inner{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 90%;
}
@media screen and (min-width: 641px) and  (max-width:1024px){
	.inner{ width: 700px;}
}
@media screen and (min-width: 1025px) {
	.inner{ width: 1000px;}
}
/*================================================
 *  見出し
 ================================================*/
.subE,.subEC{
	margin:0;
	font-family: 'Noto Sans JP', "sans-serif";
    font-size: 37px;
    font-weight: 300;
	line-height: 1.2;
	color: #003980;
}
.subE{
	margin:2em auto 0.5em; 
	width: 100%;
	text-align: left;
}

.subEC{
	margin:0 auto 0.5em; 
	width: 100%;
	text-align: center;
}

.subJ,.error{
	margin:-0.5em 0 3em;
	width: 100%;
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 0.9em;
    font-weight:900;
	line-height: 1.2;
	color: #003980;
}
.subJ{ text-align: left; }
.error{ text-align: center; }


@media screen and (min-width: 641px) {
	.subE,.subEC{ font-size: 42px; }
}
/*================================================
 *  下層ページ
 ================================================*/
.main{
	margin: 100px auto 5em;
	width: 90%;
}

@media screen and (min-width: 769px) {
	.main{ width:960px; }
}

.pageTitle{ 
	margin: 1em 0;
	width:100%;
	text-align:left;
	font-size:1.3em;
	font-weight:700;
	line-height:1.5;
}
ul.pageHead{
	display:flex;
	margin: 0 0 1em;
	padding:0.5em 0;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.pageDate{ font-weight:700; }
.pageCate{
	margin-left: auto;
	padding:0.2em 1em;
	font-size: 0.9em;
	color:#fff;
	background:#707070;
}
.pageCate a{ color:#fff; }

.pageContents p{ 
	margin: 0.5em 0;
	width:100%;
	text-align:left;
	font-size:0.9em;
	line-height:1.6;
}
.pageContents H2{ width:100%; text-align:left; font-size:1.3em; }
.pageContents H3{ width:100%; text-align:left; font-size:1.2em; }
.pageContents H4{ width:100%; text-align:left; font-size:1em; }

.pageContents ol{
	margin:0.5em auto;
	width:100%;
    font-size: 0.9em;;
}
.pageContents ol li{
	margin:0.3em 0 0.3em 1.5em;
	text-align:left;
	line-height:1.6;
}

.textBox{
	margin:0 auto 8em;
	width:80%;
}

.wp-block-image {
    margin-top:1em;
    margin-bottom: 2em;
}
.wp-block-separator { border-bottom: 1px solid #ccc; margin-top:2em; margin-bottom:2em; }
.wp-block-separator:not(.is-style-wide):not(.is-style-dots) { max-width:100%; }

/*================================================
 *  スライダー基礎
 ================================================*/
/* 全体のスタイル */
.swiper-wrapper {
	padding-bottom: 3.5em;
	width: 100%;
	height: auto;
}
/* 全スライド共通スタイル */
.swiper-slide {
	color: #ffffff;
	width: 100%;
	height: auto;
	text-align: center;
}
/*================================================
 *  キービジュアル
 ================================================*/
.video-container {
	position: fixed;
	top:0;
	width: 100vw;
	height: 100vh;
	padding:0;
	margin:0;
}
.video-container .swiper-container{
	display: flex;
  	width: 100vw;
	height: 100vh;
	padding:0;
	margin:0;
}
.kvPC{ display:none; }
.swipeKV{
	overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: flex-start;
  	width: 100%;
	min-height: 100vh;
	padding:0;
	margin:0;
	color:#fff;
	background:#003980;
}

.swiper-slide-active .kvText { animation: slideFromRightSub 2.0s ease 0s 1 normal; }

@keyframes slideFromRightSub {
  0%, 45% {
    transform: translateX(50px);
    opacity: 0;
  }
  100% {
    transform: translateX(0px);
    opacity: 1;
  }
}
@media screen and (min-width: 641px) and  (max-width:1024px){
	@keyframes slideFromRightSub {
  0%, 45% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(20px);
    opacity: 1;
  }
}
}

@media screen and (min-width: 1025px) {
	@keyframes slideFromRightSub {
  0%, 45% {
    transform: translateX(100px);
    opacity: 0;
  }
  100% {
    transform: translateX(70px);
    opacity: 1;
  }
}
}
/* 次ページボタンのスタイル */
.video-container .swiper-button-next {
	position: absolute;
	top:85%;
	right:6%;
	width: 70px;
	background-image: url("https://www.we-school.net/wp/images/nextW.png") ;
	background-repeat: no-repeat;
	background-size:100% auto;
}
/* 前ページボタンのスタイル */
.video-container .swiper-button-prev {
	position: absolute;
	top:85%;
	left:40%;
	width: 70px;
	background-image: url("https://www.we-school.net/wp/images/backW.png") ;
	background-repeat: no-repeat;
	background-size:100% auto;
}
.video-container .swiper-button-next::after { content: ' '; }
.video-container .swiper-button-prev::after { content: ' '; }

@media screen and (min-width: 641px) and  (max-width:1024px){
	.video-container { height: 60vh; }
	.video-container img { max-height: 100%; width: auto;}
	.video-container .swiper-button-next { top:640px; left:50%; transform: translateX(275px); }
	.video-container .swiper-button-prev { top:640px; left:50%; transform: translateX(40px);}
	.kvSP{ display:none; }
	.kvPC{ display:flex; }
}
@media screen and (min-width: 1025px) {
	.video-container,.video-container .swiper-container {height: 780px; }
	.video-container img{ width: 100%;height: 100%; object-fit: cover; }
	.video-container .swiper-button-next { top:640px; left:50%; transform: translateX(390px); }
	.video-container .swiper-button-prev { top:640px; left:50%; transform: translateX(95px);}
	.kvSP{ display:none; }
	.kvPC{ display:flex; }
}

.kvCatch{
	position: absolute;
	left:5%;
	height:11%;
	z-index: 1000;
	text-align: left;
}
.animeTxt{
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 4.5rem;
    font-weight: 300;
	line-height: 1.1;
    text-shadow: 0 0 10px #000;
	color:#fff;

}
.swiper-slide-active .from_bottom1 { animation: fromBottom1 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom1 {
  0% { top: 50%; opacity: 0; }
  80% { top: 11%; opacity: 1; }
	100% { top: 11%; opacity: 1; }
}
@media screen and (min-width: 768px) {
	@keyframes fromBottom1 {
  0% { top: 450px; opacity: 0; }
  80% { top: 120px; opacity: 1; }
	100% { top: 120px; opacity: 1; }
}
}
.swiper-slide-active .from_bottom2 { animation: fromBottom2 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom2 {
	  0% { opacity: 0; }
  15% { top: 50%; opacity: 0; }
  90% { top: 21%; opacity: 1; }
	100% { top: 21%; opacity: 1; }
}  
@media screen and (min-width: 768px) {
	@keyframes fromBottom2 {
	  0% { opacity: 0; }
  15% { top: 450px; opacity: 0; }
  90% { top: 190px; opacity: 1; }
	100% { top: 190px; opacity: 1; }
}  
}
.swiper-slide-active .from_bottom3 { animation: fromBottom3 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom3 {
	  0% { opacity: 0; }
  30% { top: 50%; opacity: 0; }
  100% { top: 31%; opacity: 1; }
} 
@media screen and (min-width: 768px) {
	@keyframes fromBottom3 {
	  0% { opacity: 0; }
  30% { top: 450px; opacity: 0; }
  100% { top: 260px; opacity: 1; }
} 
}
.swiper-slide-active .from_bottom4 { animation: fromBottom4 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom4 {
  0% { top: 50%; opacity: 0; }
  80% { top: 20%; opacity: 1; }
	100% { top: 20%; opacity: 1; }
}
@media screen and (min-width: 768px) {
	@keyframes fromBottom4 {
  0% { top: 450px; opacity: 0; }
  80% { top:190px; opacity: 1; }
	100% { top: 190px; opacity: 1; }
}
}
.swiper-slide-active .from_bottom5 { animation: fromBottom5 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom5 {
	  0% { opacity: 0; }
  15% { top: 50%; opacity: 0; }
  90% { top: 30%; opacity: 1; }
	100% { top: 30%; opacity: 1; }
}  
@media screen and (min-width: 768px) {
	@keyframes fromBottom5 {
	  0% { opacity: 0; }
  15% { top: 450px; opacity: 0; }
  90% { top: 260px; opacity: 1; }
	100% { top: 260px; opacity: 1; }
}  
}

.swiper-slide-active .from_bottom6 { animation: fromBottom6 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom6 {
  0% { top: 50%; opacity: 0; }
  70% { top: 8%; opacity: 1; }
	100% { top: 8%; opacity: 1; }
}
@media screen and (min-width: 768px) {
	@keyframes fromBottom6 {
  0% { top: 450px; opacity: 0; }
  70% { top: 100px; opacity: 1; }
	100% { top: 100px; opacity: 1; }
}
}

.swiper-slide-active .from_bottom7 { animation: fromBottom7 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom7 {
	  0% { opacity: 0; }
  15% { top: 50%; opacity: 0; }
  80% { top: 16%; opacity: 1; }
	100% { top: 16%; opacity: 1; }
}  
@media screen and (min-width: 768px) {
	@keyframes fromBottom7 {
	  0% { opacity: 0; }
  15% { top:450px; opacity: 0; }
  80% { top: 170px; opacity: 1; }
	100% { top: 170px; opacity: 1; }
}  
}

.swiper-slide-active .from_bottom8 { animation: fromBottom8 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom8 {
  0% { opacity: 0; }
  30% { top: 50%; opacity: 0; }
	90% { top: 24%; opacity: 1; }
	100% { top: 24%; opacity: 1; }
}
@media screen and (min-width: 768px) {
	@keyframes fromBottom8 {
  0% { opacity: 0; }
  30% { top: 450px; opacity: 0; }
	90% { top: 240px; opacity: 1; }
	100% { top:240px; opacity: 1; }
}
}

.swiper-slide-active .from_bottom9 { animation: fromBottom9 .8s ease-in-out 0s 1 normal both; }
@keyframes fromBottom9 {
	  0% { opacity: 0; }
  60% { top: 50%; opacity: 0; }
 	100% { top: 32%; opacity: 1; }
}  
@media screen and (min-width: 768px) {
	@keyframes fromBottom9 {
	  0% { opacity: 0; }
  60% { top: 450px; opacity: 0; }
 	100% { top: 310px; opacity: 1; }
}
}

@media screen and (min-width: 641px) and  (max-width:1024px){
	.swiper-slide-active .from_bottom1,.swiper-slide-active .from_bottom2,.swiper-slide-active .from_bottom3,.swiper-slide-active .from_bottom4,.swiper-slide-active .from_bottom5,.swiper-slide-active .from_bottom6,.swiper-slide-active .from_bottom7,.swiper-slide-active .from_bottom8,.swiper-slide-active .from_bottom9
	{left:50%; transform: translatex(-350px); }
	}

@media screen and (min-width: 1025px) {
	.swiper-slide-active .from_bottom1,.swiper-slide-active .from_bottom2,.swiper-slide-active .from_bottom3,.swiper-slide-active .from_bottom4,.swiper-slide-active .from_bottom5,.swiper-slide-active .from_bottom6,.swiper-slide-active .from_bottom7,.swiper-slide-active .from_bottom8,.swiper-slide-active .from_bottom9
	{left:50%; transform: translatex(-500px); }
	}

.kvText{
	position: absolute;
	top:43%;
	left:23%;
	width: 77%;
	height:100vh;
	padding:0 1.3em 6em;
	background:#003980;
	text-align: left;
}

.kvText h3{ 
	margin: 0.5em 0 0.7em 0;
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 1.3em; 
	font-weight: 300;
	line-height: 1.3;
}
.kvText p{ padding:0; font-size: 0.75em; line-height: 1.5;}

/* スクロール */
.top-scroll{
	position: absolute;
	bottom:15vh;
	left:0;
	display: flex;
	justify-content: center;
	align-items: center;
	width:23%;
	height:30%;
	text-align: center;
	background:url("https://www.we-school.net/wp/images/scroll.png")no-repeat center bottom;
	background-size: 90% auto;
	z-index: 1000;
}

@media screen and (min-width: 641px) and  (max-width:1024px){
	.kvText{ top:310px; left:50%;  transform: translatex(20px); width: 350px; }	
	.kvText h3{ font-size: 1.75em; }
	.kvText p{ font-size:1em;}
	.top-scroll{top:63%; left:50%; transform: translatex(-370px);  width:8%; height:70%; background:url("https://www.we-school.net/wp/images/scroll.png")no-repeat center top;}
}
@media screen and (min-width: 1025px) {
	.kvText{ top:310px; left:50%;  transform: translatex(70px); width: 415px; }
	.kvText h3{ font-size: 1.8em; }
	.kvText p{ font-size: 0.9em;}
	.top-scroll{top:380px; left:50%; transform: translatex(-560px);  width:8%; height:70%; background:url("https://www.we-school.net/wp/images/scroll.png")no-repeat center top;}
}

/*================================================
 *  なぜワタナベエデュケーショングループなのか？
 ================================================*/
#why{
	overflow: hidden;
	margin-top: 97vh;
	padding:0;
	height:1020px; 
	background: #ddf174;
	z-index: 100;
	transform: skewY(25deg);
}

.whyInner{
	margin: -6em 0 0 0;
	padding:0;
	transform: skewY(-25deg);
}

.whyHead{
	padding:0 5%;
}
.whyBox{
	position: relative;
	margin:-3em 0 0 0;
	padding:0;
}
#woman{
	padding: 90px 0 0 55%;
	width: 200%;
	height:auto;
}

/*モーダル画面*/
#modal {
  position:absolute;
	top:8%;
	left:4%;
	width: 94%;
	text-align: left;
	margin:0 45% 0 0;
	padding: 0;
	z-index: 2;
	font-size: 0.8em;
	color: #003980;
}
#modal .half{width:55%;}

@media screen and (min-width: 641px) {
	#why{margin-top: 695px; transform: skewY(5deg); }
	.whyInner{ margin: -3em auto 0; width: 1000px; transform: skewY(-5deg);}
}

@media screen and (min-width: 641px) and  (max-width:1024px){
	.whyHead{ padding:0 5%; }
	#woman{ margin: -280px 0 0 46%; padding: 0; width: 100%;}
	#modal { top:320px; left:5%; width: 680px; font-size:1em; background:none;}
	#modal .half{width:100%;}
	#why{ height:920px;}
}
@media screen and (min-width: 1025px) {
	.whyHead{ padding:0 5%; }
	#woman{ margin: -280px 0 0 47%; padding: 0; width: 100%;}
	#modal { top:320px; left:5%; width: 920px; font-size:1em; background:none;}
	#modal .half{width:100%;}
	#why{ height:920px;}
}

/*================================================
 *  育成方針
 ================================================*/
#education{ 
	margin-top: -10em;
	margin-bottom: -1em;
	background: linear-gradient(150deg, rgba(0,58,128,1) 0%,rgba(0,58,128,1) 15%,rgba(221,221,221,1) 15%,rgba(221,221,221,1) 100%); 
}

.educationHead{
	padding-top:8em;
}
.swiper-container.slider-thumbnail {
	width: 100%;
  	height: 100%;
}
.swiper-container.slider-thumbnail .swiper-wrapper{ 
	position:relative;
	background:url("https://www.we-school.net/wp/images/back.png")no-repeat center center ;
	background-size: 100% 100%;
	margin: 0;
	padding: 0;
	width: 100%;
  	height: 100%;
}
.swiper-container.slider-thumbnail .swiper-slide { height: auto;}
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide { opacity: 0; }
.swiper-container.slider-thumbnail .swiper-wrapper .swiper-slide.swiper-slide-thumb-active { opacity: 1; }

/* 可変正方形 */
.circleOuter{ position: relative; width: 100%; margin:-3em 0 0 0; }
.circleOuter:before { content: ""; display: block; padding-top: 100%; }
.circle{ position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin:0;}

.cellRT{ position: absolute; top:0; left:50%; width: 50% !important;}
.cellRB{ position: absolute; top:50%; left:50%;width: 50% !important;}
.cellLT{ position: absolute; top:0; left:0; width: 50% !important;}
.cellLB{ position: absolute; top:50%; left:0; width: 50% !important;}
.cellCC{ position: absolute; top:32%; left:32%; width: 36% !important;}

.slider .swiper-button-next,.slider .swiper-button-prev{
	margin-top:4.8em;
	width: 80px;
	background-image: none ;
}
.slider .swiper-button-next{
	right:0;
  	background-image: url("https://www.we-school.net/wp/images/nextB.png") ;
	background-repeat: no-repeat;
	background-size:100% auto;
}
.slider .swiper-button-prev{
	left:0;
  	background-image: url("https://www.we-school.net/wp/images/backB.png") ;
	background-repeat: no-repeat;
	background-size:100% auto;
}

.slider .swiper-button-next::after,.slider .swiper-button-prev::after { content: ' '; }

.enDetail{
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-top: 0.5em;
}
.enDetail p{ width: 100%; text-align: center; font-family: 'Noto Sans JP', "sans-serif";}
.enSub1{ width: 100%; text-align: center; font-family: 'Noto Sans JP', "sans-serif"; font-size: 1.8em; font-weight: 700; color:#fff;}
.enText{ margin:1em 0 0 0; text-align: left; font-size: 0.9em; line-height: 1.4; color:#fff; }

.eduBottom{
	overflow: hidden;
	position: relative;
	min-height:23vh;
	background: linear-gradient(150deg, rgba(0,58,128,1) 0%,rgba(0,58,128,1) 30%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); 
}
.educationText{height: 260px; }
.tryangleE{
	position: absolute;
	top:0;
	left:0;
  	width: 0;
  	height: 0;
  	border-style: solid;
  	border-width: 20vh 100vw 0 100vw;
  	border-color: #ddd transparent transparent transparent;
}
@media screen and (min-width: 641px) and  (max-width:1024px){
	#education{ background: linear-gradient(150deg, rgba(0,58,128,1) 0%,rgba(0,58,128,1) 20%,rgba(221,221,221,1) 20%,rgba(221,221,221,1) 100%); }
	.slider .swiper-button-next,.slider .swiper-button-prev{ margin-top:5em; }
	.educationHead{ padding-top:8em; padding-left:100px; }
	.educationOuter{ margin:0 auto ;width: 500px; }
	.educationThum{ width: 480px; height:545px; margin-top:0; }
	.educationText{ width: 480px; }
	.slider{ margin-top:-3em; }
	.enText{ font-size: 1.1em;}
	.eduBottom{ min-height:23vh; background: linear-gradient(170deg, rgba(0,58,128,1) 0%,rgba(0,58,128,1) 30%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); }
	}
@media screen and (min-width: 1025px) {
	#education{ margin-top: -5em; padding-bottom: 1em; background: linear-gradient(170deg, rgba(0,58,128,1) 0%,rgba(0,58,128,1) 15%,rgba(221,221,221,1) 15%,rgba(221,221,221,1) 100%); }
	.educationHead{ padding-top:8em; padding-left:550px; }
	.educationOuter{ display: flex; margin:0 auto ;width: 960px;}
	.educationThum{ width: 480px; height:500px; margin-top:-150px;}
	.educationText{ width: 430px; margin-left: 50px;}
	.slider .swiper-button-next,.slider .swiper-button-prev{ margin-top:5.5em; }
	.enText{ margin:1.5em 0 0 0; font-size: 1em;}
	.eduBottom{ min-height:23vh; background: linear-gradient(170deg, rgba(0,58,128,1) 0%,rgba(0,58,128,1) 30%,rgba(255,255,255,1) 30%,rgba(255,255,255,1) 100%); }
	}

/*================================================
 *  Topics
 ================================================*/
.topicOuter{ margin-top: 2em; }
.topicBox{
	margin: 0 auto 2em;
	display: flex;
	flex-wrap: wrap;
	justify-content:space-between;
	line-height: 1.3;
	border-bottom: 1px solid #49A3FC;
}
.topicBox:last-child{ border-bottom: none;}
.topicBox a { color:#555; }
.topicTitle{
	padding-bottom: 0.5em;
	width: 100%;
	height:80px;
	text-align: left;
	font-size: 18px; font-size: 1.8rem;
	font-weight: 700;
	
}
.topicDate{ padding:0.2em 0 0; }
.topicCate{
	margin: 0 0 0 1em;
	padding:0.2em 1em;
	font-size: 0.9em;
	color:#fff;
	background:#707070;
}
.topicImg{
	margin: 1em 2% 0 0;
	width: 40%;
	height: auto;
	overflow: hidden;
}

.topicTxt{
	margin:1.3em 0 0 0;
	width: 58%;
	text-align: left;
	font-size: 0.9em;
}

.topicMore{
	margin:1em 0 0 0;
	padding: 0 0 2em 0;
	width: 100%;
	text-align: right;
	font-size: 0.9em;
}

.topicListBox{
	display:flex;
	flex-direction:column;
}
.topicList{
	margin: 0 auto 2em;
	display: flex;
	flex-wrap: wrap;
	line-height: 1.3;
	border-bottom: 1px solid #49A3FC;
}
.topicList a { color:#555; }
.topicLeft{
	margin: 1em 2% 0 0;
	width: 30%;
}
.topicRight{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	width:68%;
}
.topicListTitle{ 
	padding: 1em 0;
	width: 100% !important;
	text-align: left;
	font-size: 16px; font-size: 1.6rem;
	font-weight: 700;
}
.topicListDate{ padding:0.2em 0 ; width: 30%; text-align:left;  }
.topicListCate{
	margin: 0 0 0 auto;
	padding:0.2em 1em;
	width:100%;
	height:23px;
	font-size: 0.9em;
	color:#fff;
	background:#707070;
}
@media screen and (min-width: 641px) and  (max-width:1024px){
	.topicTitle,.topicDate{ margin-left:30%;}
	.topicCate{ margin:-0.5em 30% 0 45%; min-width:65%;}
	.topicImg{ width: 28%;  margin-top:-3.5em;}
	.topicTxt{ width: 70%; font-size:1em; }
}
@media screen and (min-width: 1025px) {
	.topicOuter{ margin-top: 3em; display: flex; justify-content: space-between;}
	.topicBox{ margin: 0 auto 1em; width: 30%; border-bottom: none;}
	.topicListBox{ flex-direction:row; flex-wrap:wrap; justify-content: flex-start; }
	.topicList{ margin: 0 3% 1em; width: 44%; }
	.topicListCate{ width:65%; }
}

/*================================================
 *  Movie
 ================================================*/
#movie{padding-bottom: 2.5em;}
.movieOuter{
	margin-top: 2em;
	padding:4em 0;
	background:#211814;
	transform: skewY(-10deg);
}
.movieInner{
	transform: skewY(10deg);
	color:#fff;
}
.movieSub{
	 width: 100%;
	text-align: center;
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 1.5em;
	font-weight: 300; 
	color:#999;
}
.movieText1,.movieText2{ 
	margin:0 auto;
	width:90%;
	font-size:0.8em;
	line-height:1.5;
}
.movieText1{ text-align:left; }
.movieText2{ text-align:lcenter; }
.movieBox {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;
	overflow: hidden;
	margin: 2em 0 1em 0;
}
 .movieBox img {
	position: absolute;
	top:-25%;
	left: -25%;
	width: 150%;
	height: 150%;
}

@media screen and (min-width: 641px) {
	.movieInner{
		margin: 0 auto;
		width: 700px;
	transform: skewY(10deg);
	color:#fff;
}
	#movie{padding-bottom: 2.5em; }
	.movieOuter{ padding:8em 0 ; transform: skewY(-5deg); margin-bottom: 3em;}
	.movieInner{ transform: skewY(5deg); }	
	 .movieBox img {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
}

.movieSwip p{ 
	margin: 0 auto;
	width: 90%;
	font-size: 0.9em;
}
.movieSwip .swiper-button-next,.movieSwip .swiper-button-prev {
	position: absolute;
	top:0;
	width: 20%;
	height: 100%;
	background:none;
}
.movieSwip .swiper-button-next { right:0; }
.movieSwip .swiper-button-prev { left:0; }
.movieSwip .swiper-button-next::after,.movieSwip .swiper-button-prev::after { content: ' '; }

/* ページネーション全体のスタイル */
.movieSwip .swiper-pagination{ padding-top:2px; margin-top:-1em; height: 14px; }
.movieSwip .swiper-pagination-bullets{ bottom:30px; }
.movieSwip .swiper-pagination-bullet {
	width: 13px; /* 幅 */
	height: 13px; /* 高さ */
	background: #ccc; /* 色：緑 */
	opacity: 1; /* 半透明（デフォルトでは0.2） */
}
/* 現在のスライドのスタイル */
.movieSwip .swiper-pagination-bullet-active {
	width: 13px; /* 幅 */
	height: 13px; /* 高さ */
	background: #00abf9; /* 色：黄色 */
	opacity: 1; /* 不透明 */
}

.movieSwip .swiper-pagination-bullet {
    margin: -0.1em 0.5em 0 0.5em !important;
}
@media screen and (min-width: 641px) {
	
}
/*================================================
 *  グループ校一覧
 ================================================*/
.groupBox{ margin-bottom: 3em; }
.schoolText{ 
	margin: 0 auto 2em;
	width: 90%;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.3;
}

.groupHead{
	width:110%;
	margin:0 -5%;
	padding:1em 15% 1.5em;
	line-height: 1.3;
	color:#888;
	background: #f5f5f5 ;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	box-shadow: 0 0 10px #dfdfdf inset;
}
.groupHead img{ width: 100%; height: auto; mix-blend-mode: multiply;  }

/*アコーディオン全体*/
.schoolList {
  width: 100%;
  padding: 10px 0 20px;
}
.schoolList input {
  display: none; /*チェックボックスを隠す*/
}
/*バー部分*/
.schoolList label {
	cursor :pointer;
	display: block;
	font-size: 0.9em;
 	line-height: 1.4;
 	position: relative;
 	margin: 0 -10px 10px;
 	padding:1em 10%;
	color:#888;
	background: #f5f5f5 ;
	border-top:1px solid #e6e6e6;
	border-bottom:1px solid #e6e6e6;
	box-shadow: 0 0 10px #dfdfdf inset;
}
.schoolList label img{ mix-blend-mode: multiply; }

/*開いたときに表示される部分*/
div.openDetail {
	margin: 0 auto; width: 100%; padding:0 2%;
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 0.5s; /*閉じるときのアニメーション*/
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
#menu_bar01:checked ~ #links01 div.openDetail,
#menu_bar02:checked ~ #links02 div.openDetail,
#menu_bar03:checked ~ #links03 div.openDetail,
#menu_bar04:checked ~ #links04 div.openDetail,
#menu_bar05:checked ~ #links05 div.openDetail,
#menu_bar06:checked ~ #links06 div.openDetail,
#menu_bar07:checked ~ #links07 div.openDetail{
  max-height: 1200px; /*開いたときに表示されるliの高さ*/
	padding-bottom: 3em;
  opacity: 1;
  -webkit-transition: all 0.5s; /*開くときのアニメーション*/
  -moz-transition: all 0.5s;
  -ms-transition: all 0.5s;
  -o-transition: all 0.5s;
  transition: all 0.5s;
}
 /*閉じた状態の矢印描画*/
.schoolList label:after{
  content:"";
  display:block;
  width:12px;
  height:12px;
  border-top: #333 3px solid;
  border-right: #333 3px solid;
  -webkit-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  transform: rotate(135deg);
  position:absolute;
  right: 50%;
  bottom: 8%;
  margin:auto;
}
/*開いた状態の矢印描画*/
.schoolList input[type=checkbox]:checked + label:after{
  content:"";
  display:block;
  width:12px;
  height:12px;
  border-top: #333 3px solid;
  border-right: #333 3px solid;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  position:absolute;
  right: 50%;
  bottom: 3%;
  margin:auto;
}

.school{  }
.groupDetail{ margin: 2em auto 3em; width: 96%;}
.groupAge{ margin: 1em 0;}

ul.groupCate{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	margin: 1em auto;
}
ul.groupCate li{
	margin: 0.2em;
	padding:0.1em 0.5em;
	font-size: 0.75em;
	color:#fff;
	background:#ddd;
	border-radius: 5px;
}
ul.groupCate li.cate1{ background: #89c997; }
ul.groupCate li.cate2{ background: #f29b76; }
ul.groupCate li.cate3{ background: #88abda; }
ul.groupCate li.cate4{ background: #b3d465; }
ul.groupCate li.cate5{ background: #f19ec2; }
ul.groupCate li.cate6{ background: #7ecef4; }
ul.groupCate li.cate7{ background: #f2b12e; }
ul.groupCate li.cate8{ background: #6294c4; }
ul.groupCate li.cate9{ background: #9461ad; }

@media screen and (min-width: 641px) and  (max-width:768px){

}
@media screen and (min-width: 769px) and  (max-width:999px){
	#school{ margin-top: 0; padding-top: 6em;}
	.schoolList { margin: 2em auto; width: 96%; display: flex; flex-wrap: wrap; justify-content: space-between;}
	.schoolPC {width: 48%;}
	.schoolList label { padding:1em 5%; margin: 0 0 10px;}
	div.openDetail { padding: 0 ; }
	ul.groupCate li{ font-size: 0.7em; }
}

@media screen and (min-width: 1000px) {
	#school{ margin-top: 0; padding-top: 6em;}
	.schoolList { margin: 2em auto; width: 1000px; display: flex; flex-wrap: wrap; gap: 15px 10px;}
	.schoolPC {width: 32.5%;}
	.schoolList label { padding:1em 5%; margin: 0 0 10px;}
	div.openDetail { padding: 0 ; }
	ul.groupCate li{ font-size: 0.7em; }
}
@media screen and (min-width: 769px) and  (max-width:1024px){
	.schoolText{ width: 700px; }
}
@media screen and (min-width: 1025px) {
	.schoolText{ width: 900px; }
}
.groupImg{
	overflow: hidden;
	margin: 1em 0;
}
.groupImg img{ width: 100%; height: auto;}
.groupText{
	margin: 0 auto 2em;
	width: 92%;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4;
}

.subSchool{ margin:1em 0 0 0; font-size: 0.9em; color:#00abf9; }
.btnBox{
	display: flex;
	justify-content: center;
	align-items: center;
	height: 60px;
}

.linkBtn{
	position: relative;
	display: flex;
	justify-content: center;
	align-items: center;
	margin:0 0.5em;
	width: 40%;
	height: 40px;
	text-align: center;
	border-radius: 20px;
	background:#000;
	color:#bfbfbf;
}
.linkBtn a{
	position: absolute;
	top:0; left:0; bottom:0; right:0;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
	color:#fff;
}

.linkFB,.linkTW{ width: 40px !important; height: 40px !important; margin:0 0.5em; }

.linkName{ width:80px; text-align:left; }

/*================================================
 *  スライダー　グループ校
 ================================================*/
.school{
	margin-top: 1em;
}
/* 次ページボタンのスタイル */
.school .swiper-button-next,.school .swiper-button-prev {
	position: absolute;
	top:0;
	width: 40%;
	height: 100%;
	background:none;
}
.school .swiper-wrapper { padding-bottom: 2.5em;}
.school .swiper-button-next { right:0; }
.school .swiper-button-prev { left:0; }
.school .swiper-button-next::after,.school .swiper-button-prev::after { content: ' '; }

/* ページネーション全体のスタイル */
.school .swiper-pagination{ padding-top: 1em;}
.school .swiper-pagination-bullet {
	width: 13px; /* 幅 */
	height: 13px; /* 高さ */
	background: #ccc; /* 色：緑 */
	opacity: 1; /* 半透明（デフォルトでは0.2） */
	margin:0 auto;
}
/* 現在のスライドのスタイル */
.school .swiper-pagination-bullet-active {
	width: 13px; /* 幅 */
	height: 13px; /* 高さ */
	background: #00abf9; /* 色：黄色 */
	opacity: 1; /* 不透明 */
}

.school .swiper-pagination-bullet {
    margin: 0 0.5em !important;
}

/*================================================
 *  グループリスト
 ================================================*/
.groupList{
	margin:3em auto 6em;
	padding: 3em 1.3em 2em;
	border: 2px solid #49A3FC;
	border-radius: 10px;
	text-align: left;
	display: flex;
	flex-direction: column;
}
.WElogo{ margin: 0 auto; width: 45%; }
.WElogo img{ width: 100%; height:auto; }
.listHead{
	margin-top:2em;
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 1.5rem;
	font-weight: 700;
	color: #49A3FC;
}
.groupList p{
	margin: 0.3em 0 0.3em 1em;
	font-size: 0.9em;
}
.groupList p a{ text-decoration:underline; color:#49A3FC; }

.listBoxR{ border-top: 1px solid #49A3FC; margin-top:2.5em; }
@media screen and (min-width: 641px) {
	.groupList{flex-direction: row; align-items: flex-start;}
	.listBoxL,.listBoxR{ display: flex; flex-direction: column; justify-content: flex-start; padding-left: 1em; width: 38%; }
	.listBoxL{ padding-right:1em; margin-left:1em; border-left: 1px solid #49A3FC; border-right: 1px solid #49A3FC; }
	.listBoxR{ border-top: none; margin-top:0; }
	.listHead{ margin-top:0; }
}

@media screen and (min-width: 641px) and (max-width: 768px) {
	.groupList p{ margin: 0.3em 0.5em; font-size: 0.85em;}
	.WElogo{ margin: auto 0; width: 20%; background:red; }
	.WElogo img{ width: 100%; height:auto; margin: 0 ; }
}
@media screen and (min-width: 769px) {
	.groupList p{ margin: 0.3em 0.5em; font-size: 0.9em;}
	.WElogo{ margin: auto 0; width: 26%; }
	.WElogo img{ width: 60%; height:auto; margin: 0 20%;}
}

	
/*================================================
 *  Message
 ================================================*/
.messageBox{ margin-top:2em; }
.massageText{
	text-align: left;
	font-size: 0.9em;
}
.messageImg{
	overflow: hidden;
	margin: 3em 30% 1em;
	width: 40%;
	height:auto;
	border-radius: 100%;
}

.messagePosition,.messageName{
	width: 100%;
	text-align: center;
	font-weight: bold;
}
.messagePosition{ font-size: 1.4rem; }
.messageName{ font-size: 1.8rem; }
@media screen and (min-width: 641px) and (max-width: 769px) {
	.messageImg{ margin: 3em 37% 1em; width: 26%; }
}	
@media screen and (min-width: 770px) {
	#message{ padding: 5em 0 4em; }
	.messageBox{ margin: 2em auto; width: 80%; display: flex; flex-direction:column; align-items:stretch;}
	.messageImg{ width:20%; margin: 3em auto 1em; }
	.messageName{ font-size: 2rem; }
}

/*================================================
 *  資料請求
 ================================================*/
.contactBox{
	overflow: hidden;
	position: relative;
	margin: 0 auto;
	padding: 2em 0;
	width: 92%;
	border: 1px solid #CCC;
	border-radius: 5px; 
	background:#fff;
}
.contactInner{ display: flex; flex-direction: column;}
.contactBox p{ line-height: 1.3; }
.tryangle{
	position: absolute;
	top:0;
	left:-30px;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 30px 30px 0 30px;
	border-color: #cccccc transparent transparent transparent;
}
.contactHead{
	margin:0 auto 0.5em;
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 2.6rem;
	font-weight: 700;
	color: #49A3FC;
}
.contactTEL{
	position: relative;
	margin-top:1em;
	padding-left: 45px;
	font-family: Arial, "sans-serif";
	font-size: 3.8rem;
	font-weight: 700;
	line-height:1.2;
	color: #49A3FC;
}
.contactTEL::after{
	position: absolute;
	top:10px;
	left:50%;
	margin-left: -145px;
	width: 40px;
	height: 40px;
	background-image: url("https://www.we-school.net/wp/images/contact_tel.png");
	background-size: 100% 100%;
	content: '';
}
.contactTEL a{color:#009ee6;}

.small{ 
	font-family: 'Noto Sans JP', "sans-serif";
	font-size: 1.4rem;
	font-weight: 700;
}
.contactBtn{
	position: relative;
	margin:1.5em auto  0;
	padding:0.7em 0;
	width: 80%;
	height: 60px;
	text-align: center;
	font-size: 2rem;
	background: #49A3FC;
	border-radius: 7px;
}
.contactBtn a{
	position: absolute;
	top:0; left:0; bottom:0; right:0;
	padding:0.7em 0;
	width: 100%;
	height: 100%;
	color:#fff;
	font-weight: 700;
}

@media screen and (min-width: 641px) {
	.contactBox{ width: 725px;  margin-bottom: 3em;}
	.contactInner{ flex-direction: row; }
	.contactLeft{ display: flex; flex-direction: column; align-items: center; justify-content:center; width: 45%; padding:0 0.5em 0 0; border-right: 1px solid #ccc; }
	.contactTEL{ margin:0.3em 1.5em 0 1.5em; }
	.contactBtn{ margin:1em auto 0 ; }
}
/*================================================
 *  バナー
 ================================================*/
.bnrBox{
	display: flex;
	flex-direction: column;
	margin:1.5em 0 4em;
}
.bnr,.bnr100{
	margin: 0 auto 1.5em;
	width: 92%;
}
	
@media screen and (min-width: 641px) and  (max-width:1000px){
	.bnrBox{ flex-direction: row; flex-wrap: wrap; justify-content:flex-start; max-width: 725px; margin:1.5em auto 4em;}
	.bnr{ width: 48%; margin: 0 auto 1.5em; }
	.bnr100{ margin: 0 auto 1.5em; width: 98%; }
}
	
@media screen and (min-width: 1001px) {
	.bnrBox{ flex-direction: row; flex-wrap: wrap; justify-content: flex-start; width: 960px; margin:1.5em auto 4em; }
	.bnr{ width: 48%; margin: 0 auto 1.5em; }
	.bnr100{ margin: 0 auto 1.5em; width: 98%; }
}
/*================================================
 * ページャー
 ================================================*/

.pagenation_page{ margin:3em auto 0;}
.page-numbers{ color:#49A3FC; padding:1em; border:1px solid #49A3FC; margin:0.5em; }
.page-numbers:first-child{ margin-left:auto; clear: both;}
.dots{ color:#666; background:none;}
.current{ color:#fff; padding:1em; background:#49A3FC; margin:0.5em; }
.prev{ margin-left:auto;}
.next{ margin-right:auto;}

@media only screen and (max-width: 640px){
	.pagenation_page{ margin:0 auto;}
	.page-numbers{padding:2.5vw; margin:0.5vw; font-size:4vw; }
}
/*================================================
 *  ヘッダー
 ================================================*/
.globalNav{
	position: fixed;
	top:0;
	width: 100%;
	height: 60px;
	background: rgba(0,0,0,0.8);
	transition: all 0.3s ease;
	z-index: 10000;
}

.hidden {
  background: none;
  transition: all 0.2s ease;
}

@media screen and (max-width: 1080px) {
	.globalNav{ z-index: 1000;}
}
/* Nav
-----------------------------------------*/
.Nav {
	display: flex;
	justify-content: flex-end;
	align-items: center;
	margin:0 auto;
	height:60px;
	width: 1100px;
}

.Nav .navbtn,.Nav ul.close { display: none; }
.Nav > ul { 
	display: flex;
	flex-direction: row;
	justify-content: space-around;
	margin: 0;
	width: 75%;
}

.Nav > ul > li {
	position: relative;
	display: flex;
	align-items: center;
	text-align: center;
	height:60px;
	font-size: 16px;
}

.Nav > ul > li.parent { position: relative; }
.menu{ position: absolute; left:1em; top:1em; width:50%; background: red;}

.Nav > ul > li a {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0;
	padding: 0 ;
	height:80px;
	font-size: 1.45rem;
	color: #fff;
	z-index: 2;
}

@media screen and (max-width: 1080px) {
	.globalNav{ height: 60px; }

	.Nav { position: relative; width: 100%; }
	.Nav > ul {
		display: none;
		position: absolute;
		top: 60px;
		left: 0;
		right: 0;
		z-index: 9;
		height:100vh;
		width: 100vw;
		padding-bottom: 1em;
		background: rgba(0,0,0,0.8);
		text-align: left;
		overflow-x: hidden;
		overflow-y: scroll;
	}
	.Nav > ul > li {
		position: relative;
		display: block;
		margin: 0 auto;
		padding: 0;
		width: 90%;
		height:auto;
		text-align: left;
		box-sizing:border-box;
		border-bottom: 1px solid #fff;
	}
		
	.Nav > ul > li > a {
		display: block;
		padding: 1em 0.5em;
		font-size: 1.5rem;
		width:100vw;
		height:auto;
	}
	.Nav > ul > li:first-child > a { padding: 1.7em 0em 1em 0; }
		
	/* プラスマーク */
	.Nav ul li.parent a::before,.Nav ul li.parent a::after {
		position: absolute;
		top:50%;
		content:"";
		width: 15px;
		height: 3px;
		background-color: #FFF;
		transition: .2s;
	}
	.Nav ul li.parent a::before{
		right:60px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	.Nav ul li.parent.open a::before {
		right:60px;
    	-webkit-transform: rotate(45deg);
    	transform: rotate(45deg);
	}
	.Nav ul li.parent a::after{
		right:70px;
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.Nav ul li.parent.open a::after{
		right:70px;
		-webkit-transform: rotate(-45deg);
		transform: rotate(-45deg);
	}
	@media screen and (min-width: 641px) and (max-width: 1080px) {
		.Nav ul li.parent a::before{ right:90px; }
		.Nav ul li.parent.open a::before { right:90px; }
		.Nav ul li.parent a::after{ right:100px; }
		.Nav ul li.parent.open a::after{ right:100px; }
	}
  /* ハンバーガーメニュー */
	.Nav .navbtn {
		display: block;
		position: absolute;
		top: 5px;
		right: 5px;
	}
	.Nav .navbtn a,
	.Nav .navbtn a.close {
		display: block;
		position: relative;
		width: 60px;
		height: 60px;
		z-index: 1000;
	}
	/* ハンバーガーメニュー 上下の線*/
	.Nav .navbtn a::before,
	.Nav .navbtn a.close::before,
	.Nav .navbtn a::after,
	.Nav .navbtn a.close::after {
		position: absolute;
		left:15px;
		content:"";
		width: 30px;
		height: 4px;
		background-color: #FFF;
		transition: .2s;
		z-index: 100;
	}
	.Nav .navbtn a::before,.Nav .navbtn a.close::before{ top:10px; }
	.Nav .navbtn a::after,.Nav .navbtn a.close::after { bottom:20px; }
	/* ハンバーガーメニュー 中央の線*/
	.Nav .navbtn a span {
		display: block;
		overflow: hidden;
		width: 1px;
		height: 1px;
	}
	.Nav .navbtn a span::after,
	.Nav .navbtn a.close span::after {
		position: absolute;
		top:23px;
		left:15px;
		content:"";
		width: 30px;
		height: 4px;
		background-color: #FFF;
	}
	/* ハンバーガーメニュー クリック後Xに*/
	.Nav .navbtn a.open::before {
	  width: 40px;
	  top:22px;
	  left:	16px;
	  -webkit-transform: rotate(-45deg);
	  transform: rotate(-45deg);
	}
	.Nav .navbtn a.open::after {
	  width: 40px;
	  left: 16px;
	  bottom:32px;
	  -webkit-transform: rotate(-135deg);
	  transform: rotate(-135deg);
	}
	.Nav .navbtn a.open span::after {
		position: absolute;
		top:-5px;
		left:5px;
		width:71px;
		height:71px;
		background:none;
	}
}
/* 2階層 */
.Nav > ul > li > ul {
	display: none;
	position: absolute;
	top: 60px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	padding: 0 1em;
	width: auto;
	background:rgba(0,0,0,0.8);
}
.Nav > ul > li > ul li {
	margin:2px auto;
	white-space: nowrap;
	width: 100%;
	text-align: left;
	border-bottom: 1px solid #fff;
}
.Nav > ul > li > ul li:last-child{ border-bottom: none; }


.Nav > ul > li > ul li a {
	position: relative;
	padding: 1em 0;
	height: auto;
}
.Nav > ul > li > ul li a:hover { color:#49A3FC; }
.Nav > ul > li > ul li a::before,.Nav > ul > li > ul li a::after { display: none; }

@media screen and (max-width: 1080px) {
	.Nav{ justify-content: flex-start; padding-left: 1em;}
	.Nav > ul > li > ul {
		position: static;
		display: flex;
		flex-direction: column;
		justify-content: flex-start;
		left: 0;
		-webkit-transform: translateX(0);
		transform: translateX(0);
		margin: 0;
		padding:0;
		width: 100%;
		height:auto;
		background:none;
	}
	.Nav > ul > li > ul li {
		margin: 0;
		white-space: normal;
		background: none;
		border-bottom:none;
	}
	.Nav > ul > li > ul li a {
		display: block;
		font-size: 14px;
		padding-left:3em;
	}
}


@media screen and (max-width: 1080px) {
	.partner{ 
		flex-direction: row; 
		align-items: center;
		padding: 1em 0 1em 7px;
		width:  100%; 
		height: auto;
	}
}
	
.headLogo{ 
	display: flex;
	justify-content: flex-start;
	align-items: center;
	max-width: 25%;
	padding-right: 20px;
}
.mailBtnPC{
	position: fixed;
	top:65px;
	left:50%;
	transform: translatex(345px);
	width: 195px;
	height: auto;
	z-index: 9999;
	
}
.mailBtn img{ width:100%; height:auto; }

@media screen and  (max-width: 640px){
	.headLogo{ left:0.5em; height:56px; max-width:70%;  }
}
@media screen and  (min-width: 641px) and  (max-width: 768px){
	.headLogo{ left:1em; height:56px; max-width:50%; }
}
@media screen and  (min-width: 769px) and  (max-width: 1024px){
	.headLogo{ left:1em; height:56px; max-width:70%; }
	.headLogo img{ height:90%; width:auto; object-fit: cover; }
}

@media screen and  (max-width: 640px){
	.mailBtnSP{ position: fixed; top:60px; right:0; width: 16%; z-index: 900; }
	.mailBtnPC{ display:none; }
}

@media screen and  (min-width: 641px) and  (max-width: 768px){
	.mailBtnSP{ display:none; }
	.mailBtnPC{ top:65px; left:50%; transform: translatex(170px); width: 195px; }
}

@media screen and  (min-width: 769px) and  (max-width: 1000px){
	.mailBtnSP{ display:none; }
	.mailBtnPC{ top:65px; left:50%; transform: translatex(170px); width: 195px; }
}

@media screen and  (min-width: 1001px) {
	.mailBtnSP{ display:none; }
}
/*================================================
 *  フッター
 ================================================*/
footer{
	margin: 0;
	padding: 1em 0 2em;
	background:#005880;
	z-index: 100;
}
.snsBox{
	position: relative;
	display: flex;
	justify-content: space-between;
	align-items: center;
	margin: 1em auto 2em;
	width: 45%;
	height: 50px;
}

.snsBox p{ width: 50px; height: 50px;}
.snsBox p img{ width: 100%; height: auto;}
.speechBox{
	position: absolute;
	top:-45px;
	left:-80px;
}
.speech2{
    position:relative;
    width:100px;
    height:30px;
    background:#49A3FC;
    padding:2px;
    text-align:center;
    color:#FFFFFF;
    font-size:16px;
    font-weight:bold;
    border-radius:33px;
}

.speech2:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
	position:absolute;
    top:80%;
    left:80%;
    border-color: rgba(73, 163, 252, 0);
    border-top-width:24px;
    border-bottom-width:24px;
    border-left-width:5px;
    border-right-width:5px;
    margin-left: -5px;
    border-top-color:#49A3FC;
	transform: rotate(-30deg);
}

.footBox{ display: flex; flex-direction: row; margin: 0 auto; width: 100%; }
.footLink1{ margin: 0 auto; width: 42%; }
.footLink2{ margin: 0 auto; width: 52%; }
.footLink1 ul,.footLink2 ul{
	display: flex;
	flex-wrap: wrap;
	justify-content:column;
	list-style: none;
	font-size: 0.9em;
}

.footLink1 ul,.footLink2 ul{ margin: 0 0 2em; }

.footLink1 li,.footLink2 li{ margin: 0.5em 0; padding-left: 1.5em; text-indent:-1.3em; }
.footLink1 li,.footLink2 li{ width: 100%;}
.footLink1 li::before,.footLink2 li::before{ content: '＞ '; color:#fff; }
.footLink1 li a,.footLink2 li a{ color:#fff; }

.copyright{
	display: flex;
	justify-content: center;
	align-items: stretch;
	margin:0 auto;
	width: 90%;
}
.copy{
	font-family: Arial, Helvetica, "sans-serif";
	font-size: 0.85em;
	line-height: 1.3;
	color:#fff;
}
.copyLogo{ width: 45px; margin-right: 0.5em; }
.copyLogo img{ width:100%; height:auto; }

@media screen and (max-width: 640px){
	footer{
		margin: 0;
		padding: 1em 0 2em;
		background:#005880;
		z-index: 100;
	}
}
	
@media screen and (min-width: 641px) and  (max-width:1024px){
	.snsBox{width: 200px;}
	.footBox{ display: flex; flex-direction: row; margin: 0 auto; padding-left:3em; width: 520px; }
	.footLink1 ul{ margin: 0 0 3em ;  width: 200px; }
	.footLink2 ul{ margin: 0 0 3em ; width: 230px; }
	.copyright{ align-items: center; }
}
@media screen and (min-width: 1025px) {
	.snsBox{width: 200px;}
	.footBox{ display: flex; flex-direction: row; margin: 0 auto; padding-left:3em; width: 520px; }
	.footLink1 ul{ margin: 0 0 3em ;  width: 200px; }
	.footLink2 ul{ margin: 0 0 3em ; width: 230px; }
	.copyright{ align-items: center; }
}

/*================================================
 *  ボタン
 ================================================*/
button{ position: relative; cursor: pointer; border:none; background:none; }
button:hover{ opacity: 0.6; }

.darkBtn{
	position: relative;
	margin:2em auto;
	width: 80%;
	height: 50px;
	text-align: center;
	font-size: 2rem;
	background: #005880;
	border-radius: 25px;
}
.darkBtn a{
	position: absolute;
	top:0; left:0; bottom:0; right:0;
	width: 100%;
	height: 100%;
	display:flex;
	justify-content: center;
	align-items: center;
	color:#fff;
}

@media screen and (min-width: 641px) {
	.darkBtn{ width: 50%; height: 70px; border-radius: 35px; }
}
/*================================================
 *  スペース
 ================================================*/
.fontS{ font-size: 80%;}

.mgl1e{ margin-left: 1em;}
.mgl1He{ margin-left: 1.5em;}
.mgl2e{ margin-left: 2em;}
	
.mgt0e{ margin-top: 0 !important; }
.mgt1e{ margin-top: 1em; }
.mgt2e{ margin-top: 2em; }
.mgt3e{ margin-top: 3em; }
.mgt4e{ margin-top: 4em; }

.mgb1e{ margin-bottom: 1em; }
.mgb2e{ margin-bottom: 2em; }
.mgb3e{ margin-bottom: 3em; }
.mgb4e{ margin-bottom: 4em; }

.pdt1e{ padding-top: 1em; }
.pdt2e{ padding-top: 2em; }
.pdt3e{ padding-top: 3em; }

.pdb1e{ padding-bottom: 1em; }
.pdb2e{ padding-bottom: 2em; }
.pdb3e{ padding-bottom: 3em; }
.pdb4e{ padding-bottom: 4em; }

/*================================================
 *  全面リンク
 ================================================*/
.stretched-link::after{
	position:absolute;
	top:0;right:0;bottom:0;left:0;
	z-index:1;
	pointer-events:auto;
	content:"";
	background-color:rgba(0,0,0,0)
}

/*================================================
 *  色など
 ================================================*/
.bgGr{ background-color: #ddd; }
.bgW{ background-color: #fff; }

.purple{ color: #ae5da1;}
.skyBlue{ color: #49a3fc; }
.lime{ color:#22ac38; }
.blue{ color: #49A3FC;}
.darkBlue{ color: #005880 ; }
.white{ color:#fff; }
.orange{ color:#eb6100; }
.red{ color:#f00; }
.deepblue{ color:#122587; }

.ft12{font-size:1.1em; font-weight:900; margin-bottom:0.65em;}

/*================================================
 *  レスポンシブ
 ================================================*/
@media screen and (min-width: 1025px) {
	.SP{display: none;}
}

@media screen and (min-width: 641px) and (max-width: 1024px) {
	.SP{display: none;}
	.PC{display: none;}
}

@media screen and (max-width: 640px) {
	.PC{display: none;}
}

/*! Lity - v2.4.1 - 2020-04-26
* http://sorgalla.com/lity/
* Copyright (c) 2015-2020 Jan Sorgalla; Licensed MIT */
.lity {
  z-index: 11000;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity.lity-opened {
  opacity: 1;
}
.lity.lity-closed {
  opacity: 0;
}
.lity * {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.lity-wrap {
  z-index: 11010;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}
.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}
.lity-loader {
  z-index: 11020;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.lity-loading .lity-loader {
  opacity: 1;
}
.lity-container {
  z-index: 11030;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}
.lity-content {
  z-index: 11040;
  width: 100%;
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
       -o-transform: scale(1);
          transform: scale(1);
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: -o-transform 0.3s ease;
}
.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
      -ms-transform: scale(0.8);
       -o-transform: scale(0.8);
          transform: scale(0.8);
}
.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}
.lity-close {
  z-index: 11050;
  width: 60px;
  height: 60px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 60px;
  font-family: Arial, Baskerville, monospace;
  line-height: 60px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 60px;
  font-family: Arial, Baskerville, monospace;
  line-height: 60px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none;
}
.lity-close:active {
  top: 1px;
}
/* Image */
.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}
/* iFrame */
.lity-iframe .lity-container,
.lity-youtube .lity-container,
.lity-vimeo .lity-container,
.lity-facebookvideo .lity-container,
.lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}
.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}
.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
          box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}
.lity-hide {
  display: none;
}

/*================================================
 *  モーダルウィンドウ
 ================================================*/
.popup {
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 100000;
  opacity: 0;
  visibility: hidden;
  transition: .4s;
}
.popup.is-show {
  opacity: 1;
  visibility: visible;
}
.popup-inner {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
	width:100%;
  max-width: 907px;
	max-height:500px;
  padding: 0;
  z-index: 2;
}
.popup-inner img {
  width: 100%;
	height:auto;
}
.close-btn {
  position: absolute;
  right: 0;
  top: -55px;
  width: 50px;
  height: 50px;
	font-size: 50px;
  color: #fff;
  line-height: 50px;
  text-align: center;
  cursor: pointer;
}
.black-background {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0,0,0,.8);
  z-index: 1;
  cursor: pointer;
}