//html {-webkit-filter: grayscale(100%);}

@font-face {
	font-family: MyYuGothicM;
	src: local("YuGothic-Medium"), local("Yu Gothic Medium"), local("YuGothic-Regular");
	font-weight: normal;
}
@font-face {
	font-family: MyYuGothicM;
	src: local("YuGothic-Bold"), local("Yu Gothic");
	font-weight: bold;
}
html {
	height: 100%; -ms-overflow-y: scroll;
}
body {
	cursor:url("../source/plugin/login/shubiao/CG.cur"),auto;
	margin: 0px; padding: 0px;
}
div {
	margin: 0px; padding: 0px;
}
dl {
	margin: 0px; padding: 0px;
}
dt {
	margin: 0px; padding: 0px;
}
dd {
	margin: 0px; padding: 0px;
}
ul {
	margin: 0px; padding: 0px;
}
ul li {
	margin: 0px; padding: 0px;
}
h1 {
	margin: 0px; padding: 0px;
}
h2 {
	margin: 0px; padding: 0px;
}
h3 {
	margin: 0px; padding: 0px;
}
h4 {
	margin: 0px; padding: 0px;
}
h5 {
	margin: 0px; padding: 0px;
}
h6 {
	margin: 0px; padding: 0px;
}
pre {
	margin: 0px; padding: 0px;
}
form {
	margin: 0px; padding: 0px;
}
fieldset {
	margin: 0px; padding: 0px;
}
input {
	margin: 0px; padding: 0px;
}
textarea {
	margin: 0px; padding: 0px;
}
p {
	margin: 0px; padding: 0px;
}
blockquote {
	margin: 0px; padding: 0px;
}
th {
	margin: 0px; padding: 0px;
}
td {
	margin: 0px; padding: 0px;
}
section {
	margin: 0px; padding: 0px;
}
nav {
	margin: 0px; padding: 0px;
}
article {
	margin: 0px; padding: 0px;
}
aside {
	margin: 0px; padding: 0px;
}
header {
	margin: 0px; padding: 0px;
}
address {
	margin: 0px; padding: 0px;
}
figure {
	margin: 0px; padding: 0px;
}
figcaption {
	margin: 0px; padding: 0px;
}
address {
	font-style: normal; font-weight: normal;
}
caption {
	font-style: normal; font-weight: normal;
}
cite {
	font-style: normal; font-weight: normal;
}
code {
	font-style: normal; font-weight: normal;
}
dfn {
	font-style: normal; font-weight: normal;
}
em {
	font-style: normal; font-weight: normal;
}
strong {
	font-style: normal; font-weight: normal;
}
th {
	font-style: normal; font-weight: normal;
}
var {
	font-style: normal; font-weight: normal;
}
table {
	border-collapse: collapse; border-spacing: 0;
}
caption {
	text-align: left;
}
th {
	text-align: left;
}
q::before {
	content: "";
}
q::after {
	content: "";
}
object {
	vertical-align: top;
}
embed {
	vertical-align: top;
}
hr {
	display: none;
}
legend {
	display: none;
}
h1 {
	font-size: 100%; font-weight: normal;
}
h2 {
	font-size: 100%; font-weight: normal;
}
h3 {
	font-size: 100%; font-weight: normal;
}
h4 {
	font-size: 100%; font-weight: normal;
}
h5 {
	font-size: 100%; font-weight: normal;
}
h6 {
	font-size: 100%; font-weight: normal;
}
img {
	border: 0px currentColor; border-image: none;
}
abbr {
	border: 0px currentColor; border-image: none;
}
acronym {
	border: 0px currentColor; border-image: none;
}
fieldset {
	border: 0px currentColor; border-image: none;
}
img {
	height: auto; vertical-align: bottom; -ms-interpolation-mode: bicubic; max-width: 100%;
}
ul li {
	list-style-type: none;
}
* {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
*::before {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
*::after {
	box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box;
}
body {
	height: 100%; text-align: left; color: rgb(85, 85, 85); line-height: 180%; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif; -ms-text-size-adjust: 100%; background-color: rgb(2, 55, 39); -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -o-text-size-adjust: 100%; text-size-adjust: 100%;
}
a {
	cursor:url("../source/plugin/login/shubiao/AT.cur"),auto;
	color: rgb(0, 153, 68); text-decoration: underline;
}
html:not(.sp) a:hover {
	color: rgb(159, 210, 91); text-decoration: none;
}
#wrapper {
	width: 100%; overflow: hidden; position: relative; min-width: 320px;
}
p {
	padding: 0px 0px 20px; line-height: 180%; font-size: 96%;
}
p:empty {
	display: none;
}
.red {
	color: rgb(204, 0, 34);
}
strong {
	color: rgb(0, 0, 0); font-weight: bold;
}
.hidden {
	visibility: hidden;
}
.center {
	text-align: center;
}
.copy {
	color: rgb(0, 0, 0); line-height: 160%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 160%; font-weight: 500;
}
p + .copy {
	padding-top: 40px;
}
@media screen and (min-width:1000px)
{
header {
	display: block !important;
}
#header-bar {
	left: 0px; top: 0px; width: 100%; height: 40px; text-align: right; position: fixed; z-index: 5; background-color: rgb(51, 51, 51);
}
#target-menu {
	display: inline-block;
}
#target-menu li {
	float: left;
}
#target-menu li a {
	padding: 0px 15px; transition:background-color 0.2s linear, color 0.2s linear; color: rgb(204, 204, 204); line-height: 40px; font-size: 83%; text-decoration: none; border-left-color: rgb(34, 34, 34); border-left-width: 1px; border-left-style: solid; display: block; -moz-transition: background-color .2s linear, color .2s linear; -webkit-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear;
}
html:not(.sp) #target-menu li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(85, 85, 85);
}
#utility-menu {
	overflow: hidden; float: right;
}
#utility-menu li {
	float: left;
}
#utility-menu li a {
	transition:background-color 0.2s linear; width: 40px; height: 40px; text-align: left; color: rgb(255, 255, 255); text-decoration: none; border-left-color: rgb(0, 123, 54); border-left-width: 1px; border-left-style: solid; display: block; position: relative; background-color: rgb(0, 153, 68); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
#utility-menu li:first-of-type a {
	border-left-color: currentColor; border-left-width: 0px; border-left-style: none;
}
#utility-menu .utility-menu-icon a {
	text-indent: -9999px; overflow: hidden;
}
#utility-menu .utility-menu-icon-text a {
	padding: 0px 15px 0px 35px; width: auto; text-align: center; line-height: 40px; font-size: 83%;
}
#utility-menu .utility-menu-lang a {
	padding: 0px 15px 0px 35px; width: auto; text-align: center; line-height: 40px; font-size: 83%;
}
html:not(.sp) #utility-menu li a:hover {
	background-color: rgb(159, 210, 91);
}
#utility-menu li.current a {
	background-color: rgb(159, 210, 91);
}
}
#utility-menu .utility-menu-icon a::after {
	margin: -12px 0px 0px; transition:opacity 0.2s linear; left: 8px; top: 50%; width: 24px; height: 24px; display: block; position: absolute; content: ""; opacity: 0.6; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px;
}
#utility-menu .utility-menu-icon-text a::after {
	margin: -12px 0px 0px; transition:opacity 0.2s linear; left: 8px; top: 50%; width: 24px; height: 24px; display: block; position: absolute; content: ""; opacity: 0.6; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px;
}
#utility-menu .utility-menu-lang a::after {
	margin: -12px 0px 0px; transition:opacity 0.2s linear; left: 8px; top: 50%; width: 24px; height: 24px; display: block; position: absolute; content: ""; opacity: 0.6; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px;
}
#utility-menu-search a::after {
	background-position: -168px -48px;
}
#utility-menu-access a::after {
	background-position: 0px -24px;
}
#utility-menu-contact a::after {
	background-position: -24px -24px;
}
.utility-menu-lang a::after {
	background-position: -120px 0px;
}
html:not(.sp) #utility-menu .utility-menu-icon a:hover::after {
	opacity: 1;
}
#utility-menu .utility-menu-icon.current a::after {
	opacity: 1;
}
html:not(.sp) #utility-menu .utility-menu-icon-text a:hover::after {
	opacity: 1;
}
html:not(.sp) #utility-menu .utility-menu-lang a:hover::after {
	opacity: 1;
}
#search-box {
	transition:height 0.2s ease-out; top: 40px; width: 50%; height: 0px; text-align: center; right: 0px; overflow: hidden; display: block; position: absolute; background-color: rgb(68, 68, 68);
}
.current #search-box {
	height: 60px;
}
#search-box span {
	width: 100%; bottom: 15px; display: block; position: absolute;
}
#search-box .search-text {
	padding: 0px 15px; outline: 0px; border-radius: 15px 0px 0px 15px; border: 0px currentColor; border-image: none; width: 300px; height: 30px; color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif; background-color: rgb(85, 85, 85); -moz-border-radius: 15px 0 0 15px; -webkit-border-radius: 15px 0 0 15px; -o-border-radius: 15px 0 0 15px; -ms-border-radius: 15px 0 0 15px;
}
#search-box .search-btn {
	border-radius: 0px 15px 15px 0px; border: 0px currentColor; transition:background-color 0.2s linear; border-image: none; width: 60px; height: 30px; color: rgb(255, 255, 255); font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif; cursor: pointer; -ms-word-break: break-all; background-color: rgb(0, 153, 68); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -webkit-border-radius: 0 15px 15px 0; -o-border-radius: 0 15px 15px 0; -ms-border-radius: 0 15px 15px 0; -mox-border-radius: 0 15px 15px 0; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none;
}
#search-box .search-btn:hover {
	background-color: rgb(159, 210, 91);
}
#utility-menu li.current a::before {
	margin: 0px 0px 0px -7px; left: 50%; bottom: 0px; border-right-color: transparent; border-bottom-color: rgb(68, 68, 68); border-left-color: transparent; border-right-width: 7px; border-bottom-width: 7px; border-left-width: 7px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: "";
}
#logo {
	padding: 0px; left: 30px; top: 70px; width: 180px; height: 180px; overflow: hidden; display: table; position: fixed; z-index: 2; background-image: url("../zhuye/images/logo_bg.jpg"); background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%;
}
#logo a {
	text-align: center; vertical-align: middle; display: table-cell;
}
@media screen and (min-width:1000px)
{
#gnav {
	left: 30px; top: 250px; width: 180px; height: 360px; position: fixed; z-index: 2;
}
#gnav:hover {
	z-index: 6;
}
#gnav > ul {
	height: 100%; background-color: rgba(0, 0, 0, 0.7);
}
.gnav-item-4#gnav > ul > li {
	height: 25%;
}
.gnav-item-5#gnav > ul > li {
	height: 20%;
}
.gnav-item-6#gnav > ul > li {
	height: 16.66%;
}
.gnav-item-7#gnav > ul > li {
	height: 14.28%;
}
#gnav > ul > li > span {
	height: 100%; display: table; position: relative;
}
#gnav > ul > li > span > a {
	padding: 0px 10px 0px 20px; transition:background-color 0.2s linear, border-bottom 0.2s linear; width: 180px; color: rgb(255, 255, 255); line-height: 140%; font-size: 83%; text-decoration: none; vertical-align: middle; border-bottom-color: rgba(255, 255, 255, 0.1); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell; -moz-transition: background-color .2s linear, border-bottom .2s linear; -webkit-transition: background-color .2s linear, border-bottom .2s linear; -o-transition: background-color .2s linear, border-bottom .2s linear;
}
#gnav > ul > li.gnav-icon > span > a {
	padding: 0px 10px 0px 50px;
}
#gnav > ul > li:last-child > span > a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
html:not(.sp) #gnav > ul > li:hover > span > a {
	background-color: rgba(255, 255, 255, 0.1);
}
#gnav > ul > li.parent > span > a {
	background-color: rgba(255, 255, 255, 0.1);
}
#gnav > ul > li:not(:last-child).parent > span > a {
	border-bottom-color: rgba(255, 255, 255, 0); border-bottom-width: 1px; border-bottom-style: solid;
}
html:not(.sp) #gnav > ul > li:last-child:hover > span > a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
html:not(.sp) #gnav > ul > li > span > a:hover {
	background-color: rgb(159, 210, 91) !important;
}
#gnav > ul > li.current > span > a {
	background-color: rgb(159, 210, 91) !important;
}
#gnav > ul > li > ul {
	margin: 0px 0px 0px 180px; transition:width 0.2s ease-out, height 0.2s ease-out; top: 70px; width: 0px; height: 540px; overflow: hidden; display: block !important; position: fixed; background-color: rgba(24, 24, 24, 0.7); -moz-transition: width .2s ease-out, height .2s ease-out; -webkit-transition: width .2s ease-out, height .2s ease-out; -o-transition: width .2s ease-out, height .2s ease-out;
}
#gnav > ul > li:hover > ul {
	width: 180px; height: 88%;
}
#gnav > ul > li > ul:hover {
	overflow: visible;
}
#gnav > ul > li > ul > li {
	clear: both; float: right;
}
#gnav > ul > li > ul > li > span > a {
	padding: 15px 20px; transition:background-color 0.2s linear; width: 180px; color: rgb(255, 255, 255); line-height: 140%; font-size: 83%; text-decoration: none; display: block; position: relative; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) #gnav > ul > li > ul > li:hover > span > a {
	background-color: rgba(255, 255, 255, 0.1);
}
#gnav > ul > li > ul > li.parent > span > a {
	background-color: rgba(255, 255, 255, 0.1);
}
html:not(.sp) #gnav > ul > li > ul > li > span > a:hover {
	background-color: rgb(159, 210, 91) !important;
}
#gnav > ul > li > ul > li.current > span > a {
	background-color: rgb(159, 210, 91) !important;
}
#gnav > ul > li > ul > li > ul {
	margin: 0px 0px 0px 180px; transition:width 0.2s ease-out, height 0.2s ease-out; top: 70px; width: 0px; height: 540px; overflow: hidden; display: block !important; position: fixed; background-color: rgba(47, 47, 47, 0.7); -moz-transition: width .2s ease-out, height .2s ease-out; -webkit-transition: width .2s ease-out, height .2s ease-out; -o-transition: width .2s ease-out, height .2s ease-out;
}
#gnav > ul > li > ul:hover > li > ul {
	height: 88%;
}
#gnav > ul > li > ul > li:hover > ul {
	width: 180px;
}
#gnav > ul > li > ul > li > ul > li {
	clear: both; float: right;
}
#gnav > ul > li > ul > li > ul > li > span > a {
	padding: 15px 20px; transition:background-color 0.2s linear; width: 180px; color: rgb(255, 255, 255); line-height: 140%; font-size: 83%; text-decoration: none; display: block; position: relative; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) #gnav > ul > li > ul > li > ul > li > span > a:hover {
	background-color: rgb(159, 210, 91);
}
#gnav > ul > li > ul > li > ul > li.current > span > a {
	background-color: rgb(159, 210, 91);
}
}
#gnav > ul > li.gnav-icon > span > a::after {
	margin: -12px 0px 0px; transition:opacity 0.2s linear; left: 15px; top: 50%; width: 24px; height: 24px; display: block; position: absolute; content: ""; opacity: 0.6; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px;
}
#gnav-icon-dept > span > a::after {
	background-position: -24px 0px;
}
#gnav-icon-study > span > a::after {
	background-position: -48px 0px;
}
#gnav-icon-campus > span > a::after {
	background-position: -72px 0px;
}
#gnav-icon-career > span > a::after {
	background-position: -96px 0px;
}
#gnav-icon-international > span > a::after {
	background-position: -120px 0px;
}
html:not(.sp) #gnav > ul > li > span > a:hover::after {
	opacity: 1;
}
#gnav > ul > li.current > span > a::after {
	opacity: 1;
}
#gnav > ul > li.parent > span > a::after {
	opacity: 1;
}
#sp-gnav-btn {
	display: none;
}
.sp-gnav-layer-btn {
	display: none;
}
#branding-container {
	padding: 40px 50% 0px 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: fixed; z-index: 1;
}
#branding-element {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: relative; background-image: url("../zhuye/images/loader.gif"); background-repeat: no-repeat; background-size: 60px 60px; background-color: rgb(34, 34, 34); -moz-background-size: 60px 60px; -webkit-background-size: 60px 60px; -o-background-size: 60px 60px; -ms-background-size: 60px 60px;
}
.branding-img {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover;
}
:not(:first-of-type).branding-img {
	display: none;
}
.branding-movie {
	left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; position: absolute;
}
.branding-movie video {
	left: 0px; top: 0px; height: 100%; position: absolute;
}
.branding-text {
	padding: 570px 30px 0px; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute;
}
.branding-text::before {
	background-position: left bottom; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; content: ""; background-image: url("../zhuye/images/branding_cover.png"); background-repeat: no-repeat; background-size: 100% 100%; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%;
}
.branding-text::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; content: "";
}
.branding-text p {
	padding: 0px; color: rgb(255, 255, 255); line-height: 140%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 240%; vertical-align: middle; display: inline-block; position: relative;
}
#heading-level1 {
	padding: 40px 6%; background-color: rgb(255, 255, 255);
}
#bread-crumb {
	margin: -20px 0px 0px; padding: 0px 0px 30px; overflow: hidden;
}
#bread-crumb li {
	line-height: 200%; font-size: 76%; float: left;
}
#bread-crumb li::before {
	margin: 0px 10px; width: 6px; height: 6px; border-top-color: rgb(153, 153, 153); border-right-color: rgb(153, 153, 153); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; display: inline-block; content: ""; opacity: 0.5; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
