/* ****************************** */
/*
/*  Import Web Fonts
/*
/* ****************************** */

@font-face {
	font-family: 'icomoon';
	src: url('../fonts/icomoon.eot?u4ye8v');
	src: url('../fonts/icomoon.eot?u4ye8v#iefix') format('embedded-opentype'),
		url('../fonts/icomoon.ttf?u4ye8v') format('truetype'),
		url('../fonts/icomoon.woff?u4ye8v') format('woff'),
		url('../fonts/icomoon.svg?u4ye8v#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Noto Sans Jp';
	src: url('../fonts/NotoSansCJKjp-Medium.eot');
	src: url('../fonts/NotoSansCJKjp-Medium.eot#iefix') format('embedded-opentype'),
		url('../fonts/NotoSansCJKjp-Medium.ttf') format('truetype'),
		url('../fonts/NotoSansCJKjp-Medium.woff') format('woff');
}

[class^="icon-"], [class*=" icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'icomoon' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon--01:before {
	content: "\e900";
}
.icon--02:before {
	content: "\e901";
}
.icon--03:before {
	content: "\e902";
}
.icon--04:before {
	content: "\e903";
}
.icon--05:before {
	content: "\e904";
}
.icon--06:before {
	content: "\e905";
}
.icon--07:before {
	content: "\e906";
}
.icon--08:before {
	content: "\e907";
	color: #A9A9A9;
}
.icon--09:before {
	content: "\e908";
}
.icon--10:before {
	content: "\e909";
	color: #DB1A1A;
}
.icon--11:before {
	content: "\e90a";
}
.icon--12:before {
	content: "\e90b";
}
.icon--13:before {
	content: "\e90c";
}
.icon--14:before {
	content: "\e90d";
}
.icon--15:before {
	content: "\e90e";
}
.icon--16:before {
	content: "\e90f";
}
.icon--18:before {
	content: "\e911";
	color: #2C5799;
}
.icon--19:before {
	content: "\e912";
	color: #28764B;
}
.icon--20:before {
	content: "\e913";
	color: #D24627;
}
#contents i.auto_icon {
	color: #A9A9A9;
	margin-left: 5px;
}


/* ****************************** */
/*
/*  Reset CSS
/*
/* ****************************** */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup,menu,nav,section,summary {
	display:block;
}

nav ul {
	list-style:none;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted #000;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}



/* ****************************** */
/*
/*  Common Styles
/*
/* ****************************** */

html, body {
	width: 100%;
}

html {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-seriff;
	font-size: 62.5%;
	color: #333333;
}

body {
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 280%;
	line-height: 2.8rem;
	color: #333333;
	width: 100%;
	height: auto;
	min-height: 100%;
	position: relative;
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Noto Sans Jp';
}
ul, li {
	list-style: none;
}
a {
	color: #333333;
	text-decoration: none;
}
br {
	margin: 0px !important;
}
th {
	line-height: 220%;
	line-height: 2.2rem;
	background: #EFEFEF;
	padding: 7px 20px;
	border: 1px solid #CCCCCC;
}
th:first-of-type {
	border-left: 0px none;
}
th:last-of-type {
	border-right: 0px none;
}
td {
	padding: 20px;
	border: 1px solid #CCCCCC;
}
td:first-of-type {
	border-left: 0px none;
}
td:last-of-type {
	border-right: 0px none;
}
form, input {
	font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-seriff;
}
button:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}

.container {
	width: 1000px;
	margin: 0px auto;
}
.pc_view {
	display: block;
}
.sp_view {
	display: none;
}
.fixed {
	position: fixed;
}



/* ****************************** */
/*  Header Styles
/* ****************************** */

#header {
	width: 100%;
}

#header #head_box {
	font-size: 140%;
	font-size: 1.4rem;
	width: 1000px;
	height: 68px;
	margin: 0px auto;
	display: flex;
	justify-content: space-between;
	position: relative;
}

#header h1 {
	float: left;
}
#header h1 img {
	height: 60px;
}
#header #menu {
	position: absolute;
	right: 0px;
	overflow: hidden;
}

#header nav {
	width: 100%;
	border-left: 1px solid #CCCCCC;
	margin: 0px 0px 8px;
	box-sizing: border-box;
	overflow: hidden;
}
#header nav #sp_menu {
	display: none;
}
#header nav ul {
	float: right;
	display: flex;
	justify-content: space-between;
	overflow: hidden;
}
#header nav li {
	line-height: 30px;
	height: 30px;
	padding: 0px 15px;
	border-right: 1px solid #CCCCCC;
	float: left;
}
#header nav li a {
	color: #333333;
	text-decoration: none;
	height: 100%;
	display: inline-block;
	box-sizing: border-box;
}
#header nav li a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#header nav #text_size a {
	color: #666666;
	margin: 0px 2px;
	padding: 0px 15px;
	border-bottom: 4px solid #E5E5E5;
}
#header nav #text_size a.on {
	color: #333333;
	border-bottom: 4px solid #000000;
}

#header #menu form {
	overflow: hidden;
}
#header #menu input {
	font-size: 14px;
	line-height: 28px;
	width: calc(100% - 36px);
	width: -webkit-calc(100% - 36px);
	width: -moz-calc(100% - 36px);
	height: 30px;
	padding: 0px 10px;
	float: left;
	border: 1px solid #CCCCCC;
	display: block;
	box-sizing: border-box;
}
#header #menu button {
	color: #FFFFFF;
	line-height: 28px;
	text-align: center;
	background: #7F7F7F;
	width: 36px;
	height: 30px;
	padding: 0px;
	float: left;
	border: 1px solid #7F7F7F;
	display: block;
	box-sizing: border-box;
	cursor: pointer;
}
#header #menu button:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#header #menu button i {
	font-size: 18px;
	line-height: 28px;
}
#header #menu .page_nav {
	color: #FFFFFF;
	line-height: 30px;
	text-align: center;
	background: #7F7F7F;
	min-width: 130px;
	height: 30px;
	margin-left: 10px;
	padding-left: 12px;
	float: right;
	display: block;
	overflow: hidden;
}
#header .accordion {
	background: #333333;
	width: 1140px;
	display: none;
	position: absolute;
	top: 68px;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
	box-sizing: border-box;
	z-index: 10;
}
#header .accordions {
	width: 1000px;
	margin: 30px auto;
	display: none;
}
#header .accordions h3,
#header .accordions p {
	display: none;
}
#header .accordions a,
#header .accordions i {
	color: #FFFFFF;
}
#header .accordions a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#header .accordions .news_list {
	width: 100%;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: #848484 1px solid;
	overflow: hidden;
}
#header .accordions .news_list li {
	display: inline-block;
	margin-right: 50px;
}
#header .accordions .accordion_box {
	width: 100%;
	display: table;
}
#header .accordions .accordion_box .column_box {
	width: 320px;
	display: table-cell;
}
#header .accordions .accordion_box .column_box:nth-of-type(2) {
	padding: 0px 20px;
}
#header .accordions .accordion_box .column_box h4 {
	font-size: 160%;
	font-size: 1.6rem;
	font-weight: normal;
}
#header .accordions .accordion_box .list_box {
	padding: 0px 0px 10px;
}
#header .accordions .accordion_box .list_box ul {
	padding: 20px 0px 20px 20px;
}
#header .accordions .content_foot ul {
	overflow: hidden;
}
#header .accordions .content_foot li {
	line-height: 50px;
	text-align: center;
	width: 320px;
	height: 50px;
	float: left;
	position: relative;
}
#header .accordions .content_foot li:nth-of-type(2) {
	margin: 0px 20px;
}
#header .accordions .content_foot li a {
	background: #050505;
	width: 100%;
	height: 100%;
	display: block;
}
#header .accordions .content_foot li i {
	font-size: 120%;
	font-size: 1.2rem;
	color: #848484;
	position: absolute;
	top: 50%;
	right: 85px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#header .accordions i.icon--01 {
	font-size: 120%;
	font-size: 1.2rem;
	margin-left: 10px;
}
#header .accordions i.icon--03 {
	font-size: 120%;
	font-size: 1.2rem;
	margin-right: 10px;
}
#header .accordion .close_link {
	color: #FFFFFF;
	display: block;
	position: absolute;
	top: 30px;
	right: 70px;
	cursor: pointer;
}
#header #menu .page_nav:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#header #menu .page_nav i {
	font-size: 14px;
	line-height: 30px;
	padding: 0px 12px;
	float: right;
}

#header #global_nav {
	background: url(../images/main_nav_back.png) center bottom repeat-x;
	height: 44px;
	margin: 0px auto;
	padding: 18px 0px 0px;
	border-left: none;
	box-sizing: content-box;
	overflow: visible;
}
#header #global_nav h2,
#header #global_nav .close_link,
#header #global_nav .form,
#header #global_nav .sp_menu.menu_list {
	display: none;
}
#header #global_nav ul {
	width: 1000px;
	height: 44px;
	margin: 0px auto;
	float: none;
	display: table;
	position: static;
	box-sizing: border-box;
	overflow: visible;
	z-index: 200;
}
#header #global_nav li {
	font-size: 150%;
	font-size: 1.5rem;
	line-height: 40px;
	text-align: center;
	height: 40px;
	margin: 0px 0px 4px;
	padding: 0px;
	border-right: 1px solid #E5E5E5;
	display: table-cell;
	position: relative;
	box-sizing: border-box;
}
#header #global_nav .menu_list {
	background: #009BA9;
	width: 180%;
	height: auto;
	padding: 5px 0px;
	display: none;
	position: absolute;
	top: 40px;
	left: -71px; /* global nav 変更による追加 */
}
#header #global_nav #global_nav_menu > li:first-of-type .menu_list {
	left: 0%;
}
#header #global_nav #global_nav_menu > li:nth-of-type(2) .menu_list {
	left: -14.2%;
}
#header #global_nav #global_nav_menu > li:nth-of-type(3) .menu_list {
	left: -28.4%;
}
#header #global_nav #global_nav_menu > li:nth-of-type(4) .menu_list {
	left: -42.6%;
}
#header #global_nav #global_nav_menu > li:nth-of-type(5) .menu_list {
	left: -56.8%;
}
#header #global_nav #global_nav_menu > li:nth-of-type(6) .menu_list {
	left: -71%;
}
#header #global_nav #global_nav_menu > li:last-of-type .menu_list {
	left: -80%;
}
#header #global_nav .menu_list li {
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 280%;
	line-height: 2.8rem;
	font-weight: normal;
	text-align: left;
	text-indent: -1.2rem;
	min-height: 40px;
	width: 100% !important;
	height: auto;
	margin: 0px;
	padding: 5px 15px 5px 2.2rem;
	float: none;
	border-right: 0px none;
	display: block;
}
#header #global_nav .menu_list li a {
	color: #FFFFFF;
	display: block;
}
#header #global_nav .menu_list li i {
	font-size: 12px;
	line-height: 2.8rem;
}
#header #global_nav > ul li:hover, #header #global_nav > ul li.on {
	height: 43px;
	margin: 0px;
	background: linear-gradient(#009BA9, #009BA9 6.9%, #FFFFFF 7%, #FFFFFF);
}
#header #global_nav .menu_list li:hover {
	line-height: 280%;
	line-height: 2.8rem;
	background: inherit;
	height: auto;
	border-top: none;
	border-bottom: none;
}
#header #global_nav li:first-child {
	border-left: 1px solid #E5E5E5;
}
#header #global_nav .menu_list li:first-child {
	border-left: 0px none;
}
#header #global_nav li {
	width: 143px;
}
#header #global_nav li:nth-child(4n-2) {
	width: 142px;
}



