@charset "utf-8";
/*------------------------------------------


	@ Style Name	/css/common/base.css


------------------------------------------*/
/*------------------------------------------

 *	Reset

------------------------------------------*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,icenter,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}ol,ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}table{border-collapse:collapse;border-spacing:0;}img{line-height:0;vertical-align:bottom;}
/*------------------------------------------

 *	html, body

------------------------------------------*/
html {
	font-size:62.5%;
}
body {
	color:#000;
	font: 18px "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", sans-serif;
	line-height:1.75;
	-webkit-text-size-adjust:none;
}
@media all and (min-width: 897px) {
	body {
		font-weight:500;
	}
}
@media all and (min-width: 767px) {
	body {
		min-width: 1280px;
	}
}
@font-face {
	font-family: "Lato";
	font-weight: 400;
	src: local("Lato-Regular"),
		 url("/academy/common/fonts/Lato-Regular.woff") format("woff");
}
@font-face {
	font-family: "Lato";
	font-weight: 700;
	src: local("Lato-Bold"),
		 url("/academy/common/fonts/Lato-Bold.woff") format("woff");
}
a {
	color:#008051;
	text-decoration:none;
}
a:hover {
	color: #f7920e;
}
a:active {
	outline: none!important;
}
a.link-icon{
    position: relative;
    padding: 0 0 0 12px;
}
a.link-icon:before{
	position: absolute;
	top: 0;
	left: 0;
	width: 5px;
	height: 5px;
	margin: .33em 0 0 0;
	border-width: 0;
	border-color: #008051;
	border-top: 2px solid #008051;
	border-right: 2px solid #008051;
	transform: rotate(45deg);
	content: '';
}
a.link-icon:hover:before{
	border-color: #f7920e;
}
.bg_expand {
	display: none;
}
.sp-br{
    display:none;
}
.pc-br{
    display:inline;
}

/*------------------------------------------

 *	Header

------------------------------------------*/
#header-global {
	position:relative;
	margin:0 auto;
	width:1122px;
}
#header-global h1 {
	width: 301px;
	margin:12px 0 28px -39px;
	padding: 36px 0 58px 0;
	text-align:center;
	background:url(/academy/images/common/bg_logo.png) center 0 no-repeat;
}

/*-------------------------
 *	nav global
-------------------------*/
#header-global .nav-global {
	position: absolute;
	top: 47px;
	right: 0;
}
#header-global .nav-global > ul {
	width: 831px;
	display: flex;
	justify-content: space-between;
}
#header-global .nav-global ul li {
	width: 265px;
	position: relative;
}
#header-global .nav-global ul li a {
	width: 259px;
	height: 50px;
	padding: 10px 0 11px 0;
	background: #ff7334;
	border: solid 3px #fff;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	line-height: 22px;
	letter-spacing: -0.05em;
	display: flex;
	align-items: center;
	justify-content: center;
	position: relative;
}
_:-ms-lang(x)::-ms-backdrop, #header-global .nav-global ul li a {
	padding: 13px 0 8px 0;
}
#header-global .nav-global ul li.open > a {
	padding: 10px 0 34px 0;
	border-bottom: 0!important;
}
_:-ms-lang(x)::-ms-backdrop, #header-global .nav-global ul li.open > a {
	padding: 13px 0 31px 0;
}
#header-global .nav-global ul li a:before {
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #ffffff transparent transparent transparent;
	position: absolute;
	bottom: -11px;
	left: 0;
	right: 0;
	z-index: 5;
}
#header-global .nav-global ul li a:after {
	content: '';
	width: 0;
	height: 0;
	margin: auto;
	border-style: solid;
	border-width: 8px 7px 0 7px;
	border-color: #ff7334 transparent transparent transparent;
	position: absolute;
	bottom: -6px;
	left: 0;
	right: 0;
	z-index: 5;
}
#header-global .nav-global ul li.open > a:before {
	transform: rotate(180deg);
		bottom: 15px;

}
#header-global .nav-global ul li.open > a:after {
	transform: rotate(180deg);
		bottom: 11px;

}
#header-global .nav-global ul li.others a:before,
#header-global .nav-global ul li.study a:before {
	display: none;
}
#header-global .nav-global ul li.others a:after,
#header-global .nav-global ul li.study a:after {
	display: none;
}
#header-global .nav-global ul li.open > a,
#header-global .nav-global ul li.current-parent > a,
#header-global .nav-global ul li a.current,
#header-global .nav-global ul li a:hover {
	color: #ff7334;
	background: #fff;
	border: solid 3px #ff7334;
}
#header-global .nav-global ul li.open > a:before,
#header-global .nav-global ul li.current-parent > a:before,
#header-global .nav-global ul li a.current:before,
#header-global .nav-global ul li a:hover:before {
	border-color: #ff7334 transparent transparent transparent;
}
#header-global .nav-global ul li.open > a:after,
#header-global .nav-global ul li.current-parent > a:after,
#header-global .nav-global ul li a.current:after,
#header-global .nav-global ul li a:hover:after {
	border-color: #fff transparent transparent transparent;
}

/*-------------------------
 *	lower menu
-------------------------*/
#header-global .nav-global ul li dl {
	width: 801px;
	padding: 24px 0 32px 20px;
	background: #fff;
	border: solid 3px #ff7334;
	border-radius:  0 10px 10px 10px / 0 10px 10px 10px;
	display: flex;
	position: relative;
	top: -3px;
	opacity: 0;
}
#header-global .nav-global ul li.kids dl {
	left: 0;
}
#header-global .nav-global ul li.kids dl:before {
	content: '';
	width: 74px;
	height: 40px;
	margin: auto;
	background: url(/academy/images/common/bg_gnav02.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	left: 119px;
	bottom: 0;
	z-index: 4;
}
#header-global .nav-global ul li.study dl {
	border-radius:  10px 0 10px 10px / 10px 0 10px 10px;
	left: -636px;
}
#header-global .nav-global ul li.study dl:before {
	content: '';
	width: 62px;
	height: 51px;
	margin: auto;
	background: url(/academy/images/common/bg_gnav03.png) left top no-repeat;
	background-size: contain;
	position: absolute;
	left: 131px;
	bottom: 0;
	z-index: 4;
}
#header-global .nav-global ul li dl a {
	width: auto;
	height: auto;
	padding: 0;
	background: #fff;
	border: none;
	color: #333;
	font-weight: bold;
	text-align: left;
	line-height: 22px;
	letter-spacing: -0.05em;
	display: block;
	position: static;
}
#header-global .nav-global ul li dl a.current,
#header-global .nav-global ul li dl a:hover {
	color: #ff7334;
	border: none;
}
#header-global .nav-global ul li dl a:before,
#header-global .nav-global ul li dl a:after {
	display: none;
}
#header-global .nav-global ul li dl dt {
	width: 235px;
	z-index: 2;
}
#header-global .nav-global ul li dl dt a {
	width: 215px;
	margin-bottom: 15px;
}
#header-global .nav-global ul li dl + span {
	background: #fff;
	position: absolute;
	display: block;
	overflow: hidden;
}
#header-global .nav-global ul li.kids.open dl + span {
	width: 269px;
	height: 10px;
	top: 87px;
	left: 3px;
	margin: 0 0 0 -3px;
	border-left: solid 3px #ff7334;
}
#header-global .nav-global ul li.study.open dl + span {
	width: 199px;
	height: 15px;
	margin: 0 -3px 0 0;
	border-right: solid 3px #ff7334;
	top: 87px;
	right: 3px;
}
#header-global .nav-global ul li.open dl + span i {
	width: 17px;
	height: 17px;
	background: #95d2ef;
	border: solid 3px #ff7334;
	border-radius: 10px;
	display: block;
}
header.green .nav-global ul li.open dl + span i {
	background: #009e50!important;
}
header.beige .nav-global ul li.open dl + span i {
	background: #dfd3bf!important;
}
#header-global .nav-global ul li.kids.open dl + span > i {
	margin: -13px -13px 0 auto;
}
#header-global .nav-global ul li.study.open dl + span i {
	margin: -13px auto 0 -13px;
}
#header-global .nav-global ul li dl dd {
	width: 590px;
	position: relative;
	z-index: 2;
}
#header-global .nav-global ul li dl dd ul {
	display: flex;
	flex-wrap: wrap;
}
#header-global .nav-global ul li dl dd ul:before {
	content: '';
	margin-left: -2px;
	background-image: linear-gradient(to bottom, #ff9465, #ff9465 2px, transparent 2px, transparent 6px);
	background-size: 2px 8px;
	background-repeat: repeat-y;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	z-index: 1;
}
#header-global .nav-global ul li dl dd ul li {
	width: 295px;
    z-index: 3;
}
#header-global .nav-global ul li dl dd ul > li:nth-child(1),
#header-global .nav-global ul li dl dd ul > li:nth-child(2) {
	margin-bottom: 18px;
}
#header-global .nav-global ul li.kids dl dd ul > li:nth-child(2) {
	margin-bottom: 0!important;
}
#header-global .nav-global ul li dl dd ul li.kids-report {
	width: 100%;
}
#header-global .nav-global ul li dl dd ul li.third {
	width: 32%;
}
#header-global .nav-global ul li dl dd ul li.fourth {
	width: 24%;
}
#header-global .nav-global ul li dl dd ul > li.report-2022 {
	/*margin-left: 17px;*/
}
#header-global .nav-global ul li dl dt ul li a {
	padding: 0 8px 0 12px;
	box-sizing: border-box;
}
#header-global .nav-global ul li dl dd ul li a {
    padding: 0 0 0 26px;
}
#header-global .nav-global ul li dl dt ul li a:before ,
#header-global .nav-global ul li dl dd ul li a:before {
	width: 5px;
	height: 5px;
	margin: -5px 6px 0 0;
	border-width: 0;
	border-color: #ff7334;
	border-top: 2px solid #ff7334;
	border-right: 2px solid #ff7334;
	transform: rotate(45deg);
	display: inline-block;
	vertical-align: middle;
	position: static;
}
#header-global .nav-global ul li dl dt ul li a:before {
	position: absolute;
	bottom: auto;
	top: 0;
	margin: 6px 0 0;

}

