@charset "utf-8";

body {
	font-size:18px;
	line-height:200%;
}



/* Wrapper
------------------------------------------------------------------------------------ */
div#wrapper {
	position: relative;
}



/* header
------------------------------------------------------------------------------------ */
header {
	position:fixed;
	top:0;
	width: 100%;
	z-index: 2;
}
header div#headerInner {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	padding: 0 103px 0 28px;
}
header div#headerInner h1 {
	line-height:100%;
	margin-top:20px;
	z-index : 999;
}
header div#headerInner h1 a {
	transition: all 0.3s ease;
}
header div#headerInner h1 a:hover {
	opacity: 0.7;
}
header div#headerInner h1 img {
	width: 180px;
}
header div#headerInner ul#headerNav {
	display: flex;
	flex-wrap: nowrap;
	border: solid 1px #000;
	background-color: #FFF;
}
header div#headerInner ul#headerNav li {
	border-right: solid 1px #000;
}
header div#headerInner ul#headerNav li:last-child {
	border-right: none;
}
header div#headerInner ul#headerNav li a {
	display: block;
	width: 100px;
	padding: 12px 0;
	background: url("/lp/images/header-nav_bg.png") center bottom no-repeat;
	background-size: 100px 5px;
}
header div#headerInner ul#headerNav li a p {
	font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
	font-size:10px;
	line-height:100%;
	font-weight:700;
	text-align:center;
	transition: all 0.3s ease;
}
header div#headerInner ul#headerNav li a:hover p {
	opacity:0.5;
}
header div#headerInner ul#headerNav li a p.headerNavIcon {
	margin-bottom:5px;
}
header div#headerInner ul#headerNav li#headerNavDocument a p.headerNavIcon img {
	width: 59px;
}
header div#headerInner ul#headerNav li#headerNavOpencampus a p.headerNavIcon img {
	width: 59px;
}
header div#headerInner ul#headerNav li#headerNavApplication a p.headerNavIcon img {
	width: 59px;
}



/* ハンバーガーメニュー
------------------------------------------------------------------------------------ */
div#gnavWrapper {
}
.hamburger {
	display : block;
	position: fixed;
	right : 0;
	top : 0;
	width : 103px;
	height: 83px;
	text-align: center;
	background-color:#1D84CD;
	cursor: pointer;
	z-index : 999;
}
.hamburger div.hamburgerInner {
}
.hamburger span {
	display : block;
	position: absolute;
	left : 28px;
	width: 47px;
	height: 1px;
	background : #FFF;
	transition: 0.3s ease-in-out;
}
.hamburger span:nth-child(1) {
	top: 26px;
}
.hamburger span:nth-child(2) {
	top: 39px;
}
.hamburger span:nth-child(3) {
	top: 52px;
}

/* ナビ開いてる時のボタン */
.hamburger.active div.hamburgerInner {
	transition: all 0.3s ease-in-out;
	transition-delay: 0.3s;
	transform: rotate(45deg);
}
.hamburger.active span {
	background : #FFF;
}
.hamburger.active span:nth-child(2){
	width: 0px;
}
.hamburger.active span:nth-child(1),
.hamburger.active span:nth-child(3){
	-webkit-transition-delay: 0.3s;
	-o-transition-delay: 0.3s;
}
.hamburger.active span:nth-child(1){
	transform: translate(29px, 2px);
}
.hamburger.active span:nth-child(3){
	transform : translate(29px, -24px) rotate(90deg);
}

nav.gnav {
	position: fixed;
	top: 0;
	left : 0;
	width: 100%;
	height: auto;
	min-height: 100vh;
	background-color: rgba(255,255,255,0.95);
	z-index : 998;
	opacity:0;
	visibility: hidden;
	transition: all 0.5s ease;
}
nav.gnav div#gnavInner {
	position: absolute;
	top: 50%;
	left : 50%;
	width: 1120px;
	transform: translate(-50%, -50%);
}

nav.gnav div#gnavInner ul {
	display: flex;
	flex-wrap: wrap;
}
nav.gnav div#gnavInner ul li {
	margin:65px 20px 0 0;
}
nav.gnav div#gnavInner ul li:first-child,
nav.gnav div#gnavInner ul li:nth-child(2),
nav.gnav div#gnavInner ul li:nth-child(3) {
	margin-top:0;
}
nav.gnav div#gnavInner ul li:nth-child(3n) {
	margin-right:0;
}
nav.gnav div#gnavInner ul li a {
	display: block;
	position: relative;
	width: 360px;
	font-size:20px;
	line-height:100%;
	padding-bottom:10px;
	background: url("/lp/images/arrow_footer-link.png") right 10px no-repeat;
	background-size: 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all 0.3s ease;
}
nav.gnav div#gnavInner ul li a:after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 1px;
	transform: translate(-50%, 0);
	background-color: #000;
}
nav.gnav div#gnavInner ul li a:hover {
	padding-left:10px;
}

/* このクラスを、jQueryで付与?削除する */
nav.gnav.active {
	opacity:1;
	visibility: visible;
}



/* メインビジュアル
------------------------------------------------------------------------------------ */
section#mainimagePc {
	margin-top:70px;
}
section#mainimagePc,
section#mainimageSp {
	line-height:100%;
}
section#mainimageSp {
	display: none;
}
section#mainimagePc video,
section#mainimageSp video {
	display: block;
	width: 100%;
}



/* SPORT SCIENCES
------------------------------------------------------------------------------------ */
section#sportSci {
	padding: 60px 0 0 0;
	background-color: #F8EE7B;
}
section#sportSci div#sportSciInner {
	position: relative;
	width: 1120px;
	margin:0 auto;
}

div#sportSciInnerContents {
	padding: 0 0 0 100px;
}
div#sportSciInnerContents div#sportSciHeader {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft {
	position: relative;
	width: 601px;
	padding-bottom: 270px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle {
	position: relative;
	top: 0;
	left: 44px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle img {
	width: 507px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft p {
	position: absolute;
	bottom: 0;
	right: 10px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft p img {
	width: 300px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight {
	width: 419px;
	padding-top: 360px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h2#sportSciInnerContentsSpTitle {
	display:none;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4 {
	margin-bottom:15px;
	padding-bottom:15px;
	border-bottom: solid 1px #000;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4,
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4 span.eachTextAnimeSpan {
	font-size:20px;
	line-height:100%;
	font-weight:700;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight p {
	font-size:14px;
	line-height:150%;
	font-weight:400;
	margin-top:27px;
}
div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight p.noMargin {
	margin-top:0;
}
div#sportSciInnerContents div#sportSciText {
	margin-top:35px;
}
div#sportSciInnerContents div#sportSciText p {
	line-height:150%;
	margin-top:20px;
}
div#sportSciInnerContents div#sportSciText p.noMargin {
	margin-top:0;
}
div#sportSciInnerContents div#sportSciText p.sportSciCaution {
	font-size:16px;
	line-height:180%;
	font-weight:400;
	margin-top:0;
}

div#sportSciPhotoList {
	margin-top:40px;
}
div#sportSciPhotoList ul.sportSciPhotoListSlider {
}
div#sportSciPhotoList ul.sportSciPhotoListSlider li {
}
div#sportSciPhotoList ul.sportSciPhotoListSlider li img {
	width:100%;
	height:auto;
}