/* ****************************** */
/*  Contents Styles
/* ****************************** */

#contents {
	margin-bottom: 60px;
}
#contents #page_top {
	font-size: 80%;
	font-size: 0.8rem;
	font-weight: normal;
	color: #FFFFFF;
	text-align: center;
	text-decoration: none;
	line-height: 140%;
	line-height: 1.4rem;
	background: rgba(0, 0, 0, 0.5);
	width: 50px;
	height: 50px;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	bottom: 10px;
	right: 30px;
	z-index: 100;
	position: fixed;
	display: none;
}
#contents #page_top i {
	font-size: 14px;
	line-height: 24px;
	color: #BFBFBF;
	height: 20px;
	margin: 0px;
	padding: 0px;
	display: block;
}



/* ****************************** */
/*  Footer Styles
/* ****************************** */

#footer #main_nav {
	background: url(../images/main_nav_back.png) center bottom repeat-x;
	width: 100%;
	height: 60px;
	padding: 0px 0px 4px;
}
#footer #main_nav ul {
	width: 1000px;
	height: 60px;
	margin: 0px auto;
	border-left: 1px solid #E5E5E5;
}
#footer #main_nav li {
	font-size: 160%;
	font-size: 1.6rem;
	line-height: 54px;
	text-align: center;
	width: 199px;
	height: 56px;
	padding: 4px 0px 0px;
	float: left;
	border-right: 1px solid #E5E5E5;
}
#footer #main_nav li a {
	color: #333333;
	text-decoration: none;
	width: 100%;
	height: 100%;
	display: block;
}
#footer #main_nav li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#footer #main_nav li.on {
	background: #FFFFFF;
	padding: 0px;
	border-top: 4px solid #009BA9;
	border-bottom: 4px solid #FFFFFF;
}
#footer #main_nav li.on:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#footer #main_nav li i {
	font-size: 100%;
	font-size: 1.0rem;
	padding: 0px 5px;
}

#footer .accordion {
	width: 100%;
	position: relative;
	overflow: hidden;
	display: none;
	box-shadow: 0px 3px 3px 0px #D9D9D9;
}

#footer .accordion .accordions {
	width: 1000px;
	margin: 0px auto;
	position: relative;
	display: none;
}

#footer .accordion .accordions .close_link {
	font-size: 120%;
	font-size: 1.2rem;
	line-height: 120%;
	line-height: 1.2rem;
	height: 30px;
	padding: 8px 40px;
	border: 1px solid #CCCCCC;
	position: absolute;
	top: 36px;
	right: 0px;
	box-sizing: border-box;
	cursor: pointer;
}
#footer .accordion .accordions .close_link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#footer .accordion .accordions .close_link i {
	font-size: 100%;
	font-size: 1.0rem;
	font-weight: normal;
	line-height: 26px;
	color: #666666;
	vertical-align: bottom;
	width: 26px;
	height: 26px;
	margin: auto;
	font-style: normal;
	position: absolute;
	top: 0px;
	bottom: 0px;
	left: 100px;
	right: 0px;
}

#footer .accordion .accordions h3 {
	font-size: 300%;
	font-size: 3.0rem;
	font-weight: normal;
	padding: 36px 0px 30px;
}
#footer .accordion .accordions h4:hover,
#footer .accordion .accordions li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#footer .accordion .accordions .h_text {
	font-size: 140%;
	font-size: 1.4rem;
}

#footer .accordion .accordions .news_list {
	padding: 45px 0px;
	overflow: hidden;
}
#footer .accordion .accordions .news_list li {
	font-size: 140%;
	font-size: 1.4rem;
	padding: 0px 40px 0px 0px;
	float: left;
}
#footer .accordion .accordions .news_list li a {
	font-size: 140%;
	font-size: 1.4rem;
}
#footer .accordion .accordions .news_list li i {
	font-size: 120%;
	font-size: 1.2rem;
	color: #009BA9;
	padding: 0px 16px;
}
#footer .accordion .accordions .accordion_box {
	vertical-align: top;
	width: 100%;
	margin: 0px;
	padding: 3px 0px;
	display: table;
	overflow: hidden;
}
#footer .accordion .accordions .accordion_box .column_box {
	width: 320px;
	display: table-cell;
	box-sizing: content-box;
}
#footer .accordion .accordions .accordion_box .column_box:nth-of-type(3n + 2) {
	padding: 0px 20px;
}
#footer .accordion .accordions .accordion_box .list_box {
	width: 100%;
	margin: 0px;
	padding: 0px 0px 30px;
	border-top: 1px solid #CCCCCC;
}
#footer .accordion .accordions .accordion_box .list_box h4 {
	font-size: 180%;
	font-size: 1.8rem;
	line-height: 270%;
	line-height: 2.7rem;
	font-weight: normal;
	padding: 15px 0px 0px;
}
#footer .accordion .accordions .accordion_box .list_box h4 i {
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 270%;
	line-height: 2.7rem;
	color: #009BA9;
	padding: 0px 10px;
}
#footer .accordion .accordions .accordion_box .list_box ul {
	padding: 15px 0px;
}
#footer .accordion .accordions .accordion_box .list_box li {
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 300%;
	line-height: 3.0rem;
	padding: 0px 0px 0px 10px;
}
#footer .accordion .accordions .accordion_box .list_box li i {
	font-size: 120%;
	font-size: 1.2rem;
	color: #009BA9;
	padding: 0px 10px;
}
#footer .accordion .accordions .accordion_box .list_box li small {
	position: relative;
    left: 32px;
    top: -10px;
}
#footer .accordion .accordions .content_foot {
	max-width: 1000px;
	margin: 0px auto;
	padding: 34px 0px 40px;
}
#footer .accordion .accordions .content_foot ul {
	overflow: hidden;
}
#footer .accordion .accordions .content_foot li {
	font-size: 160%;
	font-size: 1.6rem;
	line-height: 78px;
	text-align: center;
	width: 32%;
	height: 78px;
	padding: 0px;
	float: left;
	border: 1px solid #D1D1D1;
	position: relative;
	box-sizing: border-box;
}
#footer .accordion .accordions .content_foot li:nth-of-type(3n-1) {
	margin: 0px 2%;
}
#footer .accordion .accordions .content_foot li a {
	height: 78px;
	display: block;
}
#footer .accordion .accordions .content_foot li i {
	font-size: 100%;
	font-size: 1.0rem;
	position: absolute;
	bottom: 7px;
	right: 7px;
}

#footer #foot_form {
	display: none;
}

#footer {
	width: 100%;
}

#footer #foot_box {
	width: 1000px;
	margin: 0px auto;
	padding: 20px 0px;
	overflow: hidden;
}
#footer #foot_box h2 {
	font-size: 140%;
	font-size: 1.4rem;
	font-style: normal;
}
#footer #foot_box h2 img {
	width: 140px;
}
#footer #foot_box ul {
	background: url(../images/foot_juaa_logo.jpg) right center no-repeat;
	height: 95px;
	padding: 0px 230px 0px 0px;
	float: right;
	overflow: hidden;
}
#footer #foot_box li {
	font-size: 130%;
	font-size: 1.3rem;
	padding: 0px 25px 0px 0px;
	float: left;
}
#footer #foot_box li:hover {
	text-decoration: underline;
}
#footer #foot_box address {
	padding: 0px 0px 10px;
	float: left;
	clear: left;
}
#footer #foot_box address p {
	font-size: 110%;
	font-size: 1.1rem;
	line-height: 1.8rem;
	font-style: normal;
}
#footer #foot_box .site-term {
	font-size: 120%;
	font-size: 1.2rem;
	float: left;
	margin: 0px;
	clear: left;
	display: block;
}
#footer #foot_box .site-term:hover {
	text-decoration: underline;
}
#footer #foot_box .site-term i {
	font-size: 100%;
	font-size: 1.0rem;
	color: #009BA9;
	margin-right: 5px;
}
#footer #foot_box #copyright {
	font-size: 1.0rem;
	color: #666666;
	float: left;
	clear: left;
}



/* ****************************** */
/*  SmartPhone Navigation Styles
/* *******************************/

#sp_nav {
	display: none;
}




/*
#contents .slider-pro {
	margin-bottom: 50px;
}
.sp-thumbnails-container.sp-bottom-thumbnails {
	bottom: -50px;
}
#contents .sp-slides-container {
	width: 600px;
	margin: 0px auto;
}
#contents .sp-mask {
	text-align: center;
	overflow: visible;
}
#contents .sp-slide {
	margin-left: -200px;
}
*/



/* ****************************** */
/*  Graph Styles
/* *******************************/

.mod_h5.graph {
	text-align: center;
}
#contents svg {
	width:290px;
	height: 290px;
	margin: 20px auto;
	display: block;
}
path {
	stroke: #ffffff;
	stroke-width: 2px;
}
#contents span.tooltip {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 10;
	visibility: hidden;
	padding: 0 5px;
	border: 1px solid #000;
	border-radius: 3px;
	background-color: rgba(0, 0, 0, 0.6);
	color: #fff;
	font-size: 11px;
	width: auto !important;
}
.pie_graph {
	width: 290px;
	height: 290px;
	margin: 20px auto;
	overflow: visible;
}
.graph_val {
	width: 100%;
	overflow: hidden;
}

#contents table td.titles {
	font-size: 130%;
	font-size: 1.3rem;
	line-height: 230%;
	line-height: 2.3rem;
	width: 36.5%;
	text-indent: -20px;
	padding-left: 35px;
}
.graph_val td.titles:before {
	content: "■";
	height: 100%;
	margin: 0px 20px 0px 0px;
	float: left;
	display: block;
}
.graph_val td.titles span {
	color: #333333;
}
#contents table td.values {
	font-size: 160%;
	font-size: 1.6rem;
	font-weight: bold;
	text-align: right;
	width: 13.5%;
}
#contents table td.values:after {
	content: "%";
}