#header-global .nav-global ul li dl dt ul li a.current:before,
#header-global .nav-global ul li dl dt ul li a:hover:before,
#header-global .nav-global ul li dl dd ul li a.current:before,
#header-global .nav-global ul li dl dd ul li a:hover:before {
	border-color: #ff7334;
}

/*-------------------------
 *	nav header
-------------------------*/
#header-global .nav-header {
	position: absolute;
	top: 13px;
	right: 0;
}
#header-global .nav-header ul {
	display: flex;
}
#header-global .nav-header ul li {
	margin:0 0 0 33px;
	display: flex;
	align-items: center;
}
#header-global .nav-header ul li a:before {
	content: '';
	margin-right: 7px;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
	position: relative;
	top: -1px;
}
#header-global .nav-header ul li.qa a:before {
	width: 16px;
	height: 16px;
	background: url(/academy/images/common/ico_qa.svg) left center no-repeat;
}
header.green .nav-header ul li.qa a:before {
	background: url(/academy/images/common/ico_qa_w.svg) left center no-repeat!important;
}
#header-global .nav-header ul li.contact a:before {
	width: 18px;
	height: 12px;
	background: url(/academy/images/common/ico_contact.svg) left center no-repeat;
}
header.green .nav-header ul li.contact a:before {
	background: url(/academy/images/common/ico_contact_w.svg) left center no-repeat!important;
}
#header-global .nav-header ul li a {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	line-height: 14px;
	display: block;
}
header.green .nav-header ul li a {
	color: #fefefe!important;
}
#header-global .nav-header ul li a:hover ,
#header-global .nav-header ul li a.current ,
	header.green .nav-header ul li a:hover {
	opacity: 0.6;
}

/*-----------------------
 *	sp content hide
-----------------------*/
.nav-lid {display: none;}
#header-global .nav-global > ul.nav-header-sp {display: none;}
.btn-nav-global {display: none;}

