@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:#333;
	font-family:"ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	font-size:14px;
	line-height:1;
	-webkit-text-size-adjust:none;
}
a {
	color:#ed6d34;
	text-decoration:underline;
}
a:hover {text-decoration:none;}


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

 *	Header

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

#header-global {
	position:relative;
	z-index:1000;
	overflow:hidden;
	margin:0 auto;
	width:960px;
	height:206px;
	background:url(/academy/images/common/bg_header.png) center 0 no-repeat;
}
#header-global h1 {
	margin:0 0 28px 0;
	padding:22px 0 0 0;
	text-align:center;
}
#header-global .nav-header {float:right;}
#header-global .nav-header ul li {
	float:left;
	margin:0 0 0 10px;
}
#header-global .nav-header ul li a {
	display:block;
	height:28px;
	background:url(/academy/images/common/nav_header.png) 0 0 no-repeat;
	text-indent:-5000px;
}
#header-global .nav-header ul .qa a {
	width:151px;
	background-position:0 0;
}
#header-global .nav-header ul .contact a {
	width:131px;
	background-position:0 -28px;
}
#header-global .nav-header ul .qa a:hover, #header-global .nav-header ul .qa .current {background-position:-151px 0;}
#header-global .nav-header ul .contact a:hover, #header-global .nav-header ul .contact .current {background-position:-131px -28px;}
#header-global .btn-nav-global {display:none;}
#header-global .btn-nav-pc {display:none;}


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

 *	Container

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

#container {
	position:relative;
	overflow:hidden;
	padding:0 0 60px 0;
}
#container .ag-pos {
	position:absolute;
	left:50%;
}
.layout-about #container {background:#009e50;}
.layout-about #container .ag-pos-side-resonya1 {margin:180px 0 0 -760px;}
.layout-about #container .ag-pos-side-butterfly-1 {margin:1050px 0 0 500px;}
.layout-about #container .ag-pos-side-bird-1 {margin:1200px 0 0 -700px;}
.layout-about #container .ag-pos-side-clover1-1 {margin:1550px 0 0 550px;}
.layout-about #container .ag-pos-side-resonya2 {margin:1800px 0 0 -800px;}
.layout-about #container .ag-pos-side-bird-2 {margin:2200px 0 0 500px;}
.layout-about #container .ag-pos-side-clover2-1 {margin:2400px 0 0 -700px;}
.layout-about #container .ag-pos-side-clover1-2 {margin:2700px 0 0 500px;}
.layout-about #container .ag-pos-side-resonya3 {margin:2800px 0 0 -700px;}
.layout-about #container .ag-pos-side-resonya3 img {width:100%;}
.layout-about #container .ag-pos-side-butterfly-2 {margin:3400px 0 0 500px;}
.layout-about #container .ag-pos-side-clover2-2 {margin:3600px 0 0 -700px;}
.layout-about #container .ag-pos-side-clover1-3 {margin:4200px 0 0 550px;}
.layout-about #container .ag-pos-side-flower {margin:4350px 0 0 -760px;}
.layout-about #container .ag-pos-side-resonya4 {margin:280px 0 0 -760px;}
.layout-about #container .ag-pos-side-bird-3 {margin:320px 0 0 500px;}
.layout-entry #container {background:#dfd3bf url(/academy/images/entry/bg_container.png) center 300px repeat;;}
.layout-entry #container .ag-pos-main_resonya {
	top:52px;
	margin:0 0 0 -570px;
}
.layout-entry #container .ag-pos-main_bird {
	top:202px;
	margin:0 0 0 -150px;
}
.layout-entry #container .ag-pos-side_resonya1 {margin:600px 0 0 -700px;}
.layout-entry #container .ag-pos-side_resonya2 {margin:1300px 0 0 -740px;}
.layout-entry #container .ag-pos-side_resonya3 {
	margin:0 0 0 -660px;
	bottom:0;
	overflow: hidden;
}
.layout-entry #container .ag-pos-side_resonya3 img {
	position: relative;
	top:190px;
	display: block;
}
.layout-report #container {background:#95d2ef url(/academy/images/report/bg_container.gif) center 87px no-repeat;}
.layout-report.modeview-sp #container {background:#95d2ef url(/academy/images/report/bg_container.gif) center 52px no-repeat;}
.layout-report #container .ag-pos-side-kujira1 {margin:600px 0 0 -800px;}
.layout-report #container .ag-pos-side-fish1-1 {margin:1100px 0 0 500px;}
.layout-report #container .ag-pos-side-resonya1 {margin:1600px 0 0 -820px;}
.layout-report #container .ag-pos-side-kujira2 {margin:2200px 0 0 450px;}
.layout-report #container .ag-pos-side-sunahama {margin:2650px 0 0 -800px;}
.layout-report #container .ag-pos-side-fish1-2 {margin:3100px 0 0 -860px;}
.layout-report #container .ag-pos-side-resonya2 {margin:3600px 0 0 400px;}
.layout-report #container .ag-pos-side-fish2-1 {margin:4000px 0 0 -860px;}
.layout-report #container .ag-pos-side-fish1-3 {margin:4600px 0 0 360px;}
.layout-report #container .ag-pos-side-fish2-2 {margin:5400px 0 0 -860px;}
.layout-report #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:117px;
	margin:0 0 0 -430px;
	z-index: 10;
}
.layout-study #container .ag-pos-main-resonya {
	top:110px;
	margin:0 0 0 -480px;
}
.layout-study #container .ag-pos-main-bird {
	top:232px;
	margin:0 0 0 -70px;
}
.layout-study #container .ag-pos-side-picture {
	top:675px;
	margin:0 0 0 -700px;
}
.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:1110px;}
.layout-study #container .ag-pos-side-ink-l-3 {top:1840px;}
.layout-study #container .ag-pos-side-ink-r {margin:0 0 0 500px;}
.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:1430px;
	margin:0 0 0 -740px;
}
.layout-study #container .ag-pos-side-resonya2 {
	top:2010px;
	margin:0 0 0 -640px;
	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 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 -670px;
	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:960px;
}
.layout-about #wrapper {
	margin-top:-137px;
	padding:253px 0 0 0;
	background:url(/academy/images/about/bg_container.gif) 0 top no-repeat;
}
.layout-other #wrapper {
	margin-top:-124px;
	padding:240px 0 0 0;
	background:url(/academy/images/common/bg_wrapper_other.gif) 0 top no-repeat;
}


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

 *	Sidebar

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