.graph_val .graph-color-01 {
	color: #e05342;
}
.graph_val .graph-color-02 {
	color: #83b863;
}
.graph_val .graph-color-03 {
	color: #0da3de;
}
.graph_val .graph-color-04 {
	color: #aad1e0;
}
.graph_val .graph-color-05 {
	color: #f9a33c;
}
.graph_val .graph-color-06 {
	color: #179893;
}
.graph_val .graph-color-07 {
	color: #db6f9d;
}
.graph_val .graph-color-08 {
	color: #efc1d4;
}
.graph_val .graph-color-09 {
	color: #8c68c8;
}
.graph_val .graph-color-10 {
	color: #d4d551;
}
.graph_val .graph-color-11 {
	color: #2abfcc;
}
.graph_val .graph-color-12 {
	color: #cde5e7;
}
.graph_val .graph-color-13 {
	color: #4c8dd6;
}
.graph_val .graph-color-14 {
	color: #6ab98f;
}
.graph_val .graph-color-15 {
	color: #e2b029;
}
.graph_val .graph-color-16 {
	color: #f3e5bc;
}
.graph_val .graph-color-17 {
	color: #7b73bd;
}
.graph_val .graph-color-18 {
	color: #60cbde;
}
.graph_val .graph-color-19 {
	color: #828182;
}
.graph_val .graph-color-20 {
	color: #ebbfb9;
}



/* ****************************** */
/*  Blog Images Position Styles
/* *******************************/

#contents .m-box-news.news-type1 {
  zoom: 1;
}
#contents .m-box-news.news-type1:after {
  content: " ";
  display: table;
  clear: both;
}
#contents .m-box-news.news-type1 .news-image {
  float: right;
  width: 265px;
  margin-left: 30px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type1 .news-image {
    float: none;
    margin-left: 0;
    margin-top: 15px;
  }
}
#contents .m-box-news.news-type1 .news-image li {
  margin-top: 15px;
}
#contents .m-box-news.news-type1 .news-image li:first-child {
  margin-top: 0;
}
#contents .m-box-news.news-type1 .news-image li dl dt {
  line-height: 0;
}
#contents .m-box-news.news-type1 .news-image li dl dd {
  margin-top: 5px;
}
#contents .m-box-news.news-type1 .news-image li img {
  width: 100%;
}
#contents .m-box-news.news-type1 .news-body {
  float: left;
  width: 405px;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type1 .news-body {
    float: none;
    width: auto;
  }
}
#contents .m-box-news.news-type2 .news-image {
  margin: 0 -10px 0 -10px;
  letter-spacing: -0.4em;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type2 .news-image {
    margin: 0;
  }
}
#contents .m-box-news.news-type2 .news-image li {
  display: inline-block;
  width: 33.33333%;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 15px;
  vertical-align: top;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#contents .m-box-news.news-type2 .news-image li {
		display: block;
		width: auto;
		margin-top: 10px;
		padding: 0;
	}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type2 .news-image li {
    margin-top: 15px;
  }
}
#contents .m-box-news.news-type2 .news-image li dl dt {
  line-height: 0;
}
#contents .m-box-news.news-type2 .news-image li dl dd {
  margin-top: 5px;
}
#contents .m-box-news.news-type2 .news-image li img {
  width: 100%;
}
#contents .m-box-news.news-type3 .news-image {
  margin: 0 -10px 0 -10px;
  letter-spacing: -0.4em;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type3 .news-image {
    margin: 0;
  }
}
#contents .m-box-news.news-type3 .news-image li {
  display: inline-block;
  width: 50%;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 15px;
  vertical-align: top;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type3 .news-image li {
    display: block;
    width: auto;
    margin-top: 10px;
    padding: 0;
  }
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type3 .news-image li {
    margin-top: 15px;
  }
}
#contents .m-box-news.news-type3 .news-image li dl dt {
  line-height: 0;
}
#contents .m-box-news.news-type3 .news-image li dl dd {
  margin-top: 5px;
}
#contents .m-box-news.news-type3 .news-image li img {
  width: 100%;
}
#contents .m-box-news.news-type4 .news-image li {
  margin-top: 15px;
  vertical-align: top;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type4 .news-image li {
    margin: 0;
  }
}
#contents .m-box-news.news-type4 .news-image li dl dt {
  line-height: 0;
}
#contents .m-box-news.news-type4 .news-image li dl dd {
  margin-top: 5px;
}
#contents .m-box-news.news-type4 .news-image li img {
  width: 100%;
}
#contents .m-box-news.news-type5 .news-image {
  margin: 0 -10px 0 -10px;
  letter-spacing: -0.4em;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type5 .news-image {
    margin: 0;
  }
}
#contents .m-box-news.news-type5 .news-image li {
  display: inline-block;
  width: 25%;
  padding: 0 10px;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  letter-spacing: normal;
  margin-top: 15px;
  vertical-align: top;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
	#contents .m-box-news.news-type5 .news-image li {
		display: block;
		width: auto;
		margin-top: 10px;
		padding: 0;
	}
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  #contents .m-box-news.news-type5 .news-image li {
    margin-top: 15px;
  }
}
#contents .m-box-news.news-type5 .news-image li dl dt {
  line-height: 0;
}
#contents .m-box-news.news-type5 .news-image li dl dd {
  margin-top: 5px;
}
#contents .m-box-news.news-type5 .news-image li img {
  width: 100%;
}

#contents .news-type6 .visual-wrap {
  position: relative;
}
#contents .news-type6 .visual-wrap .mod_three_column .mod_column {
  margin-left: 0;
}

#contents .news-type6 .visual-wrap ul {
  position: relative;
}
#contents .news-type6 .visual-wrap ul li {
	margin: 0px !important;
	padding: 20px 0px 0px;
	box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
#contents .news-type6 .visual-wrap ul li:first-child {
  position: relative;
}
#contents .news-type6 .visual-wrap ul li dl img {
  display:block;
}
#contents .news-type6 .visual-wrap ul li dl dd {
  margin-top: 0;
  min-height: 4.8em;
  padding: 10px 10px;
  background: #999;
  color: #fff;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .news-type6 .visual-wrap ul li p {
    min-height: 6.3em;
  }
}

#contents .news-type6 {
  overflow: hidden;
}
#contents .news-type6 .visual-wrap {
  margin-bottom: 40px;
}
#contents .news-type6 .visual-ctrl {
  margin: auto;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .news-type6 .visual-ctrl {
    width: 100%;
    bottom: 0;
  }
}
#contents .news-type6 .visual-ctrl .ctrl-left {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 19px;
  height: 36px;
  text-indent: -9999px;
  z-index: 110;
}
#contents .news-type6 .visual-ctrl .ctrl-left:after {
  font-family: 'icomoon';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -20px;
  color: #fff;
  font-size: 40px;
  /* content: ""; */
  content: "\e904";
  text-indent: 0;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
#contents .news-type6 .visual-ctrl .ctrl-right {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 19px;
  height: 36px;
  text-indent: -9999px;
  z-index: 110;
}
#contents .news-type6 .visual-ctrl .ctrl-right:after {
  font-family: 'icomoon';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -20px;
  color: #fff;
  font-size: 40px;
  /* content: ""; */
  content: "\e902";
  text-indent: 0;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
#contents .news-type6 .visual-ctrl ol {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 100%;
  margin: auto;
  z-index: 100;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .news-type6 .visual-ctrl ol {
    display: none;
  }
}
#contents .news-type6 .visual-ctrl ol li {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 3px;
  text-indent: -9999px;
}
#contents .news-type6 .visual-ctrl ol li:after {
  content: '●';
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  text-indent: 0;
}
#contents .news-type6 .visual-ctrl ol li.is-active:after {
  color: #23A2B4;
}


/* ****************************** */
/*  Wysiwyg Styles
/* *******************************/

.wysiwyg img {
	max-width: 100%;
	height: auto;
}
.wysiwyg, .m-box-unit .unit-richtext {
  background: transparent;
}
.wysiwyg p, .m-box-unit .unit-richtext p {
  margin-top: 1em;
}
.wysiwyg table, .m-box-unit .unit-richtext table {
  margin-top: 1em;
  font-size: 100%;
}
.wysiwyg *:first-child, .m-box-unit .unit-richtext *:first-child {
  margin-top: 0;
}
.wysiwyg strong, .m-box-unit .unit-richtext strong {
  font-weight: bold;
}
.wysiwyg em, .m-box-unit .unit-richtext em {
  font-style: italic;
}
.wysiwyg ul, .m-box-unit .unit-richtext ul {
  margin-top: 1em;
}
.wysiwyg ul li, .m-box-unit .unit-richtext ul li {
  position: relative;
  margin-top: 5px;
  padding-left: 18px;
}
.wysiwyg ul li:first-child, .m-box-unit .unit-richtext ul li:first-child {
  margin-top: 0;
}
/*
.wysiwyg ul li:before, .m-box-unit .unit-richtext ul li:before {
  position: absolute;
  left: 2px;
  top: 6px;
  content: '●';
  font-size: 57%;
  color: #999;
  font-weight: bold;
  line-height: 1;
}
*/
.wysiwyg ol, .m-box-unit .unit-richtext ol {
  margin-top: 1em;
  counter-reset: ol;
}
.wysiwyg ol > li, .m-box-unit .unit-richtext ol > li {
  position: relative;
  margin-top: 5px;
  padding-left: 20px;
}
.wysiwyg ol > li:first-child, .m-box-unit .unit-richtext ol > li:first-child {
  margin-top: 0;
}
/*
.wysiwyg ol > li:before, .m-box-unit .unit-richtext ol > li:before {
  position: absolute;
  left: 0;
  top: 5px;
  counter-increment: ol;
  content: counter(ol) ".";
  color: #23A2B4;
  line-height: 1;
}
*/
@media screen and (min-width: 0px) and (max-width: 767px) {
  .wysiwyg img, .m-box-unit .unit-richtext img {
    float: none !important;
    margin: 0 !important;
    max-width: 100%;
  }
}
.m-table-common, .wysiwyg table, .m-box-unit .unit-richtext table {
  width: 100%;
  border: 2px solid #ccc;
}
.m-table-common caption, .wysiwyg table caption, .m-box-unit .unit-richtext table caption {
  padding: 5px 15px;
  color: #fff;
  font-size: 114%;
  font-weight: bold;
  border: 2px solid #ccc;
  border-bottom: 0;
  background: #23A2B4;
  text-align: left;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .m-table-common caption, .wysiwyg table caption, .m-box-unit .unit-richtext table caption {
    padding: 3px 10px;
    font-size: 100%;
  }
}
.m-table-common thead th, .wysiwyg table thead th, .m-box-unit .unit-richtext table thead th {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f2f2f2;
  font-size: 114%;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .m-table-common thead th, .wysiwyg table thead th, .m-box-unit .unit-richtext table thead th {
    padding: 3px 5px;
    font-size: 100%;
  }
}
.m-table-common thead td, .wysiwyg table thead td, .m-box-unit .unit-richtext table thead td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
  font-size: 114%;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .m-table-common thead td, .wysiwyg table thead td, .m-box-unit .unit-richtext table thead td {
    padding: 3px 5px;
    font-size: 100%;
  }
}
.m-table-common tbody tr th, .wysiwyg table tbody tr th, .m-box-unit .unit-richtext table tbody tr th {
  padding: 10px;
  border: 1px solid #ccc;
  background: #f2f2f2;
  font-size: 114%;
  text-align: center;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .m-table-common tbody tr th, .wysiwyg table tbody tr th, .m-box-unit .unit-richtext table tbody tr th {
    width: 30%;
    padding: 3px 5px;
    font-size: 100%;
  }
}
.m-table-common tbody tr td, .wysiwyg table tbody tr td, .m-box-unit .unit-richtext table tbody tr td {
  padding: 10px;
  border: 1px solid #ccc;
  background: #fff;
}
@media screen and (min-width: 0px) and (max-width: 767px) {
  .m-table-common tbody tr td, .wysiwyg table tbody tr td, .m-box-unit .unit-richtext table tbody tr td {
    padding: 3px 5px;
    font-size: 100%;
  }
}
.m-table-common .common-child-center > th, .wysiwyg table .common-child-center > th, .m-box-unit .unit-richtext table .common-child-center > th, .m-table-common .common-child-center td, .wysiwyg table .common-child-center td, .m-box-unit .unit-richtext table .common-child-center td {
  text-align: center;
}
.m-table-common .common-point, .wysiwyg table .common-point, .m-box-unit .unit-richtext table .common-point {
  background: #9E9993 !important;
  color: #FFF !important;
}