div#sportSciMain {
	position: relative;
	margin:40px 0 -48px 0;
}
div#sportSciMain div#sportSciMainChange {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
	align-items: flex-start;
	width: 1004px;
	margin-left:100px;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft {
	position: relative;
	top: -93px;
	width: 439px;
	background-color: #FFF;
	padding: 5px 15px 20px 15px;
	z-index: 1;
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.16);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h3 {
	color: #1D84CD;
	font-size:28px;
	line-height:100%;
	font-weight:700;
	text-align:center;
	margin-bottom: 17px;
	padding-bottom: 12px;
	border-bottom: solid 1px #707070;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h3 span {
	font-size:18px;
	font-weight:700;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h4 {
	font-size:20px;
	line-height:100%;
	font-weight:700;
	margin:10px 0 11px 0;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h4.noMarginTop {
	margin-top:0;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h5 {
	font-size:16px;
	line-height:27px;
	font-weight:400;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft ul.sportSciMainChangeLeftList01 {
	font-size:16px;
	line-height:27px;
	font-weight:400;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft ul.sportSciMainChangeLeftList02 {
	font-size:18px;
	line-height:27px;
	font-weight:400;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight {
	position: relative;
	top: -93px;
	width: 526px;
	z-index: 1;
	transition: all 0.2s ease-out;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight:hover {
	transform: scale(1.1);
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div.fadeInUpTrigger {
	box-shadow: 0 3px 6px 0 rgba(0,0,0,0.3);
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight:hover div.fadeInUpTrigger {
	box-shadow: 0 7px 14px 0 rgba(0,0,0,0.15);
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle {
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 {
	color: #FFF;
	font-size:28px;
	line-height:120%;
	font-weight:700;
	text-align:center;
	padding: 0 0 11px 0;
	background-color: #1D84CD;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 span.sportSciMainChangeRightTitleS {
	font-size:20px;
	line-height:120%;
	font-weight:700;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 span.sportSciMainChangeRightTitleSS {
	font-size:18px;
	line-height:120%;
	font-weight:700;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents {
	padding: 20px 20px 20px 20px;
	background-color: #FFF;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents h4 {
	color: #1D84CD;
	font-size:24px;
	line-height:31px;
	font-weight:700;
	margin-bottom:10px;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents h5 {
	font-size:16px;
	line-height:27px;
	font-weight:400;
	margin-bottom:5px;
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents ul {
}
div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents ul li {
	font-size:20px;
	line-height:35px;
	font-weight:700;
}
div#sportSciMain div#sportSciMainChange p#sportSciMainArrowPc {
	position: absolute;
	bottom: 300px;
	left: 50%;
	z-index: 1;
	transform: translate(-50%, 0);
	animation: arrowmove 0.8s ease-in-out infinite;
}
@keyframes arrowmove{
	0%{transform:translate(-60%, 0);}
	50%{transform:translate(-40%, 0);}
	100%{transform:translate(-60%, 0);}
}
div#sportSciMain div#sportSciMainChange p#sportSciMainArrowPc img {
	width: 79px;
}
div#sportSciMain div#sportSciMainChange p#sportSciMainArrowSp {
	display: none;
}

div#bannerLicense {
	width: 550px;
	margin:30px auto 0 auto;
}
div#bannerLicense a {
	display: block;
	position: relative;
	padding:20px 15px 20px 30px;
	background: linear-gradient(-110deg,#ACDE7C,#DBE781 32%,#158807);
	border-radius: 6px;
	transition: all 0.2s ease-out;
}
div#bannerLicense a:hover {
	transform: scale(1.05);
}
div#bannerLicense a h3 {
	color: #FFF;
	font-size:23px;
	line-height:34px;
	font-weight:700;
	text-shadow: 2px 2px 4px rgba(0,0,0,0.39);
}
div#bannerLicense a p#bannerLicensePhoto {
	position: absolute;
	top: -23px;
	right: 15px;
}
div#bannerLicense a p#bannerLicensePhoto img {
	width: 180px;
}



/* PRESCHOOL EDUCATION
------------------------------------------------------------------------------------ */
section#preschoolEdu {
	position: relative;
	padding: 15px 0 0 0;
	background: url("/lp/images/preschool-edu_bg.gif") center center repeat;
	background-size: 25px 25px;
	z-index: -1;
}
section#preschoolEdu:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #FFF;
	z-index: -1;
}
section#preschoolEdu div#preschoolEduInner {
	position: relative;
	width: 1120px;
	margin:0 auto;
}

div#preschoolEduInnerContents {
	padding: 0 0 0 100px;
}

div#preschoolEduInnerContents div#preschoolEduMain {
	margin-bottom:40px;
}
div#preschoolEduInnerContents div#preschoolEduMain h2#preschoolEduMainSpTitle {
	display: none;
}
div#preschoolEduInnerContents div#preschoolEduMain h3 {
	margin-bottom:25px;
}
div#preschoolEduInnerContents div#preschoolEduMain h3,
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan {
	font-size:40px;
	line-height:55px;
	font-weight:700;
}
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(9),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(10),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(11),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(12),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(14),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(15),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(16),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(17),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(18),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(19),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(20),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(21),
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(22) {
	font-size:48px;
	line-height:55px;
	font-weight:700;
}
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(9):before,
div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(24):before {
	content: "\A";
	white-space: pre;
}
div#preschoolEduInnerContents div#preschoolEduMain p {
	line-height:150%;
	margin-top:24px;
}
div#preschoolEduInnerContents div#preschoolEduMain p.noMargin {
	margin-top:0;
}
div#preschoolEduInnerContents div#preschoolEduMain p span {
	font-size:20px;
	line-height:150%;
	font-weight:400;
}
div#preschoolEduInnerContents div#preschoolEduMain p.preschoolEduCaution {
	font-size:16px;
	line-height:180%;
	font-weight:400;
}
div#preschoolEduInnerContents div#preschoolEduMain p.preschoolEduMainPhoto {
	display: none;
}
div#preschoolEduInnerContents ul#preschoolEduLicense {
	display: flex;
	flex-wrap: nowrap;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li {
	position: relative;
	width: 189px;
	height: 189px;
	margin-right:19px;
	background-color: #EF8229;
	border-radius: 95px;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:first-child {
	animation-delay: 0.5s;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(2) {
	animation-delay: 0.7s;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(3) {
	animation-delay: 0.9s;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(4) {
	animation-delay: 1.1s;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child {
	animation-delay: 1.3s;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:first-child {
	margin-right:18px;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child {
	margin-right:0;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li span.preschoolEduLicenseInner {
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	width: 100%;
	color: #FFF;
	font-weight:700;
	text-align:center;
	transform: translate(-50%, -50%);
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:first-child span.preschoolEduLicenseInner,
div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(2) span.preschoolEduLicenseInner,
div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(3) span.preschoolEduLicenseInner {
	font-size:21px;
	line-height:24px;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(4) span.preschoolEduLicenseInner,
div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child span.preschoolEduLicenseInner {
	font-size:20px;
	line-height:23px;
}
div#preschoolEduInnerContents ul#preschoolEduLicense li span.preschoolEduLicenseInner span.preschoolEduLicenseSmall {
	font-size: 15px;
	font-weight:700;
}

ul#preschoolEduPhoto {
	display: flex;
	flex-wrap: nowrap;
	margin-top:53px;
}
ul#preschoolEduPhoto li {
	width: 50%;
}
ul#preschoolEduPhoto li:first-child {
	animation-delay: 0.5s;
}
ul#preschoolEduPhoto li:nth-child(2) {
	animation-delay: 0.7s;
}



/* ABOUT
------------------------------------------------------------------------------------ */
section#about {
	position: relative;
	margin-top:107px;
	padding:218px 0 219px 0;
	overflow: hidden;
}
section#about div#aboutInner {
	width: 1020px;
	color: #FFF;
	margin:0 auto;
}
div#video-area {
	top: 0;
	right:0;
	left:0;
	bottom:0;
	z-index: -1;/*最背面に設定*/
	overflow: hidden;
}
div#video-area:after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(29,132,205,0.5);
	background-image: radial-gradient(rgba(0,0,0,0.35) 30%, transparent 31%), radial-gradient(rgba(0,0,0,0.35) 30%, transparent 31%);
	background-size: 2px 2px;
	background-position: 0 0, 1px 1px;
	z-index: -1;
}
div#video-area #video {
	/*天地中央配置*/
	position: absolute;
	z-index: -1;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	/*縦横幅指定*/
	width: 177.77777778vh; /* 16:9 の幅→16 ÷ 9＝ 177.77% */
	height: 56.25vw; /* 16:9の幅 → 9 ÷ 16 = 56.25% */
	min-width: 100%;
	min-height: 100%;
}