/*------------------------------------------

 *	Container

------------------------------------------*/
#container {
	position:relative;
	overflow:hidden;
	padding:0 0 60px 0;
}
#container .ag-pos {
	position:absolute;
	left:50%;
}
.layout-about #container,
.layout-others #container {background:#009e50;}
.layout-about #container .ag-pos-side-resonya1,
.layout-others #container .ag-pos-side-resonya1 {margin:180px 0 0 -854px;}
.layout-about #container .ag-pos-side-butterfly-1,
.layout-others #container .ag-pos-side-butterfly-1 {margin:1050px 0 0 584px;}
.layout-about #container .ag-pos-side-bird-1,
.layout-others #container .ag-pos-side-bird-1 {margin:1122px 0 0 -790px;}
.layout-about #container .ag-pos-side-clover1-1,
.layout-others #container .ag-pos-side-clover1-1 {margin:1550px 0 0 573px;}
.layout-about #container .ag-pos-side-resonya2,
.layout-others #container .ag-pos-side-resonya2 {margin:1800px 0 0 -851px;}
.layout-about #container .ag-pos-side-bird-2,
.layout-others #container .ag-pos-side-bird-2 {margin:2200px 0 0 584px;}
.layout-about #container .ag-pos-side-clover2-1,
.layout-others #container .ag-pos-side-clover2-1 {margin:2400px 0 0 -730px;}
.layout-about #container .ag-pos-side-clover1-2,
.layout-others #container .ag-pos-side-clover1-2 {margin:2700px 0 0 573px;}
.layout-about #container .ag-pos-side-resonya3,
.layout-others #container .ag-pos-side-resonya3 {margin:2800px 0 0 -785px;}
.layout-about #container .ag-pos-side-resonya3 img,
.layout-others #container .ag-pos-side-resonya3 img {width:100%;}
.layout-about #container .ag-pos-side-butterfly-2,
.layout-others #container .ag-pos-side-butterfly-2 {margin:3400px 0 0 583px;}
.layout-about #container .ag-pos-side-clover2-2,
.layout-others #container .ag-pos-side-clover2-2 {margin:3600px 0 0 -730px;}
.layout-about #container .ag-pos-side-clover1-3,
.layout-others #container .ag-pos-side-clover1-3 {margin:4200px 0 0 573px;}
.layout-about #container .ag-pos-side-flower,
.layout-others #container .ag-pos-side-flower {margin:4350px 0 0 -847px;}
.layout-about #container .ag-pos-side-resonya4,
.layout-others #container .ag-pos-side-resonya4 {margin:280px 0 0 -854px;}
.layout-about #container .ag-pos-side-bird-3,
.layout-others #container .ag-pos-side-bird-3 {margin:320px 0 0 598px;}
.layout-teens #container {background:#dfd3bf url(/academy/images/teens/bg_container.png) center 870px no-repeat;}
.layout-teens #container .ag-pos-main_resonya,
.layout-others #container .ag-pos-main_resonya {
	top:40px;
	margin:0 0 0 -360px;
}
.layout-teens #container .ag-pos-main_resonya img {
	height: 250px;
}
.layout-teens #container .ag-pos-main_bird {
	top:170px;
	margin:0 0 0 50px;
}
.layout-teens #container .ag-pos-side_resonya1 {margin:600px 0 0 -760px;}
.layout-teens #container .ag-pos-side_resonya2 {margin:1300px 0 0 -820px;}
.layout-teens #container .ag-pos-side_resonya3 {
	margin:0 0 0 -740px;
	bottom:0;
	overflow: hidden;
}
.layout-teens #container .ag-pos-side_resonya3 img {
	position: relative;
	top:190px;
	display: block;
}
.layout-kids #container {background:#95d2ef url(/academy/images/kids/report/bg_container.gif) center 37px no-repeat;}
.layout-kids.modeview-sp #container {background:#95d2ef url(/academy/images/kids/report/bg_container.gif) center 52px no-repeat;}
.layout-kids #container .ag-pos-side-kujira1 {margin:600px 0 0 -882px;}
.layout-kids #container .ag-pos-side-fish1-1 {margin:1100px 0 0 578px;}
.layout-kids #container .ag-pos-side-resonya1 {margin:1600px 0 0 -880px;}
.layout-kids #container .ag-pos-side-kujira2 {margin:2200px 0 0 561px;}
.layout-kids #container .ag-pos-side-sunahama {margin:2650px 0 0 -862px;}
.layout-kids #container .ag-pos-side-fish1-2 {margin:3100px 0 0 -941px;}
.layout-kids #container .ag-pos-side-resonya2 {margin:3600px 0 0 561px;}
.layout-kids #container .ag-pos-side-fish2-1 {margin:4000px 0 0 -860px;}
.layout-kids #container .ag-pos-side-fish1-3 {margin:4600px 0 0 561px;}
.layout-kids #container .ag-pos-side-fish2-2 {margin:5400px 0 0 -860px;}
.layout-kids #container .ag-pos-side-kujira3 {margin:200px 0 0 -800px;}
.layout-study #container {background:#dfd3bf url(/academy/images/study/bg_container.png) center 870px no-repeat;}
.layout-study #container .ag-pos-main-watch {
	top:156px;
	margin:0 0 0 -307px;
	z-index: 10;
}
.layout-study #container .ag-pos-main-resonya {
	top: 93px;
	margin:0 0 0 -312px;
}
.layout-study.mc #container .ag-pos-main-resonya,
.layout-study.mf #container .ag-pos-main-resonya {
	top: 93.5px;
}
.layout-study #container .ag-pos-main-resonya img {
	width: 390px;
}
.layout-study #container .ag-pos-main-resonya-mask {
	top: 286px;
	margin:0 0 0 -312px;
}
.layout-study.mc #container .ag-pos-main-resonya-mask,
.layout-study.ms #container .ag-pos-main-resonya-mask,
.layout-study.mf #container .ag-pos-main-resonya-mask {
	top: 287px;
}
.layout-study #container .ag-pos-main-bird {
	top:200px;
	margin:0 0 0 78px;
}
.layout-study #container .ag-pos-side-picture {
	top:675px;
	margin:0 0 0 -770px;
}
.layout-study #container .ag-pos-side-ink-l {margin:0 0 0 -780px;}
.layout-study #container .ag-pos-side-ink-l-1 {top:370px;}
.layout-study #container .ag-pos-side-ink-l-2 {top:1030px;}
.layout-study #container .ag-pos-side-ink-l-3 {top:1840px;}
.layout-study #container .ag-pos-side-ink-r {margin:0 0 0 614px;}
.layout-study #container .ag-pos-side-ink-r-1 {top:1110px;}
.layout-study #container .ag-pos-side-ink-r-2 {top:1840px;}
.layout-study #container .ag-pos-side-resonya {
	top:1160px;
	margin:0 0 0 -808px;
}
.layout-study #container .ag-pos-side-resonya2 {
	top:1480px;
	margin:0 0 0 -721px;
	overflow: hidden;
}
.layout-study #container .ag-pos-side-resonya2 img {
	position: relative;
	right:-160px;
	display: block;
}
.layout-study #container .ag-pos-side-palette {
	bottom:200px;
	margin:0 0 0 592px;
}
.layout-teens #container .ag-pos-main-watch {
	top:117px;
	margin:0 0 0 -430px;
	z-index: 10;
}
.layout-teens #container .ag-pos-main-resonya {
	top:110px;
	margin:0 0 0 -480px;
}
.layout-teens #container .ag-pos-main-bird {
	top:232px;
	margin:0 0 0 -70px;
}
.layout-teens #container .ag-pos-side-picture {
	top:675px;
	margin:0 0 0 -700px;
}
.layout-teens #container .ag-pos-side-ink-l {margin:0 0 0 -780px;}
.layout-teens #container .ag-pos-side-ink-l-1 {top:370px;}
.layout-teens #container .ag-pos-side-ink-l-2 {top:1110px;}
.layout-teens #container .ag-pos-side-ink-l-3 {top:1840px;}
.layout-teens #container .ag-pos-side-ink-r {margin:0 0 0 500px;}
.layout-teens #container .ag-pos-side-ink-r-1 {top:1110px;}
.layout-teens #container .ag-pos-side-ink-r-2 {top:1840px;}
.layout-teens #container .ag-pos-side-resonya {
	top:1430px;
	margin:0 0 0 -740px;
}
.layout-teens #container .ag-pos-side-resonya2 {
	margin:0 0 0 -640px;
	overflow: hidden;
}
.layout-teens.index #container .ag-pos-side-resonya2 {
	top:1010px;
}
.layout-teens.summary #container .ag-pos-side-resonya2 {
	top:4810px;
}
.layout-teens.entry #container .ag-pos-side-resonya2 {
	top:1660px;
}
.layout-teens #container .ag-pos-side-resonya2 img {
	position: relative;
	right:-160px;
	display: block;
}
.layout-teens #container .ag-pos-side-palette {
	bottom:200px;
	margin:0 0 0 480px;
}
.layout-other #container {background:#009e50 url(/academy/images/common/bg_container_other.png) center 870px repeat;}
.layout-other #container .ag-pos-main-resonya {
	top:82px;
	margin:0 0 0 -480px;
}
.layout-other #container .ag-pos-main-resonya {
	top:82px;
	margin:0 0 0 -480px;
}
.layout-other #container .ag-pos-side-resonya {
	bottom:0;
	margin:0 0 0 -741px;
	overflow: hidden;
}
.layout-other #container .ag-pos-side-resonya img {
	position: relative;
	top:154px;
	display: block;
}

/*------------------------------------------

 *	Wrapper

------------------------------------------*/
#wrapper {
	margin:0 auto;
	padding:116px 0 0 0;
	width:1122px;
}
.layout-about #wrapper,
.layout-others #wrapper {
	margin-top:-134px;
	padding:225px 0 0 0;
	background:url(/academy/images/about/bg_container.gif) 270px 36px no-repeat;
	background-size: 530px 189px;
}
.layout-kids #wrapper {
	padding: 90px 0 0 0;
}
.layout-teens #wrapper {
	padding: 90px 0 0 0;
}
.layout-study #wrapper {
	padding: 90px 0 0 0;
}
.layout-other #wrapper {
	margin-top:-90px;
	padding:181px 0 0 0;
	background:url(/academy/images/common/bg_wrapper_other.gif) 340px top no-repeat;
	background-size: 540px auto;
}

/*------------------------------------------

 *	Main

------------------------------------------*/
#main {
	float:left;
	padding: 26px 40px 40px 40px;
	width:1032px;
	background:#fff;
	border:4px solid #009e50;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
.layout-home #main {}
.layout-about #main,
.layout-others #main {border:4px solid #dfd3bf;}
.layout-kids #main {border:4px solid #dfd3bf;}
.layout-other #main {border:4px solid #dfd3bf;}
#main p {
	line-height:1.6;
}
#main ul {}
#main ul li {
	margin:0 0 6px 0;
	line-height:1.4;
}
#main ul li.row3 {
	line-height:1.12;
}
#main ol {}
#main ol li {
	margin:0 0 6px 0;
	line-height:1.4;
}
#main ol li.row3 {
	line-height:1.12;
}
#main .area-sec {
	overflow:hidden;
	margin:20px 0;
}
#main .breadcrumb {
	margin-bottom: 30px;
	font-size: 14px;
	display: flex;
	flex-wrap: wrap;
}
#main .breadcrumb li {
	margin: 0;
	padding-right: 9px;
	line-height: 22px;
}
#main .breadcrumb li:after {
	content: '';
	width: 5px;
	height: 5px;
	margin: -3px 0 0 7px;
	border-width: 0;
	border-color: #000;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	transform: rotate(45deg);
	display: inline-block;
	vertical-align: middle;
}
#main .breadcrumb > li:last-child:after {
	display: none;
}
#main .breadcrumb li a {
	text-decoration: none;
	line-height: 14px;
}
#main .ttl-page {
	margin:0 0 40px 0;
	color: #009f50;
	font-size: 40px;
	font-weight: bold;
	line-height: 40px;
	text-align:center;
}
#main .ttl-sec {
	position:relative;
	margin:99px 0 15px 0;
	padding:8px 20px 7px 20px;
	background:#009e50;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#fff;
	font-size:28px;
	font-weight: bold;
	line-height:1.2;
}
_:-ms-lang(x)::-ms-backdrop, #main .ttl-sec {
	padding:14px 20px 1px 20px;
}
#main .ttl-sec .illust {
	position:absolute;
	top:-84px;
	left:16px;
	display:block;
	width:88px;
	height:90px;
	background:url(/academy/images/common/bg_ttl_sec.png) 0 0 no-repeat;
}
#main .ttl-green {
	margin:0 0 20px 0;
	padding:12px 0;
	background:#e9faf2;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	font-size:14px;
	text-align:center;
}
#main .ttl-resonya-orange {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	background:url(/academy/images/common/bg_ttl_resonya_orange.png) 0 0 no-repeat;
	font-size:22px;
	font-weight: bold;
}
#main .ttl-resonya-green {
	margin:0 0 10px 0;
	padding:0 0 0 20px;
	background:url(/academy/images/common/bg_ttl_resonya_green.png) 0 0 no-repeat;
	font-size:15px;
}
#main .area-flashcontent {
	margin:0 0 30px 0;
	width:622px;
	height:311px;
}
#main .area-hasnot-flashplayer {
	overflow:hidden;
	margin:30px 0 0 0;
}
#main .area-hasnot-flashplayer p {
	float:left;
	width:405px;
	font-size:12px;
}
#main .area-hasnot-flashplayer .btn-flashplayer {
	float:right;
	width:158px;
}
#main .area-hasnot-pc {display:none;}