/* --------------------------------------------------
    各ユニットを囲む
-------------------------------------------------- */

/*-----  余白リセット -----*/
#contents * {
	margin: 0px;
	padding: 0px;
}

/*----- MarkDownを囲む -----*/
#contents > .mod_section {
	display: block;
	overflow: hidden;
}

/*----- ユニットを囲む -----*/
#contents .mod_container {
	width: 100%;
	width: 1000px;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
}

/*----- グループ分け（複数カラム） -----*/
/* 2・3・4カラム */
#contents > .mod_one_column,
#contents > .mod_two_column,
#contents > .mod_three_column,
#contents > .mod_four_column {
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	overflow: hidden;
}
/* 各カラムボックス */
#contents .mod_two_column .mod_column,
#contents .mod_three_column .mod_column,
#contents .mod_four_column .mod_column {
	display: inline-block;
	overflow: hidden;
}

/*----- 囲まれたもののmargin初期化 -----*/
#contents .mod_section > *,
#contents .mod_container > *,
#contents .mod_one_column > *,
#contents .mod_two_column > *,
#contents .mod_three_column > *,
#contents .mod_four_column > *,
#contents .mod_column > * {
	margin-left: auto;
	margin-right: auto;
}



/* --------------------------------------------------
    パンくずリスト(テンプレートから読み出し)
-------------------------------------------------- */

#contents .mod_crumb {
	font-size: 120%;
	font-size: 1.2rem;
	width: 1000px;
	margin: 0px auto;
	padding: 12px 0px 25px;
	overflow: hidden;
}
#contents .mod_crumb li {
	height: 28px;
	float: left;
}
#contents .mod_crumb li:after {
	content: ">";
	padding: 0px 2px;
}
#contents .mod_crumb li:last-of-type:after {
	content: "";
}
#contents .mod_crumb a {
	font-weight: normal;
}
#contents .mod_crumb a:hover {
	text-decoration: none;
}
#contents .mod_crumb .this {
	font-weight: bold;
}

/* --------------------------------------------------
    見出し
-------------------------------------------------- */

/*----- h2(テンプレートから読み出し) -----*/
#contents .mod_h2 {
	font-size: 3.6rem;
	font-weight: normal;
	line-height: 3.6rem;
	text-align: center;
	color: #009BA9;
	margin: 0px 0px 30px;
	padding: 0px 0px 30px;
	box-shadow: 0px 2px 2px 0px #D9D9D9;
}
#contents .mod_sub_h2 {
	font-size: 1.6rem;
	line-height: 3.2rem;
	color: #333333;
	display: block;
}
#contents .mod_h2 + * > .mod_h3,
#contents .mod_h2 + * > .mod_h4 {
	margin-top: 0px;
}
#contents .mod_h2 + * > * + .mod_h3 {
	margin-top: 60px;
}
#contents .mod_h2 + * > * + .mod_h4 {
	margin-top: 50px;
}
#contents .mod_h2 + .mod_h3,
#contents .mod_h2 + .mod_h4 {
	margin-top: 30px;
}

/*----- h3(.mod_container, .mod_section内) -----*/
#contents .mod_h3 {
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 3.4rem;
	text-align: center;
	max-width: 1000px;
	margin-top: 60px;
	margin-left: auto;
	margin-right: auto;
	border-top: 1px solid #CCCCCC;
	overflow: hidden;
}
#contents .mod_h3:before {
	content: "";
	background: #0098A6;
	width: 312px;
	height: 4px;
	margin-bottom: 26px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}

/*----- h4(.mod_container, .mod_section内) -----*/
#contents .mod_h4 {
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 2.4rem;
	color: #009ba9;
	text-align: center;
	background: #EFEFEF;
	max-width: 1000px;
	margin-top: 50px;
	margin-left: auto;
	margin-right: auto;
	padding: 12px 20px;
	border: 1px solid #E5E5E5;
	box-sizing: border-box;
	overflow: hidden;
}

/*----- h5(.mod_container, .mod_section内) -----*/
#contents .mod_h5 {
	font-size: 2.0rem;
	font-weight: normal;
	line-height: 3.6rem;
	max-width: 1000px;
	margin-top: 25px;
	margin-bottom: 0px; /* イレギュラーパターン */
	margin-left: auto;
	margin-right: auto;
}
#contents .mod_h5 + * {
	margin-top: 10px !important;
	margin-left: auto;
	margin-right: auto;
}
#contents .mod_h5 + .mod_container,
#contents .mod_h5 + .mod_section {
	margin-top: 0px !important;
}
#contents .mod_h5 + .mod_one_column > *,
#contents .mod_h5 + .mod_two_column > *,
#contents .mod_h5 + .mod_three_column > *,
#contents .mod_h5 + .mod_four_column > * {
	margin-top: 0px !important;
}

/* --------------------------------------------------
    テキスト
-------------------------------------------------- */

/*----- p(.mod_container内) -----*/
#contents .mod_p, #contents p {
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 280%;
	line-height: 2.8rem;
	max-width: 1000px;
	margin-top: 25px;
}

/*----- コピーテキスト(.mod_container内) -----*/
#contents .mod_copytext {
	font-family: 'Noto Sans Jp';
	font-size: 1.8rem;
	line-height: 3.6rem;
	text-align: center;
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
}
#contents .mod_copytext.left {
	text-align: left;
}
#contents .mod_copytext.right {
	text-align: right;
}

/*----- a(pタグ内) -----*/
#contents .mod_link, #contents a {
	font-weight: bold;
	color: #333333;
	text-decoration: underline;
}
#contents .mod_link:hover, #contents a:hover {
	text-decoration: none;
}

/*----- strong(pタグ内) -----*/
#contents .mod_strong, #contents strong {
	font-weight: bold;
}

/*----- 中央寄せ(pタグ内) -----*/
#contents .mod_center {
	text-align: center;
}

/*----- 文字サイズ小(pタグ内) -----*/
#contents .mod_small {
	font-size: 1.2rem;
	line-height: 2.2rem;
	max-width: 1000px;
	margin-top: 15px;
	margin-left: auto;
	margin-right: auto;
}
#contents .mod_small li {
	text-indent: -1.6rem;
	padding: 0px 0px 0px 1.2rem;
}
#contents .mod_small li:before {
	content: "※";
	display: inline;
}

/* --------------------------------------------------
    カラム分け、画像のサイズ・回り込み
-------------------------------------------------- */

/* .mod_image_column */
#contents .mod_image_column {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
/* 	margin: 0px auto 30px; */
	padding: 0px;
	overflow: hidden;
}
#contents .mod_image_column .mod_image {
	margin-top: 30px;
	margin-left: 40px;
	float: right;
}
#contents .mod_image_column .mod_image + * {
	margin-top: 30px;
}

/*----- カラム内の画像の挙動 -----*/
#contents .mod_column img {
	width: 100%;
	display: block;
}

/*----- 各カラムのセル -----*/
#contents .mod_column {
	margin-top: 20px;
}
/* カラム内の要素の上マージン初期化(各カラムの最初の要素の上マージンを0px) */
#contents .mod_column > * {
	margin-top: 0px;
}
/* 最初の要素でなければ上マージンを再付与 */
#contents .mod_column > * + * {
	margin-top: 20px;
}
#contents .mod_column > * + .mod_h3,
#contents .mod_column > * + .mod_h4 {
	margin-top: 60px;
}
#contents .mod_column > * + .mod_h5 {
	margin-top: 20px;
}

/*----- 各カラムの画像挙動 -----*/
#contents .mod_column > img + .mod_h5,
#contents .mod_column > img + .mod_p,
#contents .mod_column > img + .mod_h5 + .mod_p {
	margin-top: 20px;
}

/*----- 1カラム -----*/
#contents .mod_one_column {
	margin-top: 0px;
}
#contents .mod_one_column > .mod_column {
	display: block;
}
/*
#contents p.mod_one_column {
	margin-top: 30px;
}
*/

/*----- 2カラム -----*/
#contents p.mod_two_column {
	margin-top: 0px; /* pのマージンを上書き */
}
#contents .mod_two_column {
	max-width: 1000px;
	width: 100%;
	overflow: hidden;
	letter-spacing: -.40em;
}
#contents .mod_two_column > .mod_column {
	vertical-align: top;
	letter-spacing: normal;
	width: 480px;
	display: inline-block;
}
#contents .mod_two_column > .mod_column:nth-child(n + 3) {
	margin-top: 50px;
}
#contents .mod_two_column > .mod_column:nth-child(2n + 1) {
	margin-right: 40px;
}

/*----- 3カラム -----*/
#contents .mod_three_column {
	max-width: 1000px;
	width: 100%;
	padding: 0px;
	overflow: hidden;
	letter-spacing: -.40em;
}
#contents .mod_three_column > .mod_column {
	width: 312px;
	vertical-align: top;
	letter-spacing: normal;
	display: inline-block;
}
#contents .mod_three_column > .mod_column:nth-child(n + 4) {
	margin-top: 50px;
}
#contents .mod_three_column > .mod_column:nth-child(3n + 2) {
	margin-left: 32px;
	margin-right: 32px;
}

/*----- 4カラム -----*/
#contents .mod_four_column {
	max-width: 1000px;
	width: 100%;
	padding: 0px;
	overflow: hidden;
	letter-spacing: -.40em;
}
#contents .mod_four_column > .mod_column {
	width: 226px;
	margin-right: 32px;
	vertical-align: top;
	letter-spacing: normal;
	display: inline-block;
}
#contents .mod_four_column > .mod_column:nth-child(n+5) {
	margin-top: 50px;
}
#contents .mod_four_column > .mod_column:nth-child(4n) {
	margin-right: 0px;
}