#sidebar {
	position:relative;
	z-index:1;
	float:right;
	width:210px;
}
#sidebar.fixed {
	position:fixed;
	z-index:1000;
	margin:-290px 0 0 750px;
}
#sidebar .nav-global {
	background:#fff;
	border:3px solid #ff7334;
	-webkit-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	-moz-border-radius:10px;
	border-radius:10px;
}
#sidebar .nav-global .ttl-menu {
	padding:10px 0 13px 0;
	height:17px;
	background:#ff7334 url(/academy/images/common/ttl_nav_global.png) center 10px no-repeat;
	text-indent:-5000px;
}
#sidebar .nav-global ul {}
#sidebar .nav-global ul li a {
	display:block;
	width:204px;
	background:url(/academy/images/common/nav_global.png) 0 0 no-repeat;
	text-indent:-5000px;
}
#sidebar .nav-global ul .about a {
	height:75px;
	background-position:0 0;
}
#sidebar .nav-global ul .about-seminar a {
	height:56px;
	background-position:-408px -75px;
}
#sidebar .nav-global ul .about-experience a {
	height:56px;
	background-position:-408px -131px;
}
#sidebar .nav-global ul .about-lesson a {
	height:56px;
	background-position:-408px -187px;
}
#sidebar .nav-global ul .entry a {
	height:79px;
	background-position:0 -243px;
}
#sidebar .nav-global ul .entry-list a {
	height:56px;
	background-position:-408px -322px;
}
#sidebar .nav-global ul .report a {
	height:60px;
	background-position:0 -378px;
}
#sidebar .nav-global ul .report-2018 a {
	height:56px;
	background-position:-408px -942px;
}
#sidebar .nav-global ul .report-2017 a {
	height:56px;
	background-position:-408px -886px;
}
#sidebar .nav-global ul .report-2016 a {
	height:56px;
	background-position:-408px -438px;
}
#sidebar .nav-global ul .report-2015 a {
	height:56px;
	background-position:-408px -494px;
}
#sidebar .nav-global ul .report-2014 a {
	height:56px;
	background-position:-408px -550px;
}
#sidebar .nav-global ul .report-2013 a {
	height:56px;
	background-position:-408px -606px;
}
#sidebar .nav-global ul .study a {
	height:54px;
	background-position:0 -662px;
	-webkit-border-radius:0 0 7px 7px;
	-o-border-radius:0 0 7px 7px;
	-ms-border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	border-radius:0 0 7px 7px;
}
#sidebar .nav-global ul .study-quiz a {
	height:56px;
	background-position:-408px -718px;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#sidebar .nav-global ul .study-money a {
	height:56px;
	background-position:-408px -774px;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#sidebar .nav-global ul .study-cake a {
	height:54px;
	background-position:-408px -830px;
	-webkit-border-radius:0 0 7px 7px;
	-o-border-radius:0 0 7px 7px;
	-ms-border-radius:0 0 7px 7px;
	-moz-border-radius:0 0 7px 7px;
	border-radius:0 0 7px 7px;
}
#sidebar .nav-global ul .about .current-parent {background-position:-408px 0;}
#sidebar .nav-global ul .about a:hover,#sidebar .nav-global ul .about .current {background-position:-204px 0;}
#sidebar .nav-global ul .about-seminar a:hover,#sidebar .nav-global ul .about-seminar .current {background-position:-204px -75px;}
#sidebar .nav-global ul .about-experience a:hover,#sidebar .nav-global ul .about-experience .current {background-position:-204px -131px;}
#sidebar .nav-global ul .about-lesson a:hover,#sidebar .nav-global ul .about-lesson .current {background-position:-204px -187px;}
#sidebar .nav-global ul .entry .current-parent {background-position:-408px -243px;}
#sidebar .nav-global ul .entry a:hover,#sidebar .nav-global ul .entry .current {background-position:-204px -243px;}
#sidebar .nav-global ul .entry-list a:hover,#sidebar .nav-global ul .entry-list .current {background-position:-204px -322px;}
#sidebar .nav-global ul .report .current-parent {background-position:-408px -378px;}
#sidebar .nav-global ul .report a:hover,#sidebar .nav-global ul .report .current  {background-position:-204px -378px;}
#sidebar .nav-global ul .report-2018 a:hover,#sidebar .nav-global ul .report-2018 .current {background-position:-204px -942px;}
#sidebar .nav-global ul .report-2017 a:hover,#sidebar .nav-global ul .report-2017 .current {background-position:-204px -886px;}
#sidebar .nav-global ul .report-2016 a:hover,#sidebar .nav-global ul .report-2016 .current {background-position:-204px -438px;}
#sidebar .nav-global ul .report-2015 a:hover,#sidebar .nav-global ul .report-2015 .current {background-position:-204px -494px;}
#sidebar .nav-global ul .report-2014 a:hover,#sidebar .nav-global ul .report-2014 .current {background-position:-204px -550px;}
#sidebar .nav-global ul .report-2013 a:hover,#sidebar .nav-global ul .report-2013 .current {background-position:-204px -606px;}
#sidebar .nav-global ul .study .current-parent {
	background-position:-408px -662px;
	-webkit-border-radius:0;
	-o-border-radius:0;
	-ms-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
}
#sidebar .nav-global ul .study a:hover,#sidebar .nav-global ul .study .current {background-position:-204px -662px;}
#sidebar .nav-global ul .study-quiz a:hover,#sidebar .nav-global ul .study-quiz .current {background-position:-204px -718px;}
#sidebar .nav-global ul .study-money a:hover,#sidebar .nav-global ul .study-money .current {background-position:-204px -774px;}
#sidebar .nav-global ul .study-cake a:hover,#sidebar .nav-global ul .study-cake .current {background-position:-204px -830px;}
#sidebar .nav-global ul li ul {display:none;}
#sidebar .nav-global ul li.current-parent ul {display:block;}
#sidebar .nav-global ul .mobile {display:none;}
#sidebar .btn-pagetop {margin:60px 0 0 0;}


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

 *	Main

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

