@charset "UTF-8";

/* effect icon 
@import url("http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css");*/
/* google font 
@import url("https://fonts.googleapis.com/css?family=Raleway:400,500,700");*/

@import url("/common/css/colorbox.css");
@import url("/common/css/print.css") print;


/********************************************************
	ELEMENT
********************************************************/
/* hover */
img.imgover:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
	zoom: 1;
}
/* tel */
a[href^="tel:"] {
	color: #3e3a39;
	text-decoration: none;
}


/* ======== form ======== */
.txtEx {
	font-size: 12px;
	color: #999;
	text-align: left;
	margin-top:-0.7em;
	overflow: hidden;
	position: absolute;
	z-index: 50;
	left: 5px;
	top: 50%;
}
.inputEx,
.exWrap {
	width: 100%;
}
.exWrap {
	text-align:left;
	display:inline-block;
	position:relative;
}



/*=====================
	pc Layout
=====================*/
/* 01 heading 
-------------------------------------*/
#ttlArea {
	color: #FFF;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	text-align: center;
	height: 468px;
	padding-top: 274px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#ttlArea .ttlInner {
	display: inline-block;
	padding: 15px 30px 10px;
	position: relative;
}
#ttlArea .ttlInner:before,
#ttlArea .ttlInner:after {
	content: "";
	display: block;
	height: 40px;
	width: 40px;
	border: 1px solid #FFF;
	position: absolute;
}
#ttlArea .ttlInner:before {
	border-bottom: none;
	border-right: none;
	left: 0px;
	top: 0px;
}
#ttlArea .ttlInner:after {
	border-top: none;
	border-left: none;
	right: 0px;
	bottom: 0px;
}
#ttlArea h1 {
	font-size: 2.8rem;
	font-weight: bold;
	line-height: 1.1;
}
#ttlArea h1 + p {
	font-family: "Titillium Web";
	font-weight: 700;
	font-size: 2rem;
	line-height: 1.1;
	margin-top: 0;
}

#mainArea #ttlArea {
	color: #599820;
	height: auto;
	padding-top: 0px;
	margin-top: -10px;
}
#mainArea #ttlArea .ttlInner:before,
#mainArea #ttlArea .ttlInner:after {
	border: 1px solid #599820;
}
#mainArea #ttlArea .ttlInner:before {
	border-bottom: none;
	border-right: none;
}
#mainArea #ttlArea .ttlInner:after {
	border-top: none;
	border-left: none;
}

/* h1Area */
.h1Area {
	border-top: 1px solid #b2b0b0;
	border-bottom: 1px solid #b2b0b0;
	position: relative;
}
.h1Area h1 {
	font-size: 3rem;
	padding: 40px 0px 37px 15px;
	border-left: 12px solid #599820;
}
.h1Area + * {
	margin-top: 28px;
}
.h1Area + .boxAccordion,
.h1Area + .boxAccordion02 {
	margin-top: 0px;
	padding-top: 15px;
}
.h1Area + .boxPagenate {
	margin-top: 0px;
}
.h1Area h1.rss {
	display: inline-block;
}

.h1Area .icnRss {
	/* position: absolute;
	right: 0;
	margin-top: -10px; */
	top: -.4em;
}

/* entryTitle */
.entryTitle {
	background-color: #eff2f4;
	background-image: url(/common/img/bg_triangle01.png);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	padding: 20px;
	padding-bottom: 17px;
	position: relative;
}
.entryTitle:before {
	font-family: Titillium Web;
	font-size: 1.4rem;
	font-weight: 700;
	line-height: 1.2;
	color: #FFF;
	position: absolute;
	left: 10px;
	top: 10px;
}
.entryTitle.news:before {
	content: "NEWS & TOPICS";
	width: 4em;
}
.entryTitle.event:before {
	content: "EVENTS";
}
.entryTitle h1 {
	font-size: 2rem;
	line-height: 1.2;
	margin-top: 15px;
}
.entryTitle .boxDate {
	padding-left: 82px;
}

/* headingHl01 */
.headingHl01 {
	font-family: Titillium Web;
	font-weight: 300;
	font-size: 5.5rem;
	line-height: 1.2;
	background-image: url(/common/img/bg_hd04.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 15px;
	margin-top: 35px;
}
.headingHl01.sizeSmall {
	font-size: 3rem;
	margin-top: 0px;
	padding-bottom: 25px;
}
* + .headingHl01.sizeSmall {
	margin-top: 35px;
}
.headingHl01 span {
	font-weight: 600;
}
.headingHl01 + * {
	margin-top: 30px !important;
}
.headingHl02 {
	font-size: 2rem;
	font-weight:bold;
	margin-top: 35px;
}

/* heading01 */
.heading01 {
	font-size: 3rem;
	background-image: url(/common/img/bg_hd01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 15px;
}
.heading01 + * {
	margin-top: 2em !important;
}
.ancLink01 + section > .heading01,
.ancLink01 + .heading01 {
	margin-top: 35px;
}
* + section > .heading01,
* + .heading01 {
	margin-top: 80px;
	margin-top: 50px;
}
.h1Area + section > .heading01,
.h1Area + .heading01 {
	margin-top: 60px;
	margin-top: 40px;
}
.entryTitle + section > .heading01,
.entryTitle + * {
	margin-top: 50px !important;
}
.heading01 + .boxAccordion,
.heading01 + .boxAccordion02 {
	margin-top: 0px !important;
	padding-top: 15px;
}

/* heading02 */
.heading02 {
	position: relative;
}
* + .heading02,
section > .heading02 {
	margin-top: 35px;
}
.home .heading02 {
	margin-top: 60px;
	margin-bottom: 20px;
}
.heading02 h2,
.heading02 h3 {
	font-family: "Titillium Web";
	font-weight: 700;
	font-size: 3.8rem;
	line-height: 1.1;
}
.heading02 > p {
	margin-top: 5px !important;
}

/* heading03 */
.heading03 {
	font-size: 2rem;
	margin-top: 50px;
	margin-top: 40px;
	background-color: #dfe5eb;
	padding: 12px 20px 10px;
	position: relative;
}
[class*="colLayout-"] .heading03 {
	margin-top: 0px;
}
[class*="colLayout-"] * + .heading03 {
	margin-top: 50px;
}
.heading03:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #599820 transparent transparent;
	position: absolute;
	top: 0px;
	right: 0px;
}
.academics.index #anc02 .heading03 {
	margin-top: 30px;
}

/* heading04 */
.heading04 {
	font-size: 1.8rem;
	background-image: url(/common/img/ico_hd04.png);
	background-repeat: no-repeat;
	background-position: left 0.3em;
	background-size: 16px 16px;
	margin-top: 50px;
	margin-top: 40px;
	padding-left: 25px;
	padding-bottom: 10px;
	border-bottom: 2px solid #dfe5eb;
}

/* heading05 */
.heading05 {
	font-size: 1.8rem;
	line-height: 1.1;
	margin-top: 50px;
	margin-top: 30px;
	min-height: 1em;
	position: relative;
	padding: 5px 0px 2px 20px;
}
.heading05:before {
	content: "";
	background-color: #9fbf74;
	display: block;
	position: absolute;
	height: 50%;
	width: 6px;
	left: 0px;
	top: 0px;
}
.heading05:after {
	content: "";
	background-color: #cfdfba;
	display: block;
	position: absolute;
	height: 50%;
	width: 6px;
	left: 0px;
	bottom: 0px;
}

/* heading06 */
.heading06 {
	font-size: 1.8rem;
	line-height: 1.1;
	margin-top: 50px;
	margin-top: 30px;
	padding-left: 20px;
	position: relative;
}
.heading06:before {
	content: "";
	background-color: #dfe5eb;
	display: block;
	margin-top: -6px;
	position: absolute;
	height: 10px;
	width: 10px;
	left: 0px;
	top: 50%;
}


/* 02 text
-------------------------------------*/
* + p:not([class]) {
	margin-top: 1.2em;
}
.h1Area + p:not([class]) {
	margin-top: 40px;
}
p + p:not([class]) {
	margin-top: 1em;
	margin-top: 1.5em;
}

.color01 {
	color: #e60012;
}
.color02 {
	color: #ee6930;
}


/* 03 listParts
-------------------------------------*/
/* counter */
body ol {
	counter-reset: numList;
}
.start01 {
	counter-reset: numList 0 !important;
}
.start02 {
	counter-reset: numList 1 !important;
}
.start03 {
	counter-reset: numList 2 !important;
}
.start04 {
	counter-reset: numList 3 !important;
}
.start05 {
	counter-reset: numList 4 !important;
}
.start06 {
	counter-reset: numList 5 !important;
}
.start07 {
	counter-reset: numList 6 !important;
}
.start08 {
	counter-reset: numList 7 !important;
}
.start09 {
	counter-reset: numList 8 !important;
}
.start10 {
	counter-reset: numList 9 !important;
}

* + .numList01,
* + .normalList01,
#mainArea * + ol:not([class]),
#mainArea * + ul:not([class]) {
	margin-top: 20px;
}
.numList01 li,
.normalList01 li,
#mainArea ol:not([class]) li,
#mainArea ul:not([class]) li {
	margin-top: 5px;
	padding-left: 1.8em;
	position: relative;
}
.numList01 li:first-child,
.normalList01 li:first-child,
#mainArea ol:not([class]) li:first-child,
#mainArea ul:not([class]) li:first-child {
	margin-top: 0px;
}
.numList01 li:before,
#mainArea ol:not([class]) li:before {
	content: counter(numList,decimal) ".";
	counter-increment: numList;
	text-align: right;
	width: 1.8em;
	padding-right: 0.2em;
	display: block;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	position: absolute;
	left: 0;
	top: 0;
}
.numList01 li > ol,
#mainArea ol:not([class]) li > ol {
	margin-top: 5px;
}
.numList01 li > ol > li,
#mainArea ol:not([class]) li > ol > li {
	padding-left: 2.7em;
}
.numList01 li > ol > li:before,
#mainArea ol:not([class]) li > ol > li:before {
	content: "("counter(numList,decimal) ")";
	width: 2.5em;
}
.numList01 li > ol > li > ol > li,
#mainArea ol:not([class]) li > ol > li > ol > li {
	padding-left: 1.5em;
}
.numList01 li > ol > li > ol > li:before,
#mainArea ol:not([class]) > ol > li > ol > li:before {
	content: counter(numList,katakana) ".";
	width: 1.2em;
}

.normalList01 li:before,
#mainArea ul:not([class]) li:before {
	content: "";
	position: absolute;
	top: 0.5em;
	left: 0.5em;
	width: 3px;
	height: 3px;
	background: #3e3a39;
	border-radius: 50%;
}

.noteList01 {
	font-size: 1.3rem;
}
.noteList01 > li {
	padding: 0 0 0 1.5em;
	position: relative;
}
.noteList01 > li:before {
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
}
.noteList01 > li:before {
	content: "※";
}

.listStyle01 {
	margin-top: 20px;
}
.boxBg01 .listStyle01 {
	border-bottom: 1px solid #b2b0b0;
}
.boxPagenate + .listStyle01 {
	margin-top: 30px;
}
.listStyle01 li {
	padding-top: 20px;
	padding-bottom: 20px;
	border-top: 1px solid #b2b0b0;
	position: relative;
}

.lastn1 .listStyle01 li:first-child ~ li  {
	display: none;
}

.listStyle01 li.bl-hover {
	background-color: #f5f5f5;
}
.listStyle01 li.bl-hover p:last-child {
	text-decoration: underline;
}
.listStyle01 li a,
p.boxDate a {
	color: #003b96;
}
.listStyle01 li p + p {
	margin-top: 5px;
}
p.boxDate > span {
	color: #003b96;
	font-size: 1.2rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-position: left 0.25em;
	background-size: auto 14px;
	background-size: auto 11px;
	margin-top: 3px;
	padding-left: 15px;
}
p.boxDate .txtDate {
	background-image: url(/common/img/ico_pen.png);
}
p.boxDate .txtTag {
	background-image: url(/common/img/ico_tag.png);
	margin-left: 15px;
}
p.boxDate .txtTag:empty {
	background-image: url();
}

p.boxDate .txtWeek {
	background-image: url(/common/img/ico_cal.png);
}
p.boxDate .txtTime {
	background-image: url(/common/img/ico_time.png);
	margin-left: 15px;
}

.listStyle01.news li > a + figure {
	display: block;
}
.listStyle01.page01 li:nth-child(1) {
	float: left;
	width: 63.2%;
	margin-right: 3.47%;
	padding-top: 0;
	border: none;
}
.listStyle01.page01 li:nth-child(2),
.listStyle01.page01 li:nth-child(3) {
	width: 33.33%;
	float: left;
	padding-top: 0;
	border: none;
}
.listStyle01.page01 li:nth-child(4) {
	clear: left;
}

.listStyle01.page01 li:nth-child(4),.listStyle01.page01 li:nth-child(5),.listStyle01.page01 li:nth-child(6),.listStyle01.page01 li:nth-child(7),.listStyle01.page01 li:nth-child(8),.listStyle01.page01 li:nth-child(9),.listStyle01.page01 li:nth-child(10),
.listStyle01.page02 li,
.listStyle01.page03 li,
.listStyle01.page04 li,
.listStyle01.page05 li{
	overflow: hidden;
}