#bread-crumb li:first-of-type::before {
	display: none;
}
#bread-crumb a {
	text-decoration: none;
}
#heading-level1 h1 {
	padding: 0px 0px 10px; color: rgb(0, 0, 0); line-height: 140%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 180%; font-weight: 500; vertical-align: middle; display: inline-block;
}
#heading-level1-sub-text {
	margin: 0px 0px 10px 15px; padding: 0px 0px 0px 15px; color: rgb(112, 112, 112); line-height: 120%; font-size: 90%; vertical-align: middle; border-left-color: rgb(220, 228, 233); border-left-width: 1px; border-left-style: solid; display: inline-block;
}
#heading-level1-date {
	margin: 0px 0px -5px; padding: 0px; color: rgb(153, 153, 153); line-height: 160%; font-size: 83%;
}
#heading-level1-category {
	margin: -5px 0px 0px; padding: 0px; color: rgb(153, 153, 153); line-height: 160%; font-size: 90%;
}
#heading-level1-date + #heading-level1-category {
	margin-top: 5px;
}
#heading-level1-text {
	margin: 10px 0px -10px; padding: 0px; line-height: 180%; font-size: 96%;
}
#heading-level1-tag {
	padding: 0px; overflow: hidden; background-color: rgb(255, 255, 255);
}
#heading-level1-tag li {
	margin: 0px 2px 6px 0px; vertical-align: middle; display: inline-block;
}
#heading-level1-tag li a {
	padding: 0px 10px; border-radius: 30px; border: 2px solid rgb(117, 198, 155); transition:background-color 0.2s linear, color 0.2s linear, border 0.2s linear; border-image: none; color: rgb(85, 85, 85); line-height: 20px; overflow: hidden; font-size: 76%; text-decoration: none; display: block; -moz-transition: background-color .2s linear, color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, color .2s linear, border .2s linear; -o-transition: background-color .2s linear, color .2s linear, border .2s linear; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px;
}
html:not(.sp) #heading-level1-tag li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(159, 210, 91);
}
html:not(.sp) #heading-level1-tag li a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none;
}
#contents-container {
	padding: 40px 0px 0px; left: 50%; width: 50%; position: relative; z-index: 4;
}
article {
	background-color: rgb(244, 248, 251);
}
.contents-element {
	margin: 0px auto; padding: 40px 6% 20px; position: relative;
}
.contents-element.bg-color-gray {
	background-color: rgb(220, 228, 233);
}
.contents-element + :not(.bg-color-gray).contents-element {
	padding-top: 20px;
}
.contents-element.bg-color-gray + .contents-element.bg-color-gray {
	padding-top: 20px;
}
.contents-element img {
	margin: 0px auto; display: block;
}
.col-container {
	margin: 0px -3.5% 0px 0px; display: flex; position: relative; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.col-half {
	width: 46.66%; margin-right: 3.33%;
}
.col-one-third {
	width: 30%; margin-right: 3.33%;
}
.col-two-third {
	width: 63.33%; margin-right: 3.33%;
}
.col-half img {
	width: 100%;
}
.col-one-third img {
	width: 100%;
}
.col-two-third img {
	width: 100%;
}
.top-heading-level2 {
	padding: 0px 0px 30px; text-align: center; color: rgb(0, 0, 0); text-transform: uppercase; line-height: 140%; font-size: 180%; font-weight: 500;
}
.top-heading-level2 + .heading-sub-text {
	margin: -25px 0px 0px; padding: 0px 0px 30px; text-align: center; color: rgb(153, 153, 153); line-height: 140%; font-size: 90%;
}
.heading-level2 {
	padding: 0px; color: rgb(0, 0, 0); line-height: 140%; font-size: 150%; font-weight: 500; position: relative;
}
.heading-level2.box-heading-level2 {
	color: rgb(44, 154, 85); font-size: 120%; font-weight: bold;
}
.heading-level2.box-heading-level2::after {
	background-color: rgb(44, 154, 85);
}
.heading-level2::after {
	margin: 10px 0px 20px; width: 40px; height: 3px; display: block; content: ""; background-color: rgb(159, 210, 91);
}
.contents-element > :not(:first-child).heading-level2 {
	padding-top: 40px;
}
.contents-tab-element :not(:first-child).heading-level2 {
	padding-top: 40px;
}
heading-level2 .heading-sub-text {
	padding: 0px; color: rgb(153, 153, 153); line-height: 140%; font-size: 50%; display: block;
}
.heading-level3 {
	margin: 0px 0px 20px; padding: 20px 0px 10px; color: rgb(0, 0, 0); line-height: 140%; font-size: 130%; font-weight: 500; border-bottom-color: rgb(221, 221, 221); border-bottom-width: 1px; border-bottom-style: solid; position: relative;
}
.heading-level3::after {
	left: 0px; width: 100px; height: 1px; bottom: -1px; display: block; position: absolute; content: ""; background-color: rgb(159, 210, 91);
}
.heading-level2 + .heading-level3 {
	padding-top: 0px;
}
.box-text-container > :first-child.heading-level3 {
	padding-top: 0px;
}
.col-half > :first-child.heading-level3 {
	padding-top: 0px;
}
.col-one-third > :first-child.heading-level3 {
	padding-top: 0px;
}
.col-two-third > :first-child.heading-level3 {
	padding-top: 0px;
}
.heading-level4 {
	padding: 15px 0px; color: rgb(0, 0, 0); line-height: 140%; font-size: 110%; font-weight: bold;
}
.heading-level2 + .heading-level4 {
	padding-top: 0px;
}
.heading-level3 + .heading-level4 {
	padding-top: 0px;
}
.box-text-container > :first-child.heading-level4 {
	padding-top: 0px;
}
.col-half > :first-child.heading-level4 {
	padding-top: 0px;
}
.col-one-third > :first-child.heading-level4 {
	padding-top: 0px;
}
.col-two-third > :first-child.heading-level4 {
	padding-top: 0px;
}
.heading-level2 + .heading-sub-text {
	margin: -8px 0px 0px; color: rgb(0, 0, 0); font-size: 100%;
}
.heading-level3 + .heading-sub-text {
	margin: -9px 0px 0px; color: rgb(0, 0, 0); font-size: 100%;
}
.heading-level4 + .heading-sub-text {
	margin: -10px 0px 0px; color: rgb(0, 0, 0); font-size: 100%;
}
.btn {
	padding-right: 10px; display: inline-block;
}
.btn.btn-stretch {
	padding-right: 0px; display: block;
}
.btn.btn-position-center {
	text-align: center; padding-right: 0px; display: block;
}
.btn.btn-position-right {
	text-align: right; padding-right: 0px; display: block;
}
.btn.btn-position-top-right {
	top: 20px; right: 6%; padding-right: 0px; position: absolute;
}
:first-of-type.contents-element .btn.btn-position-top-right {
	top: 40px;
}
:first-of-type.contents-element.bg-color-gray .btn.btn-position-top-right {
	top: 40px;
}
section section .btn.btn-position-top-right {
	right: 0px;
}
.btn a {
	padding: 7px 20px; border-radius: 100px; border: 2px solid rgb(117, 198, 155); transition:background-color 0.2s linear, border 0.2s linear; border-image: none; text-align: center; line-height: 140%; overflow: hidden; font-size: 90%; text-decoration: none; display: block; position: relative; min-width: 100px; -moz-transition: background-color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, border .2s linear; -o-transition: background-color .2s linear, border .2s linear; -moz-border-radius: 100px; -webkit-border-radius: 100px; -o-border-radius: 100px; -ms-border-radius: 100px;
}
html:not(.sp) .btn a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none; color: rgb(255, 255, 255); background-color: rgb(159, 210, 91);
}
.btn.btn-position-center a {
	vertical-align: bottom; display: inline-block;
}
.btn.btn-position-right a {
	vertical-align: bottom; display: inline-block;
}
.btn.btn-icon a {
	padding-right: 40px;
}
.btn.btn-icon a::after {
	margin: -12px 0px 0px; top: 50%; width: 24px; height: 24px; right: 10px; display: block; position: absolute; content: ""; opacity: 0.6; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px;
}
.btn.btn-icon-view-all a::after {
	background-position: -72px -96px;
}
.btn.btn-icon-window a::after {
	background-position: -24px -96px;
}
.btn.btn-icon-pdf a::after {
	background-position: -48px -96px;
}
.btn.btn-icon-open a::after {
	background-position: -96px -96px;
}
.btn.btn-icon-close a::after {
	background-position: -120px -96px;
}
.btn.btn-icon-search a::after {
	background-position: -168px -96px;
}
html:not(.sp) .btn.btn-icon a:hover::after {
	opacity: 1;
}
html:not(.sp) .btn.btn-icon-view-all a:hover::after {
	background-position: -72px -48px;
}
html:not(.sp) .btn.btn-icon-window a:hover::after {
	background-position: -24px -48px;
}
html:not(.sp) .btn.btn-icon-pdf a:hover::after {
	background-position: -48px -48px;
}
html:not(.sp) .btn.btn-icon-open a:hover::after {
	background-position: -96px -48px;
}
html:not(.sp) .btn.btn-icon-close a:hover::after {
	background-position: -120px -48px;
}
html:not(.sp) .btn.btn-icon-search a:hover::after {
	background-position: -168px -48px;
}
.list-container {
	padding: 0px 0px 20px; line-height: 160%; font-size: 96%;
}
.list-container li {
	padding: 0px 0px 5px 1em; position: relative;
}
.list-container li::before {
	border-radius: 2px; left: 0.3em; top: 0.5em; width: 4px; height: 4px; display: block; position: absolute; content: ""; background-color: rgb(153, 153, 153); -moz-border-radius: 2px; -webkit-border-radius: 2px; -o-border-radius: 2px; -ms-border-radius: 2px;
}
.list-container ul {
	padding: 5px 0px 0px;
}
.link-list-container {
	padding: 0px 0px 15px; line-height: 160%; font-size: 96%;
}
.link-list-container li a {
	padding: 0px 0px 5px 25px; text-decoration: none; display: inline-block; position: relative;
}
.link-list-container li a::before {
	background-position: -4px -99px; border-radius: 50%; border: 1px solid rgb(0, 153, 68); border-image: none; left: 0px; top: 2px; width: 19px; height: 19px; display: block; position: absolute; content: ""; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.link-list-container .link-list-icon-window a::before {
	background-position: -27px -99px; border-radius: 0px; border: 0px currentColor; border-image: none; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}
.link-list-container .link-list-icon-pdf a::before {
	background-position: -51px -99px; border-radius: 0px; border: 0px currentColor; border-image: none; -moz-border-radius: 0; -webkit-border-radius: 0; -o-border-radius: 0; -ms-border-radius: 0;
}
.link-list-container ul {
	padding: 5px 0px 0px 25px;
}
.note-container {
	padding: 0px 0px 20px; line-height: 160%; font-size: 90%;
}
.note-container li {
	padding: 0px 0px 5px 1.3em; position: relative;
}
.note-container li::before {
	left: 0px; top: 0px; display: block; position: absolute; content: "※";
}
.contents-element ol {
	padding: 0px 0px 20px 2em; line-height: 160%; font-size: 96%;
}
.contents-element ol li {
	padding: 0px 0px 5px 0.5em; position: relative;
}
.employment-list-element {
	padding-bottom: 0px;
}
.employment-list-element > .box-element {
	background: rgb(244, 248, 251);
}
.employment-list-element .col-half .box-text-container {
	padding: 25px;
}
.employment-list-element .list-container {
	padding: 0px;
}
.table {
	margin: 0px 0px 20px; -ms-overflow-x: auto;
}
.table table {
	width: 100%; min-width: 600px;
}
.table th {
	padding: 10px 15px; line-height: 160%; font-size: 90%;
}
.table td {
	padding: 10px 15px; line-height: 160%; font-size: 90%;
}
.table thead th {
	color: rgb(0, 0, 0); background-color: rgb(220, 228, 233);
}
.table thead th:not(:last-of-type) {
	border-right-color: rgb(244, 248, 251); border-right-width: 1px; border-right-style: solid;
}
.table tbody th {
	color: rgb(0, 0, 0); background-color: rgb(230, 238, 243);
}
.table tbody tr:not(:last-of-type) th {
	border-bottom-color: rgb(255, 255, 255); border-bottom-width: 1px; border-bottom-style: solid;
}
.table td {
	background-color: rgb(255, 255, 255);
}
.table tr:not(:last-of-type) td {
	border-bottom-color: rgb(230, 238, 243); border-bottom-width: 1px; border-bottom-style: solid;
}
.table tr td:not(:last-of-type) {
	border-right-color: rgb(230, 238, 243); border-right-width: 1px; border-right-style: solid;
}
.caption-heading {
	color: rgb(0, 0, 0); line-height: 160%; font-weight: 500; margin-top: -5px;
}
.caption-text {
	color: rgb(112, 112, 112); line-height: 160%; font-size: 90%; margin-top: -5px;
}
.caption-heading + .caption-text {
	margin-top: -10px;
}
.box-element {
	margin-bottom: 20px; position: relative; background-color: rgb(255, 255, 255);
}
.box-element > a {
	height: 100%; text-decoration: none; display: block;
}
.box-element > a::before {
	transition:background-color 0.2s linear; width: 100%; height: 100%; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) .box-element > a:hover::before {
	background-color: rgb(159, 210, 91);
}
.box-img-container {
	overflow: hidden; position: relative;
}
.box-img {
	padding: 0px; transition:transform 0.2s ease-out; width: 100%; -moz-transition: -moz-transform .2s ease-out; -webkit-transition: -webkit-transform .2s ease-out; -o-transition: -o-transform .2s ease-out;
}
html:not(.sp) .box-element > a:hover .box-img {
	transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1);
}
.box-text-container {
	padding: 25px 25px 5px;
}
.col-half .box-text-container {
	padding: 15px 15px 0px; min-height: 200px;
}
.col-one-third .box-text-container {
	padding: 15px 15px 0px; min-height: 200px;
}
.col-two-third .box-text-container {
	padding: 15px 15px 0px; min-height: 200px;
}
:not(.view-movie).box-element > a > .box-text-container {
	padding-bottom: 30px;
}
.box-img img {
	width: 100%;
}
.col-half .box-img-container ~ .box-text-container {
	min-height: 0px;
}
.col-one-third .box-img-container ~ .box-text-container {
	min-height: 0px;
}
.col-two-third .box-img-container ~ .box-text-container {
	min-height: 0px;
}
.box-category {
	margin: -35px 15px 0px 0px; padding: 5px 0px; width: 60px; height: 70px; float: right; display: table; position: relative; z-index: 1;
}
.box-category p {
	padding: 0px 5px; border-radius: 50%; width: 60px; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 140%; font-size: 67%; vertical-align: middle; display: table-cell; background-color: rgb(0, 153, 68); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.box-category.course-color1 p {
	background-color: rgb(207, 146, 135) !important;
}
.box-category.course-color2 p {
	background-color: rgb(125, 133, 178) !important;
}
.box-category.course-color3 p {
	background-color: rgb(210, 81, 108) !important;
}
.box-category.course-color4 p {
	background-color: rgb(112, 166, 140) !important;
}
.box-category.course-color5 p {
	background-color: rgb(222, 131, 81) !important;
}
.box-category.course-color6 p {
	background-color: rgb(109, 155, 196) !important;
}
.box-category.course-color7 p {
	background-color: rgb(137, 189, 111) !important;
}
.box-category.course-color8 p {
	background-color: rgb(179, 189, 111) !important;
}
.box-category.course-color9 p {
	background-color: rgb(124, 171, 86) !important;
}
.img-half .box-category {
	margin: -35px 0px 0px -30px; left: 0px; top: 50%; position: absolute;
}
.img-one-third .box-category {
	margin: -35px 0px 0px -30px; left: 0px; top: 50%; position: absolute;
}
.img-two-third .box-category {
	margin: -35px 0px 0px -30px; left: 0px; top: 50%; position: absolute;
}
.img-half .box-category {
	left: 51.75%;
}
.img-one-third .box-category {
	left: 69%;
}
.img-half .box-img-container ~ .box-category {
	left: 48.25%;
}
.img-one-third .box-img-container ~ .box-category {
	left: 31%;
}
.img-half .box-category ~ .box-text-container {
	padding-right: 45px;
}
.img-one-third .box-category ~ .box-text-container {
	padding-right: 45px;
}
.img-half .box-img-container ~ .box-category ~ .box-text-container {
	padding-left: 45px;
}
.img-one-third .box-img-container ~ .box-category ~ .box-text-container {
	padding-left: 45px;
}
.box-element > a .box-text-container p {
	color: rgb(85, 85, 85);
}
.box-text-container p {
	width: 100%; overflow: hidden; position: relative;
}
.box-heading {
	color: rgb(0, 0, 0) !important; line-height: 160%; font-size: 110%; font-weight: bold;
}
.col-half .box-heading {
	font-size: 96%; font-weight: normal;
}
.col-one-third .box-heading {
	font-size: 96%; font-weight: normal;
}
.col-two-third .box-heading {
	font-size: 96%; font-weight: normal;
}
.box-heading + p {
	margin-top: -10px;
}
.box-text-container .box-date {
	padding: 0px 0px 5px; width: auto; color: rgb(0, 153, 68); line-height: 160%; font-size: 76%; text-decoration: none; float: left;
}
.box-element > a .box-text-container .box-date {
	color: rgb(0, 153, 68);
}
.box-text {
	color: rgb(85, 85, 85); line-height: 160%; font-size: 90%;
}
.box-element > a .box-text-container .box-text {
	color: rgb(85, 85, 85);
}
.box-sub-text {
	margin: -25px 0px 0px; color: rgb(112, 112, 112); line-height: 160%; font-size: 83%; text-decoration: none;
}
.box-element > a .box-text-container .box-sub-text {
	color: rgb(112, 112, 112);
}
.box-sub-text::before {
	margin: 15px 0px 10px; width: 40px; height: 3px; display: block; content: ""; background-color: rgb(159, 210, 91);
}
.box-heading + .box-sub-text {
	margin-top: -25px;
}
html:not(.sp) .box-element > a .box-text-container p {
	transition:color 0.2s linear; -moz-transition: color .2s linear; -webkit-transition: color .2s linear; -o-transition: color .2s linear;
}
html:not(.sp) .box-element > a:hover .box-text-container p {
	color: rgb(255, 255, 255) !important;
}
html:not(.sp) .box-element > a .box-sub-text::before {
	transition:background-color 0.2s linear; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) .box-element > a:hover .box-sub-text::before {
	background-color: rgb(255, 255, 255) !important;
}
.view-movie > a .box-img-container::after {
	margin: -9px 0px 0px -3px; left: 50%; top: 50%; width: 0px; height: 0px; border-top-color: transparent; border-bottom-color: transparent; border-left-color: rgb(255, 255, 255); border-top-width: 9px; border-bottom-width: 9px; border-left-width: 9px; border-top-style: solid; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; z-index: 1; content: "";
}
.view-movie > a .box-img::before {
	border-radius: 50%; transition:background-color 0.2s linear; left: 50%; top: 50%; display: block; position: absolute; z-index: 1; content: ""; background-color: rgb(0, 153, 68); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.view-movie > a .box-img::after {
	border-radius: 50%; transition:background-color 0.2s linear; left: 50%; top: 50%; display: block; position: absolute; z-index: 1; content: ""; background-color: rgb(0, 153, 68); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.view-movie > a .box-img::before {
	margin: -25px 0px 0px -25px; width: 50px; height: 50px; opacity: 0.5; background-color: rgb(0, 153, 68);
}
.view-movie > a .box-img::after {
	margin: -18px 0px 0px -18px; width: 36px; height: 36px;
}
html:not(.sp) .view-movie > a:hover .box-img::before {
	background-color: rgb(159, 210, 91);
}
html:not(.sp) .view-movie > a:hover .box-img::after {
	background-color: rgb(159, 210, 91);
}
.img-half {
	overflow: hidden; position: relative;
}
.img-one-third {
	overflow: hidden; position: relative;
}
.img-half::after {
	width: 0px; height: 200px; vertical-align: middle; display: inline-block; content: "";
}
.img-one-third::after {
	width: 0px; height: 200px; vertical-align: middle; display: inline-block; content: "";
}
.img-half > a {
	width: 100%; float: left;
}
.img-one-third > a {
	width: 100%; float: left;
}
.img-half > a::after {
	width: 0px; height: 200px; vertical-align: middle; display: inline-block; content: "";
}
.img-one-third > a::after {
	width: 0px; height: 200px; vertical-align: middle; display: inline-block; content: "";
}
.img-half ~ .col-container + .img-half {
	margin-top: 40px;
}
.img-one-third ~ .col-container + .img-one-third {
	margin-top: 40px;
}
.img-half ~ p + .img-half {
	margin-top: 40px;
}
.img-one-third ~ p + .img-one-third {
	margin-top: 40px;
}
.btn + .img-one-third {
	margin-top: 0px !important;
}
:not(.view-movie).box-element > a .box-text-container::after {
	background-position: 0px -72px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; width: 25px; height: 25px; bottom: 15px; display: block; position: absolute; content: ""; opacity: 0.3; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
html:not(.sp) :not(.view-movie).box-element > a:hover .box-text-container::after {
	background-position: 0px -48px; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
:not(.view-movie).box-element.box-icon-window > a .box-text-container::after {
	background-position: -24px -72px;
}
:not(.view-movie).box-element.box-icon-pdf > a .box-text-container::after {
	background-position: -48px -72px;
}
:not(.view-movie).box-element.view-img > a .box-text-container::after {
	background-position: -144px -72px;
}
html:not(.sp) :not(.view-movie).box-element.box-icon-window > a:hover .box-text-container::after {
	background-position: -24px -48px;
}
html:not(.sp) :not(.view-movie).box-element.box-icon-pdf > a:hover .box-text-container::after {
	background-position: -48px -48px;
}
html:not(.sp) :not(.view-movie).box-element.view-img > a:hover .box-text-container::after {
	background-position: -144px -48px;
}
.img-half .box-img-container {
	top: 0px; width: 48.25%; height: 100%; overflow: hidden; position: absolute;
}
.img-one-third .box-img-container {
	top: 0px; width: 31%; height: 100%; position: absolute;
}
.img-half :first-child.box-img-container {
	left: 0px;
}
.img-one-third :first-child.box-img-container {
	left: 0px;
}
.img-half .box-text-container ~ .box-img-container {
	right: 0px;
}
.img-one-third .box-text-container ~ .box-img-container {
	right: 0px;
}
.img-half .box-img {
	background-position: center 10%; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover;
}
.img-one-third .box-img {
	background-position: center 10%; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover;
}
.img-half .box-text-container {
	width: 51.75%; padding-right: 3.5%; vertical-align: middle; display: inline-block;
}
.img-half .box-img-container ~ .box-text-container {
	margin: 0px 0px 0px 48.25%; width: 50%; padding-right: 15px; padding-left: 3.5%;
}
.img-one-third .box-text-container {
	padding: 25px 25px 5px; width: 69%; vertical-align: middle; display: inline-block;
}
.img-one-third .box-img-container ~ .box-text-container {
	margin: 0px 0px 0px 31%; width: 67%; padding-right: 15px;
}
.course-box-element .course-box-heading {
	position: relative; background-color: rgb(0, 153, 68);
}
.course-box-element .course-box-heading p {
	padding: 5px 40px 5px 25px; height: 55px; color: rgb(255, 255, 255); line-height: 140%; font-size: 100%; font-weight: 500; vertical-align: middle; display: table-cell;
}
.col-half.course-box-element .course-box-heading p {
	padding-left: 15px;
}
.col-one-third.course-box-element .course-box-heading p {
	padding-left: 15px;
}
.course-box-element > a .course-box-heading p::after {
	background-position: 0px -48px; margin: -13px 0px 0px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; top: 50%; width: 25px; height: 25px; right: 10px; display: block; position: absolute; content: ""; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
:not(.view-movie).course-box-element .box-text-container {
	padding-bottom: 0px !important; min-height: 100px !important;
}
:not(.view-movie).course-box-element .box-text-container::after {
	display: none !important;
}
.course-box-element.course-color1 .course-box-heading {
	background-color: rgb(207, 146, 135) !important;
}
.course-box-element.course-color1 .box-sub-text::before {
	background-color: rgb(207, 146, 135) !important;
}
.course-box-element.course-color2 .course-box-heading {
	background-color: rgb(125, 133, 178) !important;
}
.course-box-element.course-color2 .box-sub-text::before {
	background-color: rgb(125, 133, 178) !important;
}
.course-box-element.course-color3 .course-box-heading {
	background-color: rgb(210, 81, 108) !important;
}
.course-box-element.course-color3 .box-sub-text::before {
	background-color: rgb(210, 81, 108) !important;
}
.course-box-element.course-color4 .course-box-heading {
	background-color: rgb(112, 166, 140) !important;
}
.course-box-element.course-color4 .box-sub-text::before {
	background-color: rgb(112, 166, 140) !important;
}
.course-box-element.course-color5 .course-box-heading {
	background-color: rgb(222, 131, 81) !important;
}
.course-box-element.course-color5 .box-sub-text::before {
	background-color: rgb(222, 131, 81) !important;
}
.course-box-element.course-color6 .course-box-heading {
	background-color: rgb(109, 155, 196) !important;
}
.course-box-element.course-color6 .box-sub-text::before {
	background-color: rgb(109, 155, 196) !important;
}
.course-box-element.course-color7 .course-box-heading {
	background-color: rgb(137, 189, 111) !important;
}
.course-box-element.course-color7 .box-sub-text::before {
	background-color: rgb(137, 189, 111) !important;
}
.course-box-element.course-color8 .course-box-heading {
	background-color: rgb(179, 189, 111) !important;
}
.course-box-element.course-color8 .box-sub-text::before {
	background-color: rgb(179, 189, 111) !important;
}
.course-box-element.course-color9 .course-box-heading {
	background-color: rgb(124, 171, 86) !important;
}
.course-box-element.course-color9 .box-sub-text::before {
	background-color: rgb(124, 171, 86) !important;
}
html:not(.sp) .course-box-element.course-color1 > a:hover::before {
	background-color: rgb(217, 168, 159) !important;
}
html:not(.sp) .course-box-element.course-color2 > a:hover::before {
	background-color: rgb(151, 158, 194) !important;
}
html:not(.sp) .course-box-element.course-color3 > a:hover::before {
	background-color: rgb(219, 116, 137) !important;
}
html:not(.sp) .course-box-element.course-color4 > a:hover::before {
	background-color: rgb(141, 184, 163) !important;
}
html:not(.sp) .course-box-element.course-color5 > a:hover::before {
	background-color: rgb(229, 156, 116) !important;
}
html:not(.sp) .course-box-element.course-color6 > a:hover::before {
	background-color: rgb(138, 175, 208) !important;
}
html:not(.sp) .course-box-element.course-color7 > a:hover::before {
	background-color: rgb(161, 202, 140) !important;
}
html:not(.sp) .course-box-element.course-color8 > a:hover::before {
	background-color: rgb(194, 202, 140) !important;
}
html:not(.sp) .course-box-element.course-color9 > a:hover::before {
	background-color: rgb(155, 187, 117) !important;
}
.sns-box-element {
	padding: 30px 0px; overflow: hidden;
}
.sns-box-element .sns-box-list-container {
	float: left;
}
.sns-box-element .sns-box-list-container > li {
	margin: 0px 5px 0px 0px; width: 52px; vertical-align: top; display: inline-block;
}
.sns-box-element .sns-box-list-container > li > a {
	display: block;
}
.sns-box-element .sns-box-list-container > li > a {
	transition:0.3s; display: block; -webkit-transition: all .3s;
}
.sns-box-element .sns-box-list-container > li > a:hover {
	opacity: 0.7;
}
.sns-box-element .sns-box-text-container {
	overflow: hidden;
}
.sns-box-element .sns-box-text-container::before {
	width: 0px; height: 52px; margin-left: -0.3em; vertical-align: middle; display: inline-block; content: "";
}
.sns-box-element .sns-box-text-container p {
	padding: 0px 0px 0px 15px; line-height: 150%; font-size: 83%; vertical-align: middle; display: inline-block;
}
.graph-img-box {
	background: rgb(244, 248, 251);
}
.graph-img-box .box-img-container .box-img img {
	width: auto;
}
.contact-box-element {
	margin-top: 20px;
}
.contact-box-heading-container {
	width: 31%; text-align: center; vertical-align: middle; display: inline-block;
}
.contact-box-heading-container::before {
	margin: 0px 0px 0px -0.3em; width: 0px; height: 130px; vertical-align: middle; display: inline-block; content: "";
}
.contact-box-heading-container::after {
	left: 0px; top: 0px; width: 31%; height: 100%; position: absolute; content: ""; background-color: rgb(230, 238, 243);
}
.contact-box-heading {
	padding: 15px; vertical-align: middle; display: inline-block; position: relative; z-index: 1;
}
.contact-box-heading-text {
	padding: 0px; color: rgb(0, 0, 0); line-height: 160%; font-size: 100%;
}
.contact-box-heading-sub-text {
	padding: 0px; color: rgb(112, 112, 112); line-height: 160%; font-size: 90%;
}
.contact-box-text-container {
	width: 67%; text-align: center; vertical-align: middle; display: inline-block;
}
.contact-box-text-container dl {
	padding: 15px; text-align: left; color: rgb(0, 153, 68); overflow: hidden; vertical-align: middle; display: inline-block;
}
.contact-box-text-container dl dt {
	color: rgb(112, 112, 112); line-height: 30px; clear: both; font-size: 90%; float: left; min-width: 4em;
}
.contact-box-text-container dl dd {
	line-height: 30px; overflow: hidden; font-size: 120%; font-weight: bold; float: left;
}
.contact-box-text-container dl .contact-box-text-tel {
	font-size: 150%;
}
.contact-box-text-container dl .contact-box-text-address {
	padding: 0.3em 0px; color: rgb(85, 85, 85); line-height: 160%; font-size: 90%; font-weight: normal;
}
.contact-box-text-container dl a {
	text-decoration: none;
}
html:not(.sp) .contact-box-text-container dl .contact-box-text-tel a {
	display: none;
}
.sp .contact-box-text-container dl .contact-box-text-tel span {
	display: none;
}
.anc-container {
	display: flex; position: relative; flex-wrap: wrap; background-color: rgb(230, 238, 243); -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.anc-container::after {
	left: 0px; width: 100%; height: 1px; bottom: 0px; display: block; position: absolute; content: ""; background-color: rgb(244, 248, 251);
}
.anc-container li {
	border-right-color: rgb(244, 248, 251); border-bottom-color: rgb(244, 248, 251); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; position: relative;
}
.anc-col-half {
	width: 50%;
}
.anc-col-one-third {
	width: 33.33%;
}
.anc-col-quarter {
	width: 25%;
}
:nth-of-type(2n+2).anc-col-half {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(3n+3).anc-col-one-third {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(4n+4).anc-col-quarter {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.anc-container li a {
	transition:color 0.2s linear; width: 100%; height: 100%; text-align: center; color: rgb(85, 85, 85); line-height: 140%; font-size: 90%; text-decoration: none; display: block; -moz-transition: color .2s linear; -webkit-transition: color .2s linear; -o-transition: color .2s linear;
}
.anc-container li a::before {
	transition:background-color 0.2s linear; width: 100%; height: 100%; display: block; position: absolute; content: ""; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) .anc-container li a:hover {
	color: rgb(255, 255, 255);
}
html:not(.sp) .anc-container li a:hover::before {
	background-color: rgb(167, 207, 93);
}
.anc-container li a::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; min-height: 60px; content: "";
}
.anc-container li span {
	padding: 10px 40px 10px 15px; width: 100%; vertical-align: middle; display: inline-block; position: relative;
}
.anc-container li span::before {
	background-position: 0px -72px; margin: -12.5px 0px 0px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; top: 50%; width: 25px; height: 25px; right: 10px; display: block; position: absolute; content: ""; opacity: 0.3; transform: rotate(90deg); background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
}
html:not(.sp) .anc-container li a:hover span::before {
	background-position: 0px -48px; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
.box-tab-container > ul {
	display: flex; position: relative; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.contents-tab-container > ul {
	display: flex; position: relative; flex-wrap: wrap; -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.box-tab-container > ul {
	background-color: rgb(220, 228, 233);
}
.contents-tab-container > ul {
	background-color: rgb(230, 238, 243);
}
.box-tab-container > ul li {
	position: relative;
}
.contents-tab-container > ul li {
	position: relative;
}
.box-tab-container > ul li {
	border-right-color: rgb(230, 238, 243); border-right-width: 1px; border-right-style: solid;
}
.contents-tab-container > ul li {
	border-right-color: rgb(244, 248, 251); border-right-width: 1px; border-right-style: solid;
}
.box-tab-col-half {
	width: 50%;
}
.contents-tab-col-half {
	width: 50%;
}
.box-tab-col-one-third {
	width: 33.33%;
}
.contents-tab-col-one-third {
	width: 33.33%;
}
.box-tab-col-quarter {
	width: 25%;
}
.contents-tab-col-quarter {
	width: 25%;
}
:nth-of-type(2n+2).box-tab-col-half {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(2n+2).contents-tab-col-half {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(3n+3).box-tab-col-one-third {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(3n+3).contents-tab-col-one-third {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(4n+4).box-tab-col-quarter {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(4n+4).contents-tab-col-quarter {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.box-tab-container > ul li a {
	width: 100%; height: 100%; text-align: center; color: rgb(85, 85, 85); line-height: 140%; font-size: 90%; text-decoration: none; display: block;
}
.contents-tab-container > ul li a {
	width: 100%; height: 100%; text-align: center; color: rgb(85, 85, 85); line-height: 140%; font-size: 90%; text-decoration: none; display: block;
}
.box-tab-container > ul li a::before {
	transition:background-color 0.2s linear; width: 100%; height: 100%; display: block; position: absolute; content: ""; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
.contents-tab-container > ul li a::before {
	transition:background-color 0.2s linear; width: 100%; height: 100%; display: block; position: absolute; content: ""; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
.box-tab-container > ul li a:hover {
	color: rgb(85, 85, 85);
}
.contents-tab-container > ul li a:hover {
	color: rgb(85, 85, 85);
}
html:not(.sp) .box-tab-container > ul li a:hover::before {
	background-color: rgb(230, 238, 243) !important;
}
.box-tab-container > ul .current a::before {
	background-color: rgb(230, 238, 243) !important;
}
html:not(.sp) .contents-tab-container > ul li a:hover::before {
	background-color: rgb(244, 248, 251) !important;
}
.contents-tab-container > ul .current a::before {
	background-color: rgb(244, 248, 251) !important;
}
.box-tab-container > ul li a::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; min-height: 60px; content: "";
}
.contents-tab-container > ul li a::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; min-height: 60px; content: "";
}
.box-tab-container > ul li span {
	padding: 10px 15px; width: 100%; vertical-align: middle; display: inline-block; position: relative;
}
.contents-tab-container > ul li span {
	padding: 10px 15px; width: 100%; vertical-align: middle; display: inline-block; position: relative;
}
.box-tab-element {
	padding: 30px 6% 10px; background-color: rgb(230, 238, 243);
}
:not(.current).box-tab-element {
	display: none;
}
:not(.current).contents-tab-element {
	display: none;
}
.select-box {
	margin: 0px auto 20px; width: 100%; overflow: hidden; position: relative; max-width: 480px; background-color: rgb(255, 255, 255);
}
.select-box::before {
	margin: -7px 0px 0px; top: 50%; width: 9px; height: 9px; right: 12px; border-right-color: rgb(0, 0, 0); border-bottom-color: rgb(0, 0, 0); border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; display: block; position: absolute; content: ""; opacity: 0.3; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
select {
	padding: 0px 30px 0px 15px; border: 0px currentColor; border-image: none; width: 100%; height: 40px; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif; font-size: 90%; position: relative; background-color: transparent; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none;
}
select::-ms-expand {
	display: none;
}
.pagination-container {
	display: flex; position: relative; flex-wrap: wrap; background-color: rgb(230, 238, 243); -moz-flex-wrap: wrap; -webkit-flex-wrap: wrap;
}
.pagination-container li {
	width: 33.33%; border-right-color: rgb(244, 248, 251); border-right-width: 1px; border-right-style: solid; position: relative;
}
.pagination-container li:nth-of-type(3n+3) {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.pagination-container li a {
	transition:color 0.2s linear; width: 100%; height: 100%; text-align: center; color: rgb(85, 85, 85); line-height: 140%; font-size: 90%; text-decoration: none; display: block; -moz-transition: color .2s linear; -webkit-transition: color .2s linear; -o-transition: color .2s linear;
}
.pagination-container li a::before {
	transition:background-color 0.2s linear; width: 100%; height: 100%; display: block; position: absolute; content: ""; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) .pagination-container li a:hover {
	color: rgb(255, 255, 255);
}
html:not(.sp) .pagination-container li a:hover::before {
	background-color: rgb(167, 207, 93);
}
.pagination-container li a::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; min-height: 60px; content: "";
}
.pagination-container li span {
	padding: 10px 40px 10px 15px; width: 100%; vertical-align: middle; display: inline-block; position: relative;
}
.pagination-container .pagination-icon-back span {
	padding: 10px 15px 10px 40px;
}
.pagination-container li span::before {
	margin: -12.5px 0px 0px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; top: 50%; width: 25px; height: 25px; right: 10px; display: block; position: absolute; content: ""; opacity: 0.3; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.pagination-container .pagination-icon-back span::before {
	background-position: 0px -72px; left: 10px; right: auto; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.pagination-container .pagination-icon-next span::before {
	background-position: 0px -72px;
}
.pagination-container .pagination-icon-view-all span::before {
	background-position: -72px -72px; border: 0px currentColor; border-image: none;
}
html:not(.sp) .pagination-container .pagination-icon-back a:hover span::before {
	background-position: 0px -48px; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
html:not(.sp) .pagination-container .pagination-icon-next a:hover span::before {
	background-position: 0px -48px; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
html:not(.sp) .pagination-container .pagination-icon-view-all a:hover span::before {
	background-position: -72px -48px; opacity: 1;
}
.page-num-container {
	text-align: center; letter-spacing: -0.4em; overflow: hidden; position: relative; background-color: rgb(230, 238, 243);
}
.page-num-container li {
	width: 7%; text-align: center; color: rgb(170, 170, 170); line-height: 140%; letter-spacing: normal; font-size: 90%; border-right-color: rgb(244, 248, 251); border-right-width: 1px; border-right-style: solid; display: inline-block; position: relative;
}
.page-num-container li:nth-of-type(11) {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
.page-num-container .page-num-icon-back {
	width: 18.5%;
}
.page-num-container .page-num-icon-next {
	width: 18.5%;
}
.page-num-container li:first-of-type::after {
	left: -1px; top: 0px; width: 1px; height: 100%; position: absolute; content: ""; background-color: rgb(244, 248, 251);
}
.page-num-container li::before {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; min-height: 60px; content: "";
}
.page-num-container li a {
	transition:color 0.2s linear; width: 100%; height: 100%; color: rgb(85, 85, 85); text-decoration: none; display: inline-block; -moz-transition: color .2s linear; -webkit-transition: color .2s linear; -o-transition: color .2s linear;
}
.page-num-container li a::before {
	transition:background-color 0.2s linear; width: 100%; height: 100%; display: block; position: absolute; content: ""; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) .page-num-container li a:hover {
	color: rgb(255, 255, 255);
}
.page-num-container li.current a {
	color: rgb(255, 255, 255);
}
html:not(.sp) .page-num-container li a:hover::before {
	background-color: rgb(167, 207, 93);
}
.page-num-container li.current a::before {
	background-color: rgb(167, 207, 93);
}
.page-num-container li a::after {
	width: 0px; height: 100%; vertical-align: middle; display: inline-block; min-height: 60px; content: "";
}
.page-num-container li span {
	width: 100%; vertical-align: middle; display: inline-block; position: relative;
}
.page-num-container .page-num-icon-back span {
	padding: 10px 5px 10px 35px;
}
.page-num-container .page-num-icon-next span {
	padding: 10px 35px 10px 5px;
}
.page-num-container .page-num-icon-back span::before {
	margin: -12.5px 0px 0px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; top: 50%; width: 25px; height: 25px; right: 10px; display: block; position: absolute; content: ""; opacity: 0.3; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.page-num-container .page-num-icon-next span::before {
	margin: -12.5px 0px 0px; border-radius: 50%; border: 1px solid rgb(0, 0, 0); border-image: none; top: 50%; width: 25px; height: 25px; right: 10px; display: block; position: absolute; content: ""; opacity: 0.3; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.page-num-container .page-num-icon-back span::before {
	background-position: 0px -72px; left: 10px; right: auto; transform: rotate(180deg); -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.page-num-container .page-num-icon-next span::before {
	background-position: 0px -72px;
}
html:not(.sp) .page-num-container .page-num-icon-back a:hover span::before {
	background-position: 0px -48px; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
html:not(.sp) .page-num-container .page-num-icon-next a:hover span::before {
	background-position: 0px -48px; border: 1px solid rgb(255, 255, 255); border-image: none; opacity: 1;
}
.urgency-container {
	padding: 40px 6% 20px; background-color: rgb(255, 255, 255);
}
.urgency-heading {
	padding: 0px 0px 20px; text-align: center; color: rgb(0, 0, 0); line-height: 140%; font-size: 130%; font-weight: 500;
}
.urgency-heading::before {
	margin: 0px 10px 0px 0px; border-radius: 50%; border: 1px solid rgb(204, 0, 34); border-image: none; width: 1.3em; height: 1.3em; color: rgb(204, 0, 34); line-height: 1.3em; font-size: 83%; display: inline-block; content: "!";
}
.urgency-date {
	padding: 0px 0px 5px; color: rgb(153, 153, 153); line-height: 160%; font-size: 76%; text-decoration: none;
}
.urgency-text {
	padding: 0px 0px 20px 25px; color: rgb(0, 0, 0); line-height: 160%; position: relative;
}
.urgency-text a::before {
	background-position: -4px -99px; border-radius: 50%; border: 1px solid rgb(0, 153, 68); border-image: none; left: 0px; top: 2px; width: 19px; height: 19px; display: block; position: absolute; content: ""; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.urgency-text a {
	font-weight: 500; text-decoration: none;
}
.urgency-sub-text {
	padding: 0px 0px 20px; color: rgb(85, 85, 85); line-height: 160%; font-size: 90%;
}
.urgency-text + .urgency-sub-text {
	padding-left: 25px; margin-top: -15px;
}
#page-top-btn {
	padding: 0px; transition:bottom 0.2s ease-out; width: 40px; right: 0px; bottom: -40px; position: fixed; z-index: 5; -moz-transition: bottom .2s ease-out; -webkit-transition: bottom .2s ease-out; -o-transition: bottom .2s ease-out;
}
.scroll#page-top-btn {
	bottom: 0px;
}
#page-top-btn a {
	transition:background-color 0.2s linear; height: 40px; text-indent: -9999px; overflow: hidden; display: block; background-color: rgb(0, 153, 68); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
html:not(.sp) #page-top-btn a:hover {
	background-color: rgb(159, 210, 91);
}
#page-top-btn a::before {
	left: 19px; top: 12px; width: 1px; height: 17px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#page-top-btn a::after {
	left: 15px; top: 12px; width: 9px; height: 9px; border-top-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-top-width: 1px; border-left-width: 1px; border-top-style: solid; border-left-style: solid; display: block; position: absolute; content: ""; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.promotion-container {
	width: 100%; height: 0px; overflow: hidden; padding-bottom: 37.5%; position: relative;
}
.promotion-element li {
	overflow: hidden; background-color: rgb(0, 0, 0);
}
.promotion-element li a {
	transition:opacity 0.2s linear; display: block; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear;
}
html:not(.sp) .promotion-element a:hover {
	opacity: 0.8;
}
.promotion-element img {
	width: 100%;
}
.promotion-pagenation {
	left: 0px; width: 100%; height: 0px; text-align: center; bottom: 0px; line-height: 0; position: absolute;
}
.promotion-pagenation ol {
	padding: 0px;
}
.promotion-pagenation li {
	margin: 0px 8px; top: -30px; width: 10px; height: 10px; vertical-align: middle; display: inline-block; position: relative;
}
.promotion-pagenation li a {
	border-radius: 50%; transition:background-color 0.2s linear; width: 10px; height: 10px; text-align: left; text-indent: -9999px; overflow: hidden; display: block; background-color: rgb(255, 255, 255); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
html:not(.sp) .promotion-pagenation a:not(.flex-active):hover {
	background-color: rgb(159, 210, 91);
}
.promotion-pagenation .flex-active {
	background-color: transparent;
}
.promotion-pagenation .flex-active::before {
	border-radius: 50%; display: block; position: absolute; content: ""; background-color: rgb(0, 153, 68); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.promotion-pagenation .flex-active::after {
	border-radius: 50%; display: block; position: absolute; content: ""; background-color: rgb(0, 153, 68); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.promotion-pagenation .flex-active::before {
	left: -5px; top: -5px; width: 20px; height: 20px; opacity: 0.5;
}
.promotion-pagenation .flex-active::after {
	left: 0px; top: 0px; width: 10px; height: 10px;
}
.promotion-btn-back {
	margin: -20px 0px 0px; top: 50%; width: 40px; height: 40px; display: block; position: absolute;
}
.promotion-btn-next {
	margin: -20px 0px 0px; top: 50%; width: 40px; height: 40px; display: block; position: absolute;
}
.promotion-btn-back {
	left: 3%;
}
.promotion-btn-next {
	right: 3%;
}
.promotion-btn-back a {
	border-radius: 50%; border: 2px solid rgb(255, 255, 255); transition:background-color 0.2s linear, border 0.2s linear; border-image: none; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; display: block; -moz-transition: background-color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, border .2s linear; -o-transition: background-color .2s linear, border .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.promotion-btn-next a {
	border-radius: 50%; border: 2px solid rgb(255, 255, 255); transition:background-color 0.2s linear, border 0.2s linear; border-image: none; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; display: block; -moz-transition: background-color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, border .2s linear; -o-transition: background-color .2s linear, border .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.promotion-btn-back a::before {
	left: 11px; top: 20px; width: 17px; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.promotion-btn-next a::before {
	left: 11px; top: 20px; width: 17px; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.promotion-btn-back a::after {
	left: 12px; top: 16px; width: 9px; height: 9px; border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: ""; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.promotion-btn-next a::after {
	top: 16px; width: 9px; height: 9px; right: 12px; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; display: block; position: absolute; content: ""; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
html:not(.sp) .promotion-btn-back a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none; background-color: rgb(159, 210, 91);
}
html:not(.sp) .promotion-btn-next a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none; background-color: rgb(159, 210, 91);
}
.nodai-now-container-tag {
	padding: 0px 0px 20px; text-align: center; overflow: hidden;
}
.nodai-now-container-tag li {
	margin: 0px 1px 6px; vertical-align: middle; display: inline-block;
}
.nodai-now-container-tag li:nth-of-type(n+7):not(.nodai-now-container-tag-more-btn) {
	display: none;
}
.nodai-now-container-tag.nodai-now-container-tag-open li:nth-of-type(n+7) {
	display: inline-block;
}
:nth-child(-n+7).nodai-now-container-tag-more-btn {
	display: none !important;
}
.nodai-now-container-tag li a {
	padding: 0px 10px; border-radius: 30px; border: 2px solid rgb(117, 198, 155); transition:background-color 0.2s linear, color 0.2s linear, border 0.2s linear; border-image: none; color: rgb(85, 85, 85); line-height: 25px; overflow: hidden; font-size: 83%; text-decoration: none; display: block; -moz-transition: background-color .2s linear, color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, color .2s linear, border .2s linear; -o-transition: background-color .2s linear, color .2s linear, border .2s linear; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px;
}
html:not(.sp) .nodai-now-container-tag li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(159, 210, 91);
}
html:not(.sp) .nodai-now-container-tag li:not(.nodai-now-container-tag-more-btn) a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none;
}
.nodai-now-container-tag .nodai-now-container-tag-more-btn a {
	background-position: -93px -45px; border: 0px currentColor; border-image: none; width: 29px; height: 29px; text-indent: -9999px; position: relative; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; background-color: rgb(0, 153, 68); -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px;
}
.nodai-now-container-tag-open .nodai-now-container-tag-more-btn a {
	background-position: -117px -45px;
}
.nodai-now-element {
	margin: 0px 0px 20px; width: 100%; overflow: hidden; display: block; position: relative;
}
.nodai-now-text-container {
	position: relative;
}
.nodai-now-text-container a {
	padding: 20px 25px 15px 30px; transition:background-color 0.2s linear; text-decoration: none; display: block; background-color: rgb(255, 255, 255); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
.nodai-now-text-container a::after {
	width: 0px; height: 60px; vertical-align: middle; display: inline-block; content: "";
}
html:not(.sp) .nodai-now-text-container a:hover {
	background-color: rgb(159, 210, 91);
}
.nodai-now-element-img {
	top: 0px; width: 140px; height: 100%; right: 0px; overflow: hidden; position: absolute;
}
.nodai-now-element-img div {
	background-position: center; transition:transform 0.2s ease-out; width: 100%; height: 100%; position: relative; background-repeat: no-repeat; background-size: cover; -moz-transition: transform .2s ease-out; -webkit-transition: transform .2s ease-out; -o-transition: transform .2s ease-out; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover;
}
html:not(.sp) .nodai-now-text-container a:hover .nodai-now-element-img div {
	transform: scale(1.1);
}
.nodai-now-text {
	padding: 0px; transition:color 0.2s linear; width: 98%; color: rgb(0, 0, 0); line-height: 140%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 160%; font-weight: 500; text-decoration: none; vertical-align: middle; display: inline-block; -moz-transition: color .2s linear; -webkit-transition: color .2s linear; -o-transition: color .2s linear;
}
html:not(.sp) .nodai-now-text-container a:hover .nodai-now-text {
	color: rgb(255, 255, 255);
}
.nodai-now-element-img + .nodai-now-text {
	padding: 0px 140px 0px 0px;
}
.nodai-now-sub-text {
	line-height: 140%; font-size: 75%; display: block;
}
.nodai-now-element-tag {
	padding: 8px 25px 2px 30px; overflow: hidden; border-top-color: rgb(230, 238, 243); border-top-width: 1px; border-top-style: solid; background-color: rgb(255, 255, 255);
}
.nodai-now-element-tag li {
	margin: 0px 2px 6px 0px; vertical-align: middle; display: inline-block;
}
.nodai-now-element-tag li a {
	padding: 0px 10px; border-radius: 30px; border: 2px solid rgb(117, 198, 155); transition:background-color 0.2s linear, color 0.2s linear, border 0.2s linear; border-image: none; color: rgb(85, 85, 85); line-height: 20px; overflow: hidden; font-size: 76%; text-decoration: none; display: block; -moz-transition: background-color .2s linear, color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, color .2s linear, border .2s linear; -o-transition: background-color .2s linear, color .2s linear, border .2s linear; -moz-border-radius: 30px; -webkit-border-radius: 30px; -o-border-radius: 30px; -ms-border-radius: 30px;
}
html:not(.sp) .nodai-now-element-tag li a:hover {
	color: rgb(255, 255, 255); background-color: rgb(159, 210, 91);
}
html:not(.sp) .nodai-now-element-tag li a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none;
}
#viewer-container {
	padding: 40px 0px 0px; left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: fixed; z-index: 3;
}
#viewer-container > div {
	width: 50%; height: 100%; position: relative;
}
#viewer-element {
	margin: auto; left: 0px; top: 0px; width: 100%; height: 100%; right: 0px; bottom: 0px; display: none; position: absolute;
}
#viewer-element a {
	width: 100%; height: 100%; display: block;
}
#viewer-element iframe {
	width: 100%; height: 100%; display: block;
}
#viewer-cover {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; display: block; position: absolute; background-image: url("../zhuye/images/loader.gif"); background-repeat: no-repeat; background-size: 60px 60px; background-color: rgb(34, 34, 34); -moz-background-size: 60px 60px; -webkit-background-size: 60px 60px; -o-background-size: 60px 60px; -ms-background-size: 60px 60px;
}
#viewer-close-btn {
	top: 30px; right: 30px; position: absolute;
}
#viewer-close-btn a {
	border-radius: 20px; border: 2px solid rgb(255, 255, 255); transition:background-color 0.2s linear, border 0.2s linear; border-image: none; width: 40px; height: 40px; text-indent: -9999px; overflow: hidden; display: block; -moz-transition: background-color .2s linear, border.2s linear; -webkit-transition: background-color .2s linear, border .2s linear; -o-transition: background-color .2s linear, border .2s linear; -moz-border-radius: 20px; -webkit-border-radius: 20px; -o-border-radius: 20px; -ms-border-radius: 20px;
}
#viewer-close-btn a::before {
	left: 10px; top: 19px; width: 20px; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#viewer-close-btn a::after {
	left: 10px; top: 19px; width: 20px; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
#viewer-close-btn a::before {
	transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
#viewer-close-btn a::after {
	transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);
}
html:not(.sp) #viewer-close-btn a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none; background-color: rgb(159, 210, 91);
}
#viewer-text {
	padding: 15px 0px 0px; color: rgb(255, 255, 255); line-height: 160%; font-size: 90%;
}
#course-nav-container {
	padding-bottom: 40px;
}
.top .course-nav-element.course-color7 {
	display: none;
}
.top .course-nav-element.course-color8 {
	display: none;
}
.course-nav-element > section {
	transition:left 0.2s ease-out; left: 0px; position: relative; background-color: rgb(255, 255, 255); -moz-transition: left .2s ease-out; -webkit-transition: left .2s ease-out; -o-transition: left .2s ease-out;
}
@media screen and (min-width:1000px)
{
.course-nav-element > section:hover {
	left: -6.81%;
}
}
.course-nav-element > section::before {
	left: 0px; top: 0px; width: 100%; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(230, 238, 243);
}
:first-of-type.course-nav-element > section::before {
	display: none;
}
.course-nav-element > section::after {
	left: 0px; top: 0px; width: 31%; height: 100%; display: block; position: absolute; content: "";
}
.course-nav-element.course-color1 > section::after {
	background-color: rgb(207, 146, 135);
}
.course-nav-element.course-color2 > section::after {
	background-color: rgb(125, 133, 178);
}
.course-nav-element.course-color3 > section::after {
	background-color: rgb(210, 81, 108);
}
.course-nav-element.course-color4 > section::after {
	background-color: rgb(112, 166, 140);
}
.course-nav-element.course-color5 > section::after {
	background-color: rgb(222, 131, 81);
}
.course-nav-element.course-color6 > section::after {
	background-color: rgb(109, 155, 196);
}
.course-nav-element.course-color7 > section::after {
	background-color: rgb(137, 189, 111);
}
.course-nav-element.course-color8 > section::after {
	background-color: rgb(179, 189, 111);
}
.course-nav-element > section > a {
	padding: 10px 0px; color: rgb(85, 85, 85); text-decoration: none; display: block; position: relative; z-index: 3;
}
.course-nav-element > section > a:hover {
	color: rgb(85, 85, 85);
}
.course-nav-element > section > a::before {
	transition:width 0.2s ease-out, left 0.2s ease-out; left: 0px; top: 0px; width: 0px; height: 100%; display: block; position: absolute; content: ""; background-repeat: no-repeat; background-size: 100% 100%; -moz-transition: width .2s ease-out, left .2s ease-out; -webkit-transition: width .2s ease-out, left .2s ease-out; -o-transition: width .2s ease-out, left .2s ease-out; -moz-background-size: 100% 100%; -webkit-background-size: 100% 100%; -o-background-size: 100% 100%; -ms-background-size: 100% 100%;
}
.course-nav-element.course-color1 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_01.png");
}
.course-nav-element.course-color2 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_02.png");
}
.course-nav-element.course-color3 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_03.png");
}
.course-nav-element.course-color4 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_04.png");
}
.course-nav-element.course-color5 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_05.png");
}
.course-nav-element.course-color6 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_06.png");
}
.course-nav-element.course-color7 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_07.png");
}
.course-nav-element.course-color8 > section > a::before {
	background-image: url("../zhuye/images/course_nav_bg_08.png");
}
@media screen and (min-width:1000px)
{
.course-nav-element > section:hover > a::before {
	left: -38px; width: 40px;
}
}
.course-nav-element > section > a::after {
	width: 0px; height: 60px; vertical-align: middle; display: inline-block; content: "";
}
.course-nav-element-heading {
	padding: 0px 15px 0px 50px; width: 31%; color: rgb(255, 255, 255); line-height: 140%; font-weight: 500; vertical-align: middle; display: inline-block; position: relative;
}
.course-nav-element-heading::before {
	background-position: 0px -48px; margin: -12.5px 0px 0px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; left: 15px; top: 50%; width: 25px; height: 25px; display: block; position: absolute; content: ""; transform: rotate(180deg); background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%; -moz-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg);
}
.course-nav-element-heading::after {
	margin: -10px 0px 0px; top: 50%; width: 0px; height: 0px; right: -9px; border-top-color: transparent; border-bottom-color: transparent; border-top-width: 10px; border-bottom-width: 10px; border-top-style: solid; border-bottom-style: solid; display: block; position: absolute; content: "";
}
.course-nav-element.course-color1 .course-nav-element-heading::after {
	border-left-color: rgb(207, 146, 135); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color2 .course-nav-element-heading::after {
	border-left-color: rgb(125, 133, 178); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color3 .course-nav-element-heading::after {
	border-left-color: rgb(210, 81, 108); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color4 .course-nav-element-heading::after {
	border-left-color: rgb(112, 166, 140); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color5 .course-nav-element-heading::after {
	border-left-color: rgb(222, 131, 81); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color6 .course-nav-element-heading::after {
	border-left-color: rgb(109, 155, 196); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color7 .course-nav-element-heading::after {
	border-left-color: rgb(137, 189, 111); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element.course-color8 .course-nav-element-heading::after {
	border-left-color: rgb(179, 189, 111); border-left-width: 10px; border-left-style: solid;
}
.course-nav-element-text {
	padding: 0px 20px; width: 67%; line-height: 140%; font-size: 90%; vertical-align: middle; display: inline-block;
}
.course-nav-detail-container {
	padding: 40px 0px 0px; left: 0px; top: 0px; width: 50%; height: 100%; display: none; position: fixed;
}
.course-nav-detail-container > section {
	width: 100%; height: 100%; position: relative; background-color: rgb(0, 33, 52);
}
.course-nav-detail-img {
	background-position: center; left: 0px; top: 0px; width: 100%; height: 100%; position: absolute; opacity: 0.6; background-repeat: no-repeat; background-size: cover; -moz-background-size: cover; -webkit-background-size: cover; -o-background-size: cover; -ms-background-size: cover;
}
.course-nav-detail-container h4 {
	left: 0px; top: 0px; width: 100px; height: 100%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 200%; position: absolute; z-index: 1;
}
.course-nav-element.course-color1 .course-nav-detail-container h4 {
	background-color: rgb(207, 146, 135);
}
.course-nav-element.course-color2 .course-nav-detail-container h4 {
	background-color: rgb(125, 133, 178);
}
.course-nav-element.course-color3 .course-nav-detail-container h4 {
	background-color: rgb(210, 81, 108);
}
.course-nav-element.course-color4 .course-nav-detail-container h4 {
	background-color: rgb(112, 166, 140);
}
.course-nav-element.course-color5 .course-nav-detail-container h4 {
	background-color: rgb(222, 131, 81);
}
.course-nav-element.course-color6 .course-nav-detail-container h4 {
	background-color: rgb(109, 155, 196);
}
.course-nav-element.course-color7 .course-nav-detail-container h4 {
	background-color: rgb(137, 189, 111);
}
.course-nav-element.course-color8 .course-nav-detail-container h4 {
	background-color: rgb(179, 189, 111);
}
.course-nav-detail-container h4 a {
	padding: 30px 40px 0px 0px; transition:background-color 0.2s linear; width: 100%; height: 100%; color: rgb(255, 255, 255); text-decoration: none; display: block; position: relative; -ms-writing-mode: tb-rl; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -webkit-writing-mode: vertical-rl;
}
html:not(.sp) .course-nav-detail-container h4 a:hover {
	color: rgb(255, 255, 255); background-color: rgba(255, 255, 255, 0.2);
}
.course-nav-detail-container h4 a::after {
	background-position: 0px -48px; margin: 10px 0px 0px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; width: 25px; height: 25px; display: inline-block; content: ""; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.course-nav-detail-element {
	padding: 40px 6% 20px 100px; width: 94%; right: 0px; bottom: 0px; position: absolute; -ms-overflow-y: auto; max-height: 100%;
}
.course-nav-detail-element section {
	padding: 0px 0px 20px;
}
.course-nav-detail-element h5 {
	padding: 0px 0px 10px; line-height: 140%; font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; font-size: 140%;
}
.course-nav-detail-element h5 a {
	padding: 0px 28px 0px 0px; transition:opacity 0.2s linear; color: rgb(255, 255, 255); text-decoration: none; display: inline-block; position: relative; -moz-transition: opacity .2s linear; -o-transition: opacity .2s linear; -webkit-tranistion: opacity .2s linear;
}
html:not(.sp) .course-nav-detail-container h5 a:hover {
	color: rgb(255, 255, 255); opacity: 0.6;
}
.course-nav-detail-container h5 a::after {
	background-position: -4px -51px; margin: -9.5px 0px 0px; border-radius: 50%; border: 1px solid rgb(255, 255, 255); border-image: none; top: 50%; width: 19px; height: 19px; right: 0px; display: block; position: absolute; content: ""; background-image: url("../zhuye/images/icon.png"); background-repeat: no-repeat; background-size: 240px 120px; -moz-background-size: 240px 120px; -webkit-background-size: 240px 120px; -o-background-size: 240px 120px; -ms-background-size: 240px 120px; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.course-nav-detail-element p {
	padding: 0px; color: rgb(255, 255, 255); line-height: 160%; text-decoration: none;
}
#news-tab {
	margin: 0px 0px 30px; padding: 0px 0px 10px; text-align: center; border-bottom-color: rgba(0, 0, 0, 0.1); border-bottom-width: 1px; border-bottom-style: solid;
}
#news-tab li {
	margin: 0px 2%; display: inline-block; position: relative;
}
html:not(.sp) #news-tab li:hover::after {
	width: 100%; height: 2px; bottom: -11px; display: block; position: absolute; content: ""; background-color: rgb(0, 153, 68);
}
#news-tab li.current::after {
	width: 100%; height: 2px; bottom: -11px; display: block; position: absolute; content: ""; background-color: rgb(0, 153, 68);
}
#news-tab li a {
	color: rgb(85, 85, 85); line-height: 140%; font-size: 90%; text-decoration: none;
}
html:not(.sp) #news-tab li a:hover {
	color: rgb(0, 153, 68);
}
#news-tab li.current a {
	color: rgb(0, 153, 68);
}
.news-category {
	margin: -15px 15px 0px 0px; width: 60px; height: 60px; float: right; display: table; position: relative; z-index: 1;
}
.news-category p {
	padding: 0px 5px; border-radius: 50%; width: 60px; height: 60px; text-align: center; color: rgb(255, 255, 255); line-height: 140%; font-size: 76%; vertical-align: middle; display: table-cell; background-color: rgb(0, 153, 68); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.box-text-container .news-date {
	padding: 0px 0px 10px; width: auto; color: rgb(0, 153, 68); line-height: 140%; font-size: 90%; font-weight: bold; float: left;
}
.box-element > a .box-text-container .news-date {
	color: rgb(0, 153, 68);
}
.news-date span {
	line-height: 100%; font-size: 180%;
}
.news-icon-new::after {
	margin: 0px 0px 0px 5px; padding: 5px 0px 0px; width: 40px; height: 18px; text-align: center; color: rgb(255, 255, 255); line-height: 100%; font-size: 67%; vertical-align: middle; display: inline-block; content: "NEW!"; background-color: rgb(0, 153, 68);
}
.banner-container {
	padding: 30px 6%; position: relative; background-color: rgb(51, 51, 51);
}
.banner-slide-container {
	margin: 0px -1.66%; overflow: hidden; position: relative;
}
.banner-slide-container ul {
	width: 1000%; overflow: hidden;
}
.banner-slide-container li {
	margin: 0px; width: 3.12%; float: left;
}
.banner-slide-container a {
	padding: 0px 5%; transition:opacity 0.2s linear; display: block; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear;
}
html:not(.sp) .banner-slide-container a:hover {
	opacity: 0.8;
}
.banner-slide-container img {
	width: 100%;
}
.banner-pagenation {
	margin: 15px 0px -15px; text-align: center;
}
.banner-pagenation li {
	margin: 0px 8px; width: 10px; height: 10px; vertical-align: middle; display: inline-block; position: relative;
}
.banner-pagenation li a {
	border-radius: 50%; transition:background-color 0.2s linear; width: 10px; height: 10px; text-align: left; text-indent: -9999px; overflow: hidden; display: block; background-color: rgb(255, 255, 255); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
html:not(.sp) .banner-pagenation li:not(.current) a:hover {
	background-color: rgb(159, 210, 91);
}
.banner-pagenation .current a {
	width: 20px; height: 20px; background-color: transparent;
}
.banner-pagenation .current a::before {
	border-radius: 50%; display: block; position: absolute; content: ""; background-color: rgb(0, 153, 68); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.banner-pagenation .current a::after {
	border-radius: 50%; display: block; position: absolute; content: ""; background-color: rgb(0, 153, 68); -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.banner-pagenation .current a::before {
	left: -5px; top: -5px; width: 20px; height: 20px; opacity: 0.5;
}
.banner-pagenation .current a::after {
	left: 0px; top: 0px; width: 10px; height: 10px;
}
.banner-btn {
	margin: 15px 0px -25px; text-align: center;
}
.banner-btn-back {
	margin: 0px 5px; width: 30px; height: 30px; display: inline-block; position: relative;
}
.banner-btn-next {
	margin: 0px 5px; width: 30px; height: 30px; display: inline-block; position: relative;
}
.banner-btn-back a {
	border-radius: 50%; border: 2px solid rgb(255, 255, 255); transition:background-color 0.2s linear, border 0.2s linear; border-image: none; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; display: block; -moz-transition: background-color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, border .2s linear; -o-transition: background-color .2s linear, border .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.banner-btn-next a {
	border-radius: 50%; border: 2px solid rgb(255, 255, 255); transition:background-color 0.2s linear, border 0.2s linear; border-image: none; width: 100%; height: 100%; text-indent: -9999px; overflow: hidden; display: block; -moz-transition: background-color .2s linear, border .2s linear; -webkit-transition: background-color .2s linear, border .2s linear; -o-transition: background-color .2s linear, border .2s linear; -moz-border-radius: 50%; -webkit-border-radius: 50%; -o-border-radius: 50%; -ms-border-radius: 50%;
}
.banner-btn-back a::before {
	left: 8px; top: 14px; width: 14px; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.banner-btn-next a::before {
	left: 8px; top: 14px; width: 14px; height: 1px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.banner-btn-back a::after {
	left: 9px; top: 11px; width: 7px; height: 7px; border-bottom-color: rgb(255, 255, 255); border-left-color: rgb(255, 255, 255); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; display: block; position: absolute; content: ""; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.banner-btn-next a::after {
	top: 11px; width: 7px; height: 7px; right: 9px; border-top-color: rgb(255, 255, 255); border-right-color: rgb(255, 255, 255); border-top-width: 1px; border-right-width: 1px; border-top-style: solid; border-right-style: solid; display: block; position: absolute; content: ""; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
html:not(.sp) .banner-btn-back a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none; background-color: rgb(159, 210, 91);
}
html:not(.sp) .banner-btn-next a:hover {
	border: 2px solid rgb(159, 210, 91); border-image: none; background-color: rgb(159, 210, 91);
}
footer .col-container {
	margin: 0px;
}
#quick-nav-container {
	padding: 40px 6% 0px; background-color: rgb(3, 68, 47);
}
#quick-nav-container-logo {
	padding: 0px 0px 40px;
}
#quick-nav-container a {
	text-decoration: none;
}
#quick-nav-container nav > ul > li {
	padding: 0px 0px 30px; line-height: 130%;
}
#quick-nav-container nav > ul > li > span > a {
	margin: 0px 0px 8px; color: rgb(255, 255, 255); font-size: 96%; font-weight: bold; display: inline-block;
}
html:not(.sp) #quick-nav-container nav > ul > li > span > a:hover {
	color: rgb(159, 210, 91);
}
#quick-nav-container nav > ul > li > ul > li > span > a {
	margin: 0px 0px 2px; color: rgb(200, 231, 221); font-size: 83%; display: inline-block;
}
html:not(.sp) #quick-nav-container nav > ul > li > ul > li > span > a:hover {
	color: rgb(255, 255, 255);
}
#quick-nav-container nav > ul > li > ul > li > ul > li > span > a {
	padding: 0px 0px 0px 1em; color: rgb(200, 231, 221); font-size: 76%; display: inline-block;
}
#quick-nav-container nav > ul > li > ul > li > ul > li:last-of-type > span > a {
	margin: 0px 0px 8px;
}
html:not(.sp) #quick-nav-container nav > ul > li > ul > li > ul > li > span > a:hover {
	color: rgb(255, 255, 255);
}
#footer-container {
	padding: 30px 6% 20px; overflow: hidden; background-color: rgb(2, 55, 39);
}
#footer-container a {
	text-decoration: none;
}
#footer-container-menu {
	float: left;
}
#footer-container-menu li {
	line-height: 140%;
}
#footer-container-menu li a {
	color: rgb(164, 174, 170); font-size: 76%;
}
html:not(.sp) #footer-container-menu li a:hover {
	color: rgb(255, 255, 255);
}
#footer-accreditation-container {
	margin: 0px 0px 20px; width: 50%; float: right; min-width: 230px; background-color: rgba(255, 255, 255, 0.1);
}
#footer-accreditation-container dl {
	width: 100%; overflow: hidden; display: table;
}
#footer-accreditation-container dt {
	padding: 5px 0px; width: 100px; text-align: center; vertical-align: middle; display: table-cell; position: relative; background-color: rgb(255, 255, 255);
}
#footer-accreditation-container dt img {
	margin: 0px 2px; vertical-align: middle; position: relative;
}
#footer-accreditation-container dd {
	padding: 10px; color: rgb(255, 255, 255); line-height: 140%; font-size: 76%; vertical-align: middle; display: table-cell;
}
#footer-container-copyright {
	padding: 0px; text-align: right; color: rgb(117, 135, 128); line-height: 140%; clear: both; font-size: 76%; float: right;
}
#footer-container-copyright a {
	color: rgb(117, 135, 128);
}
html:not(.sp) #footer-container-copyright a:hover {
	color: rgb(255, 255, 255);
}
#footer-container-copyright br {
	display: none;
}
@media screen and (min-width:599px)
{
#quick-nav-container > nav > ul ul {
	display: block !important;
}
}
table.gsc-search-box {
	margin: 0px auto !important; max-width: 500px !important;
}
.gsc-input-box {
	border-radius: 20px 0px 0px 20px !important; border: 0px currentColor !important; border-image: none !important; height: 40px !important; overflow: hidden !important; -moz-border-radius: 20px 0 0 20px; -webkit-border-radius: 20px 0 0 20px; -o-border-radius: 20px 0 0 20px; -ms-border-radius: 20px 0 0 20px;
}
.gsc-search-box .gsc-input > input:focus {
	border: 0px currentColor !important; border-image: none !important; box-shadow: none !important;
}
.gsc-input-box-focus {
	border: 0px currentColor !important; border-image: none !important; box-shadow: none !important;
}
input.gsc-input {
	border: 0px currentColor !important; border-image: none !important; box-shadow: none !important;
}
.gsc-input-box {
	border: 0px currentColor !important; border-image: none !important; box-shadow: none !important;
}
.gsc-input-box-hover {
	border: 0px currentColor !important; border-image: none !important; box-shadow: none !important;
}
.gsc-input-box-focus {
	border: 0px currentColor !important; border-image: none !important; box-shadow: none !important;
}
.gsib_a {
	padding: 0px 10px !important;
}
.gsst_a {
	padding-top: 10px !important;
}
table.gsc-search-box td {
	vertical-align: top !important;
}
.gsc-search-box-tools .gsc-search-box .gsc-input {
	margin: 0px !important; padding: 0px !important; height: 40px !important; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif !important;
}
input.gsc-search-button {
	margin: 0px !important; padding: 13px 23px 14px 24px !important; border-radius: 0px 20px 20px 0px !important; border: 0px currentColor !important; transition:background-color 0.2s linear !important; border-image: none !important; color: rgb(255, 255, 255) !important; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif !important; cursor: pointer !important; -ms-word-break: break-all !important; box-sizing: content-box !important; background-color: rgb(0, 153, 68) !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -webkit-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -mox-border-radius: 0 20px 20px 0; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none;
}
input.gsc-search-button:hover {
	margin: 0px !important; padding: 13px 23px 14px 24px !important; border-radius: 0px 20px 20px 0px !important; border: 0px currentColor !important; transition:background-color 0.2s linear !important; border-image: none !important; color: rgb(255, 255, 255) !important; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif !important; cursor: pointer !important; -ms-word-break: break-all !important; box-sizing: content-box !important; background-color: rgb(0, 153, 68) !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -webkit-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -mox-border-radius: 0 20px 20px 0; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none;
}
input.gsc-search-button:focus {
	margin: 0px !important; padding: 13px 23px 14px 24px !important; border-radius: 0px 20px 20px 0px !important; border: 0px currentColor !important; transition:background-color 0.2s linear !important; border-image: none !important; color: rgb(255, 255, 255) !important; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif !important; cursor: pointer !important; -ms-word-break: break-all !important; box-sizing: content-box !important; background-color: rgb(0, 153, 68) !important; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; -o-box-sizing: content-box; -ms-box-sizing: content-box; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear; -webkit-border-radius: 0 20px 20px 0; -o-border-radius: 0 20px 20px 0; -ms-border-radius: 0 20px 20px 0; -mox-border-radius: 0 20px 20px 0; -moz-appearance: none; -webkit-appearance: none; -o-appearance: none; -ms-appearance: none; appearance: none;
}
input.gsc-search-button:hover {
	background-color: rgb(159, 210, 91) !important;
}
input.gsc-search-button:focus {
	background-color: rgb(159, 210, 91) !important;
}
.gsc-control-cse {
	background-color: transparent !important;
}
.cse .gsc-control-cse {
	padding: 0px !important;
}
.gsc-control-cse {
	padding: 0px !important;
}
.gsc-control-cse {
	border: 0px currentColor !important; border-image: none !important; line-height: 1.8em !important; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif !important;
}
.gsc-control-cse .gsc-table-result {
	border: 0px currentColor !important; border-image: none !important; line-height: 1.8em !important; font-family: -apple-system, BlinkMacSystemFont, "Hiragino kaku Gothic ProN", MyYuGothicM, Meiryo, sans-serif !important;
}
.gsc-webResult.gsc-result {
	border: 0px currentColor !important; border-image: none !important; background-color: transparent !important;
}
.gsc-results .gsc-imageResult {
	border: 0px currentColor !important; border-image: none !important; background-color: transparent !important;
}
.gsc-webResult.gsc-result {
	border: 0px currentColor !important; border-image: none !important;
}
.gsc-result .gs-title {
	height: 1.5em !important;
}
.gs-webResult.gs-result a.gs-title:visited {
	color: rgb(0, 153, 68) !important;
}
.gs-webResult.gs-result a.gs-title:visited b {
	color: rgb(0, 153, 68) !important;
}
.gs-imageResult a.gs-title:visited {
	color: rgb(0, 153, 68) !important;
}
.gs-imageResult a.gs-title:visited b {
	color: rgb(0, 153, 68) !important;
}
.gs-webResult.gs-result a.gs-title:link {
	color: rgb(0, 153, 68) !important;
}
.gs-webResult.gs-result a.gs-title:link b {
	color: rgb(0, 153, 68) !important;
}
.gs-imageResult a.gs-title:link {
	color: rgb(0, 153, 68) !important;
}
.gs-imageResult a.gs-title:link b {
	color: rgb(0, 153, 68) !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	color: rgb(0, 153, 68) !important; background-color: transparent !important;
}
@media screen and (max-width:1199px) and (min-width:1000px)
{
body {
	font-size: 90%;
}
.sns-box-element .sns-box-list-container > li {
	width: 40px;
}
.sns-box-element .sns-box-text-container::before {
	height: 40px;
}
}
@media screen and (min-width:1000px) and (max-height:799px)
{
#logo {
	height: 160px;
}
#logo img {
	width: 160px;
}
#gnav {
	top: 230px; height: 330px;
}
#gnav > ul > li > ul {
	height: 490px;
}
#gnav > ul > li > ul > li > ul {
	height: 490px;
}
#gnav > ul > li:hover > ul {
	height: 86.5%;
}
#gnav > ul > li > ul:hover > li > ul {
	height: 86.5%;
}
.branding-text {
	padding-top: 520px;
}
}
@media screen and (min-width:1000px) and (max-height:699px)
{
#logo {
	height: 140px;
}
#logo img {
	width: 140px;
}
#gnav {
	top: 210px; height: 300px;
}
#gnav > ul > li > ul {
	height: 440px;
}
#gnav > ul > li > ul > li > ul {
	height: 440px;
}
#gnav > ul > li:hover > ul {
	height: 85%;
}
#gnav > ul > li > ul:hover > li > ul {
	height: 85%;
}
.branding-text {
	padding-top: 470px;
}
}
@media screen and (max-width:999px), print
{
body {
	background-color: rgb(34, 34, 34);
}
#wrapper {
	transition:transform 0.3s ease-in-out; -moz-transition: -moz-transform .3s ease-in-out; -webkit-transition: -webkit-transform .3s ease-in-out; -o-transition: -o-transform .3s ease-in-out;
}
.sp-gnav-open #wrapper {
	transform: translate3d(-255px, 0px, 0px); -moz-transform: translate3d(-255px, 0, 0); -webkit-transform: translate3d(-255px, 0, 0); -o-transform: translate3d(-255px, 0, 0);
}
.copy {
	font-size: 140%;
}
#logo {
	left: 30px; top: 30px; width: 150px; height: 150px; position: absolute;
}
#logo img {
	width: 150px;
}
header {
	transition:width 0.3s ease-in-out; top: 0px; width: 255px; right: 0px; overflow: hidden; display: none; position: absolute; z-index: 0; -moz-transition: width .3s ease-in-out; -webkit-transition: width .3s ease-in-out; -o-transition: width .3s ease-in-out;
}
#target-menu {
	padding: 15px;
}
#target-menu a {
	padding: 12px 15px; transition:background-color 0.2s linear, color 0.2s linear; color: rgb(204, 204, 204); font-size: 90%; text-decoration: none; border-bottom-color: rgb(34, 34, 34); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; background-color: rgb(51, 51, 51); -moz-transition: background-color .2s linear, color .2s linear; -webkit-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear;
}
html:not(.sp) #target-menu a:hover {
	color: rgb(255, 255, 255); background-color: rgb(68, 68, 68);
}
#utility-menu {
	padding: 0px 15px;
}
#utility-menu a {
	padding: 12px 15px 12px 50px; transition:background-color 0.2s linear; color: rgb(255, 255, 255); font-size: 90%; text-decoration: none; border-bottom-color: rgb(0, 123, 54); border-bottom-width: 1px; border-bottom-style: solid; display: block; position: relative; background-color: rgb(0, 153, 68); -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