#main .area-module-contact .btn {
  margin: 10px 0 15px 0!important;
  text-align: left!important;
}
#main .area-module-contact .call {
	margin-top: 7px;
	border: solid 2px #ff601a;
	border-radius: 8px;
	background: #fff;
	box-sizing: border-box;
}
#main .area-module-contact .btn-qa {margin:8px 0 25px 0;}
#main .area-module-contact .call h3 {
	padding: 17px 0;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	line-height: 18px;
	text-align: center;
	background: #ff601a;
}
#main .area-module-contact .call strong {
	margin: 20px auto 17px auto;
	display: block;
}
#main .area-module-contact .call em {
	margin: 22px auto -10px auto;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
	display: block;
}
#main .area-module-contact .call strong a {
	color: #000;
	font-size:37px;
	font-weight: bold;
	text-align: center;
	text-decoration:none;
	display: block;
}
#main .area-module-contact .call strong a:before {
	content: '';
	width: 26px;
	height: 34px;
	margin: -5px 8px 0 0;
	background: url(/academy/images/common/ico_call.png) left center no-repeat;
	background-size: contain;
	display: inline-block;
	vertical-align: middle;
}
#main .area-module-contact .call .time {
	margin-bottom: 20px;
	font-size:16px;
	text-align: center;
}
#main .area-module-box-gray {
	overflow:hidden;
	margin:15px 0 0 0;
	padding:10px;
	border:1px solid #d0d0d0;
}
#main .area-module-box-gray .ttl-module {
	margin:0 0 20px 0;
	padding:12px 0;
	background:#e9faf2;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	font-size:14px;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
#main .area-module-box-green {
	margin:25px 0 0 0;
	padding:30px;
	background:#e9faf2;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
}
#main .area-module-box-green .ttl-module {
	margin:0 0 20px 0;
	padding:12px 0;
	background:#dfd3bf url(/academy/images/common/ico_comment_resonya.png) 15px center no-repeat;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#333;
	font-size:22px;
	font-weight: bold;
	text-align:center;
}
_:-ms-lang(x)::-ms-backdrop, #main .area-module-box-green .ttl-module {
	padding: 15px 0 9px 0;
}
#main .area-module-box-blackboard {
	overflow:hidden;
	padding:25px 25px 115px 25px;
	background:#007e41 url(/academy/images/common/bg_module_box_blackboard.png) center bottom no-repeat;
	border:5px solid #dfd3bf;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#fff;
}
#main .area-module-box-blackboard .ttl-module {
	margin:0 0 20px 0;
	padding:12px 0;
	background:#dfd3bf url(/academy/images/common/ico_comment_resonya.png) 15px center no-repeat;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#333;
	font-size:22px;
	font-weight: bold;
	text-align:center;
}
_:-ms-lang(x)::-ms-backdrop, #main .area-module-box-blackboard .ttl-module {
	padding: 15px 0 9px 0;
}
#main .area-module-box-blackboard .ttl-resonya-orange {
	margin:0 0 20px 0;
	padding:0 0 6px 20px;
	background-position:0 10px;
	border-bottom:1px solid #b3d9c6;
	font-size: 22px;
    font-weight: bold;
}
#main .area-module-box-blackboard .column-l {
	float:left;
	width:266px;
}
#main .area-module-box-blackboard .column-r {
	float:right;
	width:266px;
}
#main .column2 {
	display: flex;
	justify-content: space-between;
}
#main .column2 li {
	width: 494px;
}
#main .column3 {
	display: flex;
	justify-content: space-between;
}
#main .column3 li {
	width: 324px;
}
#main .nav-page {margin:30px 0 0 0;}
#main .nav-page .txt-attention {font-size:11px;}
#main .nav-page ul {
	overflow:hidden;
	margin:-10px 0 0 -22px;
}
#main .nav-page ul li {
	float:left;
	margin:20px 0 0 22px;
	width:504px;
}
#main .nav-page ul li a {
	display:block;
	background-color:#dfd3bf;
	background-position:95% center;
	background-repeat:no-repeat;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#333;
	font-size:22px;
	font-weight: bold;
	text-decoration:none;
}
#main .nav-page ul li a .ico {
	display:inline-block;
	padding:38px 80px 2px 35px;
	height:3em;
	background-position:12px center;
}
_:-ms-lang(x)::-ms-backdrop, #main .nav-page ul li a .ico {
	padding: 40px 80px 0 35px;
}
#main .nav-page ul li.row1 a .ico {
	height:1.5em;
	padding:32px 85px 32px 35px;
}
#main .nav-page ul li a:hover {background-color:#e5dccc;}

#main .nav-page2 {margin:30px 0 0 0;}
#main .nav-page2 .txt-attention {font-size:11px;}
#main .nav-page2 ul {
	overflow:hidden;
	margin:-10px 0 0 -22px;
}
#main .nav-page2 ul li {
	float:left;
	margin:20px 0 0 22px;
	width:300px;
}
#main .nav-page2 ul li.row1 {
	float:left;
	margin:20px 0 0 22px;
	width:300px;
}
#main .nav-page2 ul li a {
	display:block;
	background-color:#dfd3bf;
	background-position:95% center;
	background-repeat:no-repeat;
	-webkit-border-radius:4px;
	-o-border-radius:4px;
	-ms-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	color:#333;
	font-size:16px;
	text-decoration:none;
}
#main .nav-page2 ul li a .ico {
	display:inline-block;
	padding:20px 85px 20px 35px;
	width:180px;
	height:3em;
	background-position:12px center;
}
#main .nav-page2 ul li.row1 a .ico {
	height:1.5em;
	padding:32px 85px 32px 35px;
}
#main .nav-page2 ul li.h1em a .ico {padding:35px 85px 5px 35px;}
#main .nav-page2 ul li a:hover {background-color:#e5dccc;}

/*------------------------------------------

 *	Footer

------------------------------------------*/
#footer-global {
	position:relative;
	background:#fff;
	margin: 0 auto;
	padding: 20px 0 30px 0;
	height: 82px;
	width: 1120px;
}
#footer-global .nav-footer {
	position: absolute;
	bottom: 25px;
	left: 0;
	margin: 0 0 15px 0;
	font-size: 12px;
}
#footer-global .nav-footer ul {
	display: flex;
}
#footer-global .nav-footer li {
	margin-right: 14px;
	color:#007e3b;
}
#footer-global .nav-footer li a {
	font-size: 14px;
}
#footer-global .list-bnr {
	overflow: hidden;
	position: absolute;
	top: 57px;
	right: 0;
}
#footer-global .list-bnr li {
	float: left;
	margin: 10px 0 0 10px;
}
#footer-global .purpose {
	position:absolute;
	top: 15px;
	right: 0;
}
#footer-global .purpose .ie {
	display: none;
}
_:-ms-lang(x)::-ms-backdrop, #footer-global .purpose .ie {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
}
#footer-global .logo {
	position:absolute;
	top: 23px;
	left: 0;
}
#footer-global .copyright {
	line-height: 100%;
	position: absolute;
	bottom: 19px;
}
#footer-global .copyright small {
	font-family:Helvetica,Arial,sans-serif;
	font-size:10px;
}