.listStyle01.page01 li:nth-child(1).bl-hover,
.listStyle01.page01 li:nth-child(2).bl-hover,
.listStyle01.page01 li:nth-child(3).bl-hover {
	background-color: #FFF;
}
.listStyle01 li > a:after {
	display: none;
}

.listStyle01.page01 li:nth-child(1) > a + figure,
.listStyle01.page01 li:nth-child(2) > a + figure,
.listStyle01.page01 li:nth-child(3) > a + figure,
.listStyle01.page01 li:nth-child(4) > a + figure,
.listStyle01.page01 li:nth-child(5) > a + figure,
.listStyle01.page01 li:nth-child(6) > a + figure,
.listStyle01.page01 li:nth-child(7) > a + figure,
.listStyle01.page01 li:nth-child(8) > a + figure,
.listStyle01.page01 li:nth-child(9) > a + figure,
.listStyle01.page01 li:nth-child(10) > a + figure,
.listStyle01.page02 li > a + figure,
.listStyle01.page03 li > a + figure,
.listStyle01.page04 li > a + figure,
.listStyle01.page05 li > a + figure{
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: block;
	margin-bottom: 8px;
}

.listStyle01.page01 li:nth-child(4) > a + figure,
.listStyle01.page01 li:nth-child(5) > a + figure,
.listStyle01.page01 li:nth-child(6) > a + figure,
.listStyle01.page01 li:nth-child(7) > a + figure,
.listStyle01.page01 li:nth-child(8) > a + figure,
.listStyle01.page01 li:nth-child(9) > a + figure,
.listStyle01.page01 li:nth-child(10) > a + figure,
.listStyle01.page02 li > a + figure,
.listStyle01.page03 li > a + figure,
.listStyle01.page04 li > a + figure,
.listStyle01.page05 li > a + figure{
	width:150px;
	float:left;
	margin-right:15px;
}