#utility-menu li:last-of-type a {
	border-bottom-color: currentColor; border-bottom-width: 0px; border-bottom-style: none;
}
html:not(.sp) #utility-menu a:hover {
	background-color: rgb(159, 210, 91);
}
#utility-menu .utility-menu-icon-text a::after {
	left: 15px;
}
#utility-menu .utility-menu-lang a::after {
	left: 15px;
}
#utility-menu .utility-menu-icon a::after {
	margin: -12px 0px 0px -12px; left: 50%;
}
#utility-menu #utility-menu-search a {
	display: none;
}
#search-box {
	padding: 15px 0px 30px; left: 0px; top: 0px; width: 100%; height: auto; display: block; position: relative; z-index: 1; background-color: transparent;
}
.current #search-box {
	height: auto;
}
#search-box span {
	padding: 0px; bottom: auto; position: relative;
}
#search-box .search-text {
	width: 175px; background-color: rgb(51, 51, 51);
}
#search-box .search-btn {
	width: 50px;
}
#gnav a {
	transition:background-color 0.2s linear, color 0.2s linear; color: rgb(255, 255, 255); line-height: 140%; text-decoration: none; -moz-transition: background-color .2s linear, color .2s linear; -webkit-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear;
}
html:not(.sp) #gnav a:hover {
	background-color: rgb(159, 210, 91);
}
#gnav .current > span > a {
	background-color: rgb(159, 210, 91);
}
#gnav .parent > span > a {
	background-color: rgba(159, 210, 91, 0.3);
}
#gnav li > span {
	width: 100%; display: table; position: relative;
}
#gnav > ul > li > span > a {
	padding: 0px 15px; height: 70px; overflow: hidden; font-size: 90%; vertical-align: middle; border-bottom-color: rgb(51, 51, 51); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell;
}
#gnav > ul > li.gnav-icon > span > a {
	padding: 0px 15px 0px 50px;
}
#gnav > ul ul {
	overflow: hidden; display: none;
}
#gnav > ul > li > ul > li > span > a {
	padding: 15px 15px 15px 30px; overflow: hidden; font-size: 90%; border-bottom-color: rgb(68, 68, 68); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell; background-color: rgb(51, 51, 51);
}
#gnav > ul > li > ul > li > ul > li > span > a {
	padding: 15px 15px 15px 45px; overflow: hidden; font-size: 90%; border-bottom-color: rgb(85, 85, 85); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell; background-color: rgb(68, 68, 68);
}
#sp-gnav-btn {
	top: 30px; right: 25px; display: block; position: absolute; z-index: 11; cursor: pointer;
}
#sp-gnav-btn::before {
	transition:transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear; width: 28px; height: 3px; right: 11px; display: block; position: absolute; z-index: 1; content: ""; background-color: rgb(255, 255, 255); -moz-transition: -moz-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear; -webkit-transition: -webkit-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear; -o-transition: -o-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear;
}
#sp-gnav-btn::after {
	transition:transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear; width: 28px; height: 3px; right: 11px; display: block; position: absolute; z-index: 1; content: ""; background-color: rgb(255, 255, 255); -moz-transition: -moz-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear; -webkit-transition: -webkit-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear; -o-transition: -o-transform 0.3s ease-in-out, top 0.3s linear, bottom 0.3s linear, right 0.3s linear, width 0.3s linear;
}
#sp-gnav-btn::before {
	top: 5px;
}
#sp-gnav-btn::after {
	top: 25px;
}
html:not(.sp) #sp-gnav-btn:hover::before {
	width: 23px;
}
#sp-gnav-btn a {
	padding: 35px 0px 0px; width: 50px; height: 50px; text-align: center; color: rgb(255, 255, 255); line-height: 140%; font-size: 10px; text-decoration: none; display: block; position: relative;
}
#sp-gnav-btn a::before {
	transition:width 0.3s linear; top: 15px; width: 28px; height: 3px; right: 11px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255); -moz-transition: width 0.3s linear; -webkit-transition: width 0.3s linear; -o-transition: width 0.3s linear;
}
html:not(.sp) #sp-gnav-btn:hover a::before {
	width: 18px;
}
.sp-gnav-open #sp-gnav-btn::before {
	top: 16px; width: 28px !important; transform: rotate(45deg); -moz-transform: rotate(45deg); -webkit-transform: rotate(45deg); -o-transform: rotate(45deg);
}
.sp-gnav-open #sp-gnav-btn::after {
	top: 16px; width: 28px !important; transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg); -o-transform: rotate(-45deg);
}
.sp-gnav-open #sp-gnav-btn a::before {
	width: 0px !important;
}
#gnav > ul > li > span > .sp-gnav-layer-btn {
	transition:background-color 0.2s linear; width: 40px; display: table-cell; cursor: pointer; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