#main {
	float:left;
	padding:40px;
	width:622px;
	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 {border:4px solid #dfd3bf;}
.layout-report #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 ol {}
#main ol li {
	margin:0 0 6px 0;
	line-height:1.4;
}
#main .area-sec {
	overflow:hidden;
	margin:20px 0;
}
#main .ttl-page {
	margin:0 0 40px 0;
	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:22px;
	line-height:1.2;
}
#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:14px;
}
#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 {}
#main .area-module-contact .btn-qa {margin:8px 0 25px 0;}
#main .area-module-contact .tel {
	float:left;
	margin:-10px 20px 0 0;
	color:#ed6d34;
	font-size:34px;
}
#main .area-module-contact .tel a {
	padding:0 0 0 30px;
	background:url(/academy/images/common/ico_tel.png) 0 center no-repeat;
	text-decoration:none;
}
#main .area-module-contact .time {
	float:left;
	font-size:12px;
}
#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:20px 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 10px 0;
	font-size:14px;
}
#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:16px;
	text-align:center;
}
#main .area-module-box-blackboard .ttl-resonya-orange {
	margin:0 0 20px 0;
	padding:0 0 6px 20px;
	background-position:0 5px;
	border-bottom:1px solid #b3d9c6;
	font-size:16px;
}
#main .area-module-box-blackboard .column-l {
	float:left;
	width:266px;
}
#main .area-module-box-blackboard .column-r {
	float:right;
	width:266px;
}