.listStyle01.page01 li:nth-child(2) > a + figure:after,
.listStyle01.page01 li:nth-child(3) > a + figure:after,
.listStyle01.page01 li:nth-child(4) > a + figure:after,
.listStyle01.page01 li:nth-child(5) > a + figure:after,
.listStyle01.page01 li:nth-child(6) > a + figure:after,
.listStyle01.page01 li:nth-child(7) > a + figure:after,
.listStyle01.page01 li:nth-child(8) > a + figure:after,
.listStyle01.page01 li:nth-child(9) > a + figure:after,
.listStyle01.page01 li:nth-child(10) > a + figure:after,
.listStyle01.page02 li > a + figure:after,
.listStyle01.page03 li > a + figure:after,
.listStyle01.page04 li > a + figure:after,
.listStyle01.page05 li > a + figure:after{
	content: "";
	display: block;
	padding-top: 66%;
}
.listStyle01.page01 li:nth-child(2) p + p,
.listStyle01.page01 li:nth-child(3) p + p {
	height: 2.8em;
	overflow: hidden;
	position: relative;
}
.listStyle01.page01 li:nth-child(2) p + p:after,
.listStyle01.page01 li:nth-child(3) p + p:after {
	content: "…";
	background-color: #FFF;
	height: 1.1em;
	width: 1.1em;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.listStyle01.page01 li:nth-child(2) p.boxDate .txtTag,
.listStyle01.page01 li:nth-child(3) p.boxDate .txtTag {
	display: block;
	margin-left: 0;
}
.listStyle01.page01 li:nth-child(1) figure i:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 120px 120px 0 0;
	border-color: #599820 transparent transparent transparent;
	position: absolute;
	left: 0px;
	top: 0px;
}
.listStyle01.page01 li:nth-child(1) > a + figure i:after {
	content: "NEW";
	font-family: "Titillium Web";
	font-weight: 700;
	font-style: normal;
	font-size: 25px;
	color: #FFF;
	position: absolute;
	left: 18px;
	top: 25px;
	-moz-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
.listStyle01.page01 li:nth-child(1) figure:after {
	content: "";
	display: block;
	padding-top: 100%;
}

.listStyle01.event.eventPage01 li:nth-child(1),
.listStyle01.event.eventPage01 li:nth-child(2),
.listStyle01.event.eventPage01 li:nth-child(3),
.listStyle01.event.eventPage01 li:nth-child(4) {
	float: left;
	width: 47.7%;
	margin-bottom: 25px;
	margin-right: 4.6%;
	padding: 0px;
	border-style: none;
}
.listStyle01.event.eventPage01 li:nth-child(1):hover,
.listStyle01.event.eventPage01 li:nth-child(2):hover,
.listStyle01.event.eventPage01 li:nth-child(3):hover,
.listStyle01.event.eventPage01 li:nth-child(4):hover {
	background-color: #FFF;
}
.listStyle01.event.eventPage01 li:nth-child(1) .boxDate,
.listStyle01.event.eventPage01 li:nth-child(2) .boxDate,
.listStyle01.event.eventPage01 li:nth-child(3) .boxDate,
.listStyle01.event.eventPage01 li:nth-child(4) .boxDate {
	margin-top: 10px;
}
.listStyle01.event.eventPage01 li:nth-child(1) .boxDate > *,
.listStyle01.event.eventPage01 li:nth-child(2) .boxDate > *,
.listStyle01.event.eventPage01 li:nth-child(3) .boxDate > *,
.listStyle01.event.eventPage01 li:nth-child(4) .boxDate > * {
	display: block;
	margin-top: 0px;
	margin-left: 0px;
}
.listStyle01.event.eventPage01 li:nth-child(2n) {
	margin-right: 0px;
}
.listStyle01.event li:nth-child(4) ~ li {
	clear: left;
}
.listStyle01.event .eventHead {
	display: table;
	width: 100%;
}
.listStyle01.event.eventPage01 li:nth-child(4) ~ li .eventHead,
.listStyle01.event:not(.eventPage01) li .eventHead {
	display: none;
}
.listStyle01.event .eventHead > * {
	vertical-align: middle;
	display: table-cell;
}
.listStyle01.event .eventHead > p {
	font-size: 1.6rem;
	color: #FFF;
	line-height: 1.2;
	background-color: #599820;
	text-align: center;
	width: 30%;
}
.listStyle01.event .eventHead > p .txtDay {
	font-size: 2.8rem;
	font-weight: bold;
}
.listStyle01.event .eventHead > p .txtWeek {
	font-size: 1.2rem;
}
.listStyle01.event .eventHead > figure {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	height: 160px;
}
.listStyle01.event .eventHead > figure i {
	display: none;
}

.listStyle01 li .txtEntryTtl:before {
	content: "終了";
	font-style: normal;
	font-size: 11px;
	line-height: 1;
	color: #FFF;
	background-color: #003b96;
	display: inline-block;
	padding: 5px 8px 3px;
	margin-right: 5px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
	border-radius: 2px;
}
.listStyle01 li.active .txtEntryTtl:before {
	display: none;
}

.listSnsBtn {
	text-align: right;
	margin-top: 35px;
}
.listSnsBtn li {
	display: inline-block;
	margin-right: -5px;
	position:relative;
}
.listSnsBtn li + li {
	margin-left: 10px;
}
.listSnsBtn li.fb {
	top: -6px;
	top: 2px;
}

.listClass {
	/*
	display: table;
	border-collapse:collapse;
	width: 100%;
	*/
	display: flex;
	flex-wrap: nowrap;
	margin-top: 30px;
}
.listClass li {
	background-color: #877022;
	/*
	vertical-align: top;
	display: table-cell;
	width: 16.666%;
	padding-bottom: 65px;
	*/
	width: 100%;
	border: 1px solid #FFF;
}
.listClass li.class02 {
	background-color: #285e31;
}
.listClass li.class03 {
	background-color: #205277;
}
.listClass li.class04 {
	background-color: #9e452c;
}
.listClass li.class05 {
	background-color: #3e3a39;
}
.listClass li.class06 {
	background-color: #5d2d86;
}
.listClass li:after {
	content: "";
	background-image: url(/common/img/ico_arrow01.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 100%;
	display: inline-block;
	height: 26px;
	width: 30px;
	position: absolute;
	right: 20px;
	bottom: 20px;
}
.listClass li a {
	color: #FFF;
	display: block;
	height: 100%;
	padding-bottom: 65px;
}
.listClass li a:hover {
	text-decoration: none;
}
.listClass li a dl {
	padding: 50px 40px 0px;
}
.listClass li a dl dt {
	font-size: 2.8rem;
	font-weight: bold;
	background-image: url(/common/img/bg_bdr01.png);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 40px;
	padding-bottom: 25px;
}
.listClass li a dl dt span {
	font-family: "Titillium Web";
	font-size: 1.4rem;
	font-weight: 700;
	display: block;
}
.listClass li a dl dd {
	padding-top: 20px;
}

.listHl li {
	position: relative;
	margin-top: 25px;
	width: 48%;
	margin-right: 4%;
}
.listHl li figure {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}
.listHl li figure:before {
	content: "";
	display: block;
	padding-top: 66.7%;
}
.listHl li .txtEntryttl {
	background: rgba(89,152,32,0.6);
	padding: 20px;
}
.listHl li .txtEntryttl a {
	display: block;
	height: 2.9em;
	overflow: hidden;
}
.listHl li.bl-hover a {
	text-decoration: underline;
}
.listHl li .txtName {
	background: rgba(89,152,32,0.6);
	padding: 10px;
	position: absolute;
	left: 0px;
	top: 0px;
}
.listHl li.bl-hover .txtName a,
.listHl li .txtName a:hover {
	text-decoration: none;
}


.listBooks li.bl-hover a {
	text-decoration: underline;
}
.listBooks li figure {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	width: 100%;
	border: 1px solid #8b8988;
}
.listBooks li figure:before {
	content: "";
	display: block;
	padding-top: 141%;
}
.listBooks li figure + p {
	font-size: 1.2rem;
	margin-bottom: -5px;
	margin-top: 10px;
}

.listPickup,
.listLinks {
	margin-top: 10px;
}
.listPickup li {
	float: left;
	width: 47.5%;
	margin-top: 20px;
	margin-right: 5%;
}
.listPickup li.bl-hover *,
.listLinks li.bl-hover * {
	text-decoration: underline;
}
.listPickup li:nth-child(2n-1) {
	margin-right: 0%;
}
.listPickup li:first-child {
	width: 100%;
	margin-right: 0%;
}
.listPickup li figure,
.listLinks li figure {
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	border: 1px solid #8b8988;
}
.listPickup li figure:after,
.listLinks li figure:after {
	content: "";
	display: block;
	padding-top: 66.7%;
}

.listLinks li figure:after {
	padding-top: 33.33%;
}


/* 03 linkParts
------------------------------------- */

a[target="_blank"]:after,
a[href$=".docx"]:after,
a[href*=".xlsx"]:after,
a[href$=".doc"]:after,
a[href*=".xls"]:after,
a[href*=".pdf"]:after {
	content: "";
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
	margin-left: 5px;
	margin-top: -3px;
}
a[target="_blank"]:after {
	background-image: url(/common/img/ico_win02.png);
	width: 13px;
	height: 11px;
}
.hoverEffect03 a[target="_blank"]:after {
	background-image: url();
	width: 1px;
	height: 0px;
	display: inline;
	margin-left: 0px;
	margin-top: 0px;
}
a[href$=".docx"]:after,
a[href$=".doc"]:after,
a[href*=".xlsx"]:after,
a[href*=".xls"]:after,
a[href*=".pdf"]:after {
	width: 42px;
	height: 14px;
}
a[href$=".docx"]:after,
a[href$=".doc"]:after {
	background-image: url(/common/img/ico_word.png);
}
a[href*=".xlsx"]:after,
a[href*=".xls"]:after {
	background-image: url(/common/img/ico_excel.png);
}
a[href*=".pdf"]:after {
	background-image: url(/common/img/ico_pdf.png);
}
.afterNone:after {
	display: none !important;
}

.bl-hot {
	cursor: pointer;
}
.icnRss {
	margin-left: 10px;
	display: inline-block;
	position: relative;
	bottom: -0.3em;
}
a.icnNone:after,
.icnNone a:after {
	display: none;
}

[class*="iconList0"] li {
	margin-top: 10px;
}
[class*="iconList0"] a {
	display: inline-block;
}
[class*="iconList0"].colorBk a {
	color: #3e3a39;
}
[class*="iconList0"].colorGreen a {
	color: #599820;
}
[class*="iconList0"].colorWh a {
	color: #fff;
}

[class*="iconList0"].listInline > li {
	display: inline-block;
	margin-right: -5px;
}
[class*="iconList0"].listInline > li + li {
	margin-left: 55px;
}

* + .iconList01 {
	padding-top: 10px;
}
.iconList01 > li > ul {
	margin-left: 20px;
}
.iconList01 a {
	padding-left: 20px;
	text-indent: -20px;
}
.iconList01 a:before,
.iconList03 a:before {
	content: "";
	background-image: url(/common/img/ico_arrow02.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	margin-right: 6px;
	display: inline-block;
	height: 12px;
	width: 14px;
}
.iconList01 ul li:before {
	display: none;
}
.iconList01 ul {
	margin-top: auto !important;
	padding-bottom: 10px;
}
.iconList01 ul li {
	margin-top: 10px !important;
	padding-left: 0em !important;
}

.iconList02 a {
	padding-left: 0.5em;
	text-indent: -0.5em;
}
.iconList02 a:before {
	content: '-';
	margin-right: 1px;
}
.iconList03 a {
	color: #3e3aff;
	background-color: #dfe5eb;
	display: inline-block;
	min-width: 14em;
	padding: 10px 10px 8px 35px;
	text-indent: -20px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.headline #mainArea .iconList03 a {
	color: #3e3aff;
}
#footer .iconList03 a,
[class*="colLayout-"].iconList03 a {
	min-width: 100%;
}
.iconList03 li {
	margin-top: 15px;
}

.boxLink {
	position: relative;
}
.heading02 .boxLink {
	text-align: right;
	width: 50%;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
.boxLink > li {
	display: table;
	float: right;
	margin-left: 15px;
}
.boxLink li:last-child {
	margin-right: 0px;
}
.boxLink > li > a {
	display: table-cell;
	height: 30px;
	padding-left: 60px;
	background-repeat: no-repeat;
	background-position: 20px center;
	vertical-align: middle;
	color: #8b8988;
}
.boxLink > li.linkList > a {
	background-image: url(/common/img/ico_list.png);
	background-size: auto 100%;
}
.boxLink > li.linkList > a:hover {
	background-image: url(/common/img/ico_list_on.png);
}
.boxBg01 .boxLink > li.linkList > a:hover {
	background-image: url(/common/img/ico_list_on_wh.png);
}
.boxLink > li.linkList02 > a {
	background-image: url(/common/img/ico_arrow_open01.png);
	background-size: auto 100%;
	cursor: pointer;
}
.boxLink > li.linkList02 > a:hover {
	background-image: url(/common/img/ico_arrow_open01_on.png);
}
.boxLink > li.linkList02 > a.active {
	background-image: url(/common/img/ico_arrow_open02.png);
}
.boxLink > li.linkList02 > a.active:hover {
	background-image: url(/common/img/ico_arrow_open02_on.png);
}
.boxLink > li.linkList03 > a {
	background-image: url(/common/img/ico_arrow_open03.png);
	background-size: auto 100%;
}
.boxLink > li.linkList03 > a:hover {
	background-image: url(/common/img/ico_arrow_open03_on.png);
}

.hoverEffect01 > *,
.hoverEffect01parts {
	position: relative;
	overflow: hidden;
}
.hoverEffect01 > *::before,
.hoverEffect01parts::before {
	position: absolute;
	top: 0;
	left: -80%;
	left: -90%;
	z-index: 2;
	display: block;
	content: '';
	width: 50%;
	height: 100%;
	background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
	-webkit-transform: skewX(-25deg);
	transform: skewX(-25deg);
}
.hoverEffect01 > *:hover::before,
.hoverEffect01parts:hover::before {
	-webkit-animation: shine .75s;
	animation: shine .75s;
}
@-webkit-keyframes shine {
	100% {
		left: 125%;
	}
}
@keyframes shine {
	100% {
		left: 125%;
	}
}

.hoverEffect02 > * {
	position: relative;
}
.hoverEffect02 > * * {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in;
}
.hoverEffect02 > * img {
	max-width: 100%;
	vertical-align: top;
}
.hoverEffect02 > * i {
	color: #ffffff;
	font-size: 16px;
	position: absolute;
	bottom: 0px;
	right: 15px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	font-size: 3em;
	line-height: 1em;
	opacity: 0;
	-webkit-transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
	transition: all 0.4s cubic-bezier(0.6, -0.8, 0.735, 0.045);
}
.hoverEffect02 > * a {
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 1;
	display: block;
}
.hoverEffect02 > * a:before,
.hoverEffect02 > * a:after {
	width: 1px;
	height: 0;
	background-color: #ffffff;
}
.hoverEffect02 > * a:before {
	right: 0;
	top: 0;
}
.hoverEffect02 > * a:after {
	left: 0;
	bottom: 0;
}
.hoverEffect02 > *:before,
.hoverEffect02 > *:after,
.hoverEffect02 > * a:before,
.hoverEffect02 > * a:after {
	position: absolute;
	content: '';
	background-color: #ffffff;
	z-index: 1;
	-webkit-transition: all 0.4s ease-in;
	transition: all 0.4s ease-in;
	opacity: 0.8;
}
.hoverEffect02 > *:before,
.hoverEffect02 > *:after {
	height: 1px;
	width: 0%;
}
.hoverEffect02 > *:before {
	top: 0;
	left: 0;
}
.hoverEffect02 > *:after {
	bottom: 0;
	right: 0;
}
.hoverEffect02 > *:hover img,
.hoverEffect02 > *.hover img {
	opacity: 0.25;
}
.hoverEffect02 > *:hover a:before,
.hoverEffect02 > *.hover a:before,
.hoverEffect02 > *:hover a:after,
.hoverEffect02 > *.hover a:after {
	height: 100%;
}
.hoverEffect02 > *:hover i,
.hoverEffect02 > *.hover i {
	-webkit-transform: rotate(0deg);
	transform: rotate(0deg);
	opacity: 0.7;
}
.hoverEffect02 > *:hover:before,
.hoverEffect02 > *.hover:before,
.hoverEffect02 > *:hover:after,
.hoverEffect02 > *.hover:after {
	width: 100%;
}
.hoverEffect02 > *:hover:before,
.hoverEffect02 > *.hover:before,
.hoverEffect02 > *:hover:after,
.hoverEffect02 > *.hover:after,
.hoverEffect02 > *:hover a:before,
.hoverEffect02 > *.hover a:before,
.hoverEffect02 > *:hover a:after,
.hoverEffect02 > *.hover a:after {
	opacity: 0.1;
}


.hoverEffect03 > * * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
}
.hoverEffect03 > * > *:before,
.hoverEffect03 > * > *:after {
  width: 1px;
  height: 0;
}
.hoverEffect03 > * > *:before {
  right: 0;
  top: 0;
}
.hoverEffect03 > * > *:after {
  left: 0;
  bottom: 0;
}
.hoverEffect03 > *:after,
.hoverEffect03 > * > *:before,
.hoverEffect03 > * > *:after {
  position: absolute;
  content: '';
  background-color: #ffffff;
  z-index: 1;
  -webkit-transition: all 0.4s ease-in;
  transition: all 0.4s ease-in;
  opacity: 0.8;
}
.hoverEffect03 > *:after {
  height: 1px;
  width: 0%;
  bottom: 0;
  right: 0;
}
.hoverEffect03 > *:after {
}
.hoverEffect03 > *:hover img,
.hoverEffect03 > *.hover img {
  opacity: 0.4;
}
.hoverEffect03 > *:hover > *,
.hoverEffect03 > *.hover > * {
  opacity: 1;
}
.hoverEffect03 > *:hover > *:before,
.hoverEffect03 > *.hover > *:before,
.hoverEffect03 > *:hover > *:after,
.hoverEffect03 > *.hover > *:after {
  height: 100%;
}
.hoverEffect03 > *:hover:before,
.hoverEffect03 > *.hover:before,
.hoverEffect03 > *:hover:after,
.hoverEffect03 > *.hover:after {
  width: 100%;
}
.hoverEffect03 > *:hover:before,
.hoverEffect03 > *.hover:before,
.hoverEffect03 > *:hover:after,
.hoverEffect03 > *.hover:after,
.hoverEffect03 > *:hover > *:before,
.hoverEffect03 > *.hover > *:before,
.hoverEffect03 > *:hover > *:after,
.hoverEffect03 > *.hover > *:after {
  opacity: 0.1;
}
.linkMore {
	text-align: right;
}
.linkMore a {
	font-family: "Titillium Web";
	font-weight: 700;
	font-size: 2.4rem;
	line-height: 1.1;
	color: #3E3A39;
}
.linkMore a:after {
	content: "";
	background-image: url("/common/img/ico_arrow03.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	height: 17px;
	width: 20px;
	margin-left: 10px;
	margin-top: 13px;
}


/* 04 colLayout
------------------------------------- */
.colLayout-two,
.colLayout-three,
.colLayout-four,
.colLayout-five,
.colLayout-img {
}
.colLayout-two > *,
.colLayout-three > *,
.colLayout-four > *,
.colLayout-five > * {
	margin-top: 20px;
	float: left;
}

.boxBg01 [class*="colLayout-"] {
	margin-top: 0px;
}
.boxBg01 .colLayout-two > *:nth-child(1),
.boxBg01 .colLayout-two > *:nth-child(2) {
	margin-top: 0px;
}

/* two */
.colLayout-two > * {
	width: 47.5%;
	margin-right: 5%;
}
.colLayout-two > *:nth-child(2n) {
	margin-right: 0;
}

/* three */
.colLayout-three > * {
	width: 31.2%;
	margin-right: 3.2%;
}
.colLayout-three > *:nth-child(3n) {
	margin-right: 0;
}

/* four */
.colLayout-four > * {
	width: 22.5%;
	margin-right: 3.333%;
}
.colLayout-four > *:nth-child(4n) {
	margin-right: 0;
}

/* five */
.colLayout-five > * {
	width: 18.4%;
	margin-right: 2%;
}
.colLayout-five > *:nth-child(5n) {
	margin-right: 0;
}

.floatLayout {
}
.floatLayout.imgR figure {
	margin-left: 20px;
	margin-bottom: 10px;
	float: right;
}
.floatLayout.imgL figure {
	margin-right: 20px;
	margin-bottom: 10px;
	float: left;
}


/* 05 Button
------------------------------------------------------ */
.btnSubmit {
	margin-top: 20px;
}
.btnSubmit button,
.btnType01 {
	font-size: 1.4rem;
	color: #FFF;
	background-color: #599820;
	padding: 12px 40px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	cursor: pointer;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.btnSubmit button[disabled],
.btnType01 {
	opacity: 0.3 !important;
	filter: 30%;
	webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}
.btnSubmit button[type*="button"] {
	color: #FFF;
	background-color: #999999;
	padding: 10px 30px;
}
.btnSubmit button + button {
	margin-left: 20px;
}
.btnSubmit button:hover,
.btnType01:hover {
	opacity: 0.8;
	filter: 80%;
}
.btnType01 {
	font-size: 14px;
	padding: 5px 15px;
	height: 30px;
}

.btnType02 {
	padding-top: 20px;
}
.btnType02 li {
	display: table;
	position: relative;
	padding: 5px;
}
.btnType02 li:before,
.btnType02 li:after,
.btnType02 li > *:before,
.btnType02 li > *:after {
	content: "";
	height: 15px;
	width: 15px;
	position: absolute;
}
.btnType02 li:before {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	left: 0px;
	top: 0px;
}
.btnType02 li:after {
	border-right: 1px solid #FFF;
	border-top: 1px solid #FFF;
	right: 0px;
	top: 0px;
}
.btnType02 li > * {
	text-align: center;
	vertical-align: middle;
	display: table-cell;
	position: relative;
	padding-top: 15px;
	padding-bottom: 15px;
}
.btnType02 li > *:before {
	border-left: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	left: -6px;
	bottom: -6px;
}
.btnType02 li > *:after {
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	right: -6px;
	bottom: -6px;
}
.btnType02 li.current > *,
.btnType02 li > a:hover {
	text-decoration: none;
	background: rgba(255,255,255,0.2);
}


/* 06 Box Layout
------------------------------------------------------ */
/* bgBox */
.boxStyle01 {
	margin-top: 30px;
	padding: 25px;
}
.boxStyle01 dt {
	position: relative;
	font-size: 1.6rem;
	color: #599820;
}
.headline .boxStyle01 dt {
	color: #fff;
	font-weight: bold;
}
.boxStyle01 dd {
	position: relative;
	margin-top: 10px
}
.boxStyle01 dt:before,
.boxStyle01 dt:after,
.boxStyle01 dd:before,
.boxStyle01 dd:after {
	content: "";
	display: block;
	height: 30px;
	width: 30px;
	border: 1px solid #599820;
	position: absolute;
}
.headline .boxStyle01 dt:before,
.headline .boxStyle01 dt:after,
.headline .boxStyle01 dd:before,
.headline .boxStyle01 dd:after {
	border-color: #fff;
}
.boxStyle01 dt:before {
	border-bottom: none;
	border-right: none;
	left: -25px;
	top: -25px;
}
.boxStyle01 dt:after {
	border-bottom: none;
	border-left: none;
	right: -25px;
	top: -25px;
}
.boxStyle01 dd:before {
	border-top: none;
	border-right: none;
	left: -25px;
	bottom: -25px;
}
.boxStyle01 dd:after {
	border-top: none;
	border-left: none;
	right: -25px;
	bottom: -25px;
}

.boxBg01 {
	background-color: #ecebeb;
	padding: 35px 25px;
}
* + .boxBg01 {
	margin-top: 35px;
}

.boxAccordion,
.boxAccordion02 {
	padding-top: 25px;
}
.boxAccordion > dt,
.boxAccordion02 > dt {
	font-size: 2.1rem;
	background-color: #e0ead2;
	background-image: url(/common/img/bg_hd02.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-size: 100% auto;
	padding: 16px 60px 14px 20px;
	margin-top: 15px;
	position: relative;
	cursor: pointer;
}
.boxAccordion > dt:after,
.boxAccordion02 > dt:after {
	content: "";
	background-image: url(/common/img/ico_arrow_open05.png);
	background-repeat: no-repeat;
	background-size: contain;
	height: 30px;
	width: 30px;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	right: 10px;
}
.boxAccordion > dt.active:after,
.boxAccordion02 > dt.active:after {
	background-image: url(/common/img/ico_arrow_open06.png);
}
.boxAccordion > dd,
.boxAccordion02 > dd {
	padding-top: 25px;
	padding-bottom: 25px;
	display: none;
}
#editor-input-content .boxAccordion > dd,
#editor-input-content .boxAccordion02 > dd {
	display: block;
}
.boxAccordion > dd > *:first-child,
.boxAccordion02 > dd > *:first-child {
	margin-top: 0px;
}

.boxInq {
	background-color: #dfe5eb;
	background-image: url(/common/img/bg_hd03.png);
	background-repeat: repeat-x;
	background-position: left top;
	padding: 30px;
	margin-top: 60px;
}
.boxInq dt {
	font-size: 1.6rem;
	font-weight: bold;
	color: #599820;
}
.boxInq dd {
	padding-top: 10px;
}
.boxInq dd .listDepartment {
	display: table;
	width: 100%;
}
.boxInq dd .listDepartment li {
	display: table-row;
}
.boxInq dd .listDepartment li > * {
	vertical-align: top;
	display: table-cell;
	padding-top: 7px;
}
.boxInq dd .listDepartment li .txtLabel {
	font-size: 1.2rem;
	width: 5em;
	padding-right: 10px;
	padding-top: 5px;
}
.boxInq dd .listDepartment li .txtLabel span {
	color: #FFF;
	background-color: #599820;
	text-align: center;
	display: block;
	padding: 3px 5px 1px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
.boxInq dd .txtAnnounce {
	margin-top: 10px;
}

.formLayout {
	padding-top: 25px;
}
.formLayout .txtRequired {
	font-weight: bold;
	color: #e60012;
	margin-left: 5px;
}
.formLayout .inputW1 {
	width: 30%;
}
.formLayout .inputW2 {
	width: 50%;
}
.formLayout dt {
	font-size: 1.6rem;
	font-weight: bold;
	background-image: url(/common/img/ico_hd04.png);
	background-repeat: no-repeat;
	background-position: left 0.25em;
	background-size: 16px 16px;
	padding-left: 25px;
	margin-top: 25px;
}
.formLayout dd {
	margin-top: 5px;
}
.formLayout dd input + br + input,
.formLayout dd label + br + input {
	margin-top: 10px;
}
.formLayout label.error {
	font-size: 1.3rem;
	color: #e60012;
	margin-left: 10px;
}
.formLayout label.inputSelect label.error {
	display: block;
	position: absolute;
	bottom: -1.6em;
}

.formLayout input.error,
.formLayout textarea.error {
	background-color: #FFF7F7;
	border-color: #e60012;
}

.boxSelectSearch {
	display: table;
	width: 100%;
}
.boxSelectSearch li {
	vertical-align: middle;
	display: table-cell;
}
.boxSelectSearch li:nth-child(1),
.boxSelectSearch li:nth-child(2) {
	width: 21%;
}
.boxSelectSearch li:nth-child(3),
.boxSelectSearch li:nth-child(4) {
	width: 10%;
}
.boxSelectSearch li + li {
	padding-left: 10px;
}
.boxSelectSearch li label,
label.inputSelect {
	display: block;
	position: relative;
}
label.inputSelect {
	display: inline-block;
}
.boxSelectSearch li label:after,
label.inputSelect:after {
	content: "▼";
	font-size: 11px;
	margin-top: -7px;
	position: absolute;
	top: 50%;
	right: 10px;
	webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}
.boxSelectSearch li select,
label.inputSelect select {
	font-size: 12px;
	padding: 5px 10px;
	height: 30px;
	width : 100%;
	padding-right: 30px;
	border: 1px solid #c9caca;
}
.boxSelectSearch li .exWrap {
	width : 60%;
	width : -moz-calc(100% - 71px);
	width : -webkit-calc(100% - 71px);
	width : calc(100%  - 71px);
	margin-right: 10px;
	position: relative;
	top: -1px;
}
.firefox .boxSelectSearch li .exWrap {
	width : calc(100%  - 75px);
}

.boxPagenate {
	text-align: center;
	padding-top: 30px;
	position: relative;
}
.boxPagenate.numNone {
	min-height: 60px;
}
.positionBtm {
	border-top: 1px solid #b2b0b0;
}
.boxPagenate li {
	display: inline-block;
	margin-right: -5px;
}
.boxPagenate li * {
	font-size: 1.8rem;
	display: block;
	padding-right: 20px;
	padding-left: 20px;
	color: #3e3a39;
}
.headline .boxPagenate li * {
	color: #fff;
}
.boxPagenate li span.current {
	color: #599820;
	font-weight: bold;
}
.boxPagenate li[class*="link"] {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
.boxPagenate li.linkNext {
	left: auto;
	right: 0px;
}
.boxPagenate li[class*="link"] * {
	background-image: url(/common/img/ico_arrow_open04.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 30px 30px;
	height: 30px;
	padding: 2px 0px 0px 40px;
}
.boxPagenate li[class*="link"] a:hover {
	background-image: url(/common/img/ico_arrow_open04_on.png);
}
.boxPagenate li.linkNext * {
	background-image: url(/common/img/ico_arrow_open03.png);
	background-position: right top;
	padding: 2px 40px 0px 0px;
}
.boxPagenate li.linkNext a:hover {
	background-image: url(/common/img/ico_arrow_open03_on.png);
}
.boxPagenate li[class*="link"] span {
	color: #CCC;
	opacity: 0.6;
	filter: 60%;
}

.boxFrame {
	padding: 7px;
	position: relative;
}
.boxFrame:before,
.boxFrame:after,
.boxFrame > *:before,
.boxFrame > *:after {
	content: "";
	height: 40px;
	width: 40px;
	position: absolute;
}
.boxFrame:before {
	border-top: 1px solid #FFF;
	border-left: 1px solid #FFF;
	left: 0px;
	top: 0px;
}
.boxFrame:after {
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	right: 0px;
	top: 0px;
}
.boxFrame > *:before {
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	left: 0px;
	bottom: 0px;
}
.boxFrame > *:after {
	border-bottom: 1px solid #FFF;
	border-right: 1px solid #FFF;
	right: 0px;
	bottom: 0px;
}

/* THE POWER OF KUT 200123 PC */
.power .headingHl01 + p > a {
	background-image:url(/common/img/ico_arrow02.png);
	background-repeat:no-repeat;
	background-position:left 5px center;
	background-size:14px auto;
	padding-left:25px;
}
.power .headingHl01 + .linkLanguage > a {
	background-image:none;
}
.parent-category {
	min-width:80px;
}
.parent-category > li,
.sub-category > li {
	font-size:1.2rem;
	margin:0;
	position:relative;
	width:auto;
}
.parent-category > li {
	display:table;
	padding:2px 10px;
}
.parent-category > li:before,
.parent-category > li:after {
	border:1px solid #fff;
	content:"";
	height:100%;
	position:absolute;
	top:50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	width:6px;
}
.parent-category > li:before {
	border-right:none;
	left:0;
}
.parent-category > li:after {
	border-left:none;
	right:0;
}
.parent-category > li a,
.sub-category > li a {
	height:auto !important;
}
.sub-category > li {
	display:inline-block;
	padding-left:15px;
}
.sub-category > li:first-child {
	padding-left:18px;
}
.sub-category > li:before {
	content:"/";
	position:absolute;
	top:0px;
	left:2px;
}
.sub-category > li:first-child:before {
	background-repeat:no-repeat;
	background-position:left top;
	background-size:100% auto;
	content:"";
	height:11px;
	position:absolute;
	left:0;
	top:3px;
	width:11px;
}
.power .listHl li .txtEntryttl > .sub-category {
	margin-top:8px;
	margin-bottom:5px;
}
.power .listHl li .txtEntryttl > .sub-category li:first-child:before {
	background-image: url(/common/img/ico_tag02.png);
}
.power.dtl .parent-category,
.power.dtl .sub-category {
	display:table-cell;
	padding-top:60px;
	vertical-align:top;
}
.power.dtl .sub-category {
	padding-left:15px;
}
.power.dtl .sub-category + * {
	margin-top:20px;
}
.power.dtl .sub-category > li:first-child:before {
	background-image: url(/common/img/ico_tag03.png);
}
.power .boxSelectSearch {
	margin-top:30px;
}
.power .boxSelectSearch li  {
	width:auto !important;
}
.power .boxSelectSearch li > form span,
.power .boxSelectSearch li > form label {
	display:inline-block;
}
.power .boxSelectSearch li > form label:after {
	color:#3e3a39;
	margin-top:-8px;
	right:0;
}
.power .boxSelectSearch li > form label select {
	background-color:#c5c4c4;
	border-radius:3px;
	margin-left:10px;
}
.power #contents #sideArea .navLevel3 > li.keywordSearch > span {
	background-image: url(/common/img/ico_tag03.png);
	background-repeat:no-repeat;
	background-position:left 14px center;
	background-size:13px auto;
	padding-left:35px;
}
.power #contents #sideArea .navLevel3 > li.keywordSearch > .navLevel4 {
	padding-left:25px;
	padding-right:25px;
}
.power #contents #sideArea .navLevel3 > li.keywordSearch > .navLevel4 li  {
	display:inline-block;
	font-size:1.2rem;
	padding-left:0;
	padding-right:10px;
	position:relative;
}
.power #contents #sideArea .navLevel3 > li.keywordSearch > .navLevel4 li:after {
	content:"/";
	color:#3e3a39;
	position:absolute;
	top:0px;
	right:0;
}
/*.power #contents #sideArea .navLevel3 > li:.keywordSearch > .navLevel4 li:last-child:after {
	content:"";
}*/
.power #contents #sideArea .navLevel3 > li.keywordSearch > .navLevel4 li:last-child:after {
	content:"";
}
.power #contents #sideArea .navLevel3 > li.keywordSearch > .navLevel4 li a {
	background:none;
	padding-left:0;
}


.boxProfile {
	margin-top: 45px;
}
.boxProfile.imgL > figure {
	margin-right: 35px;
}
.boxProfile .txtName {
	font-size: 3rem;
	line-height: 1.2;
}
.boxProfile .txtName span {
	font-size: 1.8rem;
	font-family: Titillium Web;
	font-weight: 700;
	display: block;
}
.boxProfile .boxField {
	margin-top: 15px;
	margin-bottom: 20px;
}
.boxProfile .boxField dt,
.boxProfile .listIntro li {
	background-image: url(/common/img/ico_hd04.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 12px auto;
	padding-left: 23px;
	display: inline-block;
}
.boxProfile .boxField dd {
	margin-top: 10px;
}
.boxProfile .boxField dd * + br {
	display: none;
}
.boxProfile .listIntro {
	padding-top: 10px;
}
.boxProfile .listIntro li {
	margin-top: 10px;
	display: block;
}
.linkLanguage {
	margin-top:15px !important;
	text-align:right;
}
.linkLanguage a {
	background-color: #dfe5eb;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	color: #3e3aff !important;
	display: inline-block;
	min-width: 14em;
	padding: 10px 10px 10px 35px;
	position:relative;
	text-align:left;
}
.linkLanguage a:before {
	background:url(/common/img/ico_lang02.png) no-repeat;
	background-position:left top;
	background-size:100% auto;
	content:"";
	height:21px;
	position:absolute;
	top:10px;
	left:10px;
	width:20px;
}
.outlink .link_box {
	margin-top: 1em;
}
.outlink .link_box a {
	font-weight: bold;
	background-color: #e0ead2;
	text-align: center;
	display: block;
	padding: .5em;
	border: 1px solid #599820;
	border-radius: 2px;
}
.outlink .listIntro li {
	background-position: left .3em;
}



/* 08 Navi Parts
------------------------------------------------------ */
.ancLink01 {
}
* + .ancLink01 {
	margin-top: 30px;
}
.ancLink01 li {
	display: inline-block;
}
.ancLink01 li + li {
	margin-left: 20px;
}
.ancLink01 li a {
	color: #3e3a39;
	font-size: 2.1rem;
	padding-right: 40px;
	display: block;
	position: relative;
}
.ancLink01 li a:after {
	content: "";
	background-image: url(/common/img/ico_arrow_open01.png);
	background-repeat: no-repeat;
	background-size: contain;
	display: inline-block;
	height: 30px;
	width: 30px;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	right: 0px;
}



/* 09 Table Parts
------------------------------------------------------ */
/*** tableWrap01 ***/
.tableWrap01,
#mainArea table:not([class]) {
	clear: both;
	margin: 25px 0 0 0;
}
.tableWrap01 > *:first-child,
#mainArea table:not([class]) > *:first-child {
	margin-top: 0 !important;
}
.tableWrap01 table,
#mainArea table:not([class]) {
	border-collapse:collapse;
	width: 100%;
}
.tableWrap01 table th,
.tableWrap01 table td,
#mainArea table:not([class]) th,
#mainArea table:not([class]) td {
	border: 1px solid #8b8988;
	padding: 10px 13px 8px;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