/*----- 画像の入れ子 -----*/
/* 各カラム内のカラムの挙動 */
#contents .mod_two_column .mod_one_column .mod_column,
#contents .mod_two_column .mod_two_column .mod_column,
#contents .mod_two_column .mod_three_column .mod_column,
#contents .mod_two_column .mod_four_column .mod_column,
#contents .mod_three_column .mod_one_column .mod_column,
#contents .mod_three_column .mod_two_column .mod_column,
#contents .mod_three_column .mod_three_column .mod_column,
#contents .mod_three_column .mod_four_column .mod_column,
#contents .mod_four_column .mod_one_column .mod_column,
#contents .mod_four_column .mod_two_column .mod_column,
#contents .mod_four_column .mod_three_column .mod_column,
#contents .mod_four_column .mod_four_column .mod_column {
	margin-top: 0px;
}
#contents .mod_two_column * + .mod_one_column .mod_column,
#contents .mod_two_column * + .mod_two_column .mod_column,
#contents .mod_two_column * + .mod_three_column .mod_column,
#contents .mod_two_column * + .mod_four_column .mod_column,
#contents .mod_three_column * + .mod_one_column .mod_column,
#contents .mod_three_column * + .mod_two_column .mod_column,
#contents .mod_three_column * + .mod_three_column .mod_column,
#contents .mod_three_column * + .mod_four_column .mod_column,
#contents .mod_four_column * + .mod_one_column .mod_column,
#contents .mod_four_column * + .mod_two_column .mod_column,
#contents .mod_four_column * + .mod_three_column .mod_column,
#contents .mod_four_column * + .mod_four_column .mod_column,
#contents .mod_two_column .mod_text_column .mod_column,
#contents .mod_three_column .mod_text_column .mod_column,
#contents .mod_four_column .mod_text_column .mod_column {
	margin-top: 20px;
}

/* 2カラム × 2カラム */
#contents .mod_two_column .mod_column .mod_two_column .mod_column {
	width: 230px;
}
#contents .mod_two_column .mod_column .mod_two_column .mod_column:nth-child(n + 3) {
	margin-top: 25px;
}
#contents .mod_two_column .mod_column .mod_two_column .mod_column:nth-child(2n + 1) {
	margin-right: 20px;
}
/* 2カラム × 3カラム */
#contents .mod_two_column .mod_column .mod_three_column .mod_column {
	width: 149px;
}
#contents .mod_two_column .mod_column .mod_three_column .mod_column:nth-child(n + 4) {
	margin-top: 25px;
}
#contents .mod_two_column .mod_column .mod_three_column .mod_column:nth-child(3n + 2) {
	margin-left: 16px;
	margin-right: 16px;
}
/* 2カラム × 4カラム */
#contents .mod_two_column .mod_column .mod_four_column .mod_column {
	width: 108px;
	margin-right: 16px;
}
#contents .mod_two_column .mod_column .mod_four_column .mod_column:nth-child(n + 5) {
	margin-top: 25px;
}
#contents .mod_two_column .mod_column .mod_four_column .mod_column:nth-child(4n + 4) {
	margin-right: 0px;
}
/* 3カラム × 2カラム */
#contents .mod_three_column .mod_column .mod_two_column .mod_column {
	width: 149px;
}
#contents .mod_three_column .mod_column .mod_two_column .mod_column:nth-child(n + 3) {
	margin-top: 17px;
}
#contents .mod_three_column .mod_column .mod_two_column .mod_column:nth-child(2n + 1) {
	width: 150px;
	margin-right: 13px;
}
/* 3カラム × 3カラム */
#contents .mod_three_column .mod_column .mod_three_column .mod_column {
	width: 97px;
}
#contents .mod_three_column .mod_column .mod_three_column .mod_column:nth-child(n + 4) {
	margin-top: 17px;
}
#contents .mod_three_column .mod_column .mod_three_column .mod_column:nth-child(3n + 2) {
	width: 96px;
	margin-left: 11px;
	margin-right: 11px;
}
/* 3カラム × 4カラム */
#contents .mod_three_column .mod_column .mod_four_column .mod_column {
	width: 70px;
	margin-right: 11px;
}
#contents .mod_three_column .mod_column .mod_four_column .mod_column:nth-child(n + 5) {
	margin-top: 17px;
}
#contents .mod_three_column .mod_column .mod_four_column .mod_column:nth-child(4n + 4) {
	width: 69px;
	margin-right: 0px;
}
/* 4カラム × 2カラム */
#contents .mod_four_column .mod_column .mod_two_column .mod_column {
	width: 108px;
}
#contents .mod_four_column .mod_column .mod_two_column .mod_column:nth-child(n + 3) {
	margin-top: 13px;
}
#contents .mod_four_column .mod_column .mod_two_column .mod_column:nth-child(2n + 1) {
	margin-right: 10px;
}
/* 4カラム × 3カラム */
#contents .mod_four_column .mod_column .mod_three_column .mod_column {
	width: 70px;
}
#contents .mod_four_column .mod_column .mod_three_column .mod_column:nth-child(n + 4) {
	margin-top: 13px;
}
#contents .mod_four_column .mod_column .mod_three_column .mod_column:nth-child(3n + 2) {
	margin-left: 8px;
	margin-right: 8px;
}
/* 4カラム × 4カラム */
#contents .mod_four_column .mod_column .mod_four_column .mod_column {
	width: 50px;
	margin-right: 8px;
}
#contents .mod_four_column .mod_column .mod_four_column .mod_column:nth-child(2n) {
	width: 51px;
}
#contents .mod_four_column .mod_column .mod_four_column .mod_column:nth-child(n + 5) {
	margin-top: 13px;
}
#contents .mod_four_column .mod_column .mod_four_column .mod_column:nth-child(4n) {
	margin-right: 0px;
}

/*
#contents .mod_column .mod_two_column > .mod_column * {
	margin: 0px auto;
}
#contents .mod_column .mod_two_column > .mod_column * + * {
	margin: 15px auto 0px;
}
#contents .mod_column .mod_three_column > .mod_column * {
	margin: 0px auto;
}
#contents .mod_column .mod_three_column > .mod_column * + * {
	margin: 10px auto 0px;
}
#contents .mod_column .mod_four_column > .mod_column * {
	margin: 0px auto;
}
#contents .mod_column .mod_four_column > .mod_column * + * {
	margin: 10px auto 0px;
}
*/

/*----- 複数カラムグループが続く場合 -----*/
#contents .mod_two_column + .mod_two_column,
#contents .mod_two_column + .mod_three_column,
#contents .mod_two_column + .mod_four_column,
#contents .mod_three_column + .mod_two_column,
#contents .mod_three_column + .mod_three_column,
#contents .mod_three_column + .mod_four_column,
#contents .mod_four_column + .mod_two_column,
#contents .mod_four_column + .mod_three_column,
#contents .mod_four_column + .mod_four_column {
	margin-top: 20px;
}

/*----- 画像原寸サイズ -----*/
#contents .mod_free_column {
	max-width: 100%;
	margin-top: 0px;
}
#contents .mod_free_column > .mod_column {
	display: block;
}
#contents .mod_free_column .mod_column img {
	width: auto;
	max-width: 100%;
}

/*----- 画像の回り込み -----*/
/* 左に回り込み */
#contents .mod_left_img {
	margin-right: 40px;
	float: left;
}
#contents .mod_two_column .mod_left_img {
	margin-right: 20px;
}
#contents .mod_three_column .mod_left_img {
	margin-right: 13px;
}
#contents .mod_four_column .mod_left_img {
	margin-right: 10px;
}
/* 右に回り込み */
#contents .mod_right_img {
	margin-left: 40px;
	float: right;
}
#contents .mod_two_column .mod_right_img {
	margin-left: 20px;
}
#contents .mod_three_column .mod_right_img {
	margin-left: 13px;
}
#contents .mod_four_column .mod_right_img {
	margin-left: 10px;
}
/* 左右共通項目 */
#contents .mod_left_img,
#contents .mod_right_img {
	width: auto;
/* 	margin-top: 30px; */
/* 	margin-bottom: 30px; /* 文字の回り込み時の設定 */
}
#contents .mod_left_img + *,
#contents .mod_container > .mod_left_img + *,
#contents .mod_right_img + *,
#contents .mod_container > .mod_right_img + * {
	margin-top: 30px;
}
#contents .mod_left_img .mod_column,
#contents .mod_right_img .mod_column {
	margin-top: 30px;
	margin-left: 0px !important;
	margin-right: 0px !important;
	display: list-item;
	list-style: inside none;
}
#contents .mod_left_img * + .mod_column,
#contents .mod_right_img * + .mod_column {
	margin-top: 30px;
}
/* 2〜4カラム内の画像回り込み時の上マージンを0に */
#contents .mod_two_column .mod_left_img .mod_column,
#contents .mod_two_column .mod_right_img .mod_column,
#contents .mod_three_column .mod_left_img .mod_column,
#contents .mod_three_column .mod_right_img .mod_column,
#contents .mod_four_column .mod_left_img .mod_column,
#contents .mod_four_column .mod_right_img .mod_column,
#contents .mod_two_column .mod_left_img + *,
#contents .mod_two_column .mod_right_img + *,
#contents .mod_three_column .mod_left_img + *,
#contents .mod_three_column .mod_right_img + *,
#contents .mod_four_column .mod_left_img + *,
#contents .mod_four_column .mod_right_img + * {
	margin-top: 0px;
}

#contents .mod_two_column .mod_left_img * + .mod_column,
#contents .mod_two_column .mod_right_img * + .mod_column {
	margin-top: 15px;
}
#contents .mod_three_column .mod_left_img * + .mod_column,
#contents .mod_three_column .mod_right_img * + .mod_column {
	margin-top: 10px;
}
#contents .mod_four_column .mod_left_img * + .mod_column,
#contents .mod_four_column .mod_right_img * + .mod_column {
	margin-top: 8px;
}
/*
#contents .mod_left_img .mod_column:last-of-type,
#contents .mod_right_img .mod_column:last-of-type {
	margin: 0px;
}
#contents .mod_container .mod_left_img + *,
#contents .mod_container .mod_right_img + *,
#contents .mod_section .mod_left_img + *,
#contents .mod_section .mod_right_img + *,
#contents .mod_column .mod_left_img + *,
#contents .mod_column .mod_right_img + * {
	margin-top: 0px;
}
#contents .mod_container * + .mod_left_img + *,
#contents .mod_container * + .mod_right_img + *,
#contents .mod_section * + .mod_left_img + *,
#contents .mod_section * + .mod_right_img + *,
#contents .mod_column * + .mod_left_img + *,
#contents .mod_column * + .mod_right_img + * {
	margin-top: 30px;
}
*/
#contents .mod_clear {
	clear: both;
}
/* 中央表示 */
#contents .mod_center_img {
	text-align: center;
}
#contents .mod_center_img .mod_free_column,
#contents .mod_center_img .mod_two_column,
#contents .mod_center_img .mod_three_column,
#contents .mod_center_img .mod_four_column {
	text-align: left;
	width: auto;
	max-width: 100%;
	display: inline-block;
}
/* 画像見出し・テキスト */
#contents .mod_h5.img_heading {
	font-size: 160%;
	font-size: 1.6rem;
}
#contents .mod_one_column .mod_column > img + .mod_h5.img_heading,
#contents .mod_two_column .mod_column > img + .mod_h5.img_heading,
#contents .mod_three_column .mod_column > img + .mod_h5.img_heading,
#contents .mod_four_column .mod_column > img + .mod_h5.img_heading,
#contents .mod_one_column .mod_column > img + .mod_h5.img_heading + .mod_p,
#contents .mod_two_column .mod_column > img + .mod_h5.img_heading + .mod_p,
#contents .mod_three_column .mod_column > img + .mod_h5.img_heading + .mod_p,
#contents .mod_four_column .mod_column > img + .mod_h5.img_heading + .mod_p {
	margin-top: 20px;
}