/*------------------------------------------

 *	Module

------------------------------------------*/
.btn-mode-sp {
	position:relative;
	z-index:100;
}
.btn-mode-sp span {
	display:block;
	height:112px;
	line-height:112px;
	background:#ff7334 url(/academy/images/common/ico_btn_mode_sp_arrow.png) 95% center no-repeat;
	border:4px solid #dfd3bf;
	color:#fff;
	font-size:44px;
	font-weight:bold;
	text-align:center;
}
.btn-pagetop {
	display:none;
	position:fixed;
	bottom:92px;
	right: 14px;
	z-index: 300;
}
.btn-pagetop.display-block {display:block;}
.btn-pagetop.mode-sp {
	display:block;
	position:absolute;
	bottom:40px;
	right:30px;
	left:auto;
	margin:0;
}
.btn-orange-resonya {
	color:#fff;
	font-weight: bold;
	text-decoration:none;
	background:#ff7334 url(/academy/images/common/ico_btn_resonya_orange.png) 95% center no-repeat;
	border-right:2px solid #dacdb6;
	border-bottom:3px solid #dacdb6;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	display:inline-block;
}
.btn-orange-resonya .ico-circle-white-arrow-s-r {
	display:inline-block;
	padding:18px 80px 18px 30px;
	background:url(/academy/images/common/ico_circle_white_arrow_s_r.png) 10px center no-repeat;
	border:2px solid #fff;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	line-height:1.4;
	text-align:left;
}
_:-ms-lang(x)::-ms-backdrop, .btn-orange-resonya .ico-circle-white-arrow-s-r {
	padding: 21px 80px 15px 30px;
}
.btn-orange-resonya:hover {
	color: #fff;
	background-color:#ff9667;
}
.btn-youtbe {
	display:inline-block;
	color:#333;
	background:#fff url(/academy/images/common/ico_youtube.png) 95% center no-repeat;
	border-right:2px solid #dacdb6;
	border-bottom:3px solid #dacdb6;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	text-decoration:none;
}
.btn-youtbe .ico {
	display:inline-block;
	padding:18px 160px 18px 30px;
	background-position:10px center;
	border:2px solid #ff7335;
	-webkit-border-radius:6px;
	-o-border-radius:6px;
	-ms-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
	line-height:1.4;
	text-align:left;
}
.btn-youtbe:hover {background-color:#ffb594;}
.ico-circle-arrow-r {
	padding:0 0 0 18px;
	background:url(/academy/images/common/ico_circle_arrow_r.png) 0 center no-repeat;
}
.ico-circle-orange-arrow-r {
	background:url(/academy/images/common/ico_circle_arrow_orange_r.png) 0 center no-repeat;
}
.ico-circle-white-arrow-r {
	background:url(/academy/images/common/ico_circle_white_arrow_r.png) 0 center no-repeat;
}
.ico-blank {
	background:url(/academy/images/common/ico_blank.png) 0 center no-repeat;
}
.ico-youtube {
	background:url(/academy/images/common/ico_youtbe.png) 0 center no-repeat;
}
#main .list {}
#main .list-green li {
	padding:0 0 0 15px;
	background:url(/academy/images/common/ico_ls_green.png) 0 7px no-repeat;
}
_:-ms-lang(x)::-ms-backdrop, #main .list-green li {
	background:url(/academy/images/common/ico_ls_green.png) 0 4px no-repeat;
}
#main .list-num {margin:0 0 0 20px;}
#main .list-num li {list-style:decimal;}
#main .list-dot li {
	margin-left: 18px;
	list-style:disc;
}
#main .list-hang2 li {
	padding-left: 2.2em;
	text-indent: -2.2em;
}
#main .list-hang2 li span {
	width: 2.2em;
	text-indent: 0;
	display: inline-block;
}
#main .comment-resonya {
	padding:15px 15px 15px 55px;
	background:#dfd3bf url(/academy/images/common/ico_comment_resonya.png) 10px center no-repeat;
	-webkit-border-radius:8px;
	-o-border-radius:8px;
	-ms-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	color:#009e50;
	font-size:12px;
	font-weight:bold;
	line-height:1.4;
}
.ff-lato {font-family:'Lato', sans-serif;}
.fz-ruby {font-size:83%;}
.pc {
	display: block!important;
}
.pcflex {
	display: flex!important;
}
.sp {
	display: none!important;
}