.tableWrap01 table th,
#mainArea table:not([class]) th {
	background-color: #cfdfba;
	/*border-left-style: none;*/
}
.tableWrap01 table tr th:first-child,
.tableWrap01 table tr td:first-child,
#mainArea table:not([class]) tr th:first-child,
#mainArea table:not([class]) tr td:first-child {
	border-left-style: none;
}
.tableWrap01 table tr th:last-child,
.tableWrap01 table tr td:last-child,
#mainArea table:not([class]) tr th:last-child,
#mainArea table:not([class]) tr td:last-child {
	border-right-style: none;
}
table *[align*="left"] {
	text-align: left !important;
}
table *[align*="center"] {
	text-align: center !important;
}
table *[align*="right"] {
	text-align: right !important;
}
table *[valign*="top"] {
	vertical-align: top !important;
}
table *[valign*="middle"] {
	vertical-align: middle !important;
}
table *[valign*="bottom"] {
	vertical-align: bottom !important;
}



/* Other Parts
------------------------------------------------------ */
.newsIcon {
	position: relative;
	width: 11em;
	top: -2px;
	display: inline-block;
	min-width: 86px;
	padding: 1px 5px 0;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	color: #ffffff !important;
	font-size: 12px !important;
	font-size: 1.2rem !important;
	line-height: 17px !important;
	text-align: center;
	vertical-align: middle;
}