#main .nav-page {margin:20px 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:300px;
}
#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:16px;
	text-decoration:none;
}
#main .nav-page ul li a .ico {
	display:inline-block;
	padding:20px 85px 20px 35px;
	width:180px;
	height:3em;
	background-position:12px center;
}
#main .nav-page ul li.h1em a .ico {padding:35px 85px 5px 35px;}
#main .nav-page ul li a:hover {background-color:#e5dccc;}


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

 *	Footer

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

#footer-global {
	position:relative;
	background:#fff;
	margin:0 auto;
	padding:15px 0;
	height:82px;
	width:960px;
}
#footer-global .nav-footer {
	position:absolute;
	bottom:25px;
	left:0;
	margin:0 0 10px 0;
	font-size:12px;
}
#footer-global .nav-footer li {
	display:inline;
	color:#007e3b;
}
#footer-global .nav-footer li a {color:#007e3b;}
#footer-global .nav-footer li a:hover {text-decoration:none;}
#footer-global .nav-footer li .separate {}
#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 .slogan {
	position:absolute;
	top:20px;
	right:0;
}
#footer-global .logo {
	position:absolute;
	top:15px;
	left:0;
}
#footer-global .copyright {
	position:absolute;
	bottom:15px;
}
#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;
	left:50%;
	margin:0 0 0 270px;
}
.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 {
	display:inline-block;
	color:#fff;
	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;
	text-decoration:none;
}
.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;
}
.btn-orange-resonya:hover {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 3px no-repeat;
}
#main .list-num {margin:0 0 0 20px;}
#main .list-num li {list-style:decimal;}
#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;
}
.sp {
	display: none!important;
}


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



	@ Media Query



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