/*------------------------------------------


	@ Media Query


------------------------------------------*/
@media only screen and (max-width:768px) {
	body {
		font-size:14px;
	}
	.photo img {
		width: 100%;
	}
	.bg_expand {
		width: 100%;
		height: 100%;
		background: rgba(0, 0, 0, 0.5);
		position: absolute;
		top: 0;
		left: 0;
		z-index: 60;
	}
    .sp-br{
      display:inline;
    }
    .pc-br{
      display:none;
    }

	/*------------------------------------------

	 *	Header

	------------------------------------------*/
	h1 {
		margin:0;
		padding:14px 0 0 0;
		width:auto;
		height:94px;
		background:url(/academy/images/common/bg_header_mobile.png) center 0 no-repeat;
		background-size:840px 108px;
		text-align:center;
		position: relative;
		z-index: 50;
	}
	h1 img {
		width:172px;
		height:auto;
	}
	#header-global {
		width: 310px;
		background: #fff;
		box-shadow: none;
		position: absolute;
		top: 0;
		right: -310px;
		z-index: 1;
		overflow-x: scroll;
	}

	/*-------------------------
	 *	nav lid
	-------------------------*/
	.nav-lid {
		width: 310px;
		height: 58px;
		background: #fff;
		display: flex;
		justify-content: space-between;
		align-items: center;
		position: fixed;
		top: 0;
		z-index: 10;
	}
	.nav-lid span {
		margin: 0 0 5px 20px;
		display: flex;
		align-items: center;
	}
	.nav-lid span img {
		width: 24.5px;
		height: 24.5px;
		margin-right: 5px;
		display: block;
	}
	.nav-lid span a {
		padding-top: 5px;
		color: #333;
		font-size: 16px;
		font-weight: bold;
		line-height: 16px;
		display: block;
	}
	.nav-lid .btn_nav_close img {
		width: 32px;
		height: auto;
		margin: 12px;
	}

	/*-------------------------
	 *	nav global
	-------------------------*/
	#header-global .nav-global {
		margin-top: 58px;
		position: static;
		overflow-x: scroll;
	}
	#header-global .nav-global > ul {
		width: 310px;
		display: block;

	}
	#header-global .nav-global ul li {
		width: 310px;
	}
	#header-global .nav-global ul li a {
		width: 277px;
		height: auto;
		padding: 12px 16px 12px 17px!important;
		background: #fff;
		border: none;
		border-bottom: solid 1px #dfd3bf;
		border-radius: 0;
		color: #333;
		font-size: 16px;
		text-align: left;
		line-height: 22px;
		display: block!important;
	}
	#header-global .nav-global ul li a.pcflex {
		color: #fff!important;
		padding: 6px 16px 6px 17px!important;
		background: #ff7334!important;
		border: 0;
		position: relative;
	}
	#header-global .nav-global ul li a.pcflex br {
		display: none!important;
	}
	#header-global .nav-global ul li a:hover {
		border: none;
	}
	#header-global .nav-global ul li a.pcflex:hover {
		color: #fff;
	}
	#header-global .nav-global ul li a:before {
		content: '';
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 8px 7px 0 7px;
		border-color: #ffffff transparent transparent transparent;
		position: absolute;
		bottom: -11px;
		left: 0;
		right: 0;
		z-index: 5;
	}
	#header-global .nav-global ul li a:after {
		content: '';
		width: 0;
		height: 0;
		margin: auto;
		border-style: solid;
		border-width: 8px 7px 0 7px;
		border-color: #ff7334 transparent transparent transparent;
		position: absolute;
		bottom: -6px;
		left: 0;
		right: 0;
		z-index: 5;
	}
	#header-global .nav-global ul li.others a:before {
		display: none;
	}
	#header-global .nav-global ul li.others a:after {
		display: none;
	}
	#header-global .nav-global ul li.others a br {
		display: none!important;
	}
	#header-global .nav-global ul li a.current {
		color: #ff7334;
		border: none;
	}
	#header-global .nav-global ul li a.current:before {
		border-color: #ff7334;
	}
	#header-global .nav-global ul li a.current:after {
		border-color: #fff transparent transparent transparent;
	}
	#header-global .nav-global ul li..pcflex:before {
		width: 7px;
		height: 7px;
		margin: 0;
		border-width: 0;
		border-color: #fff;
		border-top: 2px solid #fff;
		border-right: 2px solid #fff;
		transform: rotate(45deg);
		display: inline-block;
		vertical-align: middle;
		position: absolute;
		top: 18px;
		left: 284px;
	}

	/*-------------------------
	 *	lower menu
	-------------------------*/
	#header-global .nav-global ul li dl {
		width: 310px;
		padding: 0;
		border: none;
		border-radius:  0;
		display: block;
		position: static;
		opacity: 1;
	}
	#header-global .nav-global ul li.about dl:before {
		display: none;
	}
	#header-global .nav-global ul li.kids dl {
		border-radius:  0;
		position: static;
	}
	#header-global .nav-global ul li.kids dl:before {
		display: none;
	}
	#header-global .nav-global ul li.study dl {
		border-radius:  0;
		position: static;
	}
	#header-global .nav-global ul li.study dl:before {
		display: none;
	}
	#header-global .nav-global ul li dl a {
		border-bottom: solid 1px #dfd3bf;
		font-weight: bold;
		line-height: 22px;
	}
	#header-global .nav-global ul li dl a.current {
		color: #333;
		border-bottom: solid 1px #dfd3bf;
	}
	#header-global .nav-global ul li dl dt {
		width: 310px;
		z-index: 2;
	}
	#header-global .nav-global ul li dl dt a {
		width: auto;
		margin-bottom: 0;
	}
	#header-global .nav-global ul li dl dt span {
		display: none;
	}
	#header-global .nav-global ul li.about dl dt span {
		display: none;
	}
	#header-global .nav-global ul li.kids dl dt span {
		display: none;
	}
	#header-global .nav-global ul li.study dl dt span {
		display: none;
	}
	#header-global .nav-global ul li dl dt span i {
		display: none;
	}
	header.green .nav-global ul li dl dt span i {
		display: none;
	}
	header.beige .nav-global ul li dl dt span i {
		display: none;
	}
	#header-global .nav-global ul li.about dl dt span i {
		display: none;
	}
	#header-global .nav-global ul li.kids dl dt span > i:nth-child(1) {
		display: none;
	}
	#header-global .nav-global ul li.kids dl dt span > i:nth-child(2) {
		display: none;
	}
	#header-global .nav-global ul li.study dl dt span i {
		display: none;
	}
	#header-global .nav-global ul li dl dd {
		width: 310px;
	}
	#header-global .nav-global ul li dl dd ul {
		display: block;
	}
	#header-global .nav-global ul li dl dd ul:before {
		display: none;
	}
	#header-global .nav-global ul li dl dd ul li {
		width: 310px;
	}
	#header-global .nav-global ul li dl dd ul > li:nth-child(1),
	#header-global .nav-global ul li dl dd ul > li:nth-child(2) {
		margin-bottom: 0;
	}
	#header-global .nav-global ul li.about dl dd ul > li:last-child a,
	#header-global .nav-global ul li.kids dl dd ul > li:last-child a,
	#header-global .nav-global ul li.study dl dd ul > li:last-child a {
		border-bottom: none;
	}
	#header-global .nav-global ul li dl dd ul li.third,
	#header-global .nav-global ul li dl dd ul li.fourth {
		width: 310px;
	}
	#header-global .nav-global ul li dl dd ul > li.report-2022 {
		margin-left: 0;
	}
	#header-global .nav-global ul li dl dt ul li a {
		width: calc(100% - 33px);
	    padding: 0 0 0 20px;
		box-sizing: content-box;
	}
	#header-global .nav-global ul li dl dd ul li a {
		width: calc(100% - 33px);
	    color: #333!important;
	    background: #fff!important;
	    position: relative;
	}
	#header-global .nav-global ul li dl dd ul li.about-kids a,
	#header-global .nav-global ul li dl dd ul li.about-teens a,
	#header-global .nav-global ul li dl dd ul li.about-experience a,
	#header-global .nav-global ul li dl dd ul li.about-lesson a,
	#header-global .nav-global ul li dl dd ul li.kids-report a {
		width: calc(100% - 53px);
	    padding: 12px 16px 12px 37px!important;
	}
	#header-global .nav-global ul li dl dd ul li.third a,
	#header-global .nav-global ul li dl dd ul li.fourth a {
		width: calc(100% - 73px);
	    padding: 12px 16px 12px 57px!important;
	}
	#header-global .nav-global ul li dl ul li a.current {
		background: #ffebe2!important;
		border-bottom: solid 1px #dfd3bf;
	}
	#header-global .nav-global ul li dl ul li a:hover {
	    color: #333!important;
		border-bottom: solid 1px #dfd3bf!important;
	}
	#header-global .nav-global ul li dl dd ul > li:last-child a:hover {
		border-bottom: none!important;
	}
	#header-global .nav-global ul li a:before {
		width: 7px;
		height: 7px;
		margin: 0;
		border-width: 0;
		border-top-width: 0px;
		border-right-width: 0px;
		border-color: #ff7334;
		border-top-color: rgb(255, 115, 52);
		border-right-color: rgb(255, 115, 52);
		border-top: 2px solid #ff7334;
		border-right: 2px solid #ff7334;
		transform: rotate(45deg);
		display: inline-block!important;
		position: absolute;
		top: 18px;
		left: 284px;
	}
	#header-global .nav-global ul li dl dt ul li a:before ,
	#header-global .nav-global ul li dl dd ul li a:before {
		width: 7px;
		height: 7px;
		margin: 0;
		position: absolute;
		top: 18px;
		left: 284px;
	}
	#header-global .nav-global ul li a.pcflex:before {
		display: none;
	}
	#header-global .nav-global ul li a:hover:before {
		border-top: 2px solid #ff7334;
		border-right: 2px solid #ff7334;
	}
	#header-global .nav-global ul li a.pcflex:after {
		display: none;
	}

	/*-------------------------
	 *	nav header
	-------------------------*/
	#header-global .nav-global > ul.nav-header-sp {
		margin: 14px 0;
		display: block;
	}
	#header-global .nav-global .nav-header-sp li a:before {
		content: '';
		width: auto;
		height: auto;
		margin: 0 7px 0 0;
		background-size: contain;
		border: none;
		display: inline-block;
		vertical-align: middle;
		position: relative;
		top: -1px;
		left: 0;
		transform: none;
	}
	#header-global .nav-global .nav-header-sp li.qa a:before {
		width: 16px;
		height: 16px;
		background: url(/academy/images/common/ico_qa.svg) left center no-repeat;
	}
	#header-global .nav-global .nav-header-sp li.qa a.current:before {
		background: url(/academy/images/common/ico_qa_o.svg) left center no-repeat;
	}
	#header-global .nav-global .nav-header-sp li.contact a:before {
		width: 18px;
		height: 12px;
		background: url(/academy/images/common/ico_contact.svg) left center no-repeat;
	}
	#header-global .nav-global .nav-header-sp li.contact a.current:before {
		background: url(/academy/images/common/ico_contact_o.svg) left center no-repeat;
	}
	#header-global .nav-global .nav-header-sp li a:after {
		content: none!important;
	}
	#header-global .nav-global .nav-header-sp li a:hover {
		color: #333;
	}
	#header-global .nav-global .nav-header-sp li a:hover:before {
		border: none;
	}
	#header-global .nav-global .nav-header-sp li a {
		padding: 10px 16px 10px 17px !important;
		color: #333;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
		line-height: 14px;
		border: none;
		position: static;
		display: block;
	}
	#header-global .nav-global .nav-header-sp li a.current {
		color: #ff7334;
	}

	/*-----------------------
	 *	pc content hide
	-----------------------*/
	.nav-header {
		display: none;
	}
	.btn-nav-global {
		overflow:hidden;
		display:block;
		position:absolute;
		top:6px;
		right:0;
		width:55px;
		height:44px;
		z-index: 100;
	}

	/*------------------------------------------

	 *	Container

	------------------------------------------*/
	#container {
		padding:0 0 20px 0;
		overflow: hidden;
		position: relative;
	}
	.layout-about #container {background-image:none;}
	.layout-kids #container {
		background-image:none;
		background-color: #9ad4f0;
	}
	#container .ag-pos {display:none;}

	/*------------------------------------------

	 *	Wrapper

	------------------------------------------*/
	#wrapper {
		margin:0;
		padding:135px 0 0 0;
		width:auto;
	}
	.layout-about #wrapper,
	.layout-others #wrapper {
		margin-top:0;
		padding:135px 0 0 0;
		background:url(/academy/images/about/bg_wrapper_mobile.gif) center top no-repeat;
		background-size:380px 135px;
	}
	@media only screen and (max-width:320px) {
		.layout-about #wrapper,
		.layout-others #wrapper {
			padding:114px 0 0 0;
			background-size:320px 114px;
		}
	}
	.layout-teens #wrapper {
		margin-top:0;
		padding:158px 0 0 0;
		background:url(/academy/images/kids/entry/bg_wrapper_mobile.gif) center top no-repeat;
		background-size:350px 158px;
	}
	@media only screen and (max-width:320px) {
		.layout-teens #wrapper {
			padding:132px 0 0 0;
			background-size:300px 132px;
		}
	}
	.layout-kids #wrapper {
		margin-top:0;
		padding:105px 0 0 0;
		background:url(/academy/images/kids/report/bg_wrapper_mobile.gif) center top no-repeat;
		background-size:300px 105px;
	}
	.layout-study #wrapper {
		margin-top:0;
		padding:135px 0 0 0;
		background:none;
	}
	.layout-study .bg_anime {
		width: 100%;
		position: absolute;
		top: 108px;
	}
	.layout-study .bg_anime img {
		width: 300px;
		height: 160px;
		margin: 0 auto;
		display: block;
	}
	.layout-other #wrapper {
		margin-top:0;
		padding:135px 0 0 0;
		background:url(/academy/images/common/bg_wrapper_other_mobile.gif) center top no-repeat;
		background-size:300px 135px;
	}

	/*------------------------------------------

	 *	Main

	------------------------------------------*/
	#main {
		float:none;
		margin:0 10px;
		padding:20px 8px 30px 8px;
		width:auto;
		border:2px solid #009e50;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	#main img {max-width:100%;}
	#main figure img {width:100%;}
	#main p {
		line-height:1.6;
	}
	#main .area-sec:last-child {margin:20px 0 0 0;}
	#main .breadcrumb {
		display: none;
	}
	#main .ttl-page {
		margin:5px 0 18px 0;
		font-size: min(6.5vw,34px);
		line-height: 120%;
	}
	#main .ttl-sec {
		margin:70px 0 10px 0;
		padding:10px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		font-size:1.4em;
		font-weight: bold;
	}
	#main .ttl-sec .illust {
		top:-49px;
		left:10px;
		width:51px;
		height:49px;
		background:url(/academy/images/common/bg_ttl_sec_mobile.png) 0 0 no-repeat;
		background-size:51px 49px;
	}
	#main .ttl-green {
		margin:0 0 10px 0;
		padding:8px 0;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		font-size:12px;
	}
	#main .ttl-resonya-orange {
		margin:0 0 5px 0;
		padding:2px 0 2px 20px;
		background:url(/academy/images/common/bg_ttl_resonya_orange_mobile.png) 0 center no-repeat;
		background-size:14px 14px;
		font-size:18px;
	}
	#main .area-has-pc {display:none;}
	#main .area-hasnot-pc {display:block;}
	#main .area-module-contact .call h3{
		padding: 12px 0;
		line-height: 1.2;
	}
	#main .area-module-contact .call strong a {
		font-size: min(9vw,32px);
	}
	#main .area-module-contact .btn {
	  text-align: center!important;
	}
	#main .area-module-contact .tel {
		float:none;
		margin:0 0 5px 0;
		font-size:25px;
		text-align:center;
	}
	#main .area-module-contact .tel a {
		padding:0 0 0 22px;
		background:url(/academy/images/common/ico_tel_mobile.png) 0 center no-repeat;
		background-size:15px 18px;
	}
	#main .area-module-contact .time {
		float:none;
		font-size:11px;
		text-align:center;
	}
	#main .area-module-box-gray .ttl-module {
		margin:0 0 10px 0;
		padding:8px;
		-webkit-border-radius:3px;
		-o-border-radius:3px;
		-ms-border-radius:3px;
		-moz-border-radius:3px;
		border-radius:3px;
		font-size:12px;
	}
	#main .area-module-box-green {
		margin:20px 0 0 0;
		padding:15px 7px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
	}
	#main .area-module-box-green .ttl-module {
		margin:0 0 10px 0;
		font-size:13px;
	}
	#main .area-module-box-blackboard {
		overflow:hidden;
		padding:10px 10px 76px 10px;
		background:#007e41 url(/academy/images/common/bg_module_box_blackboard_mobile.png) center bottom no-repeat;
		background-size:722px 76px;
		-webkit-border-radius:5px;
		-o-border-radius:5px;
		-ms-border-radius:5px;
		-moz-border-radius:5px;
		border-radius:5px;
	}
	#main .area-module-box-blackboard .ttl-module {
		margin:0 0 15px 0;
		padding:10px 0;
		background:#dfd3bf url(/academy/images/common/ico_comment_resonya_mobile.png) 10px center no-repeat;
		background-size:26px 26px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		font-size:16px;
	}
	#main .area-module-box-blackboard .ttl-resonya-orange {
		margin:0 0 10px 0;
		background-position:0 4px;
		font-size:13px;
	}
	#main .area-module-box-blackboard .column-l {
		float:none;
		width:auto;
	}
	#main .area-module-box-blackboard .column-r {
		float:none;
		margin:20px 0 0 0;
		width:auto;
	}
	#main .column2 {
		display: block;
	}
	#main .column2 li {
		width: 100%;
	}
	#main .column3 {
		display: block;
	}
	#main .column3 li {
		width: 100%;
	}
	#main .nav-page {margin:20px 0 0 0;}
	#main .nav-page .txt-attention {
		font-size:11px;
	}
	#main .nav-page ul {
		margin:0;
	}
	#main .nav-page ul li {
		float:left;
		margin:10px 0 0 0;
		width:100%;
	}
	#main .nav-page ul li a {
		background-position:95% center;
		font-size:14px;
	}
	#main .nav-page ul li a .ico {
		display:inline-block;
		padding:20px 85px 20px 35px;
		width:auto;
		height:auto;
		background-position:12px center;
	}
	#main .nav-page ul li.h1em a .ico {padding:20px 85px 20px 35px;}
	#main .nav-page2 ul li.h1em a .ico {padding:20px 85px 20px 35px;}
	#main .nav-page2 {margin:20px 0 0 0;}
	#main .nav-page2 .txt-attention {
		font-size:11px;
	}
	#main .nav-page2 ul {
		margin:0;
	}
	#main .nav-page2 ul li {
		float:left;
		margin:10px 0 0 0;
		width:100%;
	}
	#main .nav-page2 ul li.row1 {
		margin:10px 0 0 0;
		width:100%;
	}
	#main .nav-page2 ul li a {
		background-position:95% center;
		font-size:14px;
	}
	#main .nav-page2 ul li a .ico {
		display:inline-block;
		padding:20px 85px 20px 35px;
		width:auto;
		height:auto;
		background-position:12px center;
	}
	#main .nav-page2 ul li.h1em a .ico {padding:20px 85px 20px 35px;}

	/*------------------------------------------

	 *	Footer

	------------------------------------------*/
	#footer-global {
			z-index: 0;
	}
	#footer-global .nav-footer {
		position:absolute;
		bottom:25px;
		left:0;
		margin:0 0 10px 0;
		font-size:12px;
	}
	#footer-global .nav-footer li {
		margin-right: 0;
		display:inline;
		color:#007e3b;
	}
	#footer-global .nav-footer li a {color:#007e3b;}
	#footer-global .nav-footer li a:hover {text-decoration:none;}
	#footer-global .list-bnr {
		overflow:hidden;
		position:absolute;
		top:55px;
		right:0;
	}
	#footer-global .list-bnr li {
		float:left;
		margin:0 0 0 10px;
	}
	#footer-global {
		position:static;
		margin:0 10px;
		padding: 10px 0 0 0;
		width:auto;
		height:auto;
	}
	#footer-global .nav-footer {
		position:static;
		margin:0 0 15px 0;
	}
	#footer-global .nav-footer ul {
		display:block;
	}
	#footer-global .nav-footer li {
		display: block;
		margin: 5px 0;
	}
	#footer-global .nav-footer li a:hover {text-decoration:none;}
	#footer-global .list-bnr {
		display: none;
	}
	#footer-global .list-bnr li:first-child {margin:0;}
	#footer-global .logo {
		margin: 0 0 12px 0;
		text-align: center;
		position: static;
	}
	#footer-global .logo a img {
		width: 139px;
	}
	#footer-global .purpose {
		width: 240px;
		margin: 0 auto 10px auto;
		padding: 0 10px 0 10px;
		line-height: 1.25;
		position: static;
	}
	#footer-global .purpose img {
		vertical-align: top;
	}
	#footer-global .copyright {
		width: calc(100% + 20px);
		margin: 10px -10px 0 -10px;
		padding: 6px 0 4px 0;
		font-size:10px;
		text-align: center;
		background: #009c53;
		position: static;
	}
	#footer-global .copyright small {
		color: #fff;
		font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", sans-serif;
		font-size:10px;
		line-height: 1.25;
	}

	/*------------------------------------------

	 *	Module

	------------------------------------------*/
	.btn-pagetop {
		width: 125px;
		margin:20px 10px 0 auto;
		position:static;
		display:block;
	}
	.btn-pagetop img {
		width: 125px;
	}
	.btn-orange-resonya {
		background:#ff7334 url(/academy/images/common/ico_btn_resonya_orange_mobile.png) 95% center no-repeat;
		background-size:32px 36px;
	}
	.btn-orange-resonya .ico-circle-white-arrow-s-r {
		padding:16px 60px 16px 24px;
		background:url(/academy/images/common/ico_circle_white_arrow_s_r_mobile.png) 8px center no-repeat;
		background-size:12px 12px;
	}
	.btn-youtbe {
		background:#fff url(/academy/images/common/ico_youtube_mobile.png) 95% center no-repeat;
		background-size:72px 30px;
	}
	.btn-youtbe .ico {
		padding:16px 90px 16px 24px;
	}
	.ico-circle-arrow-r {
		padding:0 0 0 16px;
		background:url(/academy/images/common/ico_circle_arrow_r_mobile.png) 0 center no-repeat;
		background-size:12px 12px;
	}
	.ico-circle-orange-arrow-r {
		background:url(/academy/images/common/ico_circle_arrow_orange_r_mobile.png) 0 center no-repeat;
		background-size:12px 12px;
	}
	.ico-circle-white-arrow-r {
		background:url(/academy/images/common/ico_circle_white_arrow_r_mobile.png) 0 center no-repeat;
		background-size:12px 12px;
	}
	.ico-blank {
		background:url(/academy/images/common/ico_blank_mobile.png) 0 center no-repeat;
		background-size:12px 12px;
	}
	.ico-youtube {
		background:url(/academy/images/common/ico_youtbe_mobile.png) 0 center no-repeat;
		background-size:72px 30px;
	}
	#main .list {}
	#main .list-green li {
		padding:0 0 0 12px;
		background:url(/academy/images/common/ico_ls_green_mobile.png) 0 3px no-repeat;
		background-size:8px 8px;
		font-size:12px;
	}
	#main .list-num li {
		margin:0 0 0 20px;
		list-style:decimal;
		font-size:12px;
	}
	#main .comment-resonya {
		padding:10px 10px 10px 50px;
		background:#dfd3bf url(/academy/images/common/ico_comment_resonya_mobile.png) 10px center no-repeat;
		background-size:26px 26px;
		-webkit-border-radius:4px;
		-o-border-radius:4px;
		-ms-border-radius:4px;
		-moz-border-radius:4px;
		border-radius:4px;
		font-size:12px;
		line-height:1.4;
	}
	.sp {
		display: block!important;
	}
	.pc {
		display: none!important;
	}
}