.bdrType01 {
	background-color: #FFF;
	display: block;
	height: 1px;
	margin-top: 40px;
	border-top: 1px solid #FFF;
}
.activities .actList figure {
	background-position: center center;
	background-size: cover;
}
.activities .actList figure:before {
	content: "";
	display: block;
	padding-top: 66%;
}



/* campus viewing Parts
------------------------------------------------------ */
.viewing .ttlViewing {
	font-family: "Titillium Web";
	font-weight: 600;
	font-size: 5.5rem;
	color: #b69333;
	line-height: 1.1;
	background-image: url(/about/img/viewing_bg01.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	letter-spacing: 0.1em;
	padding-bottom: 20px;
}
.viewing .ttlViewing span {
	font-weight: 300;
}
.viewing .ttlViewing + * {
	margin-top: 30px;
}

.viewing .listCategory {
	font-family: "Titillium Web";
	font-weight: 600;
	font-size: 1.8rem;
	color: #b69333;
	display: table;
	width: 100%;
	margin-top: 40px;
	padding-top: 40px;
	border-top: 1px solid #b2b0b0;
}
.viewing .listCategory > * {
	display: table-cell;
}
.viewing .listCategory a {
	color: #b69333;
}
.viewing .listCategory dt {
	width: 4.5em;
}
.viewing .listCategory dd li {
	display: inline-block;
}
.viewing .listCategory dd li:before {
	content: "/";
	display: inline-block;
	padding-right: 10px;
	padding-left: 10px;
}
.viewing .listCategory dd li a {
	font-weight: 300;
}
.viewing .listCategory dd li a.current {
	font-weight: 700;
	text-decoration: underline;
}

.viewing .listViewing {
	padding-top: 15px;
}
.viewing .listViewing li {
	background-color: #486a00;
	float: left;
	height: 21.388%;
	height: 154px;
	width: 32.222%;
	margin-top: 12px;
	margin-top: 1.666%;
	margin-right: 12px;
	margin-right: 1.666%;
}
.viewing .listViewing li:nth-child(9n+1),
.viewing .listViewing li:nth-child(9n+4) {
	height: 44.442%;
	height: 320px;
	width: 66.111%;
}
.viewing .listViewing li:nth-child(9n+4) {
	float: right;
	margin-right: 0px;
}
.viewing .listViewing li:nth-child(9n+2),
.viewing .listViewing li:nth-child(9n+3),
.viewing .listViewing li:nth-child(9n+6),
.viewing .listViewing li:nth-child(9n) {
	margin-right: 0px;
}
.viewing .listViewing li img {
	height: 100%;
	width: 100%;
}


/* search result 
-------------------------------------*/
.search_result .gsc-control-cse {
	padding: 0px !important;
	margin-top: 30px;
}
.search_result .gsc-input-box {
	min-height: 30px;
}
.search_result .gsib_a {
	padding: 4px !important;
}
.search_result input.gsc-search-button-v2 {
	min-height: 30px;
	height: 30px !important;
	margin-top: 1px !important;
	border-color: #599820 !important;
	background-color: #599820 !important;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#599820), to(#599820)) !important;
	background-image: -webkit-linear-gradient(top, #599820, #599820) !important; 
	background-image: -moz-linear-gradient(top, #599820, #599820) !important; 
	background-image: -ms-linear-gradient(top, #599820, #599820) !important; 
	background-image: -o-linear-gradient(top, #599820, #599820) !important; 
	background-image: linear-gradient(top, #599820, #599820) !important; 
	filter: progid: DXImageTransform.Microsoft.gradient(startColorStr='#599820', EndColorStr='#599820') !important;
	position: relative;
}
.search_result .gsc-search-button {
	position: relative;
}
.search_result .gsc-search-button:before {
	/*content: "検索";*/
	font-size: 14px;
	color: #fff;
	line-height: 1;
	text-align: center;
	display: block;
	margin-top: -0.5em;
	width: 100%;
	position: absolute;
	top: 50%;
	z-index: 10;
	webkit-pointer-events: none;
	-moz-pointer-events: none;
	pointer-events: none;
}
.search_result .gsc-results .gsc-cursor-box .gsc-cursor-page {
	background:none;
	border:none;
	color:#333;
}
.search_result .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color:#FF9900;
}



/* campus_life index Parts
------------------------------------------------------ */
.listCampuslife {
	margin-top: -20px;
}
.listCampuslife li {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.listCampuslife li.bl-hover {
	opacity: 0.8;
	filter: 80%;
}
.listCampuslife li figure {
	position: relative;
}
.listCampuslife li figure .iconList01 {
	background-color: rgba(6,23,69,.7);
	padding: 10px 15px;
	display: block;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
}
.listCampuslife li figure .iconList01 a {
	color: #fff;
}
#mainArea .bnrStudent {
	display: block;
	margin-top: 35px;
	padding: 30px;
	background-color: #599820;
	color: #fff;
	position: relative;
}
#mainArea .bnrStudent:after,
#sideArea .bnrStudent a:after  {
	content: "";
	background-image: url("/common/img/ico_arrow01.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	height: 26px;
	width: 30px;
	position: absolute;
	right: 30px;
	top: 50%;
	margin-top: -13px;
}
#mainArea .bnrStudent:hover,
#sideArea .bnrStudent a:hover {
	opacity: 0.8;
	filter: 80%;
}
#mainArea .bnrStudent dt,
#sideArea .bnrStudent a span {
	background-image: url("/common/img/bg_bdr01.png");
	background-position: left bottom;
	background-repeat: repeat-x;
	font-size: 2.8rem;
	font-weight: bold;
	padding-bottom: 10px;
	display: inline-block;
}
#mainArea .bnrStudent dd {
	margin-top: 15px;
}
.campus_life #mainArea .listStyle01 li:first-child ~ li  {
	display: none;
}

#sideArea .bnrStudent a {
	display: block;
	margin-top: 35px;
	padding: 25px 20px;
	padding-bottom: 60px;
	background-color: #599820;
	color: #fff;
	position: relative;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#sideArea .bnrStudent a:after {
	right: 20px;
	top: auto;
	bottom: 20px;
	margin-top: 0;
}
#sideArea .bnrStudent a span {
	font-size: 2.4rem;
}