/* footer
------------------------------------------------------------------------------------ */
footer {
}
footer div#footerInner {
	width: 1120px;
	margin:0 auto;
	padding:122px 0 74px 0;
}

ul#footerBanner {
	display: flex;
	justify-content: space-between;
	flex-wrap: nowrap;
}
ul#footerBanner li {
	width: 550px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
ul#footerBanner li#footerBannerWebOpenCampus {
}
ul#footerBanner li a {
	display: block;
	position: relative;
	color: #FFF;
	text-align:center;
	padding:25px 0 29px 0;
	border-radius: 6px;
	transition: all 0.2s ease-out;
}
ul#footerBanner li a:hover {
	opacity: 0.75;
	transform: scale(1.05);
}
ul#footerBanner li#footerBannerOpenCampus a {
	padding-right:197px;
	background: linear-gradient(to right, #00FFFF, #0096DB);
}
ul#footerBanner li#footerBannerWebOpenCampus a {
	background: url("/lp/images/footer-banner_web-open-campus_bg.png") center center no-repeat;
	background-size: cover;
}
ul#footerBanner li a h3 {
	font-family: 'Montserrat', sans-serif;
	font-size:39px;
	line-height:100%;
	font-weight:700;
}
ul#footerBanner li a h3 span {
	display: block;
	font-size:25px;
	line-height:100%;
	font-weight:700;
}
ul#footerBanner li a p {
	font-size:17px;
	line-height:100%;
	font-weight:700;
	margin-top:5px;
}
ul#footerBanner li a p#footerBannerOpenCampusPhoto {
	position: absolute;
	bottom: 0;
	right: 17px;
	margin-top:0;
}
ul#footerBanner li a p#footerBannerOpenCampusPhoto img {
	width: 180px;
}

ul#footerLink {
	display: flex;
	flex-wrap: wrap;
	margin-top:120px;
}
ul#footerLink li {
	margin:35px 20px 0 0;
}
ul#footerLink li:first-child,
ul#footerLink li:nth-child(2),
ul#footerLink li:nth-child(3) {
	margin-top:0;
}
ul#footerLink li:nth-child(3n) {
	margin-right:0;
}
ul#footerLink li a {
	display: block;
	position: relative;
	width: 360px;
	font-size:18px;
	line-height:100%;
	padding-bottom:10px;
	background: url("/lp/images/arrow_footer-link.png") right 10px no-repeat;
	background-size: 10px 10px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	transition: all  0.3s ease;
}
ul#footerLink li a:after {
	display: inline-block;
	content: '';
	position: absolute;
	left: 50%;
	bottom: 0;
	width: 100%;
	height: 1px;
	transform: translate(-50%, 0);
	background-color: #000;
}
ul#footerLink li a:hover {
	padding-left:10px;
}

footer div#footerInner h3.footerSnsTitle {
	font-family: 'Montserrat', sans-serif;
	font-size:48px;
	line-height:100%;
	font-weight:700;
	text-align:center;
	margin-top:130px;
}
ul#footerSns {
	display: flex;
	flex-wrap: wrap;
	width: 870px;
	margin:60px auto 0 auto;
}
ul#footerSns li {
	width: 280px;
	margin:30px 15px 0 0;
}
ul#footerSns li:first-child,
ul#footerSns li:nth-child(2),
ul#footerSns li:nth-child(3) {
	margin-top:0;
}
ul#footerSns li:nth-child(3n) {
	margin-right:0;
}
ul#footerSns li a {
	display: block;
	font-size:18px;
	line-height:100%;
	padding:7px 0 7px 48px;
	transition: all 0.3s ease;
}
ul#footerSns li a:hover {
	opacity: 0.6;
}
ul#footerSns li.footerSnsLine a {
	background: url("/lp/images/icon_line.png") left center no-repeat;
	background-size: 32px 32px;
}
ul#footerSns li.footerSnsFb a {
	background: url("/lp/images/icon_facebook.png") left center no-repeat;
	background-size: 32px 32px;
}
ul#footerSns li.footerSnsTwitter a {
	background: url("/lp/images/icon_twitter.png") left center no-repeat;
	background-size: 32px 32px;
}
ul#footerSns li.footerSnsYoutube a {
	background: url("/lp/images/icon_youtube.png") left center no-repeat;
	background-size: 32px 32px;
}

ul#footerSns li.footerSnstiktok a {
	background: url("/lp/images/ico_tiktok.png") left center no-repeat;
	background-size: 32px 32px;
}

ul#footerSns li.footerSnsinsta a {
	background: url("/lp/images/ico_insta.png") left center no-repeat;
	background-size: 32px 32px;
}

footer div#footerInner h2 {
	text-align:center;
	margin-top:130px;
}
footer div#footerInner h2 a {
	transition: all 0.3s ease;
}
footer div#footerInner h2 a:hover {
	opacity: 0.7;
}
footer div#footerInner h2 a img {
	width: 390px;
}

ul#footerNav {
	display: none;
}



/* 共通パーツ
------------------------------------------------------------------------------------ */
.title01 {
	position: absolute;
	left: 0;
}
section#sportSci .title01 {
	top: 210px;
}
section#preschoolEdu .title01 {
	top: 45px;
}
.title01 img {
	width: 58px;
}
.title03 {
	font-size:40px;
	line-height:150%;
	font-weight:700;
	margin-bottom:25px;
}
.title04 {
	width: 496px;
	font-size:26px;
	line-height:100%;
	font-weight:700;
	text-align:center;
	background-color:#FFFB45;
	margin: 0 auto 50px auto;
	padding: 12px 0;
	border: solid 3px #000;
	border-radius: 28px;
}



