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


/* HEADER
-------------------------------------------------------------------------------------------------*/
header {
	height: 152px;
}
#header_fix > h1 {
	width: auto;
	padding-left: 8px;
	margin-top: 12px;
}
#header_fix > ul#headMenu {
	position: relative;
	top: -6px;
	right: 4px;
}
#header_fix ul#headMenu > li {
	display: block;
	border: none;
	line-height: 1;
}
#header_fix ul#headMenu > li:before {
	content: '\e037';  /* play_arrow */
	color: #002ba0;
	padding-right: 4px;
	position: relative;
	top:3px;
	font-size: 17px;
	font-family: 'Material Icons';
	-webkit-font-smoothing: antialiased;  /* WebKitブラウザサポート */
	text-rendering: optimizeLegibility;  /* Chrome、Safariサポート */
	-moz-osx-font-smoothing: grayscale;  /* Firefoxサポート */
	font-feature-settings: 'liga';  /* IEサポート */
}
#header_fix > ul#license {
	float: none;
	width: 100%;
}
div.gmSearch {
	padding: 16px;
}
div.gmSearch > form {
	width : 90%;
}
div.gmSearch > form input.searchTxt {
	width: 70%;
}

/* --- heder place button only --- */
#header_fix > ul.placeBt {
	float: none;
	width: 100%;
}
/*#header_fix > ul.placeBt > li > a > br {
	display: none;
}*/


/* GLOBAL MENU
-------------------------------------------------------------------------------------------------*/
nav#gMenu > ul > li:first-child {
	border-left: none;
}
nav#gMenu > ul > li:last-child {
	border-right: none;
}

/*-------------------------- SUBMENU --------------------------*/
div.subMclm,
div.subMclm div {
	display: block;
	width:100%;
	padding: 0;
}
div.subMclm div {
	margin-bottom: 24px;
}
/* --- entry button only --- */
ul.entryBt > li {
	width: 70%;
}

/*-------------------------- SITE SEARCH --------------------------*/
/* --- mobile only --- */
#mobSearch {
	width: 100%;
	background: #c9d6f6;
	text-align: center;
	padding: 8px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#mobSearch > form input.searchTxt {
	font-size: 100%;
	line-height: 1;
	padding: .5em!important;
	width: 70%;
	border: 1px solid #052a83;
	border-radius: 4px;
	box-shadow: 2px 2px 2px #ccc inset;
}
#mobSearch > form i {
	background: #052a83;
	color: #fff;
	border: 1px solid #052a83;
	border-radius: 4px;
	font-family: 'Material Icons';
	font-size: 24px;
	line-height: 1;
	padding: 4px 16px 2px 16px !important;
	vertical-align: top;
}
/* --- / mobile only --- */


/* SIDE NAVI
-------------------------------------------------------------------------------------------------*/
ul#sideNavi {
	top:auto;
	left: 0;
	bottom:0;
	display: table;
	width: 100%;
}
ul#sideNavi > li {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
ul#sideNavi > li:first-child {
	height: auto;
	margin-bottom: 0;
}
ul#sideNavi > li > a {
	width: auto;
	text-align: center;
	line-height: 1.4;
}
ul#sideNavi > li:first-child > a {
	padding: 8px 0;
}
ul#sideNavi > li:nth-child(2) > a {
	padding: 8px 0;
}
ul#sideNavi > li:last-child > a {
	position: static;
	padding: 8px 0;
}
ul#sideNavi > li:first-child > a > span {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}

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

ul#sideNavi2 {
	top:auto;
	left: 0;
	bottom:0;
	display: table;
	width: 100%;
}
ul#sideNavi2 > li {
	display: table-cell;
	width: 50%;
	vertical-align: middle;
}
ul#sideNavi2 > li:first-child {
	height: auto;
	margin-bottom: 0;
}
ul#sideNavi2 > li > a {
	width: auto;
	text-align: center;
	line-height: 1.4;
}
ul#sideNavi2 > li:first-child > a {
	padding: 8px 0;
}
ul#sideNavi2 > li:nth-child(2) > a {
	padding: 8px 0;
}
ul#sideNavi2 > li:last-child > a {
	position: static;
	padding: 8px 0;
}
ul#sideNavi2 > li:first-child > a > span {
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: lr-tb;
	writing-mode: horizontal-tb;
}




/* FOOTER
-------------------------------------------------------------------------------------------------*/
.pagetop {
	bottom: 56px;
}
footer {
	padding: 0 6px 40px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
}
#footLogo {
	padding: 24px 0 8px;

}
#footCopy {
	font-size: 120%;
}
#copyright {
	color: #fff;
	margin-top: 16px;
	padding: 16px 0;
	border-top: 1px solid rgba(255,255,255,.5);
}
#copyright > p {
	float: none;
	width: 100%;
	padding: 8px 0;
	text-align: center;
}