/*----- 番号付きボックスカラム -----*/
#contents .mod_num_box_column {
	width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	display: table;
	table-layout: fixed;
}
#contents .mod_num_box_column .mod_row {
	display: table-row;
}
#contents .mod_num_box_column .mod_column {
	color: #FFFFFF;
	padding: 30px;
	border-bottom: 2px solid #FFFFFF;
	display: table-cell;
}
#contents .mod_num_box_column .mod_column:nth-of-type(2) {
	border-left: 2px solid #FFFFFF;
	border-right: 2px solid #FFFFFF;
}
#contents .mod_num_box_column .mod_column .mod_num {
	font-size: 260%;
	font-size: 2.6rem;
	line-height: 46px;
	font-weight: bold;
	text-align: center;
	background: #FFFFFF;
	width: 46px;
	height: 46px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	border-radius: 32px;
	display: block;
}
#contents .mod_num_box_column .mod_column h5 {
	font-size: 220%;
	font-size: 2.2rem;
	font-weight: normal;
	text-align: center;
	margin-bottom: 20px;
}

/* --------------------------------------------------
    カテゴリイメージ(.mod_section内)
-------------------------------------------------- */

/*----- 学部カテゴリイメージ -----*/
/*
#contents .mod_faculty_box {
	margin-bottom: 0px;
}
*/
#contents .mod_section .mod_faculty_box {
/* 	background: url(../styleguide/images/category_back01.jpg) center center no-repeat; */
	height: 350px;
	margin-top: 30px;
}
#contents .mod_section .mod_faculty_box + * {
	margin-top: 60px;
}
#contents .mod_section .mod_faculty_box .mod_sp_img {
	display: none;
}
#contents .mod_section .mod_faculty_textarea {
	background: rgba(0, 155, 169, 0.8);
	width: 500px;
	height: 350px;
	margin-left: 0px;
	margin-right: 0px;
	position: relative;
}
#contents .mod_section .mod_faculty_textbox {
	color: #FFFFFF;
	width: 440px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#contents .mod_section .mod_faculty_h5 {
	font-family: 'Noto Sans Jp';
	font-size: 2.2rem;
	font-weight: normal;
	line-height: 3.4rem;
	margin-bottom: 20px;
}
#contents .mod_section .mod_faculty_h5 + p {
	margin-top: 20px;
	line-height: 2.6rem;
}

/*----- 学科カテゴリイメージ -----*/
#contents .mod_section .mod_department_box {
/* 	background: url(../styleguide/images/category_back02.jpg) center center no-repeat; */
	max-width: 1000px;
	height: 315px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
}
#contents .mod_section .mod_department_textbox {
	width: 700px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0px;
	right: 0px;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#contents .mod_section .mod_department_h5 {
	font-family: 'Noto Sans Jp';
	font-size: 240%;
	font-size: 2.4rem;
	font-weight: normal;
	line-height: 400%;
	line-height: 4.0rem;
	text-align: center;
	margin-bottom: 0px;
}
#contents .mod_section .mod_department_h5 + p {
	margin-top: 15px;
}

/* --------------------------------------------------
    テーブル(.mod_container内)
-------------------------------------------------- */

#contents table {
	width: 100%;
	margin-top: 30px;
	border-top: 2px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-collapse: collapse;
	-webkit-text-size-adjust: 100%;
}
#contents th {
	line-height: 220%;
	line-height: 2.2rem;
	background: #EFEFEF;
	padding: 8px 20px;
	border: 1px solid #CCCCCC;
}
#contents th:first-of-type {
	border-left: 0px none;
}
#contents th:last-of-type {
	border-right: 0px none;
}
#contents td {
	padding: 8px 20px;
	border: 1px solid #CCCCCC;
}
#contents td:first-of-type {
	border-left: 0px none;
}
#contents td:last-of-type {
	border-right: 0px none;
}
#contents table th {
	vertical-align: middle;
	padding: 8px 20px;
}
#contents table caption {
	font-weight: bold;
	color: #FFFFFF;
	text-align: left;
	background: #0098A6;
	padding: 5px 20px;
	border: 0px none;
}
#contents table .common-point {
	color: #FFFFFF;
	background: #7F7F7F;
}
#contents table a {
	font-weight: normal;
}

/* --------------------------------------------------
    リンク
-------------------------------------------------- */

/*----- ページ内アンカーリンク(.mod_container内) -----*/
#contents .mod_anchor_link {
	text-align: center;
	width: 1000px;
	margin-top: 30px;
/* 	margin-bottom: 60px; */
	margin-left: auto;
	margin-right: auto;
	padding: 15px 20px 10px;
	border: 1px solid #CCCCCC;
	box-sizing: border-box;
}
#contents .mod_h2 .mod_anchor_link {
	margin-top: 0px;
}
#contents .mod_anchor_link + * {
	margin-top: 60px;
}
#contents .mod_anchor_link ul {
	vertical-align: text-bottom;
	display: inline-table;
	overflow: hidden;
}
#contents .mod_anchor_link li {
	padding: 0px 10px;
	float: left;
}
#contents .mod_anchor_link li:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#contents .mod_anchor_link i {
	font-size: 120%;
	font-size: 1.2rem;
	line-height: 280%;
	line-height: 2.8rem;
	color: #A9A9A9;
	padding: 0px 7px;
	float: left;
}
#contents .mod_anchor_link a {
	font-weight: normal;
	text-decoration: none;
}

/*----- 学科内ページリンク -----*/
#contents .mod_page_link {
	color: #FFFFFF;
	background: #009BA9;
	width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
/* 	margin: 0px auto; */
	overflow: hidden;
	display: table;
	position: relative;
}
#contents .mod_page_link + * {
	margin-top: 60px;
}
#contents .mod_page_link dt {
	font-family: 'Noto Sans Jp';
	font-size: 160%;
	font-size: 1.6rem;
	text-align: center;
	vertical-align: middle;
	background: rgba(0, 0, 0, 0.2);
	width: 234px;
	padding: 20px;
	display: table-cell;
}
#contents .mod_page_link dt a {
	font-family: 'Noto Sans Jp';
	font-weight: normal;
	color: #FFFFFF;
/* 	text-decoration: underline; */
	text-decoration: none;
}
#contents .mod_page_link dd {
/* 	padding: 15px 20px; */
	padding: 20px;
	width: 686px;
	display: table-cell;
	overflow: hidden;
}
#contents .mod_page_link dd a {
	color: #FFFFFF;
	font-weight: normal;
	text-decoration: none;
	margin-right: 25px;
/* 	margin-bottom: 5px; */
	float: left;
	display: block;
}
#contents .mod_page_link dd i {
	font-size: 120%;
	font-size: 1.2rem;
	text-align: left;
	width: 15px;
	padding: 0px 3px;
}
#contents .mod_page_link dd .mod_current_link,
#contents .mod_page_link a:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
	-ms-filter: "alpha(opacity=40)";
}

/*----- 主動線リンク -----*/
#contents .mod_main_link {
	font-size: 160%;
	font-size: 1.6rem;
	line-height: 220%;
	line-height: 2.2rem;
	font-weight: normal;
	vertical-align: middle;
	text-decoration: none;
	max-width: 100%;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	padding: 17px 20px;
	border: 1px solid #CCCCCC;
	display: table;
	overflow: hidden;
	box-sizing: border-box;
	position: relative;
}
#contents .mod_container > .mod_main_link,
#contents .mod_one_column > .mod_main_link,
#contents .mod_section > .mod_main_link,
#contents .mod_column > .mod_main_link {
	margin-top: 0px;
}
#contents .mod_container > * + .mod_main_link,
#contents .mod_one_column > * + .mod_main_link,
#contents .mod_section > * + .mod_main_link,
#contents .mod_column > * + .mod_main_link {
	margin-top: 30px !important;
}
#contents .mod_container .mod_main_link,
#contents .mod_one_column .mod_main_link,
#contents .mod_section .mod_main_link {
	min-width: 312px;
}
#contents .mod_main_link:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#contents .mod_main_link span {
	text-align: left;
	vertical-align: middle;
	display: table-cell;
}
#contents .mod_main_link span.img_col {
	width: 127px;
	padding: 0px 15px 0px 0px;
}
#contents .mod_main_link i {
	font-size: 120%;
	font-size: 1.2rem;
	line-height: 220%;
	line-height: 2.2rem;
	text-align: right;
	vertical-align: middle;
	color: #0098A6;
	width: 12px;
	padding: 0px 0px 0px 10px;
	display: table-cell;
}
#contents .mod_main_link.mod_gray_arrow i {
	color: #A9A9A9;
}
#contents .mod_main_link span i {
	color: #A9A9A9;
	display: inline;
}
#contents .mod_column .mod_main_link {
	min-width: auto;
	width: 100%;
	margin: 0px;
}
#contents .mod_main_link img,
#contents .mod_column .mod_main_link img {
	vertical-align: middle;
	width: 120px;
	margin: 0px;
	padding: 0px 7px 0px 0px;
/* 	display: table-cell; */
display: inline-block;
}

/*----- 副動線リンク -----*/
#contents .mod_sub_link {
	margin-top: 20px;
	margin-left: auto;
	margin-right: auto;
	display: block;
}
#contents .mod_sub_link li {
	padding-left: 18px;
	text-indent: -18px;
}
#contents .mod_sub_link .mod_links {
	font-weight: normal;
	text-decoration: none;	
}
#contents .mod_sub_link i {
	font-size: 120%;
	font-size: 1.2rem;
	line-height: 180%;
	line-height: 1.8rem;
	color: #0098A6;
	width: 15px;
	padding: 0px 3px;
}