@media only screen and (max-width:768px) {
	body {
		font-size:14px;
	}
	

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

	 *	Header

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

	#header-global {
		margin:0;
		padding:0;
		width:auto;
		height:108px;
		background:url(/academy/images/common/bg_header_mobile.png) center 0 no-repeat;
		background-size:840px 108px;
	}
	#header-global h1 img {
		width:172px;
		height:auto;
	}
	#header-global h1 {
		margin:0 0 28px 0;
		padding:14px 0 0 0;
		text-align:center;
	}
	#header-global .nav-header {
		display:none;
		float:none;
	}
	#header-global .btn-nav-global {
		overflow:hidden;
		display:block;
		position:absolute;
		top:6px;
		right:0;
		width:55px;
		height:44px;
	}
	#header-global .btn-nav-global-active img {
		margin:0 0 0 -55px;
	}
	#header-global .btn-nav-pc {
		display:block;
		position:absolute;
		top:6px;
		left:0;
	}
	#header-global .btn-nav-pc.ua-pc {display:none;}
	

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

	 *	Container

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

	#container {padding:0 0 20px 0;}
	.layout-about #container {background-image:none;}
	.layout-report #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 {
		margin-top:0;
		padding:135px 0 0 0;
		background:url(/academy/images/about/bg_wrapper_mobile.gif) center top no-repeat;
		background-size:300px 135px;
	}
	.layout-entry #wrapper {
		margin-top:0;
		padding:135px 0 0 0;
		background:url(/academy/images/entry/bg_wrapper_mobile.gif) center top no-repeat;
		background-size:300px 135px;
	}
	.layout-report #wrapper {
		margin-top:0;
		padding:135px 0 0 0;
		background:url(/academy/images/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:url(/academy/images/study/bg_wrapper_mobile.gif) center top no-repeat;
		background-size:300px 160px;
	}
	.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;
	}
	

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

	 *	Sidebar

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

	#sidebar {
		visibility:hidden;
		position:absolute;
		top:0;
		z-index:500;
		float:none;
		width:100%;
		height:878px;
		/* nav-global(608px) + 110px + 60px + 80px */
		/* height:100%; */
		-webkit-transition:visibility 100ms ease;
		-o-transition:visibility 100ms ease;
		-ms-transition:visibility 100ms ease;
		-moz-transition:visibility 100ms ease;
		transition:visibility 100ms ease;
	}
	#sidebar.fixed {
		position:absolute;
		z-index:500;
		margin:0;
	}
	#sidebar.nav-active {
		visibility:visible;
		background:#95d2ef;
	}
	#sidebar .nav-global-container {
		width:100%;
		-webkit-transform:translate3d(0, -860px, 0);
		-o-transform:translate3d(0, -860px, 0);
		-ms-transform:translate3d(0, -860px, 0);
		-moz-transform:translate3d(0, -860px, 0);
		transform:translate3d(0, -860px, 0);
		-webkit-transition:-webkit-transform 400ms ease;
		-o-transition:-o-transform 400ms ease;
		-ms-transition:-ms-transform 400ms ease;
		-moz-transition:-moz-transform 400ms ease;
		transition:transform 400ms ease;
	}
	#sidebar .nav-global-container.nav-active {}
	#sidebar .nav-global-container.nav-active-modern {
		-webkit-transform:translate3d(0, 0, 0);
		-o-transform:translate3d(0, 0, 0);
		-ms-transform:translate3d(0, 0, 0);
		-moz-transform:translate3d(0, 0, 0);
		transform:translate3d(0, 0, 0);
	}
	#sidebar .nav-global-container {
		padding:0 0 60px 0;
		background:url(/academy/images/common/bg_header_mobile.png) center bottom no-repeat;
		background-size:840px 108px;
	}
	#sidebar .nav-global {
		padding:110px 0 0 0;
		border:none;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	#sidebar .nav-global .ttl-menu {display:none;}
	#sidebar .nav-global ul {
		background:#fff;
	}
	#sidebar .nav-global ul li {
		background:none;
		color:#444;
		font-size:13px;
	}
	#sidebar .nav-global ul li a {
		padding:20px 15px 20px 33px;
		width:auto;
		background:url(/academy/images/common/ico_circle_arrow_orange_r_mobile.png) 10px center no-repeat;
		background-size:12px 12px;
		color:#333;
		text-indent:0;
		text-decoration:none;
	}
	#sidebar .nav-global ul .about a,
	#sidebar .nav-global ul .entry a,
	#sidebar .nav-global ul .report a,
	#sidebar .nav-global ul .study a {
		height:auto;
		background-position:10px center;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	#sidebar .nav-global ul .about .current-parent,
	#sidebar .nav-global ul .entry .current-parent,
	#sidebar .nav-global ul .report .current-parent,
	#sidebar .nav-global ul .study .current-parent {
		height:auto;
		background-color:#ffe6db;
		background-position:10px center;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
		color:#333;
	}
	#sidebar .nav-global ul .about-seminar a,
	#sidebar .nav-global ul .about-experience a,
	#sidebar .nav-global ul .about-lesson a,
	#sidebar .nav-global ul .entry-list a,
	#sidebar .nav-global ul .report-2018 a,
	#sidebar .nav-global ul .report-2017 a,
	#sidebar .nav-global ul .report-2016 a,
	#sidebar .nav-global ul .report-2015 a,
	#sidebar .nav-global ul .report-2014 a,
	#sidebar .nav-global ul .report-2013 a,
	#sidebar .nav-global ul .study-quiz a,
	#sidebar .nav-global ul .study-money a,
	#sidebar .nav-global ul .study-cake a {
		height:auto;
		background-position:35px center;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	#sidebar .nav-global ul .current-parent .about-seminar a,
	#sidebar .nav-global ul .current-parent .about-experience a,
	#sidebar .nav-global ul .current-parent .about-lesson a,
	#sidebar .nav-global ul .current-parent .entry-list a,
	#sidebar .nav-global ul .current-parent .report-2018 a,
	#sidebar .nav-global ul .current-parent .report-2017 a,
	#sidebar .nav-global ul .current-parent .report-2016 a,
	#sidebar .nav-global ul .current-parent .report-2015 a,
	#sidebar .nav-global ul .current-parent .report-2014 a,
	#sidebar .nav-global ul .current-parent .report-2013 a,
	#sidebar .nav-global ul .current-parent .study-quiz a,
	#sidebar .nav-global ul .current-parent .study-money a,
	#sidebar .nav-global ul .current-parent .study-cake a {
		height:auto;
		background-color:#ffe6db;
		background-position:35px center;
		-webkit-border-radius:0;
		-o-border-radius:0;
		-ms-border-radius:0;
		-moz-border-radius:0;
		border-radius:0;
	}
	#sidebar .nav-global ul .about a:hover,#sidebar .nav-global ul .about .current,
	#sidebar .nav-global ul .entry a:hover,#sidebar .nav-global ul .entry .current,
	#sidebar .nav-global ul .report a:hover,#sidebar .nav-global ul .report .current,
	#sidebar .nav-global ul .study a:hover,#sidebar .nav-global ul .study .current {
		background-color:#ffab85;
		background-position:10px center;
	}
	#sidebar .nav-global ul .about-seminar a:hover,#sidebar .nav-global ul .current-parent .about-seminar .current,
	#sidebar .nav-global ul .about-experience a:hover,#sidebar .nav-global ul .current-parent .about-experience .current,
	#sidebar .nav-global ul .about-lesson a:hover,#sidebar .nav-global ul .current-parent .about-lesson .current,
	#sidebar .nav-global ul .entry-list a:hover,#sidebar .nav-global ul .current-parent .entry-list .current,
	#sidebar .nav-global ul .report-2018 a:hover,#sidebar .nav-global ul .current-parent .report-2018 .current,
	#sidebar .nav-global ul .report-2017 a:hover,#sidebar .nav-global ul .current-parent .report-2017 .current,
	#sidebar .nav-global ul .report-2016 a:hover,#sidebar .nav-global ul .current-parent .report-2016 .current,
	#sidebar .nav-global ul .report-2015 a:hover,#sidebar .nav-global ul .current-parent .report-2015 .current,
	#sidebar .nav-global ul .report-2014 a:hover,#sidebar .nav-global ul .current-parent .report-2014 .current,
	#sidebar .nav-global ul .report-2013 a:hover,#sidebar .nav-global ul .current-parent .report-2013 .current,
	#sidebar .nav-global ul .study-quiz a:hover,#sidebar .nav-global ul .current-parent .study-quiz .current,
	#sidebar .nav-global ul .study-money a:hover,#sidebar .nav-global ul .current-parent .study-money .current,
	#sidebar .nav-global ul .study-cake a:hover,#sidebar .nav-global ul .current-parent .study-cake .current {
		background-color:#ffab85;
		background-position:35px center;
	}
	#sidebar .nav-global ul li .current, #sidebar .nav-global ul li a:hover {
		background-color:#ffab85;
		background-position:10px center;
	}
	#sidebar .nav-global ul li ul {display:block;}
	#sidebar .nav-global ul li ul li a {
		padding:9px 10px 9px 45px;
		background:url(/academy/images/common/ico_arrow_green_s_r_mobile.png) 35px center no-repeat;
		background-size:5px 5px;
	}
	#sidebar .nav-global ul li ul li .current, #sidebar .nav-global ul li ul li a:hover {
		background-color:#ffab85;
		background-position:35px center;
	}
	#sidebar .nav-global ul .pc {display:none;}
	#sidebar .nav-global ul .mobile {display:block;}
	#sidebar .btn-pagetop {display:none;}


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

	 *	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 .mode768 {}
	

	#main p {
		line-height:1.6;
	}
	#main .area-sec:last-child {margin:20px 0 0 0;}
	#main .ttl-page {
		margin:0 0 20px 0;
	}
	#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:15px;
	}
	#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:14px;
	}
	#main .area-has-pc {display:none;}
	#main .area-hasnot-pc {display:block;}
	#main .area-module-contact {}
	#main .area-module-contact .btn-qa {margin:8px 0 25px 0;}
	#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:13px;
	}
	#main .area-module-box-blackboard .ttl-resonya-orange {
		margin:0 0 10px 0;
		background-position:0 2px;
		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 .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;}
	

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

	 *	Footer

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

	#footer-global .nav-footer {
		position:absolute;
		bottom:25px;
		left:0;
		margin:0 0 10px 0;
		font-size:12px;
	}
	#footer-global .nav-footer li {
		display:inline;
		color:#007e3b;
	}
	#footer-global .nav-footer li a {color:#007e3b;}
	#footer-global .nav-footer li a:hover {text-decoration:none;}
	#footer-global .nav-footer li .separate {}
	#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 .slogan {
		position:absolute;
		top:20px;
		right:0;
	}
	#footer-global .logo {
		position:absolute;
		top:15px;
		left:0;
	}
	#footer-global .copyright {
		position:absolute;
		bottom:15px;
	}
	#footer-global .copyright small {
		font-family:Helvetica,Arial,sans-serif;
		font-size:10px;
	}
	#footer-global {
		position:static;
		margin:0 10px;
		padding:5px 0 10px 0;
		width:auto;
		height:auto;
	}
	#footer-global .nav-footer {
		position:static;
		margin:0 0 15px 0;
	}
	#footer-global .nav-footer li {
		display:block;
		margin:5px 0;
	}
	#footer-global .nav-footer li .separate {display:none;}
	#footer-global .nav-footer li a {
		padding:0 0 0 8px;
		background:url(/academy/images/common/ico_nav_footer_mobile.png) 0 center no-repeat;
		background-size:4px 6px;
		color:#007e3b;
	}
	#footer-global .nav-footer li a:hover {text-decoration:none;}
	#footer-global .list-bnr {
		overflow:hidden;
		position:static;
		margin:0 0 6px 0;
	}
	#footer-global .list-bnr li:first-child {margin:0;}
	#footer-global .logo {
		position:static;
		margin:0 0 5px 0;
	}
	#footer-global .slogan {
		position:static;
	}
	#footer-global .copyright {
		position:static;
		margin:0;
	}
	#footer-global .copyright small {font-size:10px;}
	

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

	 *	Module

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

	.btn-pagetop {
		display:block;
		position:static;
		bottom:auto;
		left:auto;
		margin:20px 10px 0 0;
		text-align:right;
	}
	.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;
	}
}