/* 【レスポンシブ】Tablet
------------------------------------------------------------------------------------ */
@media screen and (min-width: 560px) and (max-width: 959px) {
	body {
		font-size:16px;
		line-height:200%;
	}

	/* header
	------------------------------------------------------------------------------------ */
	header div#headerInner {
		padding: 0 83px 0 20px;
	}
	header div#headerInner ul#headerNav li a {
		width: 90px;
	}

	/* ハンバーガーメニュー
	------------------------------------------------------------------------------------ */
	div#gnavWrapper {
	}
	.hamburger {
		width : 83px;
	}
	.hamburger span {
		left : 18px;
	}
	nav.gnav div#gnavInner {
		width: 92%;
	}
	nav.gnav div#gnavInner ul li {
		width: 48.5%;
		margin:50px 3% 0 0;
	}
	nav.gnav div#gnavInner ul li:nth-child(3) {
		margin-top:50px;
	}
	nav.gnav div#gnavInner ul li:nth-child(3n) {
		margin-right:3%;
	}
	nav.gnav div#gnavInner ul li:nth-child(2n) {
		margin-right:0;
	}
	nav.gnav div#gnavInner ul li a {
		width: 100%;
	}

	/* メインビジュアル
	------------------------------------------------------------------------------------ */
	section#mainimagePc {
		display: none;
	}
	section#mainimageSp {
		display: block;
		margin-top:70px;
	}

	/* SPORT SCIENCES
	------------------------------------------------------------------------------------ */
	section#sportSci {
		padding: 33px 0 0 0;
	}
	section#sportSci div#sportSciInner {
		width: 92%;
	}
	div#sportSciInnerContents {
		padding: 0 0 0 80px;
	}
	div#sportSciInnerContents div#sportSciHeader {
		display: block;
		justify-content: flex-start;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft {
		width: 100%;
		padding-bottom: 360px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle {
		left: 0;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle {
		width: auto;
		max-width: 480px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle img {
		width: 80%;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft p {
		width: 320px;
		left: 50%;
		transform: translate(-50%, 0);
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft p img {
		width: 100%;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight {
		width: 100%;
		padding-top: 30px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4,
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4 span.eachTextAnimeSpan {
		font-size:24px;
		line-height:100%;
	}
	div#sportSciInnerContents div#sportSciText p.sportSciCaution {
		font-size:16px;
		line-height:180%;
	}

	div#sportSciMain {
		margin-bottom:0;
	}
	div#sportSciMain p#sportSciMainPhoto {
		margin: 0 calc(50% - 50vw);
	}
	div#sportSciMain div#sportSciMainChange {
		display: block;
		justify-content: flex-start;
		width: 100%;
		margin-left:0;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft {
		top: 0;
		width: 100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight {
		top: 0;
		width: 100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight:hover {
		transform: scale(1.05);
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 {
		font-size:36px;
		line-height:120%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 span.sportSciMainChangeRightTitleS {
		font-size:20px;
		line-height:120%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 span.sportSciMainChangeRightTitleSS {
		font-size:16px;
		line-height:120%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents h4 {
		font-size:26px;
		line-height:100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents h5 {
		font-size:18px;
		line-height:150%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents ul li {
		font-size:20px;
		line-height:150%;
	}
	div#sportSciMain div#sportSciMainChange p#sportSciMainArrowPc {
		display: none;
	}
	div#sportSciMain div#sportSciMainChange p#sportSciMainArrowSp {
		display: block;
		width: 48px;
		margin:25px auto;
		animation: arrowmove 0.8s ease-in-out infinite;
	}
	@keyframes arrowmove{
		0%{transform:translate(0, 10%);}
		50%{transform:translate(0, -10%);}
		100%{transform:translate(0, 10%);}
	}
	div#sportSciMain div#sportSciMainChange p#sportSciMainArrowSp img {
	}

	div#bannerLicense {
		width: auto;
		max-width: 550px;
	}
	div#bannerLicense a {
		padding:20px 15px 20px 20px;
	}
	div#bannerLicense a h3 {
		font-size:20px;
		line-height:30px;
	}

	/* PRESCHOOL EDUCATION
	------------------------------------------------------------------------------------ */
	section#preschoolEdu div#preschoolEduInner {
		width: 92%;
	}
	div#preschoolEduInnerContents {
		padding: 0 0 0 80px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain h3 {
		margin-bottom:25px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain h3,
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan {
		font-size:26px;
		line-height:41px;
		font-weight:700;
	}
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(9),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(10),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(11),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(12),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(14),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(15),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(16),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(17),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(18),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(19),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(20),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(21),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(22) {
		font-size:34px;
		line-height:41px;
		font-weight:700;
	}
	div#preschoolEduInnerContents div#preschoolEduMain p span {
		font-size:16px;
		line-height:150%;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense {
		width: 390px;
		flex-wrap: wrap;
		margin:0 auto;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li {
		width: 180px;
		height: 180px;
		margin-right:15px;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(2) {
		margin-right:0;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(3),
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(4),
	div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child {
		margin-top:15px;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:first-child span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(2) span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(3) span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(4) span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child span.preschoolEduLicenseInner {
		font-size:18px;
		line-height:125%;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li span.preschoolEduLicenseInner span.preschoolEduLicenseSmall {
		font-size: 14px;
	}

	/* ABOUT
	------------------------------------------------------------------------------------ */
	section#about {
		padding:150px 0;
	}
	section#about div#aboutInner {
		width: 92%;
	}

	/* footer
	------------------------------------------------------------------------------------ */
	footer div#footerInner {
		width: 92%;
		padding:100px 0 74px 0;
	}

	ul#footerBanner {
		display: block;
		justify-content: flex-start;
	}
	ul#footerBanner li {
		width: auto;
		max-width: 550px;
		margin:0 auto;
	}
	ul#footerBanner li#footerBannerWebOpenCampus {
		margin-top:25px;
	}
	ul#footerBanner li a h3 {
		font-size:32px;
		line-height:100%;
	}
	ul#footerBanner li a h3 span {
		font-size:20px;
		line-height:100%;
	}
	ul#footerBanner li a p {
		font-size:14px;
		line-height:100%;
	}

	ul#footerLink {
		margin-top:100px;
	}
	ul#footerLink li {
		width: 48.5%;
		margin:40px 3% 0 0;
	}
	ul#footerLink li:nth-child(3) {
		margin-top:40px;
	}
	ul#footerLink li:nth-child(3n) {
		margin-right:3%;
	}
	ul#footerLink li:nth-child(2n) {
		margin-right:0;
	}
	ul#footerLink li a {
		width: 100%;
		font-size:20px;
		line-height:100%;
	}

	footer div#footerInner h3.footerSnsTitle {
		font-size:40px;
		line-height:100%;
		margin-top:100px;
	}
	ul#footerSns {
		width: 100%;
		margin:50px auto 0 auto;
	}
	ul#footerSns li {
		width: 48.5%;
		margin:25px 3% 0 0;
	}
	ul#footerSns li:nth-child(3) {
		margin-top:25px;
	}
	ul#footerSns li:nth-child(3n) {
		margin-right:3%;
	}
	ul#footerSns li:nth-child(2n) {
		margin-right:0;
	}
	ul#footerSns li a {
		font-size:16px;
		line-height:100%;
		padding:8px 0 8px 42px;
	}

	footer div#footerInner h2 {
		margin-top:100px;
	}
	footer div#footerInner h2 a img {
		width: 280px;
	}

	/* 共通パーツ
	------------------------------------------------------------------------------------ */
	section#sportSci .title01 {
		top: 0;
	}
	section#preschoolEdu .title01 {
		top: 20px;
	}
	.title01 img {
		width: 43px;
	}
	.title03 {
		font-size:30px;
		line-height:150%;
	}
	.title04 {
		width: auto;
		max-width: 496px;
		font-size:22px;
		line-height:100%;
	}
}