#gnav > ul > li > ul > li > span > .sp-gnav-layer-btn {
	transition:background-color 0.2s linear; width: 40px; display: table-cell; cursor: pointer; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
#gnav > ul > li > span > .sp-gnav-layer-btn {
	border-bottom-color: rgb(51, 51, 51); border-left-color: rgb(51, 51, 51); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;
}
#gnav > ul > li > ul > li > span > .sp-gnav-layer-btn {
	border-bottom-color: rgb(68, 68, 68); border-left-color: rgb(68, 68, 68); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgb(51, 51, 51);
}
.sp-gnav-layer-btn::before {
	margin: -1px 0px 0px; top: 50%; width: 16px; height: 2px; right: 12px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.sp-gnav-layer-btn::after {
	margin: -8px 0px 0px; transition:transform 0.2s linear; top: 50%; width: 2px; height: 16px; right: 19px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255); -moz-transition: -moz-transform .2s linear; -webkit-transition: -webkit-transform .2s linear; -o-transition: -o-transform .2s linear;
}
html:not(.sp) #gnav > ul > li > span > .sp-gnav-layer-btn:hover {
	border-bottom-color: rgb(68, 68, 68); border-left-color: rgb(68, 68, 68); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgb(51, 51, 51);
}
#gnav > ul > li > span > .sp-gnav-layer-btn.current {
	border-bottom-color: rgb(68, 68, 68); border-left-color: rgb(68, 68, 68); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgb(51, 51, 51);
}
html:not(.sp) #gnav > ul > li > ul > li > span > .sp-gnav-layer-btn:hover {
	border-bottom-color: rgb(85, 85, 85); border-left-color: rgb(85, 85, 85); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgb(68, 68, 68);
}
#gnav > ul > li > ul > li > span > .sp-gnav-layer-btn.current {
	border-bottom-color: rgb(85, 85, 85); border-left-color: rgb(85, 85, 85); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgb(68, 68, 68);
}
.sp-gnav-layer-btn.current::after {
	transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
}
#wrapper-cover {
	left: 0px; top: 0px; width: 100%; height: 100%; display: none; position: absolute; z-index: 10; opacity: 0.6; background-color: rgb(0, 0, 0);
}
#page-top-btn {
	right: 30px;
}
.scroll#page-top-btn {
	bottom: 30px;
}
.sp-gnav-open .scroll#page-top-btn {
	bottom: -40px;
}
#branding-container {
	padding: 0px; width: 100%; height: 400px; position: relative;
}
#branding-element {
	position: absolute;
}
.branding-text {
	padding: 180px 30px 0px;
}
.branding-text::before {
	/*background-image: url("../zhuye/images/branding_cover_sp.png");*/
}
.branding-text p {
	font-size: 200%;
}
#contents-container {
	padding: 0px; left: 0px; width: 100%;
}
#viewer-container {
	padding: 0px; width: 100%; z-index: 20;
}
#viewer-container > div {
	width: 100%;
}
#viewer-cover {
	background-color: rgba(0, 0, 0, 0.8);
}
.course-nav-element > section > a::before {
	transition:opacity 0.2s linear; width: 31%; opacity: 0; background-image: none !important; background-color: rgb(255, 255, 255); -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear;
}
html:not(.sp) .course-nav-element > section > a:hover::before {
	opacity: 0.2;
}
.course-nav-element-heading::after {
	transition:opacity 0.2s linear; -moz-transition: opacity .2s linear; -webkit-transition: opacity .2s linear; -o-transition: opacity .2s linear;
}
html:not(.sp) .course-nav-element > section > a:hover .course-nav-element-heading::after {
	opacity: 0.8;
}
.course-nav-detail-container {
	padding: 0px; width: auto; height: auto; overflow: hidden; display: none; visibility: visible; position: relative; z-index: 1;
}
.course-nav-detail-container > section {
	width: auto; height: auto;
}
.course-nav-element-heading::before {
	background-position: -96px -48px;
}
.course-nav-element > section > a.current .course-nav-element-heading::before {
	background-position: -120px -48px;
}
.course-nav-detail-element {
	left: 6%; right: auto; bottom: auto; position: relative; max-height: none;
}
}
@media screen and (max-width:599px)
{
#logo {
	left: 15px; top: 15px; width: 120px; height: 120px; position: absolute;
}
#logo img {
	width: 120px;
}
#sp-gnav-btn {
	top: 15px; right: 10px;
}
#page-top-btn {
	right: 15px;
}
.scroll#page-top-btn {
	bottom: 15px;
}
#branding-container {
	height: 300px;
}
.branding-text {
	padding: 135px 15px 0px;
}
.branding-text p {
	font-size: 150%;
}
.col-container {
	margin: 0px; display: block;
}
.col-half {
	width: auto; margin-right: 0px;
}
.col-one-third {
	width: auto; margin-right: 0px;
}
.col-two-third {
	width: auto; margin-right: 0px;
}
#heading-level1 h1 {
	font-size: 150%;
}
.top-heading-level2 {
	font-size: 160%;
}
.heading-level2 {
	font-size: 130%;
}
.heading-level2.box-heading-level2 {
	font-size: 100%;
}
.heading-level3 {
	font-size: 110%;
}
.heading-level4 {
	font-size: 100%;
}
.btn {
	padding-right: 0px; display: block;
}
.btn.btn-position-center a {
	display: block;
}
.btn.btn-position-right a {
	display: block;
}
.btn.btn-position-top-right {
	left: 0px; top: 0px; position: relative;
}
:first-of-type.contents-element .btn.btn-position-top-right {
	top: 0px;
}
:first-of-type.contents-element.bg-color-gray .btn.btn-position-top-right {
	top: 0px;
}
.btn a {
	text-align: center; padding-top: 10px; padding-bottom: 10px;
}
.pagination-container .btn {
	display: inline-block;
}
.page-num-container li {
	width: 9.09%;
}
.page-num-container .page-num-icon-back {
	width: 9.09%;
}
.page-num-container .page-num-icon-next {
	width: 9.09%;
}
.page-num-container .page-num-icon-back a span {
	text-indent: -9999px; overflow: hidden;
}
.page-num-container .page-num-icon-next a span {
	text-indent: -9999px; overflow: hidden;
}
.page-num-container .page-num-icon-back span {
	padding: 0px;
}
.page-num-container .page-num-icon-next span {
	padding: 0px;
}
.page-num-container .page-num-icon-back span::before {
	margin: -12.5px 0px 0px -12.5px; border: 0px currentColor; border-image: none; left: 50%; right: auto;
}
.page-num-container .page-num-icon-next span::before {
	margin: -12.5px 0px 0px -12.5px; border: 0px currentColor; border-image: none; left: 50%; right: auto;
}
.page-num-container .page-num-icon-back span::before {
	left: 50%;
}
html:not(.sp) .page-num-container .page-num-icon-back a:hover span::before {
	border: 0px currentColor; border-image: none;
}
html:not(.sp) .page-num-container .page-num-icon-next a:hover span::before {
	border: 0px currentColor; border-image: none;
}
.table th {
	font-size: 86%;
}
.table td {
	font-size: 86%;
}
.box-text-container {
	padding: 15px 15px 0px;
}
.col-half .box-text-container {
	min-height: 0px;
}
.col-one-third .box-text-container {
	min-height: 0px;
}
.col-two-third .box-text-container {
	min-height: 0px;
}
.box-heading {
	font-size: 96%;
}
.sns-box-element .sns-box-list-container {
	margin: 0px auto; padding: 0px 0px 10px; text-align: center; float: none; max-width: 220px;
}
.sns-box-element .sns-box-list-container > li {
	margin: 0px 10px 10px 0px;
}
.sns-box-element .sns-box-list-container > li:first-child {
	margin-left: 10px;
}
.sns-box-element .sns-box-text-container::before {
	display: none;
}
.sns-box-element .sns-box-text-container p {
	padding: 0px; text-align: center; display: block;
}
.img-half {
	padding: 56.25% 0px 0px;
}
.img-one-third {
	padding: 56.25% 0px 0px;
}
.img-half::after {
	display: none;
}
.img-one-third::after {
	display: none;
}
.img-half > a::after {
	display: none;
}
.img-one-third > a::after {
	display: none;
}
.img-half > a {
	margin: -56.25% 0px 0px; padding: 56.25% 0px 0px; float: none;
}
.img-one-third > a {
	margin: -56.25% 0px 0px; padding: 56.25% 0px 0px; float: none;
}
.img-half .box-img-container {
	padding: 0px 0px 56.25%; width: 100%; height: 0px; position: absolute;
}
.img-one-third .box-img-container {
	padding: 0px 0px 56.25%; width: 100%; height: 0px; position: absolute;
}
.img-half .box-text-container + .box-img-container {
	right: auto;
}
.img-one-third .box-text-container + .box-img-container {
	right: auto;
}
.img-half .box-img {
	left: 0px; top: 0px; position: absolute;
}
.img-one-third .box-img {
	left: 0px; top: 0px; position: absolute;
}
.img-half .box-text-container {
	margin: 0px; padding: 15px 15px 0px; width: auto; display: block;
}
.img-half .box-img-container ~ .box-text-container {
	margin: 0px; padding: 15px 15px 0px; width: auto; display: block;
}
.img-one-third .box-text-container {
	margin: 0px; padding: 15px 15px 0px; width: auto; display: block;
}
.img-one-third .box-img-container ~ .box-text-container {
	margin: 0px; padding: 15px 15px 0px; width: auto; display: block;
}
.img-half .box-category {
	margin: -35px 15px 0px 0px; left: auto; top: auto; position: relative;
}
.img-one-third .box-category {
	margin: -35px 15px 0px 0px; left: auto; top: auto; position: relative;
}
.img-half .box-category {
	left: auto;
}
.img-one-third .box-category {
	left: auto;
}
.img-half .box-img-container ~ .box-category {
	left: auto;
}
.img-one-third .box-img-container ~ .box-category {
	left: auto;
}
.img-half .box-category ~ .box-text-container {
	padding-right: 15px;
}
.img-one-third .box-category ~ .box-text-container {
	padding-right: 15px;
}
.img-half .box-img-container ~ .box-category ~ .box-text-container {
	padding-left: 15px;
}
.img-one-third .box-img-container ~ .box-category ~ .box-text-container {
	padding-left: 15px;
}
.contact-box-heading-container {
	width: auto; display: block; background-color: rgb(230, 238, 243);
}
.contact-box-heading-container::before {
	display: none;
}
.contact-box-heading-container::after {
	display: none;
}
.contact-box-text-container {
	width: auto; display: block;
}
.contact-box-text-container dl {
	display: inline-block;
}
.anc-col-one-third {
	width: 50%;
}
.anc-col-quarter {
	width: 50%;
}
:nth-of-type(2n+2).anc-col-one-third {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(2n+2).anc-col-quarter {
	border-right-color: currentColor; border-right-width: 0px; border-right-style: none;
}
:nth-of-type(3n+3):not(:nth-of-type(2n+2)).anc-col-one-third {
	border-right-color: rgb(244, 248, 251); border-right-width: 1px; border-right-style: solid;
}
:nth-of-type(4n+4):not(:nth-of-type(2n+2)).anc-col-quarter {
	border-right-color: rgb(244, 248, 251); border-right-width: 1px; border-right-style: solid;
}
.nodai-now-text-container a {
	padding: 10px 0px 10px 15px;
}
.nodai-now-element-img {
	width: 80px;
}
.nodai-now-element-img + .nodai-now-text {
	padding: 0px 80px 0px 0px;
}
.nodai-now-text {
	font-size: 120%;
}
.nodai-now-element-tag {
	padding: 8px 15px;
}
#movie-player-close-btn {
	top: 15px; right: 15px;
}
.course-nav-element > section::after {
	width: 100%;
}
.course-nav-element > section > a {
	padding: 0px;
}
.course-nav-element > section > a::before {
	width: 100%;
}
.course-nav-element-heading {
	padding: 15px 30px 15px 15px; width: auto; display: block; position: static;
}
.course-nav-element-heading::after {
	display: none;
}
.course-nav-element-heading::before {
	left: auto; right: 10px;
}
.course-nav-element-text {
	padding: 0px 40px 15px 15px; width: auto; color: rgb(255, 255, 255); display: block;
}
.course-nav-element > section > a::after {
	display: none;
}
.course-nav-detail-container {
	padding: 0px;
}
.course-nav-detail-img {
	height: 130px; position: relative;
}
.course-nav-detail-container h4 {
	left: 0px; width: 100%; height: 130px; font-size: 160%; display: table; background-color: transparent !important;
}
.course-nav-detail-container h4 a {
	padding: 0px 15px; vertical-align: middle; display: table-cell; -ms-writing-mode: lr-tb; -webkit-writing-mode: horizontal-tb;
}
html:not(.sp) .course-nav-detail-container h4 a:hover {
	background-color: rgba(0, 0, 0, 0.2);
}
.course-nav-detail-container h4 a::after {
	margin: 0px 0px 0px 10px;
}
.course-nav-detail-element {
	padding: 20px 15px 0px; left: 0px; width: auto; background-color: rgb(255, 255, 255);
}
.course-nav-detail-element h5 a {
	color: rgb(0, 0, 0);
}
.course-nav-detail-container h5 a::after {
	background-position: -4px -75px; border: 1px solid rgb(0, 0, 0); border-image: none; opacity: 0.3;
}
html:not(.sp) .course-nav-detail-element h5 a:hover {
	color: rgb(0, 0, 0);
}
.course-nav-detail-element p {
	color: rgb(85, 85, 85);
}
.news-element .box-text-container {
	min-height: 0px;
}
.banner-slide-container ul {
	width: 3000%;
}
.banner-slide-container li {
	margin: 0px 20px 0px 0px; width: 3.33%;
}
.banner-slide-container a {
	padding: 0px 1.63%;
}
#quick-nav-container > nav > ul ul {
	overflow: hidden; display: none;
}
#quick-nav-container > nav > ul:nth-child(2) ul ul {
	display: block;
}
html:not(.sp) #quick-nav-container nav > ul > li > span > a:hover {
	color: rgb(255, 255, 255);
}
#quick-nav-container > nav > ul > li > span > .footer-nav-layer-btn {
	transition:background-color 0.2s linear; width: 40px; display: table-cell; cursor: pointer; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