/*-------------------------------------------

Margin

-------------------------------------------*/

/*all*/
.m00 { margin: 0 !important; }
.m05 { margin: 5px !important;}
.m10 { margin: 10px !important;}
.m15 { margin: 15px !important;}
.m20 { margin: 20px !important;}
.m25 { margin: 25px !important;}
.m30 { margin: 30px !important;}
.m35 { margin: 35px !important; }
.m40 { margin: 40px !important; }
.m45 { margin: 45px !important; }
.m50 { margin: 50px !important; }
.m55 { margin: 55px !important; }
.m60 { margin: 60px !important; }
.m65 { margin: 65px !important; }
.m70 { margin: 70px !important; }
.m75 { margin: 75px !important; }
.m80 { margin: 80px !important; }

/*top*/
.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }
.mt15 { margin-top: 15px !important; }
.mt20 { margin-top: 20px !important; }
.mt25 { margin-top: 25px !important; }
.mt30 { margin-top: 30px !important; }
.mt35 { margin-top: 35px !important; }
.mt40 { margin-top: 40px !important; }
.mt45 { margin-top: 45px !important; }
.mt50 { margin-top: 50px !important; }
.mt55 { margin-top: 55px !important; }
.mt60 { margin-top: 60px !important; }
.mt65 { margin-top: 65px !important; }
.mt70 { margin-top: 70px !important; }
.mt75 { margin-top: 75px !important; }
.mt80 { margin-top: 80px !important; }