/*----- リストボタン -----*/
#contents .mod_related .mod_main_link {
	margin: 0px auto 13px;
}
#contents .mod_under_link {
	width: 100%;
	margin: 13px 0px 0px;
}
#contents .mod_under_link .mod_list {
	line-height: 2.8rem;
	width: 100%;
	padding: 10px 0px 7px 15px;
	border-bottom: 1px dashed #CCCCCC;
	position: relative;
	box-sizing: border-box;
}
#contents .mod_under_link .mod_list a {
	font-weight: normal;
	text-decoration: none;
}
#contents .mod_under_link .mod_list i {
	font-size: 120%;
	font-size: 1.2rem;
	line-height: 180%;
	line-height: 1.8rem;
	color: #0098A6;
	width: 15px;
	display: inline-block;
/*	position: absolute; */
	top: 15px;
	left: 0px;
}
#contents .mod_under_link .mod_list .mod_under_link {
	margin: 0px;
}
#contents .mod_under_link .mod_list .mod_list {
	font-size: 120%;
	font-size: 1.2rem;
	padding: 0px 0px 0px 15px;
	border-bottom: 0px none;
}
#contents .mod_under_link .mod_list .mod_list i {
	font-size: 100%;
	font-size: 1.0rem;
	line-height: 280%;
	line-height: 2.8rem;
	top: 0px;
}

/* --------------------------------------------------
    リスト
-------------------------------------------------- */

/*----- 共通項目 -----*/
#contents .mod_circle_list,
#contents .unit_wysiwyg ul,
#contents .wysiwyg ul,
#contents .mod_decimal_list,
#contents .unit_wysiwyg ol,
#contents .wysiwyg ol {
	max-width: 1000px;
	margin-top: 30px;
	margin-left: auto;
	margin-right: auto;
	list-style: outside none;
}
#contents .mod_circle_list table,
#contents .unit_wysiwyg ul table,
#contents .wysiwyg ul table,
#contents .mod_decimal_list table,
#contents .unit_wysiwyg ol table,
#contents .wysiwyg ol table {
	text-indent: 0;
}
#contents table p,
#contents .unit_wysiwyg table p,
#contents .wysiwyg table p,
#contents table .mod_circle_list,
#contents .unit_wysiwyg table ul,
#contents .wysiwyg table ul,
#contents table .mod_decimal_list,
#contents .unit_wysiwyg table ol,
#contents .wysiwyg table ol {
	margin-top: 0px;
}

/*----- スタンダードリスト -----*/
#contents .mod_circle_list > .mod_list,
#contents .unit_wysiwyg ul > li,
#contents .wysiwyg ul > li {
	text-indent: -20px;
	padding: 0px 0px 0px 20px;
	position: relative;
}
#contents .mod_circle_list > .mod_list:before,
#contents .unit_wysiwyg ul > li:before,
#contents .wysiwyg ul > li:before {
	content: "●";
	font-size: 12px;
	line-height: 280%;
	line-height: 2.8rem;
	color: #A9A9A9;
	padding-right: 10px;
/*
	position: absolute;
	top: 0px;
	left: 0px;
*/
}

/*----- 番号付きリスト -----*/
#contents .mod_decimal_list,
#contents .unit_wysiwyg ol,
#contents .wysiwyg ol {
	counter-reset: decimal;
}
#contents .mod_decimal_list > .mod_list,
#contents .unit_wysiwyg ol > li,
#contents .wysiwyg ol > li {
	text-indent: -30px;
	padding: 0px 0px 0px 30px;
	position: relative;
}
#contents .mod_decimal_list > .mod_list:before,
#contents .unit_wysiwyg ol > li:before,
#contents .wysiwyg ol > li:before {
	counter-increment: decimal;
	content: counter(decimal, decimal-leading-zero) ".";
	font-size: 140%;
	font-size: 1.4rem;
	line-height: 280%;
	line-height: 2.8rem;
	color: #A9A9A9;
	padding-right: 8px;
/*
	position: absolute;
	top: 0px;
	left: 0px;
*/
}

#contents .mod_list ul,
#contents .mod_list ol,
#contents .unit_wysiwyg li ul,
#contents .unit_wysiwyg li ol,
#contents .wysiwyg li ul,
#contents .wysiwyg li ol {
	margin-top: 0px;
}



/* --------------------------------------------------
    カラースキーマ
-------------------------------------------------- */

/*----- フォントカラー -----*/
#contents .mod_color_key {
	color: #0098A6;
}
#contents .mod_color_sport {
	color: #00A47A;
}
#contents .mod_color_nutrition {
	color: #009CCD;
}
#contents .mod_color_children {
	color: #C79403;
}
#contents .mod_color_spe {
	color: #A22323;
}
#contents .mod_color_physical {
	color: #D85D00;
}
#contents .mod_color_athletic {
	color: #B23989;
}
#contents .mod_color_graduate_sport {
	color: #4A68B0;
}

/*----- 背景色 -----*/
#contents .mod_backcolor_key {
	background: #0098A6;
}
#contents .mod_backcolor_sport {
	background: #00A47A;
}
#contents .mod_backcolor_nutrition {
	background: #009CCD;
}
#contents .mod_backcolor_children {
	background: #C79403;
}
#contents .mod_backcolor_spe {
	background: #A22323;
}
#contents .mod_backcolor_physical {
	background: #D85D00;
}
#contents .mod_backcolor_athletic {
	background: #B23989;
}
#contents .mod_backcolor_graduate_sport {
	background: #4A68B0;
}

/*----- 各学科初期設定 -----*/
#sport .mod_h3:before,
#sport .mod_page_link,
#sport #contents .mod_row_navi_list a.mod_current {
	background: #00A47A;
}
#sport .mod_h2,
#sport .mod_h4,
#sport .mod_department_h5,
#sport .mod_row_navi .mod_row_navi_link {
	color: #00A47A;
}
#nutrition .mod_h3:before,
#nutrition .mod_page_link,
#nutrition #contents .mod_row_navi_list a.mod_current {
	background: #009CCD;
}
#nutrition .mod_h2,
#nutrition .mod_h4,
#nutrition .mod_department_h5,
#nutrition .mod_department_h5,
#nutrition .mod_row_navi .mod_row_navi_link {
	color: #009CCD;
}
#children .mod_h3:before,
#children .mod_page_link,
#children #contents .mod_row_navi_list a.mod_current {
	background: #C79403;
}
#children .mod_h2,
#children .mod_h4,
#children .mod_department_h5,
#children .mod_row_navi .mod_row_navi_link {
	color: #C79403;
}
#spe .mod_h3:before,
#spe .mod_page_link,
#spe #contents .mod_row_navi_list a.mod_current {
	background: #a22323;
}
#spe .mod_h2,
#spe .mod_h4,
#spe .mod_department_h5,
#spe .mod_row_navi .mod_row_navi_link {
	color: #a22323;
}
#physical .mod_h3:before,
#physical .mod_page_link,
#physical #contents .mod_row_navi_list a.mod_current {
	background: #D85D00;
}
#physical .mod_h2,
#physical .mod_h4,
#physical .mod_department_h5,
#physical .mod_row_navi .mod_row_navi_link {
	color: #D85D00;
}
#athletic .mod_h3:before,
#athletic .mod_page_link,
#athletic #contents .mod_row_navi_list a.mod_current {
	background: #B23989;
}
#athletic .mod_h2,
#athletic .mod_h4,
#athletic .mod_department_h5,
#athletic .mod_row_navi .mod_row_navi_link {
	color: #B23989;
}
#graduate_sport .mod_h3:before,
#graduate_sport .mod_page_link,
#graduate_sport #contents .mod_row_navi_list a.mod_current {
	background: #4A68B0;
}
#graduate_sport .mod_h2,
#graduate_sport .mod_h4,
#graduate_sport .mod_department_h5,
#graduate_sport .mod_row_navi .mod_row_navi_link {
	color: #4A68B0;
}

/* --------------------------------------------------
    ローナビ
-------------------------------------------------- */

#contents .mod_row_navi {
	margin-top: 60px;
/* 	margin-bottom: 43px; */
	box-shadow: 0px 3px 3px 0px #D9D9D9 inset;
}
#contents .mod_row_navi .mod_container {
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
}
#contents .mod_row_navi a {
	font-weight: normal;
	text-decoration: none;
}
#contents .mod_row_navi_link {
	font-size: 220%;
	font-size: 2.2rem;
	line-height: 360%;
	line-height: 3.6rem;
	color: #0098A6;
	padding: 30px 0px 25px;
	display: block;
}
#contents .mod_row_navi_link:hover,
#contents .mod_row_navi_list .mod_column a:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
}
#contents .mod_row_navi_list .mod_column a.mod_current:hover {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-ms-filter: "alpha(opacity=100)";
}
#contents .mod_row_navi_link i {
	font-size: 1.4rem;
	line-height: 3.6rem;
	padding: 0px 0px 0px 10px;
}
#contents .mod_row_navi_list {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	overflow: hidden;
	letter-spacing: -.40em;
}
#contents .mod_row_navi_list .mod_column {
	width: 312px;
	padding: 7px 0px;
	margin-top: 0px;
	border-top: 1px solid #CCCCCC;
	vertical-align: top;
	letter-spacing: normal;
	display: inline-block;
	box-sizing: border-box;
}
#contents .mod_row_navi_list .mod_column a {
	height: 100%;
	padding: 5px 15px 5px 30px;
	position: relative;
	display: block;
}
#contents .mod_row_navi_list .mod_column a.mod_current {
	color: #FFFFFF;
	background: #009BA9;
}
#contents .mod_row_navi_list .mod_column i {
	font-size: 12px;
	line-height: 2.4rem;
	color: #0098A6;
	width: 15px;
	position: absolute;
	top: 7px;
	left: 15px;
}
#contents .mod_row_navi_list .mod_column a.mod_current i {
	color: #FFFFFF;
}
#contents .mod_row_navi_list .mod_column:nth-child(3n-1) {
	margin-left: 32px;
	margin-right: 32px;
}






#contents .unit_wysiwyg img {
	max-width: 100%;
	width: auto;
	height: auto;
}
#contents .wysiwyg p > img {
	max-width: 100%;
	width: auto;
	height: auto;
}

#contents .imgbox.noimage {
	border: #F2F2F2 1px solid;
	box-sizing: border-box;
}
#contents .department_info .imgbox,
#contents .news_columns .news_column .news .imgbox {
	text-align: center;
	vertical-align: middle;
	background: #F7F7F7;
	width: 312px;
	height: 200px;
	position: relative;
	overflow: hidden;
}
#contents .news_columns .news_column .news .imgbox {
	width: 239px;
	height: 160px;
	margin: 0px 0px 0px 30px;
	float: right;
}
#contents .department_info .imgbox img,
#contents .news_columns .news_column .news .imgbox img {
	width: 100%;
	height: auto;
	margin: auto;
	display: block;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-moz-transform: translateY(-50%);
	-o-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#contents .teacher_list .imgbox,