/* 【レスポンシブ】Sp
------------------------------------------------------------------------------------ */
@media screen and (max-width:559px) {
	body {
		font-size:16px;
		line-height:150%;
	}

	/* header
	------------------------------------------------------------------------------------ */
	header div#headerInner {
		padding: 0;
	}
	header div#headerInner h1 {
		margin:12px 0 0 20px;
	}
	header div#headerInner h1 img {
		width: 148px;
	}
	header div#headerInner ul#headerNav {
		display:none;
	}

	/* ハンバーガーメニュー
	------------------------------------------------------------------------------------ */
	.hamburger {
		width : 50px;
		height: 50px;
	}
	.hamburger span {
		left : 11px;
		width: 28px;
	}
	.hamburger span:nth-child(1) {
		top: 16px;
	}
	.hamburger span:nth-child(2) {
		top: 24px;
	}
	.hamburger span:nth-child(3) {
		top: 32px;
	}
	.hamburger.active span:nth-child(1){
		transform: translate(19px, 2px);
	}
	.hamburger.active span:nth-child(3){
		transform : translate(19px, -14px) rotate(90deg);
	}

	nav.gnav div#gnavInner {
		width: 100%;
		padding: 0 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	nav.gnav div#gnavInner ul li {
		width: 100%;
		margin:25px 0 0 0;
	}
	nav.gnav div#gnavInner ul li:nth-child(2),
	nav.gnav div#gnavInner ul li:nth-child(3) {
		margin-top:25px;
	}
	nav.gnav div#gnavInner ul li:first-child {
		margin-top:0;
	}
	nav.gnav div#gnavInner ul li:nth-child(3n) {
		margin-right:0;
	}
	nav.gnav div#gnavInner ul li:nth-child(2n) {
		margin-right:0;
	}
	nav.gnav div#gnavInner ul li a {
		width: 100%;
		font-size:16px;
		line-height:100%;
	}

	/* メインビジュアル
	------------------------------------------------------------------------------------ */
	section#mainimagePc {
		display: none;
	}
	section#mainimageSp {
		display: block;
		margin-top:50px;
	}

	/* SPORT SCIENCES
	------------------------------------------------------------------------------------ */
	section#sportSci {
		padding: 33px 0 0 0;
	}
	section#sportSci div#sportSciInner {
		width: 100%;
		padding: 0 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div#sportSciInnerContents {
		padding: 0;
	}
	div#sportSciInnerContents div#sportSciHeader {
		display: block;
		justify-content: flex-start;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft {
		width: 100%;
		padding-bottom: 200px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle {
		left: 0;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle {
		width: auto;
		max-width: 480px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft h3.sportSciHeaderLeftTitle img {
		width: 80%;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft p {
		width: 220px;
		left: 40%;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderLeft p img {
		width: 100%;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight {
		width: 100%;
		padding-top: 30px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h2#sportSciInnerContentsSpTitle {
		display: block;
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
		font-size:10px;
		line-height:100%;
		font-weight:700;
		margin-bottom:5px;
	}
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4,
	div#sportSciInnerContents div#sportSciHeader div#sportSciHeaderRight h4 span.eachTextAnimeSpan {
		font-size:20px;
		line-height:100%;
	}
	div#sportSciInnerContents div#sportSciText p.sportSciCaution {
		font-size:14px;
		line-height:180%;
	}

	div#sportSciMain {
		margin-bottom:0;
	}
	div#sportSciMain p#sportSciMainPhoto {
		margin: 0 calc(50% - 50vw);
	}
	div#sportSciMain div#sportSciMainChange {
		display: block;
		justify-content: flex-start;
		width: 100%;
		margin-left:0;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft {
		top: 0;
		width: 100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h3 {
		font-size:19px;
		line-height:100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h3 span {
		font-size:12px;
		font-weight:700;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h4 {
		font-size:14px;
		line-height:100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft h5,
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft ul.sportSciMainChangeLeftList01,
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeLeft ul.sportSciMainChangeLeftList02 {
		font-size:12px;
		line-height:150%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight {
		top: 0;
		width: 100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight:hover {
		transform: scale(1.05);
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 {
		font-size:25px;
		line-height:120%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 span.sportSciMainChangeRightTitleS {
		font-size:18px;
		line-height:120%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightTitle h3 span.sportSciMainChangeRightTitleSS {
		font-size:11px;
		line-height:120%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents h4 {
		font-size:19px;
		line-height:100%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents h5 {
		font-size:15px;
		line-height:150%;
	}
	div#sportSciMain div#sportSciMainChange div#sportSciMainChangeRight div#sportSciMainChangeRightContents ul li {
		font-size:15px;
		line-height:140%;
	}
	div#sportSciMain div#sportSciMainChange p#sportSciMainArrowPc {
		display: none;
	}
	div#sportSciMain div#sportSciMainChange p#sportSciMainArrowSp {
		display: block;
		width: 24px;
		margin:20px auto 15px auto;
		animation: arrowmove 0.8s ease-in-out infinite;
	}
	@keyframes arrowmove{
		0%{transform:translate(0, 10%);}
		50%{transform:translate(0, -10%);}
		100%{transform:translate(0, 10%);}
	}
	div#sportSciMain div#sportSciMainChange p#sportSciMainArrowSp img {
	}

	div#bannerLicense {
		width: 100%;
		margin:35px auto 0 auto;
	}
	div#bannerLicense a {
		padding:20px 15px;
	}
	div#bannerLicense a h3 {
		font-size:16px;
		line-height:125%;
	}
	div#bannerLicense a p#bannerLicensePhoto {
		right: -10px;
	}
	div#bannerLicense a p#bannerLicensePhoto img {
		width: 120px;
	}

	/* PRESCHOOL EDUCATION
	------------------------------------------------------------------------------------ */
	section#preschoolEdu:after {
		display: none;
	}
	section#preschoolEdu div#preschoolEduInner {
		width: 100%;
		padding: 0 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	div#preschoolEduInnerContents {
		padding: 0;
	}
	div#preschoolEduInnerContents div#preschoolEduMain h2#preschoolEduMainSpTitle {
		display: block;
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
		font-size:10px;
		line-height:100%;
		font-weight:700;
		margin-bottom:5px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain h3 {
		margin-bottom:25px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain h3,
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan,
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(9),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(10),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(11),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(12),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(14),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(15),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(16),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(17),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(18),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(19),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(20),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(21),
	div#preschoolEduInnerContents div#preschoolEduMain h3 span.eachTextAnimeSpan:nth-child(22) {
		font-size:20px;
		line-height:150%;
		font-weight:700;
	}
	div#preschoolEduInnerContents div#preschoolEduMain p {
		margin-top:20px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain p span {
		font-size:14px;
		line-height:20px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain p.preschoolEduCaution {
		font-size:14px;
		line-height:20px;
	}
	div#preschoolEduInnerContents div#preschoolEduMain p.preschoolEduMainPhoto {
		display: block;
		margin: 27px calc(50% - 50vw) 0 calc(50% - 50vw);
	}

	div#preschoolEduInnerContents div#preschoolEduMainWrapper {
		margin: 0 calc(50% - 50vw);
		padding: 15px 0 17px 0;
		background-color: #FFAE6C;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense {
		width: 323px;
		flex-wrap: wrap;
		margin:0 auto;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li {
		width: 154px;
		height: 154px;
		margin-right:15px;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:first-child {
		margin-right: 15px;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(2n) {
		margin-right:0;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(3),
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(4),
	div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child {
		margin-top:15px;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li:first-child span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(2) span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(3) span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:nth-child(4) span.preschoolEduLicenseInner,
	div#preschoolEduInnerContents ul#preschoolEduLicense li:last-child span.preschoolEduLicenseInner {
		font-size:17px;
		line-height:19px;
	}
	div#preschoolEduInnerContents ul#preschoolEduLicense li span.preschoolEduLicenseInner span.preschoolEduLicenseSmall {
		font-size: 12px;
	}

	ul#preschoolEduPhoto {
		display: block;
		justify-content: flex-start;
		margin: 0 calc(50% - 50vw);
	}
	ul#preschoolEduPhoto li {
		width: 100%;
	}
	ul#preschoolEduPhoto li:nth-child(2) {
		display: none;
	}

	/* ABOUT
	------------------------------------------------------------------------------------ */
	section#about {
		margin-top:0;
		padding:30px 0 35px 0;
	}
	section#about div#aboutInner {
		width: 100%;
		padding: 0 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		transition: all 0.3s ease;
	}

	/* footer
	------------------------------------------------------------------------------------ */
	footer div#footerInner {
		width: 100%;
		padding: 25px 25px 74px 25px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul#footerBanner {
		display: block;
		justify-content: flex-start;
	}
	ul#footerBanner li {
		width: 100%;
	}
	ul#footerBanner li#footerBannerWebOpenCampus {
		margin-top:25px;
	}
	ul#footerBanner li#footerBannerOpenCampus a {
		padding-right:119px;
	}
	ul#footerBanner li a {
		padding:16px 0 19px 0;
	}
	ul#footerBanner li a h3 {
		font-size:22px;
		line-height:100%;
	}
	ul#footerBanner li a h3 span {
		font-size:13px;
		line-height:100%;
	}
	ul#footerBanner li a p {
		font-size:9px;
		line-height:100%;
	}
	ul#footerBanner li a p#footerBannerOpenCampusPhoto {
		right: 12px;
	}
	ul#footerBanner li a p#footerBannerOpenCampusPhoto img {
		width: 102px;
	}

	ul#footerLink {
		margin-top:20px;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul#footerLink li {
		width: 100%;
		margin:20px 0 0 0;
	}
	ul#footerLink li:nth-child(2),
	ul#footerLink li:nth-child(3) {
		margin-top:20px;
	}
	ul#footerLink li:first-child {
		margin-top:0;
	}
	ul#footerLink li:nth-child(3n) {
		margin-right:0;
	}
	ul#footerLink li:nth-child(2n) {
		margin-right:0;
	}
	ul#footerLink li a {
		width: 100%;
		font-size:14px;
		line-height:100%;
		background: url("/lp/images/arrow_footer-link.png") right 3px no-repeat;
		background-size: 10px 10px;
	}

	footer div#footerInner h3.footerSnsTitle {
		font-size:18px;
		line-height:100%;
		text-align:left;
		margin-top:30px;
	}
	ul#footerSns {
		display: block;
		justify-content: flex-start;
		width: 100%;
		margin:30px auto 0 auto;
	}
	ul#footerSns li {
		width: 100%;
		margin:23px 3% 0 0;
	}
	ul#footerSns li:nth-child(2),
	ul#footerSns li:nth-child(3) {
		margin-top:23px;
	}
	ul#footerSns li:nth-child(3n) {
		margin-right:3%;
	}
	ul#footerSns li:nth-child(2n) {
		margin-right:0;
	}
	ul#footerSns li a {
		font-size:16px;
		line-height:100%;
		padding:8px 0 8px 42px;
	}

	footer div#footerInner h2 {
		margin-top:40px;
	}
	footer div#footerInner h2 a img {
		width: 202px;
	}

	ul#footerNav {
		display: flex;
		flex-wrap: nowrap;
		position:fixed;
		bottom:0;
		width: 100%;
		border: solid 1px #000;
		background-color: #FFF;
	}
	ul#footerNav li {
		width: 33%;
		border-right: solid 1px #000;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	ul#footerNav li:last-child {
		border-right: none;
	}
	ul#footerNav li:first-child {
		width: 34%;
	}
	ul#footerNav li a {
		display: block;
		width: 100%;
		padding: 20px 0;
		background: url("/lp/images/header-nav_bg.png") center bottom no-repeat;
		background-size: 100% 5px;
	}
	ul#footerNav li a p {
		font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
		font-size:10px;
		line-height:100%;
		font-weight:700;
		text-align:center;
		transition: all 0.3s ease;
	}
	ul#footerNav li a:hover p {
		opacity:0.5;
	}

	/* 共通パーツ
	------------------------------------------------------------------------------------ */
	.title01 {
		display: none;
	}
	.title03 {
		font-size:20px;
		line-height:150%;
	}
	.title04 {
		width: 325px;
		font-size:16px;
		line-height:100%;
		margin: 0 auto 22px auto;
		padding: 11px 0;
		border: solid 2px #000;
	}
}