/*right*/
.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }
.mr15 { margin-right: 15px !important; }
.mr20 { margin-right: 20px !important; }
.mr25 { margin-right: 25px !important; }
.mr30 { margin-right: 30px !important; }
.mr35 { margin-right: 35px !important; }
.mr40 { margin-right: 40px !important; }
.mr45 { margin-right: 45px !important; }
.mr50 { margin-right: 50px !important; }
.mr55 { margin-right: 55px !important; }
.mr60 { margin-right: 60px !important; }
.mr65 { margin-right: 65px !important; }
.mr70 { margin-right: 70px !important; }
.mr75 { margin-right: 75px !important; }
.mr80 { margin-right: 80px !important; }

/*bottom*/
.mb00 { margin-bottom: 0 !important; }
.mb05 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 { margin-bottom: 20px !important; }
.mb25 { margin-bottom: 25px !important; }
.mb30 { margin-bottom: 30px !important; }
.mb35 { margin-bottom: 35px !important; }
.mb40 { margin-bottom: 40px !important; }
.mb45 { margin-bottom: 45px !important; }
.mb50 { margin-bottom: 50px !important; }
.mb55 { margin-bottom: 55px !important; }
.mb60 { margin-bottom: 60px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb70 { margin-bottom: 70px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb80 { margin-bottom: 80px !important; }

/*left*/
.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }
.ml15 { margin-left: 15px !important; }
.ml20 { margin-left: 20px !important; }
.ml25 { margin-left: 25px !important; }
.ml30 { margin-left: 30px !important; }
.ml35 { margin-left: 35px !important; }
.ml40 { margin-left: 40px !important; }
.ml45 { margin-left: 45px !important; }
.ml50 { margin-left: 50px !important; }
.ml55 { margin-left: 55px !important; }
.ml60 { margin-left: 60px !important; }
.ml65 { margin-left: 65px !important; }
.ml70 { margin-left: 70px !important; }
.ml75 { margin-left: 75px !important; }
.ml80 { margin-left: 80px !important; }

/*-------------------------------------------


padding

-------------------------------------------*/

/*all*/
.p00 { padding: 0 !important; }
.p05 { padding: 5px !important;}
.p10 { padding: 10px !important;}
.p15 { padding: 15px !important;}
.p20 { padding: 20px !important;}
.p25 { padding: 25px !important;}
.p30 { padding: 30px !important;}

/*top*/
.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }
.pt15 { padding-top: 15px !important; }
.pt20 { padding-top: 20px !important; }
.pt25 { padding-top: 25px !important; }
.pt30 { padding-top: 30px !important; }

/*right*/
.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }
.pr15 { padding-right: 15px !important; }
.pr20 { padding-right: 20px !important; }
.pr25 { padding-right: 25px !important; }
.pr30 { padding-right: 30px !important; }

/*bottom*/
.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

/*left*/
.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }
.pl15 { padding-left: 15px !important; }
.pl20 { padding-left: 20px !important; }
.pl25 { padding-left: 25px !important; }
.pl30 { padding-left: 30px !important; }