#quick-nav-container > nav > ul > li > ul > li > span > .footer-nav-layer-btn {
	transition:background-color 0.2s linear; width: 40px; display: table-cell; cursor: pointer; -moz-transition: background-color .2s linear; -webkit-transition: background-color .2s linear; -o-transition: background-color .2s linear;
}
#quick-nav-container > nav > ul > li > span > .footer-nav-layer-btn {
	border-bottom-color: rgb(42, 96, 80); border-left-color: rgb(42, 96, 80); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid;
}
#quick-nav-container > nav > ul:first-child > li > span > .footer-nav-layer-btn {
	border-top-color: rgb(42, 96, 80); border-top-width: 1px; border-top-style: solid;
}
#quick-nav-container > nav > ul > li > ul > li > span > .footer-nav-layer-btn {
	border-bottom-color: rgb(73, 119, 104); border-left-color: rgb(42, 96, 80); border-bottom-width: 1px; border-left-width: 1px; border-bottom-style: solid; border-left-style: solid; background-color: rgb(29, 87, 68);
}
#quick-nav-container > nav > ul > li > span > .footer-nav-layer-btn.current {
	background-color: rgb(29, 87, 68);
}
#quick-nav-container > nav > ul > li > ul > li > span > .footer-nav-layer-btn.current {
	background-color: rgb(52, 104, 87);
}
.footer-nav-layer-btn::before {
	margin: -1px 0px 0px; top: 50%; width: 16px; height: 2px; right: 12px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255);
}
.footer-nav-layer-btn::after {
	margin: -8px 0px 0px; transition:transform 0.2s linear; top: 50%; width: 2px; height: 16px; right: 19px; display: block; position: absolute; content: ""; background-color: rgb(255, 255, 255); -moz-transition: -moz-transform .2s linear; -webkit-transition: -webkit-transform .2s linear; -o-transition: -o-transform .2s linear;
}
.footer-nav-layer-btn.current::after {
	transform: rotate(90deg); -moz-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg);
}
#quick-nav-container {
	padding: 30px 0% 0px;
}
#quick-nav-container a {
	transition:background-color 0.2s linear, color 0.2s linear; color: rgb(255, 255, 255); line-height: 140%; text-decoration: none; -moz-transition: background-color .2s linear, color .2s linear; -webkit-transition: background-color .2s linear, color .2s linear; -o-transition: background-color .2s linear, color .2s linear;
}
html:not(.sp) #quick-nav-container a:hover {
	background-color: rgb(159, 210, 91);
}
#gnav .current > span > a {
	background-color: rgb(159, 210, 91);
}
#gnav .parent > span > a {
	background-color: rgba(159, 210, 91, 0.3);
}
#quick-nav-container-logo {
	padding: 0px 6% 24px;
}
#quick-nav-container nav > ul > li {
	padding: 0px;
}
#quick-nav-container nav > ul > li.footer-icon > span > a {
	padding: 0px 15px 0px 6%;
}
#quick-nav-container li > span {
	width: 100%; display: table; position: relative;
}
#quick-nav-container > nav > ul:first-child > li > span > a {
	border-top-color: rgb(42, 96, 80); border-top-width: 1px; border-top-style: solid;
}
#quick-nav-container > nav > ul > li > span > a {
	padding: 0px 15px 0px 6%; height: 45px; font-size: 90%; vertical-align: middle; border-bottom-color: rgb(42, 96, 80); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell;
}
#quick-nav-container nav > ul > li > ul > li > span > a {
	padding: 0px 15px 0px 9%; height: 45px; color: rgb(227, 241, 236); overflow: hidden; font-size: 83%; vertical-align: middle; border-bottom-color: rgb(52, 104, 87); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell; background-color: rgb(29, 87, 68);
}
#quick-nav-container nav > ul > li > ul > li > ul > li span > a {
	padding: 0px 15px 0px 12%; height: 45px; overflow: hidden; font-size: 83%; vertical-align: middle; border-bottom-color: rgb(73, 119, 104); border-bottom-width: 1px; border-bottom-style: solid; display: table-cell; background-color: rgb(52, 104, 87);
}
#quick-nav-container nav > ul:last-child > li:last-child > span > a {
	border-bottom-color: currentColor; border-bottom-width: medium; border-bottom-style: none;
}
#footer-container {
	padding: 0px 0px 20px;
}
#footer-container-menu {
	overflow: hidden;
}
#footer-container-menu li a {
	padding: 12px 6%; transition:color 0.2s linear, background-color 0.2s linear; font-size: 90%; border-bottom-color: rgb(3, 68, 47); border-bottom-width: 1px; border-bottom-style: solid; display: block; -moz-transition: color .2s linear, background-color .2s linear; -webkit-transition: color .2s linear, background-color .2s linear; -o-transition: color .2s linear, background-color .2s linear;
}
html:not(.sp) #footer-container-menu li a:hover {
	background-color: rgb(159, 210, 91);
}
#footer-container-menu {
	float: none;
}
#footer-accreditation-container {
	margin: 20px 6%; width: auto; float: none;
}
#footer-container-copyright {
	text-align: center; float: none;
}
#footer-container-copyright br {
	display: inline;
}
}