/* 【アニメーション】下からフェードイン
------------------------------------------------------------------------------------ */
.fadeInUpTrigger {
	opacity: 0;
}
.fadeInUp {
	animation-name:fadeUpAnime;
	animation-duration:0.5s;
	animation-fill-mode:forwards;
	animation-delay: 0.5s;
	opacity: 0;
}
@keyframes fadeUpAnime{
	from {
		opacity: 0;
		transform: translateY(30px);
	}
	to {
		opacity: 1;
		transform: translateY(0);
	}
}



/* 【アニメーション】画像を徐々に表示
------------------------------------------------------------------------------------ */
.sportSciTitle01,
.preschoolEduTitle01 {
	opacity: 0;
}
.img-animation {
	animation: img-opacity 1s cubic-bezier(.4, 0, .2, 1);
	overflow: hidden;
	position: relative;
}
@keyframes img-opacity {
	0% {
		opacity: 0;
	}
	50% {
		opacity: 0;
	}
	100% {
		opacity: 1;
	}
}
.img-animation:before {
	animation: img-animation 1s cubic-bezier(.4, 0, .2, 1) forwards;
	animation-delay: 0.5s;
	bottom: 0;
	content: '';
	left: 0;
	pointer-events: none;
	position: absolute;
	right: 0;
	top: 0;
	z-index: 1;
}
section#sportSci .img-animation:before {
	background: #7BB9F8;
}
section#preschoolEdu .img-animation:before {
	background: #FFAE6C;
}
@keyframes img-animation {
	0% {
		transform: translateY(0%);
	}
	50% {
		transform: translateY(0%);
	}
	100% {
		transform: translateY(-100%);
	}
}



/* 【アニメーション】背景色が左から表示
------------------------------------------------------------------------------------ */
/*背景色が伸びて出現 共通*/
.bgextend {
	position: relative;
	overflow: hidden;
}

/*--------- 左から --------*/
.bgLRextend::before {
	animation-name:bgLRextendAnime;
	animation-duration:1s;
	animation-fill-mode:forwards;
	content: "";
	position: absolute;
	top: 0;
	height: 100%;
}
#sportSci.bgLRextend::before {
	width: 50%;
	background-color: #7BB9F8;
}
#preschoolEdu.bgLRextend::before {
	width: 70%;
	background-color: #FFAE6C;
}
@keyframes bgLRextendAnime {
	0% {
		transform-origin:left;
		transform:scaleX(0);
	}
	30% {
		transform-origin:left;
		transform:scaleX(0.25);
	}
	100% {
		transform-origin:left;
		transform:scaleX(1);
	}
}