/* student Parts
------------------------------------------------------ */
.student .bnrArea {
	display:table;
	margin-top: 45px;
	height: 102px;
	width: 100%;
}
.student .bnrArea a,
.student .bnrArea02 {
	-webkit-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
.student .bnrArea a:hover ,
.student .bnrArea02.bl-hover {
	opacity: 0.8;
	filter: 80%;
}
.student .bnrArea > * {
	display:table-cell;
	vertical-align: middle;
}
.student .bnrArea .linkBnr01 {
	padding-right: 20px;
	/*width: 828px;*/
	width:570px;
}
.student .bnrArea .linkBnr01 a {
	color: #fff;
	/*
	background-image: url("/common/img/ico_sp.svg");
	background-position: 65px center;
	background-repeat: no-repeat;
	background-size: 34px 60px;
	*/
	display: block;
	padding: 35px 25px;
	padding-left: 125px;
	background-color: #599820;
	position: relative;
}
.student .bnrArea .linkBnr01 a:before {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 50px 0 50px 50px;
	border-color: transparent transparent transparent #507800;
	position: absolute;
	left: 0px;
	top: 0;
}
.student .bnrArea .linkBnr01 a:after {
	content: "";
	background-image: url("/common/img/ico_arrow01.png");
	background-position: center;
	background-size: 100%;
	background-repeat: no-repeat;
	display: inline-block;
	height: 22px;
	width: 26px;
	position: absolute;
	left: 5px;
	top: 50%;
	margin-top: -11px;
}
.student .bnrArea .linkBnr01 a span {
	font-size: 2.5rem;
	font-weight: bold;
	color: #fff;
	display: inline-block;
	padding-bottom: 10px;
	position: relative;
}
.student .bnrArea .linkBnr01 a span:after {
	content: '';
	background-image: url("/common/img/bg_bdr01.png");
	background-repeat: repeat-x;
	display: inline-block;
	height: 6px;
	width: 300px;
	position: absolute;
	bottom: 0;
	left: 0;
}
.student .bnrArea .linkBnr02 {
	height: 100%;
}
.student .bnrArea .linkBnr02 a {
	background-color: #DFE5EB;
	display: block;
	height: 100%;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 9px 0;
}
.student .bnrArea .linkBnr02 a:before {
	content: '';
	background-image: url("/common/img/ico_information.svg");
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	display: inline-block;
	height: 18px;
	width: 18px;
}
.student .bnrArea .linkBnr02 a span {
	display: block;
}

.student .bnrArea > p {
	padding-right:20px;
}
.student .bnrArea > p:last-child {
	padding-right: 0;
}
.student .bnrArea .linkBnr03 {
	height: 100%;
}
.student .bnrArea .linkBnr03 a {
	background-color: #DFE5EB;
	display: block;
	height: 100%;
	text-align: center;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding: 30px 0;
}
.student .bnrArea .linkBnr03 a span {
	display: block;
}


.student .ancLink01 {
	padding: 18px 0;
	border-top: solid 2px #599820;
	border-bottom: solid 1px #B2B0B0;
}
.student .ancLink01 li a {
	font-size: 1.8rem;
	padding-right: 30px;
}
.student .ancLink01 li a:after {
	height: 24px;
	width: 24px;
	margin-top: -12px;
}

.student .heading03 {
	font-size: 3rem;
	background-color: #fff;
	display: inline-block;
	padding: 0;
	padding-right: 10px;
}
.student .heading03 + * {
	margin-top: 15px;
}
.student .col dt {
	font-weight: bold;
	background-image: url(/common/img/ico_hd04.png);
	background-repeat: no-repeat;
	background-position: left 0.2em;
	background-size: 14px 14px;
	margin-top: 10px;
	padding-left: 20px;
	pointer-events: none;
}
.student section + section {
	border-top: solid 1px #B2B0B0;
	margin-top: 40px;
}

.student .bnrArea02 {
	background-color: #DFE5EB;
	background-image: url("/common/img/bg_hd03.png");
	background-repeat: repeat-x;
	background-position: top left;
	display:table;
	margin-top: 35px;
	width: 100%;
	padding: 30px;
	padding-bottom: 25px;
}
.student .bnrArea02 > * {
	display: table-cell;
	vertical-align: middle;
	padding-top: 0;
}
.student .bnrArea02 dt {
	color: #599820;
	font-size: 1.6rem;
	font-weight: bold;
	width: 9em;
}
.student .bnrArea02 dd {
}



/*TAB Layout
==========================================*/
@media only screen and (max-width: 999px) {
/* 01 heading 
-------------------------------------*/
	#ttlArea {
		height: 260px;
		padding-top: 0px;
		position: relative;
	}
	#ttlArea .ttlInner {
		background: rgba(6,23,69,0.7);
		display: block;
		text-align: left;
		padding: 15px 20px;
		position: absolute;
		left: 0px;
		right: 0px;
		bottom: 0px;
	}
	#ttlArea .ttlInner:before,
	#ttlArea .ttlInner:after {
		display: none
	}
	#ttlArea h1 {
		font-size: 2.7rem;
		display: inline-block;
	}
	#ttlArea h1 + p {
		display: inline-block;
		margin-left: 10px;
	}

	#mainArea #ttlArea {
		color: #599820;
		height: auto;
		padding-top: 10px;
	}
	#mainArea #ttlArea .ttlInner {
		background: rgba(6,23,69,0);
		text-align: center;
		display: inline-block;
		padding: 15px 30px;
		position: relative;
		left: auto;
		right: auto;
		bottom: auto;
	}
	#mainArea #ttlArea .ttlInner:before,
	#mainArea #ttlArea .ttlInner:after {
		content: "";
		display: block;
		height: 40px;
		width: 40px;
		border: 1px solid #599820;
		position: absolute;
	}
	#mainArea #ttlArea .ttlInner:before {
		border-bottom: none;
		border-right: none;
		left: 0px;
		top: 0px;
	}
	#mainArea #ttlArea .ttlInner:after {
		border-top: none;
		border-left: none;
		right: 0px;
		bottom: 0px;
	}
	#mainArea #ttlArea h1 {
		font-size: 2.8rem;
		font-weight: bold;
		line-height: 1.1;
	}
	#mainArea #ttlArea h1 + p {
		font-family: "Titillium Web";
		font-weight: 700;
		font-size: 2rem;
		line-height: 1.1;
		display: block;
		margin-top: 0;
		margin-left: 0px;
	}


	/* heading01 */
	.heading01 {
		background-size: 100% auto;
	}

	.headingHl01 {
		margin-top: 15px;
	}


	/* 02 text
	-------------------------------------*/



	/* 03 listParts
	-------------------------------------*/

	.listClass {
		/*display: block;*/
		flex-wrap: wrap;
		margin-top: 8px;
		border-top: 2px solid #FFF;
	}
	.listClass li {
		/*display: block;
		float: left;*/
		width: 50%;
		border-right: none;
		border-bottom: 2px solid #FFF;
		border-left: 2px solid #FFF;
		padding: 0;
	}
	/*
	.listClass li:last-child {
		width: 100%;
	}
	*/
	.listClass li:nth-child(2n+1) {
		border-left: none;
	}
	.listClass li:after {
		margin-top: -13px;
		position: absolute;
		right: 20px;
		bottom: auto;
		top: 50%;
	}
	.listClass li a {
		color: #FFF;
		display: block;
		padding: 20px;
		padding-right: 58px;
	}
	/*
	.listClass li:last-child a {
		padding-right: 55%;
		padding-right: -webkit-calc(50% + 58px);
		padding-right: calc(50% + 58px);
	}
	*/
	.listClass li a dl {
		padding: 0px;
	}
	.listClass li a dl dt {
		font-size: 2.6rem;
		padding-bottom: 18px;
	}
	.listClass li a dl dt span,
	.listClass li a dl dd {
		display: none;
	}



	/* 03 linkParts
	------------------------------------- */

	[class*="iconList0"].listInline {
		padding-top: 0;
	}

	.heading02 .boxLink {
		/*width: 100%;*/
	}
	.boxLink > li {
		margin-left: 0px;
	}

	[class*="colLayout"] .heading02 .boxLink {
	margin-top: 10px;
		position: relative;
		right: auto;
		bottom: auto;
	}
	[class*="colLayout"] .heading02 .boxLink > li {
		float: left;
	}
	[class*="colLayout"] .heading02 .boxLink > li a {
		background-position: 0px center;
		padding-left: 40px;
	}

	.hoverEffect01 > *::before {
		display: none;
		height: auto;
	}

	.hoverEffect02 > * {
		position: relative;
	}
	.hoverEffect02 > * i {
		display: none;
	}
	.hoverEffect02 > * a:before,
	.hoverEffect02 > * a:after,
	.hoverEffect02 > * a:before,
	.hoverEffect02 > * a:after,
	.hoverEffect02 > *:before,
	.hoverEffect02 > *:after,
	.hoverEffect02 > * a:before,
	.hoverEffect02 > * a:after,
	.hoverEffect02 > *:before,
	.hoverEffect02 > *:after,
	.hoverEffect02 > *:before,
	.hoverEffect02 > *:after,
	.hoverEffect02 > *:hover a:before,
	.hoverEffect02 > *.hover a:before,
	.hoverEffect02 > *:hover a:after,
	.hoverEffect02 > *.hover a:after
	.hoverEffect02 > *:hover:before,
	.hoverEffect02 > *.hover:before,
	.hoverEffect02 > *:hover:after,
	.hoverEffect02 > *.hover:after,
	.hoverEffect02 > *:hover:before,
	.hoverEffect02 > *.hover:before,
	.hoverEffect02 > *:hover:after,
	.hoverEffect02 > *.hover:after,
	.hoverEffect02 > *:hover a:before,
	.hoverEffect02 > *.hover a:before,
	.hoverEffect02 > *:hover a:after,
	.hoverEffect02 > *.hover a:after {
		display: none;
		
	}
	.hoverEffect02 > *:hover img,
	.hoverEffect02 > *.hover img {
		opacity: 1;
	}


	.hoverEffect03 > * > *:before,
	.hoverEffect03 > * > *:after,
	.hoverEffect03 > * > *:before,
	.hoverEffect03 > * > *:after,
	.hoverEffect03 > *:after,
	.hoverEffect03 > * > *:before,
	.hoverEffect03 > * > *:after,
	.hoverEffect03 > *:after,
	.hoverEffect03 > *:after,
	.hoverEffect03 > *:hover > *:before,
	.hoverEffect03 > *.hover > *:before,
	.hoverEffect03 > *:hover > *:after,
	.hoverEffect03 > *.hover > *:after
	.hoverEffect03 > *:hover:before,
	.hoverEffect03 > *.hover:before,
	.hoverEffect03 > *:hover:after,
	.hoverEffect03 > *.hover:after,
	.hoverEffect03 > *:hover:before,
	.hoverEffect03 > *.hover:before,
	.hoverEffect03 > *:hover:after,
	.hoverEffect03 > *.hover:after,
	.hoverEffect03 > *:hover > *:before,
	.hoverEffect03 > *.hover > *:before,
	.hoverEffect03 > *:hover > *:after,
	.hoverEffect03 > *.hover > *:after {
			display: none;
	}

	.hoverEffect03 > *:hover img,
	.hoverEffect03 > *.hover img {
	opacity: 1;
	}


	/* 04 colLayout
	------------------------------------- */
	/* colLayout */
	/* two */
	.colLayout-two > *,
	.colLayout-four > * {
		width: 48%;
		margin-right: 4%;
	}
	.colLayout-four > *:nth-child(2n) {
		margin-right: 0%;
	}

	/* four */
	.colLayoutTab-four > * {
		width: 22.5%;
		margin-right: 3.333%;
	}
	.colLayoutTab-four > *:nth-child(2n) {
		margin-right: 3.333%;
	}
	.colLayout-four > *:nth-child(4n) {
		margin-right: 0;
	}



	/* 06 Box Layout
	------------------------------------------------------ */

	.boxAccordion {
		padding-top: 25px;
	}
	.boxAccordion > dt {
		background-size: 130% auto;
	}
	.boxAccordion > dd {
		padding-top: 15px;
		padding-bottom: 5px;
	}
	.safari .boxSelectSearch li .exWrap {
		width : calc(100%  - 71px);
		top: -1px;
	}




	/* 08 Navi Parts
	------------------------------------------------------ */
	/* anchorList */




	/* 09 Table Parts
	------------------------------------------------------ */
	/*** tableWrap01 ***/






	/* Other Parts
	------------------------------------------------------ */
	/*----- icon -----*/
	/* newsIcon */



	/* Viewing
	------------------------------------------------------ */
	.viewing .listViewing li {
		height: 21.388%;
		width: 31.7%;
		width: 31.9%;
	}
	.viewing .listViewing li:nth-child(9n+1),
	.viewing .listViewing li:nth-child(9n+4) {
		height: 44.444%;
		width: 66.4%;
	}



	/* campus_life index Parts
	------------------------------------------------------ */
	/*
	.campus_life #sideArea .bnrStudent {
		display: none;
	}
	*/
	#sideArea .bnrStudent a {
		margin:30px auto;
		width:244px;
	}
	#sideArea .bnrStudent a span {
		font-size: 2.2rem;
	}


	/* student Parts
	------------------------------------------------------ */

}


/*TAB Layout
==========================================*/
@media only screen and (max-width: 768px) {
	
	/* student Parts
	------------------------------------------------------ */
	.student .bnrArea {
		display: block;
		margin-top: 15px;
		height: auto;
	}
	.student .bnrArea > * {
		display: block;
	}
	.student .bnrArea .linkBnr01 {
		padding-right: 0px;
		width: 100%;
	}
	.student .bnrArea .linkBnr01 a {
		background-position: 40px center;
		background-size: 21px 37px;
		display: block;
		padding: 20px;
		padding-right: 0px;
		padding-left: 67px;
	}
	.student .bnrArea .linkBnr01 a:before {
		border-width: 34px 0 34px 34px;
	}
	.student .bnrArea .linkBnr01 a:after {
		height: 19px;
		width: 20px;
		left: 3px;
		margin-top: -10px;
	}
	.student .bnrArea .linkBnr01 a span {
		font-size: 1.5rem;
		padding-bottom: 7px;
	}
	.student .bnrArea .linkBnr01 a span:after {
		height: 6px;
		width: 100%;
	}
	
	.student .bnrArea .linkBnr02 {
		margin-top: 10px;
		display: block;
	}
	.student .bnrArea .linkBnr02 a {
		text-align: left;
		padding: 10px;
	}
	.student .bnrArea .linkBnr02 a:before {
		height: 12px;
		width: 12px;
		margin-right: 7px;
		vertical-align: top;
		position: relative;
		top: 0.2em;
	}
	.student .bnrArea .linkBnr02 a span {
		display: inline-block;
	}
	.student .bnrArea > p {
		padding-right: 0;
	}
	.student .bnrArea .linkBnr03 {
		margin-top:10px;
		padding-right:0;
	}
	.student .bnrArea .linkBnr03 a {
		padding: 10px;
		text-align:left;
	}
}