#contents .teacher_detail .imgbox,
#contents .guide_list .imgbox {
	text-align: center;
	vertical-align: middle;
	background: #F7F7F7;
	width: 100%;
	height: 160px;
	position: relative;
	overflow: hidden;
}
#contents .teacher_detail .imgbox {
	height: 177px;
}
#contents .teacher_list .imgbox img,
#contents .teacher_detail .imgbox img,
#contents .guide_list .imgbox img {
	width: auto;
	height: 100%;
	margin: auto;
	display: block;
	position: absolute;
	left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	transform: translateX(-50%);
}





.m-box-adminbar {
  position: fixed;
  top: 10px;
  right: 10px;
  padding: 20px;
  background: #FFF;
  z-index: 100;
	box-shadow: 0px 3px 3px 0px #D9D9D9;
}

.m-box-adminbar ul li {
  padding: 10px;
  border-bottom: 1px solid #ccc;
}

/*
		Colorbox Core Style:
		The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
}

#cboxWrapper {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  overflow: hidden;
  max-width: none;
}

#cboxOverlay {
  position: fixed;
  width: 100%;
  height: 100%;
}

#cboxMiddleLeft, #cboxBottomLeft {
  clear: left;
}

#cboxContent {
  position: relative;
}

#cboxLoadedContent {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

#cboxTitle {
  margin: 0;
}

#cboxLoadingOverlay, #cboxLoadingGraphic {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
  cursor: pointer;
}

.cboxPhoto {
  float: left;
  margin: auto;
  border: 0;
  display: block;
  max-width: none;
  -ms-interpolation-mode: bicubic;
}

.cboxIframe {
  width: 100%;
  height: 100%;
  display: block;
  border: 0;
  padding: 0;
  margin: 0;
}

#colorbox, #cboxContent, #cboxLoadedContent {
  box-sizing: content-box;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
}

/*
		User Style:
		Change the following styles to modify the appearance of Colorbox.  They are
		ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay {
  background: #fff;
  opacity: 0.9;
  filter: alpha(opacity=90);
}

#colorbox {
  outline: 0;
}

#cboxContent {
  margin-top: 32px;
  overflow: visible;
}

.cboxIframe {
  background: #fff;
}

#cboxError {
  padding: 50px;
  border: 1px solid #ccc;
}

#cboxLoadedContent {
  padding: 1px;
}

#cboxLoadingGraphic {
  background: url(../images/loading.gif) no-repeat center center;
}

#cboxLoadingOverlay {
  background: #fff;
}

#cboxTitle {
  position: absolute;
  top: -22px;
  left: 0;
  color: #000;
}

#cboxCurrent {
  position: absolute;
  top: -22px;
  right: 205px;
  text-indent: -9999px;
}

/* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {
  border: 0;
  padding: 0;
  margin: 0;
  overflow: visible;
  text-indent: -9999px;
  width: 25px;
  height: 25px;
  position: absolute;
  top: -25px;
  background: url(images/controls.png) no-repeat 0 0;
}

/* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
#cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {
  outline: 0;
}

#cboxPrevious {
  background-position: 0px 0px;
  right: 44px;
}
#cboxPrevious:hover {
  background-position: 0px -25px;
}

#cboxNext {
  background-position: -25px 0px;
  right: 22px;
}
#cboxNext:hover {
  background-position: -25px -25px;
}

#cboxClose {
  background-position: -25px 0px;
  right: 0;
}
#cboxClose:hover {
  background-position: -25px -25px;
}

.cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious {
  right: 66px;
}

.cboxSlideshow_on #cboxSlideshow {
  background-position: -75px -25px;
  right: 44px;
}
.cboxSlideshow_on #cboxSlideshow:hover {
  background-position: -100px -25px;
}

.cboxSlideshow_off #cboxSlideshow {
  background-position: -100px 0px;
  right: 44px;
}
.cboxSlideshow_off #cboxSlideshow:hover {
  background-position: -75px -25px;
}

#contents .image-style-slide .visual-wrap {
  position: relative;
}
#contents .image-style-slide .visual-wrap .mod_three_column .mod_column {
  margin-left: 0;
}

#contents .image-style-slide .visual-wrap ul {
  position: relative;
}
#contents .image-style-slide .visual-wrap ul li {
	margin: 0px !important;
	padding: 20px 0px 0px;
	box-sizing: border-box;
  position: absolute;
  left: 0;
  top: 0;
}
#contents .image-style-slide .visual-wrap ul li:first-child {
  position: relative;
}
#contents .image-style-slide .visual-wrap ul li img {
  display: block;
}
#contents .image-style-slide .visual-wrap ul li p {
/*  line-height: 0; */
}
#contents .image-style-slide .visual-wrap ul li h5.mod_h5.img_heading {
	margin-top: 0px;
  padding: 10px 10px;
  background: #999;
  color: #fff;
}
#contents .image-style-slide .visual-wrap ul li h5 + * {
	margin-top: 0px !important;
}
#contents .image-style-slide .visual-wrap ul li p {
  margin-top: 0;
  min-height: 3.8em;
  padding: 10px 10px;
  background: #999;
  color: #fff;
}

#contents .image-style-slide.image-size-pattern01 {
  overflow: hidden;
}
#contents .image-style-slide.image-size-pattern01 .visual-wrap {
  margin-bottom: 40px;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl {
  margin: auto;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl .ctrl-left {
  position: absolute;
  left: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 19px;
  height: 36px;
  text-indent: -9999px;
  z-index: 110;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl .ctrl-left:after {
  font-family: 'icomoon';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  left: -10px;
  top: 50%;
  margin-top: -20px;
  color: #fff;
  font-size: 40px;
  /* content: ""; */
  content: "\e904";
  text-indent: 0;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl .ctrl-right {
  position: absolute;
  right: 10px;
  top: 0;
  bottom: 0;
  margin: auto 0;
  width: 19px;
  height: 36px;
  text-indent: -9999px;
  z-index: 110;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl .ctrl-right:after {
  font-family: 'icomoon';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  right: -10px;
  top: 50%;
  margin-top: -20px;
  color: #fff;
  font-size: 40px;
  /* content: ""; */
  content: "\e902";
  text-indent: 0;
  text-shadow: rgba(0, 0, 0, 0.2) 0 0 5px;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl ol {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 100%;
  margin: auto;
  z-index: 100;
  text-align: center;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl ol li {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 3px;
  text-indent: -9999px;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl ol li:after {
  content: '●';
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  text-indent: 0;
}
#contents .image-style-slide.image-size-pattern01 .visual-ctrl ol li.is-active:after {
  color: #23A2B4;
}

#contents .image-style-slide.image-size-pattern02 {
  overflow: hidden;
  width: 480px;
}
#contents .image-style-slide.image-size-pattern03 {
  overflow: hidden;
  width: 312px;
}
#contents .image-style-slide.image-size-pattern04 {
  overflow: hidden;
  width: 226px;
}
#contents .image-style-slide.image-size-pattern02 .visual-wrap,
#contents .image-style-slide.image-size-pattern03 .visual-wrap,
#contents .image-style-slide.image-size-pattern04 .visual-wrap {
  margin-bottom: 30px;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl {
  margin: auto;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl .ctrl-left,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl .ctrl-left,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl .ctrl-left {
  position: absolute;
  left: 0;
  bottom: -40px;
  width: 19px;
  height: 36px;
  text-indent: -9999px;
  z-index: 110;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl .ctrl-left:after,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl .ctrl-left:after,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl .ctrl-left:after {
  font-family: 'icomoon';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -7px;
  color: #333;
  font-size: 14px;
  /* content: ""; */
  content: "\e904";
  text-indent: 0;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl .ctrl-right,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl .ctrl-right,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl .ctrl-right {
  position: absolute;
  right: 0;
  bottom: -40px;
  width: 19px;
  height: 36px;
  text-indent: -9999px;
  z-index: 110;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl .ctrl-right:after,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl .ctrl-right:after,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl .ctrl-right:after {
  font-family: 'icomoon';
  line-height: 1;
  /* Better Font Rendering =========== */
  position: absolute;
  right: 0;
  top: 50%;
  margin-top: -7px;
  color: #333;
  font-size: 14px;
  /* content: ""; */
  content: "\e902";
  text-indent: 0;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl ol,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl ol,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl ol {
  position: absolute;
  left: 0;
  right: 0;
  bottom: -35px;
  width: 100%;
  margin: auto;
  z-index: 100;
  text-align: center;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl ol li,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl ol li,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl ol li {
  position: relative;
  display: inline-block;
  width: 19px;
  height: 19px;
  margin: 0 3px;
  text-indent: -9999px;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl ol li:after,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl ol li:after,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl ol li:after {
  content: '●';
  position: absolute;
  left: 0;
  top: 0;
  color: #333;
  text-indent: 0;
}
#contents .image-style-slide.image-size-pattern02 .visual-ctrl ol li.is-active:after,
#contents .image-style-slide.image-size-pattern03 .visual-ctrl ol li.is-active:after,
#contents .image-style-slide.image-size-pattern04 .visual-ctrl ol li.is-active:after {
  color: #23A2B4;
}

#contents .m-icon-arrow {
  position: relative;
  display: inline-block;
  padding-left: 15px;
}
#contents .m-icon-arrow:before {
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 0;
  height: 0;
  margin-top: -3px;
  border-style: solid;
  border-width: 3px;
  border-color: transparent;
  border-left-color: #23A2B4;
  border-left-width: 6px;
}




/* 印刷用CSS */
/*
@media print {
	#header, #footer, div.m-box-adminbar {
		display: none !important;
	}
}
*/


/* 学科紹介の [Subject] を調整 - 2017.06.21 */
#subjects_list_sports, 
#subjects_list_spe,
#subjects_list_nutrition, 
#subjects_list_children, 
#subjects_list_physical, 
#subjects_list_athletic 
{background-color:#FFF !important;}

#subjects_list_sports .mod_list, 
#subjects_list_nutrition .mod_list, 
#subjects_list_children .mod_list, 
#subjects_list_physical .mod_list, 
#subjects_list_athletic .mod_list 
{margin-bottom:10px;}

#subjects_list_children .mod_list, 
#subjects_list_athletic .mod_list 
{height:4.25em;}
@media screen and (max-width: 767px) {
	#subjects_list_children .mod_list, 
	#subjects_list_athletic .mod_list 
{height:auto !important;}
}

#subjects_list_sports .mod_list:before {color:rgb(0, 164, 122) !important;}
#subjects_list_spe .mod_list:before { color: rgb(162, 35, 35) !important;}
#subjects_list_nutrition .mod_list:before {color:rgb(0, 156, 205) !important;}
#subjects_list_children .mod_list:before {color:rgb(199, 148, 3) !important;}
#subjects_list_physical .mod_list:before {color:rgb(216, 93, 0) !important;}
#subjects_list_athletic .mod_list:before {color:rgb(178, 57, 137) !important;}