/* CONTENTS
-------------------------------------------------------------------------------------------------*/
.wrapper {
	padding: 0 8px;
}


/* TOP
-------------------------------------------------------------------------------------------------*/
#beginnerBT > div:first-child > ul {
	width: 98%;
	margin: auto;
	left: 0;
	right: 0;
}
#beginnerBT > div:last-child > ul,
#renewBT > div:last-child > ul {
	width: 98%;
	margin: 8px auto 0;
	left: 0;
	right: 0;
}
#attention > p.copy {
	padding: 0 16px;
}
#attention > ul > li > dl > dt {
	width: 128px;
}
#attention > ul > li > dl > dd {
	width : -webkit-calc(100% - 128px) ;
	width : calc(100% - 128px) ;
	padding: 4px 4px 4px 8px;
}
#attention > ul > li > dl > dd > h3 {
	font-size: 130%;
}
#renewBT > div > ul.updateBt {
	font-size: 85%;
}
#course > .entryBt {
	width: 95%;
}


/* AREA
-------------------------------------------------------------------------------------------------*/
.bannerArea,
.bannerArea > div {
	display: block;
	width: 100%!important;
}
.bannerArea > div:first-child >img {
	margin: auto;
	left:0;
	right: 0;
}
ul#Schedule > li {
	position: relative;
	float: left;
	width: 32%;
	text-align: right;
	font-size: 140%;
	line-height: 1.2;
}
ul#Schedule > li > a > p {
	text-align: center;
	padding: 4px 0 0;
}
ul#Schedule > li:first-child > a > p > br,
ul#Schedule > li:nth-child(2) > a > p > br {
	display: none;
}
ul#Schedule > li:first-child > a > p,
ul#Schedule > li:nth-child(2) > a > p {
	padding: 16px 0 0;
}
ul#Schedule > li > a > p:before {
	bottom: 8px;
	font-size: 32px;
}


/* ACQUISITION
-------------------------------------------------------------------------------------------------*/
ul#flow {
	display: block;
	margin-bottom: 48px;
	margin-left: 0;
}
ul#flow li {
	display: block;
	width: 100%;
	margin-bottom: 16px;
}
ul#flow li:after {
	top:auto;
	right: auto;
	bottom: -30px;
	left: 50%;
	margin-left: -13px;
	border: 15px solid transparent;
	border-top: 15px solid #999;
	border-left: 15px solid rgba(255,255,255,0);
}
ul#flow li > p {
	text-align: center;
}
#placeList > div,
#placeList > div:first-child,
#placeList > div:last-child {
	padding: 0 8px 24px!important;
}
#placeList,
#placeList > div {
	display: block;
	width: 100%;
}
#placeList > div > ul {
	font-size: 100%;
}






/* TABLE
-------------------------------------------------------------------------------------------------*/
/* -- TABLE SCROLL -- */
#chart {
	overflow: auto;
	white-space: nowrap;
	margin-bottom:16px;
}
#chart::-webkit-scrollbar{
 height: 8px;
}
#chart::-webkit-scrollbar-track{
 background: #eee;
}
#chart::-webkit-scrollbar-thumb {
 background: #ccc;
}
#chart div.wsp {
	width:400px!important;
	white-space:normal;
}
/* -- / TABLE SCROLL -- */
table {
	table-layout: auto;
}


/* カレンダー */
.fc-prev-button {
	margin-left: 10px !important;
}

.fc-next-button {
	margin-right: 10px !important;
}
/* カレンダーおわり */


/* ANCHOR LINK
-------------------------------------------------------------------------------------------------*/
/*.al {
	margin-top: -160px!important;
	padding-top: 160px!important;
}*/
/*20180922ナビ追記分
-------------------------------------------------------------------------------------------------*/


#Contents .license .imgtab li{
width: 33.3%!important;
max-width: 33.3%!important;
background-size: cover!important;
}

#Contents .license .imgtab li.nest li {
width: 33.3%!important;
max-width: 33.3%!important;
background-size: cover!important;
}

#Contents .license .imgtab li.nest{
width: 66.6%!important;
max-width: 66.6%!important;
background-size: cover!important;
}

#Contents .license .imgtab li.nest ul{
width: 100%!important;
max-width: 100%!important;
margin: 0!important;
padding: 35px 0px 0px 0px!important;
}
#Contents .license .imgtab li.nest ul li{
width: 50%!important;
max-width: 50%!important;
margin: 0!important;
padding: 0!important;
}

#Contents .license .imgtab li a:hover,
#Contents .license .imgtab li.nest li a:hover{
background-position: top;
}