@media screen and (max-width:559px) {
	#preschoolEdu.bgLRextend::before {
		height: 140px;
	}
	#preschoolEdu.bgLRextend::before {
		width: 265px;
	}
}



/* 【アニメーション】ぷるぷるっと震える
------------------------------------------------------------------------------------ */
.purupuru {
	animation: purupuru_anim 1.5s;
	animation-delay: 1.0s;
}
@keyframes purupuru_anim {
	0% {transform: translate(0, 0);}
	5% {transform: translate(-5px, 0);}
	10% {transform: translate(5px, 0);}
	15% {transform: translate(-5px, 0);}
	20% {transform: translate(5px, 0);}
	25% {transform: translate(-5px, 0);}
	30% {transform: translate(5px, 0);}
	35% {transform: translate(-5px, 0);}
	40% {transform: translate(5px, 0);}
	45% {transform: translate(-5px, 0);}
	50% {transform: translate(5px, 0);}
	55% {transform: translate(-5px, 0);}
	60% {transform: translate(0, 0);}
	100% {transform: translate(0, 0);}
}
h3.sportSciHeaderLeftTitle.purupuru {
	animation: purupuru_anim_loop 3.0s infinite;
	animation-delay: 1.0s;
}
@keyframes purupuru_anim_loop {
	0% {transform: translate(0, 0);}
	2.5% {transform: translate(-5px, 0);}
	5% {transform: translate(5px, 0);}
	7.5% {transform: translate(-5px, 0);}
	10% {transform: translate(5px, 0);}
	12.5% {transform: translate(-5px, 0);}
	15% {transform: translate(5px, 0);}
	17.5% {transform: translate(-5px, 0);}
	20% {transform: translate(5px, 0);}
	22.5% {transform: translate(-5px, 0);}
	25% {transform: translate(5px, 0);}
	27.5% {transform: translate(-5px, 0);}
	30% {transform: translate(0, 0);}
	100% {transform: translate(0, 0);}
}



/* 【アニメーション】ぷるぷる＋フェードインアップ
------------------------------------------------------------------------------------ */
.purupuruFadeInUpTrigger {
	opacity: 0;
}
.purupuruFadeInUp {
	animation-name:purupuruFadeUpAnime;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	animation-delay: 0.5s;
	opacity: 0;
}
@keyframes purupuruFadeUpAnime{
	0% {
		opacity: 0;
		transform: translateY(30px);
	}
	50% {
		opacity: 1;
		transform: translateY(-10px);
	}
	60% {
		opacity: 1;
		transform: translateY(0);
	}
	70% {
		opacity: 1;
		transform: translateY(-10px);
	}
	80% {
		opacity: 1;
		transform: translateY(0);
	}
	90% {
		opacity: 1;
		transform: translateY(-5px);
	}
	100% {
		opacity: 1;
		transform: translateY(0);
	}
}



/* 【アニメーション】一文字ずつ表示
------------------------------------------------------------------------------------ */
.eachTextAnime span{
	opacity: 0;
}
.eachTextAnime.appeartext span{
	animation:text_anime_on 0.5s ease-out forwards;
}
@keyframes text_anime_on {
	0% {opacity:0;}
	100% {opacity:1;}
}

span.eachTextAnimeSpan:nth-child(1) {
	animation-delay: 0.05s;
}
span.eachTextAnimeSpan:nth-child(2) {
	animation-delay: 0.1s;
}
span.eachTextAnimeSpan:nth-child(3) {
	animation-delay: 0.15s;
}
span.eachTextAnimeSpan:nth-child(4) {
	animation-delay: 0.2s;
}
span.eachTextAnimeSpan:nth-child(5) {
	animation-delay: 0.25s;
}
span.eachTextAnimeSpan:nth-child(6) {
	animation-delay: 0.3s;
}
span.eachTextAnimeSpan:nth-child(7) {
	animation-delay: 0.35s;
}
span.eachTextAnimeSpan:nth-child(8) {
	animation-delay: 0.4s;
}
span.eachTextAnimeSpan:nth-child(9) {
	animation-delay: 0.45s;
}
span.eachTextAnimeSpan:nth-child(10) {
	animation-delay: 0.5s;
}
span.eachTextAnimeSpan:nth-child(11) {
	animation-delay: 0.55s;
}
span.eachTextAnimeSpan:nth-child(12) {
	animation-delay: 0.6s;
}
span.eachTextAnimeSpan:nth-child(13) {
	animation-delay: 0.65s;
}
span.eachTextAnimeSpan:nth-child(14) {
	animation-delay: 0.7s;
}
span.eachTextAnimeSpan:nth-child(15) {
	animation-delay: 0.75s;
}
span.eachTextAnimeSpan:nth-child(16) {
	animation-delay: 0.8s;
}
span.eachTextAnimeSpan:nth-child(17) {
	animation-delay: 0.85s;
}
span.eachTextAnimeSpan:nth-child(18) {
	animation-delay: 0.9s;
}
span.eachTextAnimeSpan:nth-child(19) {
	animation-delay: 0.95s;
}
span.eachTextAnimeSpan:nth-child(20) {
	animation-delay: 1.0s;
}
span.eachTextAnimeSpan:nth-child(21) {
	animation-delay: 1.05s;
}
span.eachTextAnimeSpan:nth-child(22) {
	animation-delay: 1.1s;
}
span.eachTextAnimeSpan:nth-child(23) {
	animation-delay: 1.15s;
}
span.eachTextAnimeSpan:nth-child(24) {
	animation-delay: 1.2s;
}
span.eachTextAnimeSpan:nth-child(25) {
	animation-delay: 1.25s;
}
span.eachTextAnimeSpan:nth-child(26) {
	animation-delay: 1.3s;
}
span.eachTextAnimeSpan:nth-child(27) {
	animation-delay: 1.35s;
}
span.eachTextAnimeSpan:nth-child(28) {
	animation-delay: 1.4s;
}
span.eachTextAnimeSpan:nth-child(29) {
	animation-delay: 1.45s;
}
span.eachTextAnimeSpan:nth-child(30) {
	animation-delay: 1.5s;
}
span.eachTextAnimeSpan:nth-child(31) {
	animation-delay: 1.55s;
}
span.eachTextAnimeSpan:nth-child(32) {
	animation-delay: 1.6s;
}
span.eachTextAnimeSpan:nth-child(33) {
	animation-delay: 1.65s;
}
span.eachTextAnimeSpan:nth-child(34) {
	animation-delay: 1.7s;
}
span.eachTextAnimeSpan:nth-child(35) {
	animation-delay: 1.75s;
}
span.eachTextAnimeSpan:nth-child(36) {
	animation-delay: 1.8s;
}
span.eachTextAnimeSpan:nth-child(37) {
	animation-delay: 1.85s;
}
span.eachTextAnimeSpan:nth-child(38) {
	animation-delay: 1.9s;
}
span.eachTextAnimeSpan:nth-child(39) {
	animation-delay: 1.95s;
}

/* 2023 main
------------------------------------------------------------------------------------ */

.main_wrapper {
	width: 100%;
	max-width: 1120px;
	margin: 0 auto;
}

.main_content {
	background-color: #FFFAC4;
	max-width: 100%;
	padding: 100px 0;
}

.main_headline {
	font-size: 45px;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	margin-bottom: 40px;
}