/*SP Layout
==========================================*/
@media only screen and (max-width: 599px) {
	
	#mainArea iframe {
		width: 100%;
	}
	/* 01 heading 
	-------------------------------------*/
	#ttlArea {
		height: 150px;
	}
	#ttlArea .ttlInner {
		padding: 10px 12px;
	}
	#ttlArea h1 {
		font-size: 1.6rem;
	}
	#ttlArea h1 + p {
		font-size: 1rem;
	}
	
	#mainArea #ttlArea .ttlInner {
		padding: 10px 20px;
	}
	#mainArea #ttlArea .ttlInner:before,
	#mainArea #ttlArea .ttlInner:after {
		height: 18px;
		width: 18px;
	}
	#mainArea #ttlArea h1 {
		font-size: 1.5rem;
	}
	#mainArea #ttlArea h1 + p {
		font-size: 1.2rem;
	}
	
	/* h1Area */
	.h1Area h1 {
		font-size: 1.5rem;
		padding: 20px 0px 20px 11px;
		border-left: 6px solid #599820;
	}
	
	/* entryTitle */
	.entryTitle {
		padding: 10px 12px;
		background-size: 80px auto;
		margin-right: -12px;
		margin-left: -12px;
	}
	.entryTitle:before {
		font-size: 1rem;
		left: 12px;
	}
	.entryTitle h1 {
		font-size: 1.5rem;
		margin-top: 10px;
	}
	.entryTitle .boxDate {
		padding-left: 60px;
	}
	.entryTitle .boxDate  span {
		margin-top: 0px;
		display: inline-block;
	}
	.entryTitle .boxDate .txtTag {
		margin-left: 15px;
	}
	
	/* entryTitle */
	.headingHl01 {
		font-size: 3.3rem;
		line-height: 1.2;
		display: inline-block;
		background-size: auto 6px;
		padding-bottom: 10px;
		margin-top: 0px;
	}
	.headingHl01.sizeSmall {
		font-size: 2rem;
		margin-top: 20px;
		padding-bottom: 10px;
	}
	.headingHl01 + * {
		margin-top: 15px !important;
	}
	
	/* heading01 */
	.heading01 {
		font-size: 2rem;
		padding-bottom: 10px;
	}
	.heading01 + * {
		margin-top: 1em !important;
	}
	.ancLink01 + section > .heading01,
	.ancLink01 + .heading01 {
		margin-top: 20px;
	}
	* + section > .heading01,
	* + .heading01 {
		margin-top: 30px;
	}
	.h1Area + section > .heading01,
	.h1Area + .heading01 {
		margin-top: 20px;
	}
	.entryTitle + section > .heading01,
	.entryTitle + * {
		margin-top: 20px !important;
	}
	.headingHl02 {
		font-size: 1.4rem;
		margin-top: 20px;
	}
	
	/* heading02 */
	.heading02 {
		line-height: 1.2;
		margin-bottom: 0px;
	}
	* + .heading02,
	section > .heading02 {
		margin-top: 20px;
	}
	.home .heading02 {
		margin-top: 30px;
		margin-bottom: 10px;
	}
	.heading02 h2,
	.heading02 h3 {
		font-size: 2rem;
	}
	
	/* heading03 */
	.heading03 {
		font-size: 1.4rem;
		margin-top: 25px;
		padding: 8px;
	}
	.heading03:after {
		border-width: 0 8px 8px 0;
	}
	.academics.index #anc02 .heading03 {
		margin-top: 10px;
	}
	
	/* heading04 */
	.heading04 {
		font-size: 1.3rem;
		background-position: left 0.3em;
		background-size: 15px 15px;
		margin-top: 25px;
		padding-left: 24px;
		padding-bottom: 6px;
		border-bottom: 1px solid #dfe5eb;
	}
	
	/* heading05 */
	.heading05 {
		font-size: 1.3rem;
		margin-top: 25px;
		padding: 2px 0px 2px 15px;
	}
	.heading05:before {
		width: 3px;
	}
	.heading05:after {
		width: 3px;
	}
	
	/* heading06 */
	.heading06 {
		font-size: 1.3rem;
		margin-top: 25px;
		padding-left: 10px;
	}
	.heading06:before {
		margin-top: -2px;
		height: 5px;
		width: 5px;
	}
	
	
	
	/* 02 text
	-------------------------------------*/
	.h1Area + *,
	.h1Area + p:not([class]) {
		margin-top: 20px;
	}
	.h1Area + [class*="colLayout-"] {
		margin-top: 10px;
	}
	
	
	
	/* 03 listParts
	-------------------------------------*/
	.listSnsBtn li.line {
		display: inline-block !important;
	}
	
	.listStyle01 {
		margin-top: 12px;
	}
	.boxPagenate + .listStyle01 {
		margin-top: 20px;
	}
	.listStyle01 li {
		padding-bottom: 12px;
		padding-top: 12px;
	}
	.listStyle01 li p + p {
		margin-top: 5px;
	}
	p.boxDate span {
		font-size: 1.1rem;
		background-size: auto 11px;
		margin-top: 3px;
		display: block;
		padding-left: 15px;
	}
	p.boxDate .txtTag {
		margin-left: 0px;
	}
	p.boxDate .txtTime {
		margin-left: 0px;
		display:block;
	}
	
	.listStyle01.page01 li:nth-child(1) {
		width: 100%;
		margin-right: 0%;
	}
	.listStyle01.page01 li:nth-child(2),
	.listStyle01.page01 li:nth-child(3) {
		width: 47.5%;
	}
	.listStyle01.page01 li:nth-child(2) {
		margin-right: 5%;
	}
	.listStyle01.page01 li:nth-child(2) p + p,
	.listStyle01.page01 li:nth-child(3) p + p {
		height: auto;
	}
	.listStyle01.page01 li:nth-child(2) p + p:after,
	.listStyle01.page01 li:nth-child(3) p + p:after {
		display: none;
	}
	
	.listStyle01.page01 li:nth-child(1) figure:before {
		border-width: 75px 75px 0 0;
	}
	.listStyle01.page01 li:nth-child(1) > a + figure i {
		font-size: 16px;
		left: 9px;
		top: 13px;
	}
	
	
	.listStyle01.event.eventPage01 li:after {
		clear: both;
		content: "";
		display: block;
	}
	.listStyle01.event.eventPage01 li:nth-child(1),
	.listStyle01.event.eventPage01 li:nth-child(2),
	.listStyle01.event.eventPage01 li:nth-child(3),
	.listStyle01.event.eventPage01 li:nth-child(4) {
		float: none;
		width: 100%;
		margin-bottom: 15px;
		margin-right: 0%;
	}
	.listStyle01.event.eventPage01 li:nth-child(1) .eventHead,
	.listStyle01.event.eventPage01 li:nth-child(2) .eventHead,
	.listStyle01.event.eventPage01 li:nth-child(3) .eventHead,
	.listStyle01.event.eventPage01 li:nth-child(4) .eventHead {
		float: left;
		margin-right: 3.5%;
		width: 33.5%;
	}
	.listStyle01.event.eventPage01 li:nth-child(1) .eventHead > p,
	.listStyle01.event.eventPage01 li:nth-child(2) .eventHead > p,
	.listStyle01.event.eventPage01 li:nth-child(3) .eventHead > p,
	.listStyle01.event.eventPage01 li:nth-child(4) .eventHead > p {
		display: none;
	}
	.listStyle01.event.eventPage01 li:nth-child(1) .eventHead ~ p,
	.listStyle01.event.eventPage01 li:nth-child(2) .eventHead ~ p,
	.listStyle01.event.eventPage01 li:nth-child(3) .eventHead ~ p,
	.listStyle01.event.eventPage01 li:nth-child(4) .eventHead ~ p {
		margin-left: 37%;
	}
	.listStyle01.event.eventPage01 li:nth-child(1) .boxDate,
	.listStyle01.event.eventPage01 li:nth-child(2) .boxDate,
	.listStyle01.event.eventPage01 li:nth-child(3) .boxDate,
	.listStyle01.event.eventPage01 li:nth-child(4) .boxDate {
		margin-top: 5px;
	}
	.listStyle01.event.eventPage01 li:nth-child(1) .boxDate > *,
	.listStyle01.event.eventPage01 li:nth-child(2) .boxDate > *,
	.listStyle01.event.eventPage01 li:nth-child(3) .boxDate > *,
	.listStyle01.event.eventPage01 li:nth-child(4) .boxDate > * {
		margin-top: 5px;
	}
	.listStyle01.event .eventHead > p {
		font-size: 1.3rem;
		width: 39%;
	}
	.listStyle01.event .eventHead > p .txtDay {
		font-size: 1.9rem;
	}
	.listStyle01.event .eventHead > p .txtWeek {
		font-size: 1.1rem;
	}
	.listStyle01.event .eventHead > figure {
		height: 120px;
	}
	
	.listStyle01 li .txtEntryTtl:before {
		font-size: 10px;
		padding: 3px 8px 3px;
	}
	
	.listClass {
		display: block;
		border-top: none;
	}
	.listClass li {
		width: 100%;
		border-right: none;
		border-bottom: 1px solid #FFF;
		border-top: none;
		border-left: none;
	}
	.listClass li:after {
		margin-top: -8px;
		height: 17px;
		width: 20px;
		right: 18px;
	}
	.listClass li a {
		padding: 8px 80px 10px 18px;
	}
	.listClass li:last-child a {
		padding-right: 80px;
	}
	.listClass li a dl dt {
		font-size: 1.7rem;
		padding-bottom: 10px;
	}
	
	.listHl {
		padding-top: 10px;
	}
	.listHl li {
		margin-top: 10px;
		width: 100%;
		margin-right: 0%;
	}
	.listHl li .txtEntryttl {
		padding: 10px;
	}
	.listHl li .txtEntryttl a {
		height: auto;
	}
	
	.listBooks li {
		padding-top: 10px;
	}
	.listBooks li figure + p {
		font-size: 1rem;
		margin-bottom: -5px;
		margin-top: 5px;
	}
	
	.listPickup {
		margin-top: 10px;
	}
	.listPickup li {
		margin-top: 10px;
	}
	
	
	/* 03 linkParts
	------------------------------------- */
	
	.icnRss {
		margin-left: 10px;
		display: inline-block;
		position: relative;
		bottom: -0.5em;
		display: none;
	}
	
	a[href$=".docx"]:after,
	a[href$=".doc"]:after,
	a[href*=".xlsx"]:after,
	a[href*=".xls"]:after,
	a[href*=".pdf"]:after {
		width: 36px;
		height: 12px;
	}
	
	.iconList01 a:before,
	.iconList03 a:before {
		margin-right: 4px;
		height: 11px;
		width: 14px;
		top:1px;
		position: relative;
	}
	
	.iconList01 {
		padding-top: 5px;
	}
	ul.iconList01 {
		padding-top: 0;
	}
	.iconList03 a {
		min-width: 15em;
	}
	
	
	[class*="iconList0"].listInline > li {
		display: block;
		margin-right: 0px;
	}
	[class*="iconList0"].listInline > li + li {
		margin-left: 0px;
	}
	
	.heading02 .boxLink {
		margin-top: -16px;
		top: 50%;
		bottom: auto;
	}
	.boxLink > li {
		display: table;
		float: right;
		margin-left: 0px;
	}
	.boxLink li:last-child {
		margin-left: 0px;
	}
	.boxLink > li > a {
		height: 32px;
		width: 37px;
		padding-left: 0px;
		background-position: left center;
	}
	.boxLink > li > a span {
		display: none;
	}
	.boxLink > li.linkList02 > a.active {
		background-image: url(/common/img/ico_arrow_open02.png);
	}
	
	[class*="colLayout"] .heading02 .boxLink {
		margin-top: 0px;
		margin-top: -16px;
		text-align: right;
		width: 100%;
		position: absolute;
		right: 0px;
		bottom: 0px;
	}
	[class*="colLayout"] .heading02 .boxLink li {
		float: right;
	}
	
	
	
	
	
	/* 04 colLayout
	------------------------------------- */
	.colLayout-two > *,
	.colLayout-three > *,
	.colLayout-four > *,
	.colLayout-five > * {
		margin-top: 10px;
	}
	
	/* three */
	.colLayout-three > * {
		width: 47.5%;
		margin-right: 5%;
	}
	.colLayout-three > *:nth-child(3n) {
		margin-right: 5%;
	}
	.colLayout-three > *:nth-child(2n) {
		margin-right: 0;
	}
	
	.colLayoutTab-four > * {
		width: 48%;
		margin-right: 4%;
	}
	.colLayoutTab-four > *:nth-child(2n) {
		margin-right: 0%;
	}
	
	.colLayoutSp-one > * {
		float: none;
		width: 100%;
		margin-right: 0px;
	}
	.colLayoutSp-one > * + *{
		margin-top: 20px;
	}
	
	.colLayoutSp-two > * {
		width: 47.5%;
		margin-right: 5%;
	}
	.colLayoutSp-two > *:nth-child(2n) {
		margin-right: 0;
	}
	
	.colLayoutSp-three > *,
	.colLayoutSp-three > *:nth-child(2n),
	.colLayoutSp-three > *:nth-child(4n) {
		width: 31.2%;
		margin-right: 3.2%;
	}
	.colLayoutSp-three > *:nth-child(3n){
		margin-right: 0;
	}
	
	
	.floatLayout,
	.floatLayout > * + * {
		margin-top: 10px;
	}
	.floatLayout figure {
		text-align: center;
		margin: 0px !important;
		float: none !important;
	}
	
	
	/* 05 Button
	------------------------------------------------------ */
	.btnSubmit {
		margin-top: 15px;
	}
	.btnSubmit button {
		font-size: 1.2rem;
		padding: 10px 22px;
	}
	.btnSubmit button:hover {
		opacity: 1;
		filter: 100%;
	}
	.btnSubmit button[type*="button"] {
		padding: 7px 20px;
	}
	
	.btnType02 {
		padding-top: 5px;
	}
	.btnType02 li:before,
	.btnType02 li:after,
	.btnType02 li > *:before,
	.btnType02 li > *:after {
		height: 7px;
		width: 7px;
	}
	.btnType02 li > * {
		padding-top: 7px;
		padding-bottom: 7px;
	}
	
	
	
	/* 06 Box Layout
	------------------------------------------------------ */
	
	.boxStyle01 {
		margin-top: 20px;
		padding: 20px 15px;
	}
	.boxStyle01 dt {
		font-size: 1.3rem;
	}
	.boxStyle01 dt:before,
	.boxStyle01 dt:after,
	.boxStyle01 dd:before,
	.boxStyle01 dd:after {
		height: 18px;
		width: 18px;
	}
	.boxStyle01 dt:before {
		left: -15px;
		top: -20px;
	}
	.boxStyle01 dt:after {
		right: -5px;
		top: -20px;
	}
	.boxStyle01 dd:before {
		left: -15px;
		bottom: -20px;
	}
	.boxStyle01 dd:after {
		right: -15px;
		bottom: -20px;
	}
	
	.boxBg01 {
		background-color: #ecebeb;
		padding: 17px 12px;
		margin: 0px -12px 0px;
	}
	* + .boxBg01 {
		margin: 20px -12px 0px;
	}
	.boxBg01 .colLayout-two > section + section {
		margin-top: 25px !important;
	}
	
	.boxAccordion,
	.boxAccordion02 {
		padding-top: 20px;
	}
	.boxAccordion > dt,
	.boxAccordion02 > dt {
		font-size: 1.4rem;
		background-size: 150% auto;
		padding: 13px 35px 13px 10px;
		margin-top: 8px;
	}
	.boxAccordion > dt:after,
	.boxAccordion02 > dt:after {
		height: 20px;
		width: 20px;
		margin-top: -12px;
	}
	.boxAccordion > dd,
	.boxAccordion02 > dd {
		padding-top: 10;
		padding-bottom: 10px;
	}
	
	.boxInq {
		background-size: 150% auto;
		padding: 15px;
		margin-top: 20px;
	}
	.boxInq dt {
		font-size: 1.2rem;
	}
	.boxInq dd {
		padding-top: 10px;
	}
	.boxInq dd .listDepartment li .txtLabel {
		font-size: 1rem;
	}
	.boxInq dd .listDepartment li .txtLabel span {
		padding: 3px;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.boxInq dd .txtAnnounce {
		margin-top: 5px;
	}
	
	.formLayout {
		padding-top: 8px;
	}
	.formLayout .inputW1 {
		width: 60%;
	}
	.formLayout .inputW2 {
		width: 80%;
	}
	.formLayout dt {
		font-size: 1.3rem;
		font-weight: bold;
		background-position: left 0.25em;
		background-size: 13px 13px;
		padding-left: 22px;
		margin-top: 15px;
		margin-top: 20px;
	}
	.formLayout dd input + br + input {
		margin-top: 5px;
	}
	.formLayout input.error,
	.formLayout textarea.error {
		display: block;
	}
	.formLayout label.error {
		margin-left: 0;
	}
	.formLayout label.inputSelect label.error {
		bottom: -1.5em;
	}
	
	.boxSelectSearch {
		display: block;
	}
	.boxSelectSearch li {
		display: block;
		float: left;
		margin-top: 5px;
		margin-top: 0px;
		margin-right: 1.7%;
		width: 49.15%;
	}
	.boxSelectSearch li:nth-child(2n) {
		margin-right: 0%;
	}
	.boxSelectSearch li:nth-child(1),
	.boxSelectSearch li:nth-child(2) {
		width: 49.15%;
	}
	.boxSelectSearch li + li {
		padding-left: 0px;
	}
	.boxSelectSearch li .exWrap,
	.safari .boxSelectSearch li .exWrap {
		width : -moz-calc(100% - 68px);
		width : -webkit-calc(100% - 68px);
		width : calc(100%  - 68px);
		top: -1px;
	}
	
	.boxPagenate {
		padding-top: 13px;
	}
	.boxPagenate.numNone {
		min-height: 45px;
	}
	.boxPagenate li * {
		padding-right: 13px;
		padding-left: 13px;
	}
	
	.boxPagenate li[class*="link"] {
		width: 32px;
		height: 32px;
		overflow: hidden;
		bottom: -5px;
	}
	.boxPagenate li.linkNext {
		left: auto;
		right: 5px;
	}
	.boxPagenate li[class*="link"] * {
		background-size: contain;
		height: 100%;
		padding: 0px 0px 0px 32px;
	}
	.boxPagenate li.linkNext * {
	}
	
	.boxFrame {
		padding: 5px;
	}
	.boxFrame:before,
	.boxFrame:after,
	.boxFrame > *:before,
	.boxFrame > *:after {
		height: 22px;
		width: 22px;
	}
	
	/* THE POWER OF KUT 200123 SP */
	.parent-category > li,
	.sub-category > li {
		margin:0 !important;
		width:auto !important;
	}
	.sub-category > li {
		padding-left:12px;
	}
	.sub-category > li:first-child:before {
		height:10px;
		width:10px;
		top:4px;
	}
	.power.dtl .parent-category,
	.power.dtl .sub-category {
		padding-top:20px;
	}
	.power.dtl .sub-category + * {
		margin-top:10px;
	}
	.power #contents #sideArea .navLevel3 > li:nth-of-type(3) > span {
		background-position:left 12px center;
		background-size:12px auto;
		padding-left:28px;
	}
	.power #contents #sideArea .navLevel3 > li:nth-of-type(3) > .navLevel4 {
		padding-left:12px;
		padding-right:12px;
		padding-top:5px;
	}
	.power #contents #sideArea .navLevel3 > li:nth-of-type(3) > .navLevel4 li {
		margin-top:6px;
	}
	
	.boxProfile {
		margin-top: 17px;
	}
	.boxProfile .txtName {
		font-size: 2rem;
		margin-top: 15px;
	}
	.boxProfile .txtName span {
		font-size: 1.2rem;
	}
	.boxProfile .boxField {
		margin-top: 10px;
		margin-bottom: 10px;
	}
	.boxProfile .boxField dt,
	.boxProfile .listIntro li {
		background-size: 13px auto;
		padding-left: 23px;
		display: inline-block;
	}
	.boxProfile .boxField dd {
		margin-top: 0px;
	}
	.boxProfile .listIntro {
		padding-top: 10px;
	}
	.boxProfile .listIntro li {
		margin-top: 10px;
		display: block;
	}
	.linkLanguage a {
		min-width:initial;
		padding-top:8px;
		padding-bottom:8px;
	}
	.linkLanguage a:before {
		height:16px;
		width:15px;
	}
	
	.linkMore a {
		font-size: 1.5rem;
	}
	.linkMore a:after {
		height: 13px;
		width: 15px;
		margin-left: 5px;
		margin-top: 10px;
	}
	
	
	
	
	/* 08 Navi Parts
	------------------------------------------------------ */
	
	.ancLink01 li + li {
		margin-left: 20px;
	}
	.ancLink01 li a {
		font-size: 1.4rem;
		padding-left: 25px;
		padding-right: 0px;
	}
	.ancLink01 li a:after {
		height: 20px;
		width: 20px;
		margin-top: -10px;
		right: auto;
		left: 0px;
	}
	
	
	
	
	/* 09 Table Parts
	------------------------------------------------------ */
	/*** tableWrap01 ***/
	.tableWrap01,
	#mainArea table:not([class]) {
		margin: 15px 0 0 0;
		overflow-x: auto;
	}
	.tableWrap01 table th,
	.tableWrap01 table td,
	#mainArea table:not([class]) table th,
	#mainArea table:not([class]) table td {
		padding: 8px;
	}
	.tableWrap01 + p.spElement,
	#mainArea table:not([class]) + p.spElement {
		margin-top: 5px;
	}
	
	
	
	
	/* Other Parts
	------------------------------------------------------ */
	.bdrType01 {
		margin-top: 15px;
	}
	
	
	
	/* campus viewing Parts
	------------------------------------------------------ */
	.viewing .ttlViewing {
		font-size: 3.3rem;
		color: #b69333;
		background-size: 70% auto;
		padding-bottom: 20px;
	}
	.viewing .ttlViewing + * {
		margin-top: 20px;
	}
	
	.viewing .listCategory {
		font-size: 1.2rem;
		display: table;
		width: 100%;
		margin-top: 20px;
		padding-top: 20px;
	}
	.viewing .listCategory dd li:before {
		padding-right: 5px;
		padding-left: 5px;
	}
	
	.viewing .listViewing {
		padding-top: 10px;
	}
	.viewing .listViewing li {
		float: left;
		height: auto;
		width: 47.5px;
		width : -moz-calc((100% - 10px) / 2);
		width : -webkit-calc((100% - 10px) / 2);
		width : calc((100% - 10px) / 2);
		margin-top: 10px;
		margin-right: 10px;
	}
	.viewing .listViewing li:nth-child(9n+1),
	.viewing .listViewing li:nth-child(9n+4) {
		width: 47.5px;
		width : -moz-calc((100% - 10px) / 2);
		width : -webkit-calc((100% - 10px) / 2);
		width : calc((100% - 10px) / 2);
		height: auto;
	}
	.viewing .listViewing li:nth-child(9n+4) {
		float: left;
		margin-right: 10px;
	}
	.viewing .listViewing li:nth-child(9n+2),
	.viewing .listViewing li:nth-child(9n+3),
	.viewing .listViewing li:nth-child(9n+6),
	.viewing .listViewing li:nth-child(9n) {
		margin-right: 10px;
	}
	.viewing .listViewing li:nth-child(2n) {
		margin-right: 0px;
	}



	/* campus_life index Parts
	------------------------------------------------------ */
	.listCampuslife {
		margin-top: -10px;
	}
	.listCampuslife li figure .iconList01 {
		padding: 5px 5px;
	}
	.campus_life #mainArea .bnrStudent {
		margin-top: 20px;
		padding: 25px;
	}
	.campus_life #mainArea .bnrStudent:after,
	.campus_life #sideArea .bnrStudent a:after  {
		height: 17px;
		width: 20px;
		right: 20px;
		margin-top: -8px;
	}
	.campus_life #mainArea .bnrStudent dt {
		font-size: 1.7rem;
		font-weight: bold;
		padding-right: 30px;
	}
	.campus_life #mainArea .bnrStudent dd {
		margin-top: 10px;
	}

	/*
	.campus_life #sideArea .bnrStudent {
		display: none;
	}
	*/
	#sideArea .bnrStudent a {
		margin-top:20px;
		margin-bottom:20px;
	}



	/* student Parts
	------------------------------------------------------ */
	/*.student .bnrArea {
		display: block;
		margin-top: 15px;
		height: auto;
	}
	.student .bnrArea > * {
		display: block;
	}
	.student .bnrArea .linkBnr01 {
		padding-right: 0px;
		width: 100%;
	}
	.student .bnrArea .linkBnr01 a {
		background-position: 40px center;
		background-size: 21px 37px;
		display: block;
		padding: 20px;
		padding-right: 0px;
		padding-left: 67px;
	}
	.student .bnrArea .linkBnr01 a:before {
		border-width: 34px 0 34px 34px;
	}
	.student .bnrArea .linkBnr01 a:after {
		height: 19px;
		width: 20px;
		left: 3px;
		margin-top: -10px;
	}
	.student .bnrArea .linkBnr01 a span {
		font-size: 1.5rem;
		padding-bottom: 7px;
	}
	.student .bnrArea .linkBnr01 a span:after {
		height: 6px;
		width: 100%;
	}
	
	.student .bnrArea .linkBnr02 {
		margin-top: 10px;
	}
	.student .bnrArea .linkBnr02 a {
		text-align: left;
		padding: 10px;
	}
	.student .bnrArea .linkBnr02 a:before {
		height: 12px;
		width: 12px;
		margin-right: 7px;
		vertical-align: top;
		position: relative;
		top: 0.2em;
	}
	.student .bnrArea .linkBnr02 a span {
		display: inline-block;
	}*/
	
	.student .ancLink01 {
		padding: 10px 0;
	}
	.student .ancLink01 li {
		margin-left: 0;
		display: block;
	}
	.student .ancLink01 li + li {
		margin-top: 5px;
	}
	.student .ancLink01 li a {
		font-size: 1.3rem;
		padding-right: 20px;
		padding-left: 0px;
		display: inline-block;
	}
	.student .ancLink01 li a:after {
		height: 17px;
		width: 17px;
		margin-top: -9px;
		left: auto;
		right: 0;
	}

	.student .heading03 {
		font-size: 2rem;
	}
	.student .heading03 + * {
		margin-top: 0px;
	}
	
	.student .colLayout-three > * {
		margin-right: 0;
		margin-top: 0;
		width: 100%;
	}
	.student .col dt {
		cursor: pointer;
		margin-top: 10px;
		background-size: 150% auto;
		background-color: #e0ead2;
		background-image: url(/common/img/bg_hd02.png);
		background-repeat: no-repeat;
		background-position: left bottom;
		padding: 13px 35px 13px 10px;
		position: relative;
		pointer-events: inherit;
	}
	.student .col dt:after {
		content: "";
		background-image: url(/common/img/ico_arrow_open05.png);
		background-repeat: no-repeat;
		background-size: contain;
		height: 20px;
		width: 20px;
		margin-top: -12px;
		position: absolute;
		top: 50%;
		right: 10px;
	}
	.student .col dt.active:after {
		background-image: url(/common/img/ico_arrow_open06.png);
	}
	.student .col * + dt,
	.student .col dt {
		margin-top: 10px;
	}
	.student .col dt + dd {
		display: none;
	}
	.student section + section {
		margin-top: 25px;
	}
	
	.student .bnrArea02 {
		display: block;
		margin-top: 25px;
		padding: 17px;
		padding-bottom: 15px;
	}
	.student .bnrArea02 > * {
		display: block;
	}
	.student .bnrArea02 dt {
		font-size: 1.2rem;
		width: auto;
	}
	.student .bnrArea02 dd {
		margin-top: 5px;
	}

	.student .boxBg01 .colLayout-three li {
		margin-top: 15px;
	}
	.student .boxBg01 .colLayoutSp-two > * {
		width: 47.5%;
		margin-right: 5%;
	}
	.student .boxBg01 .colLayoutSp-two > *:nth-child(2n) {
		margin-right: 0;
	}

}