.main_headline::after{
	content: " ";
	margin: 0 auto;
  display: block;
	margin-top: 20px;
  width: 120px;
  height: 10px;
  border-radius: 5px;
  background: #0084CD;
}

.main_headline span {
	display: block;
	font-family: 'Montserrat', sans-serif;
	font-weight: 900;
	color: #0084CD;
	font-size: 20px;
	margin-bottom: 10px;
}

.main_text{
	width: 80%;
	font-size: 18px;
	margin: 0 auto;
}

.remarks {
	width: 80%;
	font-size: 14px;
	text-align: right;
	margin: 0 auto;
	line-height: 1.5;
}

.btn_area {
	text-align: center;
}

/* ボタン */
.btn{
  margin-top: 30px;
  font-size: 16px;
  /*矢印の基点とするためrelativeを指定*/
position: relative;
  /*ボタンの形状*/
  padding: 15px 80px;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  color: #fff;
  outline: none;
  /*アニメーションの指定*/
  transition: all .2s linear;
  font-family: 'Montserrat', 'Noto Sans JP', sans-serif;
	background-color: #0084CD;
}

.btn:hover{
background:#005684;
color:#fff;
}

/*矢印と下線の形状*/
.btn::before{
content:"";
  /*絶対配置で下線の位置を決める*/
position: absolute;
top:50%;
right:26px;
  /*下線の形状*/
width:25px;
height:1px;
background:#fff;
  /*アニメーションの指定*/
  transition: all .2s linear;
}

.btn::after{
content:"";
  /*絶対配置で矢印の位置を決める*/
position: absolute;
  top: 35%;
  right: 30px;
  /*矢印の形状*/
width:1px;
height:10px;
background:#fff;
  transform:skewX(45deg);
  /*アニメーションの指定*/
  transition: all .2s linear;
}

/*hoverした際の移動*/
.btn:hover::before{
right:18px;
background: #fff;
}

.btn:hover::after{
right:22px;
background: #fff;
}

/* Features 
-------------------------------------------------------------*/

.features_area {
		max-width: 100%;
		margin: 0 auto;
		padding: 100px 0;
}

.sp_features {
	display: none;
}

.pc_features {
	display: block;
}


/* 学科コース 
-------------------------------------------------------------*/

.course_area {
		max-width: 100%;
		padding: 100px 0;
}

.courselist {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.courselist_item {
	width: calc(100%/3);
	overflow: hidden;
}

.courseimg {
	position: relative;
	width: 100%;
}

.courseimg img {
	z-index: 5;
	filter: brightness(0.6);
	transition: 0.5s all;
}

.courseimg img:hover{
	transform:scale(1.2,1.2);
	transition: 0.5s all;
}

.course_text {
	position: absolute;
	width: 100%;
	bottom: 0%;
	left: 50%;
	transform: translate(-50%, -50%);
	color: #fff;
	text-align: center;
	vertical-align: bottom;
	font-size: 20px;
	font-weight: 800;
	line-height: 1.5;
}



.course_box {
	height: 186px;
	background-color: #0084CD;
	position: relative;
	text-align: center;
	display: flex;
	justify-content: center;
	align-items: center;
	flex-direction: column;
}

.course_box:after {
	content: " ";
	 height: 0;
  position: absolute;
  width: 0;
  border: 15px solid transparent;
  border-bottom-color: #0084CD;
  bottom: 100%;
  left: 50%;
  margin-left: -10px;
}

.course_box img {
	margin-bottom: 10px;
}

.course_box h3 {
	font-size: 25px;
	font-weight: 800;
	color: #fff;
	line-height: 1.3;
}

/* 将来のフィールド 
-------------------------------------------------------------*/
.field_area {
		max-width: 100%;
		padding: 100px 0;
}

.field{
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}

.field_item {
	width: 32%;
	margin-bottom: 20px;
}

.field_item p {
	margin-top: 10px;
	font-size: 20px;
	font-weight: 800;
	color: #005684;
	text-align: center;
	line-height: 1.5;
}

/* OBOG
-------------------------------------------------------------*/

.person_area {
	max-width: 100%;
	padding: 100px 0;
}

.obog {
	display: flex;
	justify-content: space-between;
	width: 100%;
}

.obog_item {
	width: 48%;
	margin-bottom: 20px;
}

.obog_item p {
	text-align: center;
	font-weight: 800;
	font-size: 20px;
}

.obog_item p span {
	font-size: 15px;
	font-weight: 400;
}

/* movieエリア */
.movie_area {
	background-color: #bfe9ff;
	max-width: 100%;
	padding: 100px 0;
}

/* 【レスポンシブ】Tablet
------------------------------------------------------------------------------------ */
@media screen and (min-width: 560px) and (max-width: 959px) {


	.main_wrapper {
		width: 100%;
		margin: 0 auto;
	}


.main_headline {
	font-size: 35px;
}

.main_text{
	width: 80%;
	font-size: 16px;
	margin: 0 auto;
	line-height: 1.5;
}

.features_area {
	max-width: 90%;
	padding: 100px 0;
}

.course_text {
	font-size: 16px;
}

.course_box h3 {
	font-size: 20px;
	font-weight: 800;
	color: #fff;
	line-height: 1.3;
}


.field{
	display: flex;
	flex-direction: row;
	width: 100%;
	flex-wrap: wrap;
	justify-content: space-between;
}


.field_item p {
	margin-top: 10px;
	font-size: 16px;
	font-weight: 800;
	color: #005684;
	text-align: center;
	line-height: 1.5;
}

.obog_item p {
	text-align: center;
	font-weight: 800;
	font-size: 18px;
}

}



/* 【レスポンシブ】Sp
------------------------------------------------------------------------------------ */
@media screen and (max-width:559px) {
	body {
		font-size:16px;
		line-height:150%;
	}

	.main_wrapper {
		max-width: 100%;
		margin: 0 auto;
	}

	.main_headline {
		font-size: 20px;
		width: 90%;
		margin: 20px auto;
	}

	.main_content {
		background-color: #FFFAC4;
		max-width: 100%;
		padding: 50px 0;
	}

	.main_text{
		width: 80%;
		font-size: 15px;
		margin: 0 auto;
		line-height: 1.5;
	}

	.features_area {
		max-width: 100%;
		margin: 0 auto;
		padding: 50px 0;
}

.course_area {
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}

.field_area {
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}

.preson_area {
	max-width: 100%;
	margin: 0 auto;
	padding: 50px 0;
}

	.courselist_item {
		width: calc(100%/2);
		overflow: hidden;
	}
	

	.course_text {
		font-size: 14px;
	}
	
	.course_box h3 {
		font-size: 16px;
		font-weight: 800;
		color: #fff;
		line-height: 1.3;
	}

	.sp_features {
		display: block;
	}
	
	.pc_features {
		display: none;
	}

	.field_item {
		width: 48%;
		margin-bottom: 20px;
	}

	.field_item p {
		margin-top: 10px;
		font-size: 16px;
		font-weight: 800;
		color: #005684;
		text-align: center;
		line-height: 1.5;
	}

	.obog {
		display: flex;
		flex-direction: column;
		width: 100%;
		align-items: center;
	}

	.obog_item {
		width: 70%;
		margin-bottom: 20px;
	}
	
	.obog_item p {
		text-align: center;
		font-weight: 800;
		font-size: 16px;
		margin-top: 5px;
	}
	
	.obog_item p span {
		font-size: 14px;
		font-weight: 400;
	}
}