/* sitemap Parts
------------------------------------------------------ */
/*.sitemap_col > ul {
	display: flex;
	flex-wrap: wrap;
}*/
#mainArea .sitemap_col{
	width: 756px;
	width: calc(100% + 72px);
	margin-top: -20px !important;
}
#mainArea .iconList01 + .sitemap_col {
	margin-top: -40px !important;
}
#mainArea .sitemap_col > ul > li {
	width: 342px;
	width: 47.5%;
	margin-right: 0;
	padding-right: 36px;
	margin-top: 40px !important;
	float: left;
	position: relative;
	list-style: none;
	padding-left: 0 !important;
}
#mainArea .sitemap_col > ul > li > a {
	color: #3e3a39;
	font-size: 2rem;
	background-color: #dfe5eb;
	padding: 12px 20px 10px;
	display: block;
	position: relative;
	/*-webkit-pointer-events: none;
	pointer-events: none;*/
}
#mainArea .sitemap_col > ul > li > a:after {
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 10px 10px 0;
	border-color: transparent #599820 transparent transparent;
	position: absolute;
	top: 0px;
	right: 0px;
}
/*.sitemap_col > ul > li:nth-child(2n) {
	margin-right: 0;
}*/



/*TAB Layout
==========================================*/
@media only screen and (max-width: 768px) {
}




/*SP Layout
==========================================*/
@media only screen and (max-width: 599px) {
	#mainArea .sitemap_col{
		width: 108;
		width: calc(100% + 30px);
		margin-top: 0px !important;
	}
	#mainArea .iconList01 + .sitemap_col {
		margin-top: -20px !important;
	}
	#mainArea .sitemap_col > ul > li {
		padding-right: 15px;
		margin-top: 15px !important;
	}
	#mainArea .sitemap_col > ul > li > a {
		font-size: 1.4rem;
		margin-top: 0;
		padding: 8px;
	}
	#mainArea .sitemap_col > ul > li:before {
		display: none;
	}
}





/* Clearfix
------------------------------------------------------ */
[class*="float"]:after,
[class*="colLayout-"]:after,
[class*="anchorList"]:after,
.boxLink:after,
.listClass:after,
.boxSelectSearch:after,
.listStyle01:after,
.listPickup:after,
.clearfix:after,
.listViewing:after,
.formLayout dd:after,
.sitemap_col:after {
	content: "";
	display: table;
	clear: both;
}

/*add_cee 20170401_seki*/