@charset "utf-8";
/* =======================================

	ContentsElements

======================================= */
/* ------------------------------------
	keyWrap
------------------------------------ */
#keyWrap.thin {
	padding: 60px 40px;
	color: #ffffff;
	background-color: #492d65;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
#keyWrap.thin.kwAbout { background-image: url(/about/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwAcademics { background-image: url(/academics/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwResearch { background-image: url(/research/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwCampusLife { background-image: url(/campuslife/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwFacilities { background-image: url(/facilities/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwLearning { background-image: url(/social/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwCareer { background-image: url(/campuslife/career/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwMuseum { background-image: url(/facilities/museum/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwLibrary { background-image: url(/facilities/library/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwInternational { background-image: url(/campuslife/international/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwAlumni { background-image: url(/alumni/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwBokin { background-image: url(/bokin/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwKomazawakai { background-image: url(/komazawakai/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwExam { background-image: url(/exam/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwZenbranding { background-image: url(/zen-branding/img/thin_cat_bg.jpg)}
#keyWrap.thin.kwlAbout,
#keyWrap.thin.kwlCurriculum,
#keyWrap.thin.kwlTeachers,
#keyWrap.thin.kwlEconomic,
#keyWrap.thin.kwlEntrance,
#keyWrap.thin.kwlGraduates { background-image: url(/lawschool/img/thin_cat_bg.jpg)}

/* --------thick-------- */
#keyWrap.thick {
	padding: 100px 40px;
	text-align: center;
	color: #ffffff;
	background-color: #492d65;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center center;
}
#keyWrap.thick.kwAbout { background-image: url(/about/img/thick_cat_bg.jpg);}
#keyWrap.thick.kwAcademics { background-image: url(/academics/img/thick_cat_bg.jpg);}
#keyWrap.thick.kwResearch { background-image: url(/research/img/thick_cat_bg.jpg);}
#keyWrap.thick.kwCampusLife { background-image: url(/campuslife/img/thick_cat_bg.jpg);}
#keyWrap.thick.kwFacilities { background-image: url(/facilities/img/thick_cat_bg.jpg);}
#keyWrap.thick.kwLearning { background-image: url(/social/img/thick_cat_bg.jpg);}
#keyWrap.thin .catTtl,
#keyWrap.thick .catTtl {
	line-height: 1;
	font-size: 1.625em;
}
#keyWrap.thick .catTtl h1 {
	line-height: 1;
	font-size: 1em;
}
#keyWrap.thin .catTtl span,
#keyWrap.thick .catTtl span {
	padding: 10px 0 0;
	display: block;
	font-size: 16px;
	font-family: "Roboto Condensed";
}
#keyWrap.thick .catTtl p {
	width: 60%;
	margin: 50px auto 0;
	font-size: 0.6em;
	text-align: center;
}

@media only screen and (max-width: 768px) {
	#keyWrap.thin,
	#keyWrap.thick {
		height: auto;
		padding: 20px 6%;
		display: block;
		background-size: 140% auto;
		background-position: 20% center;
		background-attachment: scroll;
	}
	#keyWrap.thick {
		padding: 40px 6%;
	}
	#keyWrap.thin .catTtl,
	#keyWrap.thick .catTtl {
		width: 100%;
		height: auto;
		font-size: 1.2em;
	}
	#keyWrap.thin .catTtl span,
	#keyWrap.thick .catTtl span {
		font-size: 0.5em;
	}
	#keyWrap.thick .catTtl p {
		width: 100%;
		margin: 10px auto 0;
	}
}

/* ------------------------------------
	breadcrumbs
------------------------------------ */
#breadcrumbs {
	padding: 25px 40px;
	position: relative;
	font-size: 0.875em;
}
#breadcrumbs.bgBreadcrumbs {
	background: #f3f2f4;
}
#oneCol #breadcrumbs {
	margin: 0 0 60px;
	background: #f3f2f4;
}
#breadcrumbs:after {
	content: "";
	display: block;
	width: 369px;
	height: 370px;
	background: url('/img/common/pattern_tr.png') no-repeat;
	background-size: 100% auto;
	position: absolute;
	top: 0;
	right: 0;
	z-index: -1;
}
#breadcrumbs .bcHome:before {
	padding: 0 0.3em 0 0;
	font-family: 'komazawa';
	content: "\e921";
}
#oneCol.archiveList #breadcrumbs {
	background: #ffffff;
}
#oneCol.archiveList #breadcrumbs:after {
	display: none;
}

@media only screen and (max-width: 768px) {
	#breadcrumbs {display: none;}
}

/* ------------------------------------
	wrapper
------------------------------------ */
#wrapper {
	width: 100%;
	padding: 0 8%;
}
#wrapper #wrapInner {
	max-width: 1400px;
	margin: 0 auto;
	position: relative;
}
#wrapper #wrapInner.pageload:before {
	content: "";
	display: block;
	width: 100%;
	height: 99999px;
	background: #f3f2f4;
	position: absolute;
	top: 0;
	left: -80%;
	z-index: 1;
}
#oneCol #wrapper #wrapInner.pageload:before {
	display: none;
}
#oneCol.archiveList {
	background: #f3f2f4;
}

@media only screen and (max-width: 768px) {
	#wrapper {padding: 0;}
	#wrapInner {width: 100%;}
	#wrapper #wrapInner.pageload:before {display: none!important;}
}

/* ------------------------------------
	keySlide
------------------------------------ */
.flexOuter {
	height: 270px;
	background: #f7f5f2;
}
.flexSlider .slides {
	width: 980px;
	margin: 0 auto;
}

/* ------------------------------------
	lowerSlideField
------------------------------------ */
#lowerSlideField {
	position: relative;
	background: #f3f2f4;
	padding: 40px 0;
}
#lowerSlideField img {
	margin: 0 auto;
	width: 100%;
}
#lowerSlideField .slider {
	width: 80%;
	margin: 0 auto;
	position: static;
}
#lowerSlideField .slider .slick-list {
	overflow-y: visible;
	overflow-x: visible;
}
#lowerSlideField .slider .slick-slide {
	margin: 0 10px;
	background: #ffffff;
}
#lowerSlideField .slider .slick-slide a {
	display: block;
}
#lowerSlideField .slider .slick-slide img {
	width: 100%;
	opacity: 1;
	transition: all 0.3s ease;
}
#lowerSlideField .slider .slick-slide:not(.slick-active) img {
	opacity: 0;
}
#lowerSlideField .slider .slick-prev,
#lowerSlideField .slider .slick-next {
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
}
#lowerSlideField .slick-dots {
	width: 80%;
	margin: 0 0 0 -3px;
	text-align: left;
	bottom: 10px;
}
#lowerSlideField .slick-dots li {
	width: auto;
	height: auto;
	position: relative;
	padding: 0 15px 0 0;
}
#lowerSlideField .slick-dots li:after {
	content: '';
	display: block;
	width: 8px;
	height: 1px;
	background: #e2e2e2;
	position: absolute;
	right: 0;
	bottom: 0.7em;
}
#lowerSlideField .slick-dots li:last-of-type:after ,
#lowerSlideField .slick-dots > li:first-child:last-child{
	display: none;
}
#lowerSlideField .slick-dots li button {
	width: auto;
	height: auto;
	padding: 15px 5px 0 2px;
	display: inline-block;
	position: relative;
	color: #000000;
	font-size: 15px;
	line-height: 1;
	font-family: "Roboto Condensed";
	cursor: pointer;
}
#lowerSlideField .slick-dots li:nth-child(-n+9) button:before {
	content: "0";
	display: inline-block;
	color: #000000;
}
#lowerSlideField .slick-dots li.slick-active button {
	color: #492d65;
}
#lowerSlideField .slick-dots li.slick-active button:after {
	content: '';
	display: block;
	width: 6px;
	height: 6px;
	text-align: center;
	opacity: 1;
	background: #492d65;
	border-radius: 3px;
	position: absolute;
	top: 0;
	left: 6px;
}

@media only screen and (max-width: 768px) {
	#lowerSlideField {
		padding: 20px 0 50px;
	}
	#lowerSlideField .slider{
		height: 0;
		opacity: 0;
		transition: opacity .3s linear;
	}
	#lowerSlideField .slider.slick-initialized{
		height: auto;
		opacity: 1;
	}
	#lowerSlideField .slider .slick-prev,
	#lowerSlideField .slider .slick-next {
		-webkit-transform: translate(0, calc(-50% - 15px));
		transform: translate(0, calc(-50% - 15px));
	}
	#lowerSlideField .slick-dots {
		width: auto;
		-webkit-transform: translate(-50%, 0);
		transform: translate(-50%, 0);
		bottom: 23px;
		left: 50%;
	}
	#lowerSlideField .slick-dots li {
		margin: 0 0 0 5px;
		padding: 0 10px 0 0;
	}
	#lowerSlideField .slick-dots li:after {
		width: 5px;
	}
	#lowerSlideField .slick-dots li button {
		padding: 15px 0 0 2px;
		font-size: 11px;
	}
}

/* ------------------------------------
	bannerField
------------------------------------ */
.bannerField {
	padding: 20px 0;
	background: #f3f2f4;
}
.bannerField ul {
	width: 80%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
}
.bannerField li {
	width: calc(100% / 5 - 20px);
	margin: 0 10px 20px;
}
.bannerField img {
	width: 100%;
	display: block;
}

@media only screen and (max-width: 768px) {
	.bannerField {
		padding: 0px 0 20px;
	}
	.bannerField ul {
		width: calc(88% + 4px);
	}
	.bannerField li {
		width: calc(100% / 3 - 4px);
		margin: 0 2px 4px;
	}
}

/* ------------------------------------
	main
------------------------------------ */
main {
	width: 70%;
	padding: 40px 0;
	position: relative;
	float: right;
	z-index: 2;
}
#oneCol main {
	width: 100%;
	float: none;
}

@media only screen and (max-width: 768px) {
	main,
	#oneCol main {
		width: 100%;
		padding: 20px 0;
		float: none;
	}
}

/* ------------------------------------
	common parts
------------------------------------ */
.alert {
	padding: 10px 0 0 45px;
	font-weight: bold;
	color: #6a6a6a;
	background: url(/img/alert.png) no-repeat left center;
}
.smlBlk {
	font-size: 0.8em;
}
.alignR {
	text-align: right;
}

/* --btn-- */
.btnBox {
	padding: 20px 0;
	text-align: center;
}
#oneCol .btnBox {
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	background: none;
}

main a.btnBasic {
	padding: 0.8em 1em;
	display: inline-block;
	overflow: hidden;
	color: #ffffff;
	text-align: center;
	line-height: 1;
	background: #492d65;
	vertical-align: bottom;
	border: 1px solid transparent;
	transition: all 0.3s ease;
}
main a.btnBasic:before {
	font-family: 'komazawa';
	content: "\e90a";
	display: inline-block;
	padding: 0 0.3em 0 0;
	position: relative;
	top: 0.08em;
}
main a.btnBack:before {
	font-family: 'komazawa';
	content: "\e909";
}
.btnBox.large .btn {
	min-width: 240px;
}

/*	:Hover	*/
@media only screen and (min-width: 768px) {
main a.btnBasic:hover {
	color: #492d65;
	background: transparent;
	border: 1px solid #492d65;
}
}
.praceArea {
	margin: 0 0 30px;
	text-align: right;
}
.praceArea p {
	text-align: right;
}
.praceArea span {
	padding: 13px 22px;
	display: inline-block;
	background: #f3f2f4;
	border: 3px double #c8c0d0;
}
.submit {
	padding: 8px 30px;
	text-align: center;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	border: 2px solid #007ae1;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	background: #007ae1;
}
body:not(.tbView) .submit:hover {
	color: #007ae1;
	-webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all  0.2s ease;
	background: #FFF;
}
main a.btnBasic.btnThin {
	margin: 0;
	padding: 5px 30px;
	font-size: 0.9em;
}

@media only screen and (max-width: 768px) {
	.btnBox {
		padding: 10px 6%;
	}
	.praceArea {
		margin: 0 0 20px;
		text-align: center;
	}
	.praceArea p {
		text-align: center;
	}
	.praceArea span {
		width: 100%;
		padding: 0.5em 1em;
		display: block;
		font-size: 0.85em;
	}
	#oneCol .btnBox {
		padding: 0;
	}main a.btnBasic {
		margin: 0 5px 15px 5px;
	}
}

/* ------------------------------------
    searchResult
------------------------------------ */
.rsltAmount {
    color: #492d65;
    font-size: 1.3em;
}
.rsltList {
    margin: 0 30px;
}
.rsltList a {
    text-decoration: none;
    display: block;
}
.rsltList dl {
    margin: 0 0 30px 0;
}
.rsltList dl.last {
    margin: 0;
}
.rsltList dt {
    padding: 0 0 0 1em;
    text-indent: -1em;
    font-weight: bold;
}
.rsltList dt:before {
    margin: 0 7px 0 0;
    font-family: 'komazawa';
    content: "\e90a";
    font-weight: normal;
}
.rsltList dt span {
    margin: 0 0 0 10px;
    padding: 5px 10px;
    display: inline-block;
    color: #ffffff;
    font-size: 70%;
    font-weight: normal;
    text-indent: 0;
    line-height: 1em;
    vertical-align: middle;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.rsltList dt span.lbKomazawa {background: #492d65;}
.rsltList dt span.lbLawschool {background: #112854;}
.rsltList dt span.lbTeacher {background: #27885d;}
.rsltList dt span.lbStudent {background: #ee9a06;}
.rsltList dt span.lbPlus {
    color: #492e65;
    background: #cdc08d;
}
.rsltList dd {
    padding: 0 0 0 1em;
    color: #6a6a6a;
}
.rsltList dd strong {
    padding: 0 4px;
    font-weight: normal;
    background: #f8f8c4;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
@media only screen and (max-width: 768px) {
.rsltList {
    margin: 0 6%;
}
}

/* ------------------------------------
	404 page not found.
------------------------------------ */
#searchMethod {
	margin: 0 0 60px 0;
	text-align: center;
}
#searchMethod h1.ttl404 {
	font-size: 120px;
	line-height: 1.2;
	text-align: center;
	color: #8a8a8a;
	background: none;
	font-family: "Roboto Condensed";
	padding: 0;
}
#searchMethod h1.ttl404 span {
	font-size: 35px;
	display: block;
}
#searchMethod > p {
	text-align: center;
}
#searchMethod dl {
	width: calc((100% - 80px) / 3);
	display: inline-block;
	overflow: hidden;
	vertical-align: top;
	text-align: center;
}
#searchMethod dl:not(:last-child) {
	margin: 0 2% 0 0;
}
#searchMethod dl dt {
	padding: 0 0 40px 0;
}
#searchMethod dl dt:before {
	content: '';
	height: 1px;
	width: 100%;
	display: block;
	background: #e2e2e2;
	position: relative;
	top: 32px;
}
#searchMethod dl dt span {
	display: block;
}
#searchMethod dl dt span.numIcon {
	width: 64px;
	height: 64px;
	margin: 0 0 18px 0;
	display: inline-block;
	overflow: hidden;
	color: #ffffff;
	font-size: 16px;
	line-height: 64px;
	font-family: "Roboto";
	font-weight: normal;
	background: #000;
	position: relative;
}
#searchMethod dl dd a.btnBasic {
	position: relative;
	width: 100%;
	padding: 1em;
}
#searchMethod dl dd a.btnBasic:before {
	display: none;
}
#searchMethod dl dd span {
	position: relative;
	display: inline;
	overflow: hidden;
	font-size: 14px;
	width: 100%;
}
#searchMethod dl dd a span:before {
	font-family: 'komazawa';
	content: "\e90a";
	display: inline-block;
	position: absolute;
	top: 50%;
	right: -20px;
	transform: translateY(-50%);
}
#searchMethod dl dd input {
	width: calc(100% - 50px);
	padding: 10px;
	float: left;
	border: 1px solid #e2e2e2;
}
#searchMethod dl dd button {
	float: right;
	height: 48px !important;
	width: 48px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	cursor: pointer;
	border-radius: 0 !important;
	border: none !important;
	background: #492d65;
	position: relative;
	z-index: 3;
}
#searchMethod dl dd button:after {
	font-family: 'komazawa';
	content: "\e91e";
	padding: 0;
	display: block;
	color: #ffffff;
	font-size: 28px;
	position: absolute;
	right: 10px;
	top: 50%;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	transition: all 0.3s ease;
}
#searchMethod dl dd .gsc-input-box {
	border: none;
}
#searchMethod dl dd .gsc-search-button-v2 svg {
	display: none;
}
#searchMethod dl dd table {
	margin: 0 !important;
}
#searchMethod dl dd table tbody td {
	background: #fff;
	padding: 0;
	height: 48px;
}
#searchMethod dl dd input.gsc-input {
	padding: 0 10px !important;
	display: block;
	color: #222;
	text-indent: 5px!important;
	font-size: 16px !important;
	background: transparent !important;
}
#searchMethod dl dd input.gsc-input::placeholder {
	color: transparent;
}
#searchMethod dl dd input.gsc-input:-ms-input-placeholder {
	color: transparent !important;
}
#searchMethod dl dd input.gsc-input::-ms-input-placeholder {
	color: transparent;
}
#searchMethod dl dd table tbody td.gsib_a {
	border: none;
}
#searchMethod dl dd table tbody td.gsib_b {
	padding: 0 10px 0 0;
	border: none;
}
#searchMethod dl dd table tbody td .gscb_a:before {
	display: none;
}

@media only screen and (max-width: 768px) {
	#searchMethod {
		margin: 0 6%;
		text-align: center;
	}	#searchMethod > p {
		margin: 0 0 30px;
	}	#searchMethod dl {
		width: 100%;
		padding: 0 0 20px 0;
	}	#searchMethod dl:not(:last-child) {
		margin: 0 0 0 0;
	}	#searchMethod dl dt {
		padding: 0 0 20px 0;
	}	#searchMethod dl dt span.numIcon {
		width: 50px;
		height: 50px;
		line-height: 50px;
		margin: 0 0 10px 0;
	}	#searchMethod dl dd a.btnBasic {
		margin: 0 0 15px;
	}	#searchMethod dl dd table.gsc-search-box {
		width: 100%;
	}	#searchMethod dl dd table.gsc-search-box td:not(.gsc-clear-button) {
		display: table-cell;
	}
}

@media only screen and (max-width: 340px) {
	#searchMethod dl dd span {
		display: inline-block;
		overflow: visible;
	}	#searchMethod dl dd a.btnBasic {
		padding: 1em 1.5em 1em 1em;
	}	#searchMethod dl dd a span:before {
		right: -18px;
	}
}

/* --scholarshipBtn-- */
.scholarshipBtn {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	align-items: center;
	margin: 0 0 40px 0;
}
.scholarshipBtn a {
	width: 20%;
	min-height: 65px;
	font-size: 14px;
	line-height: 1.4 !important;
	padding: 10px 20px 10px 10px !important;
	position: relative;
}
.scholarshipBtn a:not(:last-child) {
	margin: 0 10px 0 0;
}
.scholarshipBtn a:before {
	font-family: 'komazawa';
	content: "\e90a" !important;
	display: inline-block;
	padding: 0 0.3em 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
}
.scholarshipBtn a span {
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	-webkit- transform: translateY(-50%);
	padding: 5px 15px 5px 5px;
}

@media only screen and (max-width: 768px) {
	.scholarshipBtn {
		display: block;
		margin: 0 6% 20px;
	}
	.scholarshipBtn a,
	.scholarshipBtn a:not(:last-child) {
		width: calc(50% - 10px);
		margin: 0 0 10px 0;
	}
	.scholarshipBtn a:nth-child(2n) {
		float: right;
	}
	.scholarshipBtn a:nth-child(2n+1) {
		float: left;
	}
}

/* ------------------------------------
	archivelist
------------------------------------ */
.archivelist > ul {
	padding: 0 0 40px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.archivelist > ul > li {
	width: 40%;
	width: calc((100% - 40px) / 2);
	margin-right: 40px;
	margin-bottom: 40px;
	background: #ffffff;
}
.archivelist > ul > li:nth-of-type(2n) {
	margin-right: 0;
}
.archivelist > ul .archiveTtl {
	position: relative;
	background: #000000;
}
.archivelist > ul .archiveTtl img {
	width: 100%;
	display: block;
}
.archivelist > ul .archiveTtl h2 {
	width: 100%;
	padding: 15px 30px;
	font-size: 1.125em;
	color: #ffffff;
	background: rgba(73,45,101,0.85);
	position: absolute;
	bottom: 0;
}
.archivelist > ul .archiveTtl a h2:before {
	font-family: 'komazawa';
	content: "\e90a";
}
.archivelist > ul > li ul {
	margin: 30px 30px 0 30px;
	padding: 0 0 20px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.archivelist > ul > li ul li {
	width: 40%;
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
	margin-bottom: 10px;
	line-height: 1.2;
}
.archivelist > ul > li ul li:nth-of-type(2n) {
	margin-right: 0;
}
.archivelist > ul > li ul li a {
	padding: 0 0 0 1em;
	text-indent: -1em;
	text-decoration: none;
	display: block;
}
.archivelist > ul > li ul li a:before {
	font-family: 'komazawa';
	content: "\e90a";
}

/*	hover	*/
.archivelist > ul .archiveTtl a h2,
.archivelist > ul > li ul li a {
	transition: all 0.2s ease-out;
}

@media only screen and (min-width: 768px) {
	body.pcView .archivelist > ul .archiveTtl a:hover h2 {
		padding: 20px 30px;
		background: rgba(73,45,101,1);
	}
	body.pcView .archivelist > ul > li ul li a:hover {
		background: transparent;
	}
}

@media only screen and (max-width: 768px) {
	.archivelist > ul {
		padding: 20px 0 0;
		display: block;
	}
	.archivelist > ul > li,
	.archivelist > ul > li:nth-of-type(2n) {
		width: 88%;
		margin: 0 6% 20px 6%;
		margin-right: 0;
		margin-bottom: 20px;
	}
	.archivelist > ul .archiveTtl h2 {
		width: 100%;
		padding: 15px;
	}
	.archivelist > ul > li ul {
		margin: 0;
		padding: 0;
		display: block;
	}
	.archivelist > ul > li ul li,
	.archivelist > ul > li ul li:nth-of-type(2n) {
		width: 100%;
		margin: 0;
	}
	.archivelist > ul > li ul li a {
		padding: 10px 10px 10px 30px;
		display: block;
	}
	.archivelist > ul > li ul li:first-of-type a {
		padding: 20px 10px 10px 30px;
	}
	.archivelist > ul > li ul li:last-of-type a {
		padding: 10px 10px 20px 30px;
	}
}

/* ------------------------------------
	news event
------------------------------------ */
.ttlBar {
	padding: 18px 30px;
	position: relative;
	overflow: hidden;
	background: #492d65;
	z-index: 1;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
}
.ttlBar:before,
.ttlBar:after {
	content: "";
	width: 0;
	height: 0;
	margin: 0;
	display: block;
	border-style: solid;
	position: absolute;
	z-index: 1;
}
.ttlBar:before {
	border-width: 200px 200px 0 0;
	border-color: rgba(181,112,255,0.1) transparent transparent transparent;
	bottom: 0;
	left: 0;
}
.ttlBar:after {
	border-width: 0 0 200px 200px;
	border-color: transparent transparent rgba(19,168,255,0.1) transparent;
	top: 0;
	right: 0;
}
.ttlBar h2 {
	font-size: 1em;
	color: #ffffff;
	position: relative;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	z-index: 3;
}
.ttlBar h2:before {
	content: "TOPICS";
	margin: 0 0.5em 0 0;
	font-size: 36px;
	line-height: 1;
	font-family: "Roboto Condensed";
}
.event .ttlBar h2:before {
	content: "EVENT";
}
.ttlBar .btn {
	padding: 0.8em 3em;
	position: relative;
	color: #492d65;
	font-size: 0.8em;
	background: #ffffff;
	z-index: 3;
}
.ttlBar > ul {
	z-index: 2;
}
.ttlBar .btnAll a {
	padding: 8px 40px;
	border: none;
}
.ttlBar .btnAll a:after {
	right: 15px;
}

@media only screen and (max-width: 768px) {
	.ttlBar .btnAll {
		margin-top: 10px;
	}
	.ttlBar .btnAll a {
		padding: 8px 40px 8px 8px;
	}
}
.info,
.event,
.definite,
.empty,
.noDate,
.thumb {
	width: 100%;
	margin: 0 0 20px;
	background: #f3f2f4;
	border-bottom: 2px solid #f3f2f4;
}
.info li,
.event li,
.definite li,
.empty li,
.noDate li,
.thumb li {
	overflow: hidden;
}
.info li a,
.event li a,
.definite li a,
.empty li a,
.noDate li a,
.thumb li a {
	margin-bottom: 2px;
	padding: 20px 30px;
	display: block;
	position: relative;
	overflow: hidden;
	color: #000000;
	background: #ffffff;
	border-left: 2px solid #f3f2f4;
	border-right: 2px solid #f3f2f4;
	z-index: 1;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.event li a {
	padding: 14px 30px;
}
.info li:last-of-type a,
.event li:last-of-type a,
.definite li:last-of-type a,
.empty li:last-of-type a,
.noDate li:last-of-type a,
.thumb li:last-of-type a {
	margin-bottom: 0;
}
.info li a:after,
.event li a:after,
.definite li a:after,
.empty li a:after,
.noDate li a:after,
.thumb li a:after {
	font-family: 'komazawa';
	content: "\e90a";
	color: #492d65;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	right: 15px;
}
.info li a[target="_blank"]:after,
.event li a[target="_blank"]:after,
.definite li a[target="_blank"]:after,
.empty li a[target="_blank"]:after,
.noDate li a[target="_blank"]:after,
.thumb li a[target="_blank"]:after {
	content: "\e937";
}
.info a .new,
.info a .newLabel,
.definite a .new,
.definite a .newLabel,
.event a .new,
.event a .newLabel,
.noDate a .new,
.noDate a .newLabel,
.thumb a .new,
.thumb a .newLabel {
	margin: 0 0 0 0.3em;
	padding: 0.2em 0.5em;
	display: inline-block;
	color: #ffffff;
	font-size: 11px;
	letter-spacing: 0;
	font-family: "Roboto Condensed";
	background: #f7af0e;
	border-radius: 5px;
	-webkit-transform: translate(0, 0);
	transform: translate(0, 0);
	position: relative;
	top: 0;
	left: 0;
}
.info li span.date,
.definite li span.date {
	width: 12%;
	margin: 0 3% 0 0;
	position: relative;
}
.info li span.date:after,
.definite li span.date:after {
	content: "";
	display: inline-block;
	width: 8px;
	height: 1px;
	background: #e2e2e2;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	right: 0;
	z-index: 1;
}
.info li span.ttl,
.definite li span.ttl {
	width: 85%;
	display: block;
}
.event .eventList li .term {
	width: 16%;
	margin: 0 4% 10px 0;
	display: block;
	color: #492d65;
	font-size: 1.125em;
	font-family: "Roboto Condensed";
}
.event .eventList li .detail {
	width: 80%;
}
.event .eventList li .detail .date {
	margin: 0 0 5px 0;
	display: block;
}
.event .eventList li .detail .date span {
	margin: 0 0 0 1em;
	color: #492d65;
}
.event.catCareer .eventList,
.scrl {
	max-height: 500px;
	overflow-y: auto;
}
.empty .emptyList {
	padding: 45px 6%;
	background: #ffffff;
	border-left: 2px solid #f3f2f4;
	border-right: 2px solid #f3f2f4;
}
.empty .emptyList li {
	color: #8a8a8a;
	text-align: center;
}

/* --- tag ---- */
.info .tagLine div {
	width: 85%;
}
.info .tagLine div {
	padding-right: 140px;
}
.noDate .tagLine a {
	padding-right: 180px;
}
.info .tagLine div span.ttl,
.noDate .tagLine a.ttl {
	width: 100%;
}
.info .tagLine .tag,
.noDate .tagLine .tag {
	width: 130px;
	padding: 3px 8px;
	display: block;
	text-align: center;
	color: #492d65;
	font-size: 0.8em;
	background: #f7f6f7;
	border-radius: 5px;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	right: 40px;
}
.thumb .thumbList li .detail {
	width: calc(100% - 110px);
}
.thumb .thumbList li .detail .date {
	margin: 0 10px 5px 0;
	display: block;
	font-size: 0.8em;
	color: #a9a8a8;
}
.thumb .thumbList li .thumbImg {
	width: 90px;
	margin: 0 20px 0 0;
}
.thumb .thumbList li .thumbImg img {
	width: 90px;
	height: 90px;
	display: block;
	border: 1px solid #e2e2e2;
	box-sizing: border-box;
}
.thumb .thumbList li .detail .date span {
	margin: 0 0 0 1em;
	color: #492d65;
}
.definite .noDateList li span.ttl {
	width: auto;
}
.definite .definiteList li.noEvent,
.definite .noDateList li.noEvent {
	padding: 15px 6%;
	text-align: center;
}
.definite h2 {
	font-size: 1em;
	position: relative;
}
.definite h2 a {
	padding: 15px 20px;
	margin: 2px;
	color: #fff;
	display: block;
	background: #7f6c93;
	-webkit-transform: translateZ(0);
}
.definite h2 a:before {
	margin: -0.7em 0 0 0;
	position: absolute;
	top: 50%;
	right: 15px;
	font-family: 'komazawa';
	content: "\e90a";
	color: #fff;
	font-weight: normal;
}
.info .btnArea,
.event .btnArea,
.definite .btnArea,
.empty .btnArea,
.noDate .btnArea,
.thumb .btnArea {
	display: none;
}

@media only screen and (min-width: 768px) {
	/*	:hover	*/
	body.pcView .ttlBar .btn:hover {
		background: #eceaef;
		border-color: transparent;
	}
	body.pcView .archivelist a:hover,
	body.pcView .info .infoList a:hover,
	body.pcView .event .eventList a:hover,
	body.pcView .definite a:hover,
	body.pcView .noDate .noDateList a:hover,
	body.pcView .thumb .thumbList a:hover {
		background: #edf6fd;
	}
	body.pcView .definite h2 a:hover,
	body.pcView .definite h2 a:hover:before {
		color: #7f6c93;
	}
}

@media only screen and (max-width: 768px) {
	.ttlBar {
		padding: 15px 1em;
		display: block;
	}
	.ttlBar h2 {
		font-size: 0.85em;
		display: block;
	}
	.ttlBar h2:before {
		display: block;
		margin: 0 0 0.2em 0;
		font-size: 1.8em;
		font-family: "Roboto Condensed";
	}
	.ttlBar .btn {
		display: none;
	}
	.info,
	.event,
	.definite,
	.empty,
	.noDate,
	.thumb {
		width: 88%;
		margin: 0 6% 20px;
	}
	.info li .ttl,
	.event li .ttl,
	.definite li .ttl,
	.empty li .ttl,
	.noDate li .ttl,
	.thumb li .ttl {
		font-size: 0.9em;
	}
	.info li a,
	.event li a,
	.definite li a,
	.empty li a,
	.noDate li a,
	.thumb li a {
		padding: 15px 1.5em 15px 1em;
	}
	.event li a {
		padding: 10px 1.5em 10px 1em;
	}
	.info li a:after,
	.event li a:after,
	.definite li a:after,
	.empty li a:after,
	.noDate li a:after,
	.thumb li a:after {
		right: 5px;
	}
	.info li span.date,
	.definite li span.date {
		width: 34%;
		margin: 0 1% 0 0;
	}
	.info li span.date:after,
	.definite li span.date:after {
		display: none;
	}
	.info li span.ttl,
	.definite li span.ttl {
		width: 65%;
	}
	.event .eventList li .term {
		width: 100%;
		margin: 0;
	}
	.event .eventList li .term br {
		display: none;
	}
	.event .eventList li .detail {
		width: 100%;
	}
	.event .eventList li .detail .date span {
		font-size: 0.9em;
	}
	.event.catCareer .eventList,
	.scrl {
		max-height: 350px;
		overflow-y: auto;
	}
	/* --- tag ---- */
	.info .tagLine div {
		width: 65%;
	}
	.info .tagLine div {
		padding-right: 0;
	}
	.noDate .tagLine a {
		display: block;
		padding-right: 1.5em;
	}
	.info .tagLine .tag,
	.noDate .tagLine .tag {
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		position: relative;
		top: 0;
		right: 0;
	}
	.info .btnArea,
	.event .btnArea,
	.definite .btnArea,
	.empty .btnArea,
	.noDate .btnArea,
	.thumb .btnArea {
		width: 100% !important;
		display: block;
		padding: 15px 0;
		text-align: center;
	}
	.info .btnArea a,
	.event .btnArea a,
	.definite .btnArea a,
	.empty .btnArea a,
	.noDate .btnArea a,
	.thumb .btnArea a {
		width: 88%;
		margin: 0 6%;
		padding: 0.8em 1em;
		display: inline-block;
		overflow: hidden;
		color: #492d65;
		text-align: center;
		line-height: 1;
		font-size: 0.75em;
		background: #c8c0d0;
		vertical-align: bottom;
		border: 1px solid transparent;
		transition: all 0.3s ease;
	}
	.info .btnArea a:before,
	.event .btnArea a:before,
	.definite .btnArea a:before,
	.empty .btnArea a:before,
	.noDate .btnArea a:before,
	.thumb .btnArea a:before {
		font-family: 'komazawa';
		content: "\e90a";
		display: inline-block;
		padding: 0 0.3em 0 0;
		position: relative;
		top: 0.08em;
	}
}

/* ------------------------------------
	mainBanner
------------------------------------ */
.mainBanner {
	width: 100%;
	margin: 0 0 10px 0;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.mainBanner li {
	width: calc((100% - 40px) / 3);
	margin: 0 20px 10px 0;
	border: 1px solid #e2e2e2;
}
*::-ms-backdrop, .mainBanner li {/*IE11*/
	width: 30%;
	margin-right: 5%;
}

@supports (-ms-ime-align: auto) {/*Edge*/
.mainBanner li {
	width: 30%;
	margin-right: 5%;
}
}
.mainBanner li:nth-of-type(3n) {
	margin-right: 0;
}
.mainBanner.banTwoCol li,
.mainBanner.banTwoCol li:nth-of-type(3n) {
	width: calc((100% - 20px) / 2);
	margin-right: 20px;
}
.mainBanner.banTwoCol li:nth-of-type(2n) {
	margin-right: 0;
}
.mainBanner li a {
	height: 100%;
	padding: 20px 30px 20px 20px;
	position: relative;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	-webkit-align-items: center;
}
.mainBanner li a:after {
	font-family: 'komazawa';
	content: "\e90a";
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	right: 10px;
}
.mainBanner li a.iconPdf {
	padding: 20px 30px 20px 70px;
	background: url(/img/common/icon/icon_pdf.png) no-repeat 20px center;
}
.mainBanner li a.iconWord {
	padding: 20px 30px 20px 70px;
	background: url(/img/common/icon/icon_word.png) no-repeat 20px center;
}
.mainBanner li a.iconExcel {
	padding: 20px 30px 20px 70px;
	background: url(/img/common/icon/icon_excel.png) no-repeat 20px center;
}
.mainBanner li a.icon-blankL {
	background: none;
	line-height: 1.6;
}
.mainBanner li a.icon-blankL:after {
	content: "\e90e";
}
.mainBanner.banTwoCol li.third {
	margin: 0 auto 10px 0;
}
.mainBanner li.third,
.mainBanner.banTwoCol li.odd {
	margin: 0 0 10px 0;
}
.mainBanner li.banner a {
	padding: 0;
}

@media only screen and (max-width: 768px) {
	.mainBanner {
		width: 88%;
		margin: 0 6% 20px;
	}
	.mainBanner li,

	.mainBanner li:nth-of-type(3n),
	.mainBanner.banTwoCol li,
	.mainBanner.banTwoCol li:nth-of-type(3n) {
		width: 100%;
		margin: 0 0 10px 0;
	}
	.mainBanner li a br {
		display: none;
	}
}

/* --- externalLink ---- */
.externalLink {
	background: #f3f2f4;
	padding: 25px 30px 15px;
	margin: 40px auto;
}
.externalLink li {
	background: #fff;
}
.externalLink li a {
	color: #007ae1;
	padding: 10px 30px 10px 20px;
}

@media only screen and (max-width: 768px) {
	.externalLink {
		margin: 20px auto;
	}
}
/* ------------------------------------
	relative
------------------------------------ */
.relative {
	margin: 0 0 20px 0;
	padding: 0;
	background: #FFF;
}
.relative li {
	width: calc(50% - 15px);
	margin: 0 15px 20px 0;
	float: left;
	border: 1px solid #e2e2e2;
	padding: 20px;
}
.relative li.odd {
	width: calc(50% - 15px);
	margin: 0 0 20px 15px;
}
.relative li a {
	display: block;
	overflow: hidden;
	text-decoration: none;
	color: #007ae1;
}
.relative a > img {
	width: 112px;
	height: 112px;
	float: left;
	display: block;
	box-sizing: border-box;
}
.relative .linkCont {
	width: calc(100% - 132px);
	float: right;
}
.relative .linkCont span {
	margin: 0 0 5px;
	padding: 0 0 5px 0;
	display: block;
	font-size: 1.2em;
	color: #492d65;
}
.relative .linkCont p {
	color: #6a6a6a;
	font-size: 0.9em;
	line-height: 1.8;
}

@media only screen and (max-width: 768px) {
	.relative {
		width: 88%;
		margin: 0 auto 20px;
		padding: 0;
		border-radius: 5px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
	}
	.relative li,
	.relative li.odd {
		width: 100%;
		margin: 0 0 10px;
		padding: 10px;
	}
	.relative li.last {
		margin: 0;
		background: #FFF;
	}
	.relative li a {
		display: block;
		padding: 0;
	}
	.relative a > img {
		width: 15%;
		height: auto;
	}
	.relative .linkCont {
		width: 80%;
	}
	.relative .linkCont span {
		margin: 0;
		padding: 0;
		vertical-align: middle;
		display: inline-block;
		font-size: 0.9em;
		background: none;
	}
	.relative .linkCont p {
		margin: 0;
		font-size: 0.7em;
	}
}
/* ------------------------------------
	library
------------------------------------ */
#searchKompass,
#ebscohostCustomSearchBox {
	margin: 10px 0 30px;
	overflow: hidden;
}
#searchKompass #kywd,
#ebscohostCustomSearchBox #ebscohostsearchtext {
	width: calc(100% - 55px);
	height: 55px;
	padding: 10px;
	float: left;
	border: 1px solid #e2e2e2;
}
.searchBtnIcon {
	position: relative;
}
.searchBtnIcon:before {
	content: "";
	height: 55px !important;
	width: 55px !important;
	background: #492d65;
	display: block;
	position: absolute;
	right: -55px;
}
.searchBtnIcon:after {
	font-family: 'komazawa';
	content: "\e91e";
	padding: 13px 0 10px;
	display: block;
	color: #ffffff;
	font-size: 28px;
	position: absolute;
	right: -42px;
	top: 0;
	transition: all 0.3s ease;
}
_:-ms-lang(x)::-ms-backdrop, .searchBtnIcon:after {
	top: 18px;
}
.searchBtn {
	float: right;
	height: 55px !important;
	width: 55px !important;
	margin: 0 !important;
	padding: 0 !important;
	position: relative;
	cursor: pointer;
	border-radius: 0 !important;
	border: none !important;
	background: transparent;
	position: relative;
	z-index: 3;
}
body:not(.tbView) .searchBtn:hover {
	background: transparent;
}			body:not(.tbView) .searchBtnIcon:hover:after {
	opacity: 0.6;
}
#guidedFieldSelectors {
	padding: 0px 0px 20px 0;
	clear: both;
	text-align: left;
}
#guidedFieldSelectors label{
	margin: 0 10px 0 0;
}
/* --- searchClm2 ---- */
.searchClm2 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
}
.searchClm2 > * {
	width: 49%;
}
@media only screen and (max-width: 768px) {
	#searchKompass,
	#ebscohostCustomSearchBox {
		margin: 0 6% 30px;
		overflow: hidden;
		text-align: center;
	}
	#searchKompass #kywd,
	#ebscohostCustomSearchBox #ebscohostsearchtext {
		padding: 10px 6%;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
	}
	.searchBtn {
		margin: 20px 0 0 0;
	}
	.searchClm2 {
		display: block;
	}
	.searchClm2 > * {
		width: 88%;
	}
}

/* ------------------------------------
	secDetail
------------------------------------ */
.secDetail {
	overflow: hidden;
	position: relative;
}
.secDetail h1 {
	padding: 0 0 30px;
	margin: 0 0 40px;
	background: url(/img/common/title_obj.png) bottom left no-repeat;
	background-size: 4% auto;
}
.secDetail h1.ttlnone {
	display: none;
}
			/*.secDetail h1 span {
				font-size: 0.625em;
			}*/
.secDetail h2 {
	margin: 0 0 40px;
	padding: 0.9em;
	background: #f3f2f4;
	text-align: left;
	border-top: 4px solid #e4e0e8;
}
.secDetail h3 {
	margin: 0 0 40px;
	padding: 0 0 1em;
	position: relative;
	border-bottom: 3px solid #e2e2e2;
}
.secDetail h3:before {
	content: "";
	width: 10%;
	height: 3px;
	background: #7f6c93;
	background-image: -moz-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -webkit-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -ms-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	position: absolute;
	bottom: -3px;
	left: 0;
}
.secDetail h4 {
	margin: 0 0 40px;
	padding: 0 0 15px 20px;
	position: relative;
	border-bottom: 1px dotted #e2e2e2;
	text-align: left;
}
.secDetail h4:before {
	content: "";
	width: 4px;
	height: 1em;
	background: #492d65;
	background-image: -moz-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -webkit-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -ms-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	position: absolute;
	top: 0.2em;
	left: 0;
}
.secDetail h5 {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
	position: relative;
}
.secDetail h5:before {
	content: "";
	width: 0.5em;
	height: 0.5em;
	background: #7f6c93;
	background-image: -moz-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -webkit-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -ms-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	border-radius: 50%;
	position: absolute;
	top: 0.5em;
	left: 0;
}
.secDetail h6 {
	margin: 0 0 20px;
	padding: 0 0 0 3em;
	position: relative;
}
.secDetail h6:before {
	content: "";
	width: 2em;
	height: 1px;
	background: #7f6c93;
	background-image: -moz-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -webkit-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	background-image: -ms-linear-gradient( -30deg, #492d65 1%, #e2e2e2 100%);
	position: absolute;
	top: 0.7em;
	left: 0;
}
.secDetail p {
	margin: 0 0 40px;
}
.secDetail p.tCenter {
	text-align: center;
}
.secDetail p.tRight {
	text-align: right;
}
.secDetail sup {
	vertical-align: top;
}
.secDetail sub {
	vertical-align: bottom;
}
.secDetail hr {
	margin: 0 0 60px;
	padding: 20px 0 0;
	border: 0;
	clear: both;
	border-bottom: 2px solid #e2e2e2;
}
.secDetail ul,
.secDetail ol {
	margin: 0 0 40px;
	padding: 0 0 0 2em;
}
.secDetail ul li,
.secDetail ol li {
	margin: 0 0 10px;
}
.secDetail ul li ul,
.secDetail ul li ol,
.secDetail ol li ol,
.secDetail ol li ul {
	margin: 20px 0 0;
	padding: 0 0 0 1.5em;
}
.secDetail ul.alpha li { list-style: lower-alpha;}
.secDetail ul > li { list-style: disc;}
.secDetail ol > li { list-style: decimal;}
.secDetail ul.noIndent {
	padding: 0;
}
.secDetail ul.noIndent li {
	margin: 0 0 10px 20px;
}
.secDetail table {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
}
#oneCol .secDetail table {
	width: 100%;
	margin: 0 0 40px;
	border-collapse: collapse;
}
.secDetail table caption {
	margin: 0 0 20px 0;
	text-align: left;
	word-break: break-all;
}
.secDetail table th,
.secDetail table td {
	vertical-align: middle;
}
.secDetail table th{
	font-weight: bold;
}
.secDetail table thead th,
.secDetail table thead td {
	padding: 10px 15px;
	color: #ffffff;
	text-align: center;
	background: #492d65;
	border: 1px #ffffff solid;
	box-sizing: border-box;
}
.secDetail table tbody th,
.secDetail table tbody td {
	padding: 10px 15px;
	word-wrap: break-word;
	box-sizing: border-box;
}
.secDetail table tbody th {
	background: #e4e0e8;
	border: 1px solid #cac6ce;
}
.secDetail table tbody td {
	background: #f2f6f9;
	border: 1px solid #cac6ce;
}
.secDetail table th.xSmall,
.secDetail table td.xSmall,
.secDetail table th.xsmall,
.secDetail table td.xsmall {
	padding: 10px;
	font-size: 75%;
}
.secDetail table th.xxSmall,
.secDetail table td.xxSmall,
.secDetail table th.xxsmall,
.secDetail table td.xxsmall {
	padding: 5px;
	font-size: 65%;
}
.secDetail table tfoot tr td {
	padding: 20px 0;
	border: 0;
	font-size: 0.9em;
	text-align: right;
	word-break: break-all;
}
.secDetail table p {
	margin: 0;
	padding: 0;
	text-align: match-parent;
	line-height: 1.6;
}
.secDetail table ul,
.secDetail table ol {
	margin: 0;
	padding: 0 0 0 1.5em;
}
.secDetail .emphasis {
	font-weight: bold;
}
.secDetail .attention {
	color: #dc0000;
	font-size: 0.9em;
}
.secDetail .important {
	color: #dc0000;
}
.secDetail .font-small {
	font-size: 85%;
}
.secDetail .small {
	font-size: 0.9em;
}
.secDetail .point {
	margin: 0 0 40px 0;
	padding: 30px;
	font-size: 0.9em;
	border: 2px solid #c8c0d0;
}
.secDetail .sideMrgn {
	margin: 0;
}
.secDetail a {
	color: #007ae1;
	word-break: break-all;
}
.secDetail .imgBox {
	overflow: hidden;
}
.secDetail .imgBox p {
	margin: 0 0 40px 0;
}
.secDetail img {
	max-width: 100%;
	height: auto;
}

@media only screen and (min-width: 768px) {
	body.pcView .secDetail a:hover img {
		opacity: 0.6;
		-webkit-transition: all 0.2s ease-in-out;
		-moz-transition: all 0.2s ease-in-out;
		transition: all 0.2s ease-in-out;
	}
	body.pcView .secDetail .newsList a:hover img {
		opacity: 1;
	}
}
.imgFLL {
	margin: 1em 40px 40px 0;
	float: left;
	display: block;
}
.imgFLR {
	margin: 1em 0 40px 40px;
	float: right;
	display: block;
}
.imgC {
	margin: 0 auto 40px;
	display: block;
}
span.setFigureLeft,
span.setFigureRight {
	display: table;
}
span.setFigureLeft {float: left; margin: 0 40px 40px 0;}
span.setFigureRight {float: right; margin: 0 0 40px 40px;}
span.setFigureLeft img,
span.setFigureRight img {
	vertical-align: bottom;
}
span.setFigureLeft .setFigcaption,
span.setFigureRight .setFigcaption {
	padding: 10px 10px 8px;
	display: block;
	line-height: 1.4;
	text-align: center;
	font-size: 80%;
	background: #f3f2f4;
}
a.iconPdf {
	padding: 0 0 0 50px;
	background: url(/img/icon_pdf.png) no-repeat 0 center;
}
a.iconWord {
	padding: 0 0 0 50px;
	background: url(/img/icon_word.png) no-repeat 0 center;
}
a.iconExcel {
	padding: 0 0 0 50px;
	background: url(/img/icon_excel.png) no-repeat 0 center;
}
a.icon-blankL {
	padding: 0 0 0 50px;
	background: url(/img/icon_blank.png) no-repeat 0 center;
}
.secDetail .imgBox.faculty .imgC {
	margin: 0 auto 20px;
}

/*	column	*/
.secDetail .clm2,
.secDetail .clm3,
.secDetail .clm4 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.secDetail .clm2 > * {
	width: 40%;
	width: calc((100% - 40px) / 2);
	margin-right: 40px;
}
.secDetail .clm2 > *:nth-of-type(2n) {
	margin-right: 0;
}
.secDetail .clm3 > * {
	width: 30%;
	width: calc((100% - 80px) / 3);
	margin-right: 40px;
}
*::-ms-backdrop, .secDetail .clm3 > * {/*IE11*/
	width: 30%;
	margin-right: 5%;
}

@supports (-ms-ime-align: auto) {/*Edge*/
.secDetail .clm3 > * {
	width: 30%;
	margin-right: 5%;
}
}
.secDetail .clm3 > *:nth-of-type(3n) {
	margin-right: 0;
}
.secDetail .clm4 > * {
	width: 20%;
	width: calc((100% - 120px) / 4);
	margin-right: 40px;
}
.secDetail .clm4 > *:nth-of-type(4n) {
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
.secDetail .clm2,
.secDetail .clm3,
.secDetail .clm4 {
	display: block;
}
.secDetail .clm2 > *,
.secDetail .clm3 > *,
.secDetail .clm4 > * {
	width: 100%;
	margin-right: 0;
}
}

/*	imgBnr	*/
.imgBnr {
	margin-bottom: 40px;
	display: block;
	border: 1px solid #e2e2e2;
}
.imgBnr img {
	width: 100%;
}
.imgBnr .bnrCont {
	padding: 20px;
	line-height: 1.4;
}
.imgBnr .bnrCont span {
	display: block;
}
.imgBnr .contentTitle:before {
	font-family: 'komazawa';
	content: "\e90a";
}
.imgBnr .contentDescription {
	padding-top: 15px;
	color: #8a8a8a;
	font-size: 0.875em;
}

@media only screen and (max-width: 768px) {
	.imgBnr {
		width: 88%!important;
		margin: 0 6% 20px;
	}
}

/*CARENDAR*/
.calendarTable {
	text-align: center;
}
.calendarTable table,
#oneCol .calendarTable table {
	margin: 0 auto 40px;
	font-size: 80%;
	overflow: hidden;
}
#oneCol .calendarTable table {
	width: 80%;
}
.calendarTable table thead th {
	font-size: 120%;
}
.calendarTable table tbody th {
	width:14%;
	padding: 5px;
	color: #8a8a8a;
	background: #f3f2f4;
}
.calendarTable table tbody td {
	padding: 0;
	vertical-align: top;
}
.calendarTable table tbody td div {
	padding: 1.5em 1em 1em;
	position: relative;
}
.calendarTable table tbody td span.day {
	position: absolute;
	top: 3px;
	left: 3px;
	color: #8a8a8a;
	font-family: "Roboto Condensed";
}
.calendarTable table tbody th.sunD {background: #f2d5c9;}
.calendarTable table tbody th.satD {background: #c9dff2;}
.calendarTable table tbody td.sunD,
.calendarTable table tbody td.sund {background: #f5e9e4;}
.calendarTable table tbody td.satD {background: #e4edf5;}
.calendarTable table tbody th.sunD,
.calendarTable table tbody td.sunD span,
.calendarTable table tbody td.sund span {
	color: #cc2c16;
}
.calendarTable table tbody th.satD,
.calendarTable table tbody td.satD span {
	color: #2d65b1;
}

/*ASIDE*/
.secDetail aside {
	margin: 0 40px 40px 40px;
	padding: 30px 30px 10px;
	position: relative;
	font-size: 0.9em;
	border: 1px #e2e2e2 solid;
	border-top: 15px #e2e2e2 solid;
}
.secDetail aside > * {
	margin-bottom: 20px;
}
/*.secDetail .relative*/
.secDetail .relative {
	margin: 0 0 20px;
	padding: 0;
	background: #FFF;
	box-shadow: none;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}
.secDetail .relative li {
	width: calc(50% - 15px);
	margin: 0 15px 20px 0;
	float: left;
	list-style: none;
	border: none;
	padding: 0;
}
.secDetail .relative li.odd {
	width: calc(50% - 15px);
	margin: 0 0 20px 15px;
}
.secDetail .relative li p {
	margin: 0;
}
.secDetail .relative a > img {
	float: none;
	max-width: 100%;
	width: auto;
	height: auto;
	margin: 0 auto;
}
.secDetail .relative .linkCont {
	float: none;
	width: 100%;
	border: 1px solid #e2e2e2;
	border-width: 0 1px 1px;
	padding: 20px;
}
.secDetail .relative .linkCont span {
	color: inherit;
	font-size: 1.4em;
}
@media only screen and (max-width: 768px) {
	.secDetail .relative {
		width: 88%;
		margin: 0 auto 20px;
	}
	.secDetail .relative li,
	.secDetail .relative li.odd {
		width: 100%;
		margin: 0 auto 10px;
	}
}

/*=============================
COLOR
.buddhism	 #814916 #e8e5e3
.letters	  #0d7dbd #e9eef1
.economics	#c58800 #efece7
.law		  #72b531 #eef3e9
.management   #38723f #e6f0e7
.medical	  #e35e2f #f3edeb
.globalmedia  #e14a7f #f1e8eb
=============================*/

/*Htag*/
.buddhism .secDetail h2,
.letters .secDetail h2,
.economics .secDetail h2,
.law .secDetail h2,
.management .secDetail h2,
.medical .secDetail h2,
.globalmedia .secDetail h2 {
	border-top: none;
}
.buddhism .secDetail h1,
.buddhism .secDetail h2,
.buddhism .secDetail h3,
.buddhism .secDetail h4,
.buddhism .secDetail h5,
.buddhism .secDetail h6,
.buddhism .secDetail .tblResp caption,
.buddhism .secDetail .tblScroll caption {color: #814916;}
.letters .secDetail h1,
.letters .secDetail h2,
.letters .secDetail h3,
.letters .secDetail h4,
.letters .secDetail h5,
.letters .secDetail h6,
.letters .secDetail .tblResp caption,
.letters .secDetail .tblScroll caption {color: #0d7dbd;}
.economics .secDetail h1,
.economics .secDetail h2,
.economics .secDetail h3,
.economics .secDetail h4,
.economics .secDetail h5,
.economics .secDetail h6,
.economics .secDetail .tblResp caption,
.economics .secDetail .tblScroll caption {color: #c58800;}
.law .secDetail h1,
.law .secDetail h2,
.law .secDetail h3,
.law .secDetail h4,
.law .secDetail h5,
.law .secDetail h6,
.law .secDetail .tblResp caption,
.law .secDetail .tblScroll caption {color: #72b531;}
.management .secDetail h1,
.management .secDetail h2,
.management .secDetail h3,
.management .secDetail h4,
.management .secDetail h5,
.management .secDetail h6,
.management .secDetail .tblResp caption,
.management .secDetail .tblScroll caption {color: #38723f;}
.medical .secDetail h1,
.medical .secDetail h2,
.medical .secDetail h3,
.medical .secDetail h4,
.medical .secDetail h5,
.medical .secDetail h6,
.medical .secDetail .tblResp caption,
.medical .secDetail .tblScroll caption {color: #e35e2f;}
.globalmedia .secDetail h1,
.globalmedia .secDetail h2,
.globalmedia .secDetail h3,
.globalmedia .secDetail h4,
.globalmedia .secDetail h5,
.globalmedia .secDetail h6,
.globalmedia .secDetail .tblResp caption,
.globalmedia .secDetail .tblScroll caption {color: #e14a7f;}
.buddhism .secDetail h3 {border-bottom: 4px solid #e8e5e3;}
.letters .secDetail h3 {border-bottom: 4px solid #e9eef1;}
.economics .secDetail h3 {border-bottom: 4px solid #efece7;}
.law .secDetail h3 {border-bottom: 4px solid #eef3e9;}
.management .secDetail h3 {border-bottom: 4px solid #e6f0e7;}
.medical .secDetail h3 {border-bottom: 4px solid #f3edeb;}
.globalmedia .secDetail h3 {border-bottom: 4px solid #f1e8eb;}
.buddhism .secDetail h2 {background: #e8e5e3;}
.letters .secDetail h2 {background: #e9eef1;}
.economics .secDetail h2 {background: #efece7;}
.law .secDetail h2 {background: #eef3e9;}
.management .secDetail h2 {background: #e6f0e7;}
.medical .secDetail h2 {background: #f3edeb;}
.globalmedia .secDetail h2 {background: #f1e8eb;}
.buddhism .secDetail h1:before,
.buddhism .secDetail h4:before {background: #814916;}
.buddhism .secDetail h3:before {
	background-image: -moz-linear-gradient( -30deg, #814916 1%, #e8e5e3 100%);
	background-image: -webkit-linear-gradient( -30deg, #814916 1%, #e8e5e3 100%);
	background-image: -ms-linear-gradient( -30deg, #814916 1%, #e8e5e3 100%);
}
.letters .secDetail h1:before,
.letters .secDetail h4:before {background: #0d7dbd;}
.letters .secDetail h3:before{
	background-image: -moz-linear-gradient( -30deg, #0d7dbd 1%, #e9eef1 100%);
	background-image: -webkit-linear-gradient( -30deg, #0d7dbd 1%, #e9eef1 100%);
	background-image: -ms-linear-gradient( -30deg, #0d7dbd 1%, #e9eef1 100%);
}
.economics .secDetail h1:before,
.economics .secDetail h4:before {background: #c58800;}
.economics .secDetail h3:before {
	background-image: -moz-linear-gradient( -30deg, #c58800 1%, #efece7 100%);
	background-image: -webkit-linear-gradient( -30deg, #c58800 1%, #efece7 100%);
	background-image: -ms-linear-gradient( -30deg, #c58800 1%, #efece7 100%);
}
.law .secDetail h1:before,
.law .secDetail h4:before {background: #72b531;}
.law .secDetail h3:before {
	background-image: -moz-linear-gradient( -30deg, #72b531 1%, #eef3e9 100%);
	background-image: -webkit-linear-gradient( -30deg, #72b531 1%, #eef3e9 100%);
	background-image: -ms-linear-gradient( -30deg, #72b531 1%, #eef3e9 100%);
}
.management .secDetail h1:before,
.management .secDetail h4:before {background: #38723f;}
.management .secDetail h3:before {
	background-image: -moz-linear-gradient( -30deg, #38723f 1%, #e6f0e7 100%);
	background-image: -webkit-linear-gradient( -30deg, #38723f 1%, #e6f0e7 100%);
	background-image: -ms-linear-gradient( -30deg, #38723f 1%, #e6f0e7 100%);
}
.medical .secDetail h1:before,
.medical .secDetail h4:before {background: #e35e2f;}
.medical .secDetail h3:before {
	background-image: -moz-linear-gradient( -30deg, #e35e2f 1%, #f3edeb 100%);
	background-image: -webkit-linear-gradient( -30deg, #e35e2f 1%, #f3edeb 100%);
	background-image: -ms-linear-gradient( -30deg, #e35e2f 1%, #f3edeb 100%);
}
.globalmedia .secDetail h1:before,
.globalmedia .secDetail h4:before {background: #e14a7f;}
.globalmedia .secDetail h3:before {
	background-image: -moz-linear-gradient( -30deg, #e14a7f 1%, #f1e8eb 100%);
	background-image: -webkit-linear-gradient( -30deg, #e14a7f 1%, #f1e8eb 100%);
	background-image: -ms-linear-gradient( -30deg, #e14a7f 1%, #f1e8eb 100%);
}
/*table*/
.buddhism .secDetail h5 {border-left: 6px solid #814916;}
.letters .secDetail h5 {border-left: 6px solid #0d7dbd;}
.economics .secDetail h5 {border-left: 6px solid #c58800;}
.law .secDetail h5 {border-left: 6px solid #72b531;}
.management .secDetail h5 {border-left: 6px solid #38723f;}
.medical .secDetail h5 {border-left: 6px solid #e35e2f;}
.globalmedia .secDetail h5 {border-left: 6px solid #e14a7f;}
.buddhism .secDetail .tblResp thead th,
.buddhism .secDetail .tblScroll thead th {background: #a67b53;}
.letters .secDetail .tblResp thead th,
.letters .secDetail .tblScroll thead th {background: #5bb0e1;}
.economics .secDetail .tblResp thead th,
.economics .secDetail .tblScroll thead th {background: #e1ba63;}
.law .secDetail .tblResp thead th,
.law .secDetail .tblScroll thead th {background: #abda7d;}
.management .secDetail .tblResp thead th,
.management .secDetail .tblScroll thead th {background: #77af7e;}
.medical .secDetail .tblResp thead th,
.medical .secDetail .tblScroll thead th {background: #ee9d81;}
.globalmedia .secDetail .tblResp thead th,
.globalmedia .secDetail .tblScroll thead th {background: #ea759e;}
.buddhism .secDetail .tblResp tbody th,
.buddhism .secDetail .tblScroll tbody th {background: #e9e0d9;}
.letters .secDetail .tblResp tbody th,
.letters .secDetail .tblScroll tbody th {background: #e8f1f7;}
.economics .secDetail .tblResp tbody th,
.economics .secDetail .tblScroll tbody th {background: #f6f1e6;}
.law .secDetail .tblResp tbody th,
.law .secDetail .tblScroll tbody th {background: #f0f8e7;}
.management .secDetail .tblResp tbody th,
.management .secDetail .tblScroll tbody th {background: #e4f4e6;}
.medical .secDetail .tblResp tbody th,
.medical .secDetail .tblScroll tbody th {background: #faf0ec;}
.globalmedia .secDetail .tblResp tbody th,
.globalmedia .secDetail .tblScroll tbody th {background: #f8eaef;}
/*relative*/
.buddhism .secDetail .relative li a {color: #814916;}
.letters .secDetail .relative li a {color: #0d7dbd;}
.economics .secDetail .relative li a {color: #c58800;}
.law .secDetail .relative li a {color: #72b531;}
.management .secDetail .relative li a {color: #38723f;}
.medical .secDetail .relative li a {color: #e35e2f;}
.globalmedia .secDetail .relative li a {color: #e14a7f;}
.buddhism .secDetail .relative .linkCont span:before {color: #814916;}
.letters .secDetail .relative .linkCont span:before {color: #0d7dbd;}
.economics .secDetail .relative .linkCont span:before {color: #c58800;}
.law .secDetail .relative .linkCont span:before {color: #72b531;}
.management .secDetail .relative .linkCont span:before {color: #38723f;}
.medical .secDetail .relative .linkCont span:before {color: #e35e2f;}
.globalmedia .secDetail .relative .linkCont span:before {color: #e14a7f;}
/*teacherList*/
.buddhism .teacherInfo p .field {color: #814916;}
.letters .teacherInfo p .field {color: #0d7dbd;}
.economics .teacherInfo p .field {color: #c58800;}
.law .teacherInfo p .field {color: #72b531;}
.management .teacherInfo p .field {color: #38723f;}
.medical .teacherInfo p .field {color: #e35e2f;}
.globalmedia .teacherInfo p .field {color: #e14a7f;}

@media only screen and (max-width: 768px) {
	.secDetail {
		margin: 0 0 20px;
	}
	.secDetail p {
		margin: 0 6% 20px;
	}
	.secDetail h1 {
		padding: 0.8em 0 1em;
		margin: 0 6% 20px;
		background-size: 8% auto;
	}
	.secDetail h2 {
		margin: 0 6% 20px;
		padding: 0.5em;
	}
	.secDetail h3,
	.secDetail h4,
	.secDetail h5,
	.secDetail h6 {
		margin: 0 6% 20px;
	}
	.secDetail hr {
		margin: 0 6% 30px;
		padding: 10px 0 0;
	}
	.secDetail ul,
	.secDetail ol {
		margin: 0 6% 30px;
		padding: 10px 0 0 1em;
	}
	.secDetail table,
	#oneCol .secDetail table {
		width: 88%;
		margin: 0 6% 20px;
	}
	.secDetail table tbody th,
	.secDetail table tbody td {
		margin: -1px 0 0 0;
		padding: 10px;
		display: block;
	}
	.secDetail table.noScroll tbody th,
	.secDetail table.noScroll tbody td {
		width: 100%!important;
	}
	.secDetail .tblResp th {
		width: 100% !important;
		padding: 15px 6%;
		box-sizing: border-box;
	}
	.secDetail .tblScroll {
		margin: 0 6% 20px;
		overflow-x: auto;
	}
	.secDetail .tblScroll table {
		width: 640px;
		margin: 0;
	}
	#oneCol .secDetail .tblScroll table {
		width: 920px;
		margin: 0;
	}
	.secDetail .tblScroll tbody th,
	.secDetail .tblScroll tbody td {
		border: 1px solid #ebebeb;
		display: table-cell;
	}
	.secDetail .tblScroll::-webkit-scrollbar {
		height: 5px;
	}
	.secDetail .tblScroll::-webkit-scrollbar-track {
		border-radius: 5px;
		background: #eee;
	}
	.secDetail .tblScroll::-webkit-scrollbar-thumb {
		border-radius: 5px;
		background: #666;
	}
	.secDetail .point {
		margin: 0 6% 20px;
		padding: 1em 6%;
	}
	.secDetail .sideMrgn {
		margin: 0 6%;
	}
	.secDetail .imgBox {
		margin: 0 6%;
	}
	.secDetail .imgBox img {
		margin: 0 auto 20px;
		max-width: 100%;
		height: auto;
	}
	.imgFLL,
	.imgFLR,
	.imgC {
		float: none;
		display: block;
	}
	span.setFigureLeft,
	span.setFigureRight {
		width: 100%;
		max-width: 100%;
		margin: 0 auto 20px auto;
		float: none;
		display: block;
		text-align: center;
	}
	span.setFigureLeft img,
	span.setFigureRight img {
		width: auto;
	}
	span.setFigureLeft .setFigcaption,
	span.setFigureRight .setFigcaption {
		padding: 10px 0 0 0;
		font-weight: bold;
		background: transparent;
	}
	/*.secDetail .relative*/
	.secDetail .relative {
		margin: 0 auto 20px;
	}
	.secDetail .relative li {
		width: 100%;
		margin: 0;
		float: none;
	}
	.secDetail .relative li a {
		padding: 10px 0;
	}
}

/* ------------------------------------
	archive
------------------------------------ */
.detailWrap {
	padding: 20px 0 0;
}
.secDetail .archiveLow,
.secDetail .archiveRel {
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.secDetail .archiveLow > li{
	margin: 0 0 20px 0;
	list-style: none;
}
.secDetail .archiveLow > li > a,
.secDetail .archiveRel > li a {
	padding: 10px 10px 10px 2.5em;
	text-indent: -1.5em;
	display: block;
	font-weight: bold;
	text-decoration: none;
	display: block;
	border: 1px solid #e2e2e2;
	background: #ffffff;
	transition: all 0.3s ease;
}
.secDetail .archiveLow > li > a:before,
.secDetail .archiveRel > li a:before {
	margin: 0 7px 0 0;
	font-weight: normal;
	font-family: 'komazawa';
	content: "\e90a";
}
body.pcView .secDetail .archiveLow > li > a:hover,
body.pcView .secDetail .archiveRel > li a:hover {
	background: #edf6fd;
}
.secDetail .archiveLow > li > ul,
.secDetail .archiveRel {
	margin: 15px 0 0;
	padding: 0;
	overflow: hidden;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.secDetail .archiveLow > li > ul li,
.secDetail .archiveRel > li {
	width: 30%;
	width: calc((100% - 40px) / 3);
	margin-right: 20px;
	display: block;
	list-style: none;
	position: relative;
}
*::-ms-backdrop, .secDetail .archiveLow > li > ul li,
*::-ms-backdrop, .secDetail .archiveRel > li {/*IE11*/
	width: 30%;
	margin-right: 5%;
}

@supports (-ms-ime-align: auto) {/*Edge*/
.secDetail .archiveLow > li > ul li,
.secDetail .archiveRel > li {
	width: 30%;
	margin-right: 5%;
}
}
.secDetail .archiveLow > li > ul li:nth-of-type(3n),
.secDetail .archiveRel > li:nth-of-type(3n) {
	margin-right: 0;
}
.secDetail .archiveLow > li p,
.secDetail .archiveRel > li p {
	margin: 10px 0 15px 0;
	font-size: 0.875em;
}
.secDetail .archiveLow > li > ul li {
	padding: 0 0 0 1em;
}
.secDetail .archiveLow > li > ul li:before {
	color: #007ae1;
	font-family: 'komazawa';
	content: "\e90a";
	position: absolute;
	left: 0;
}
.secDetail .archiveRel {
	margin: 0 0 20px;
}
#oneCol .secDetail.archiveRel {
	padding: 0;
}
#oneCol .archiveRel {
	margin: 0 0 40px;
}
#oneCol .archiveRel li {
	width: calc((100% - 60px) / 4);
	margin: 0 20px 20px 0;
}
#oneCol .archiveRel li:nth-child(4n) {
	margin: 0 0 20px 0;
}
#oneCol .archiveRel > li a {
	margin: 0;
}

@media only screen and (max-width: 1200px) {
	.archiveLow > li > ul li,
	.archiveLow > li > ul li:nth-of-type(3n),
	.archiveRel > li,
	.archiveRel > li:nth-of-type(3n) {
		width: 40%;
		width: calc((100% - 20px) / 2);
		margin-right: 20px;
	}
	.archiveLow > li > ul li:nth-of-type(2n),
	.archiveRel > li:nth-of-type(2n) {
		margin-right: 0;
	}
}

@media only screen and (max-width: 768px) {
	.secDetail .archiveLow,
	.secDetail .archiveRel {
		margin: 0 6%;
	}
	.secDetail .archiveRel {
		margin: 0 6% 20px;
	}
	.secDetail .archiveLow > li > ul,
	.secDetail .archiveRel {
		display: block;
	}
	.secDetail .archiveLow > li > ul li,
	.secDetail .archiveLow > li > ul li:nth-of-type(3n) {
		width: auto;
		margin-right: 1em;
		display: inline-block;
	}
	.secDetail .archiveRel > li,
	.secDetail .archiveRel > li:nth-of-type(3n) {
		width: 100%;
		margin-right: 0;
		display: block;
	}
	.secDetail .archiveLow > li:last-of-type{
		margin: 0;
	}
	#oneCol .archiveRel {
					margin: 0 6% 30px 6%;
	}
	#oneCol .archiveRel li {
		width: 100%;
		margin: 0 0 10px 0;
	}
	#oneCol .archiveRel li:nth-child(4n) {
		margin: 0 0 10px 0;
	}
}

/*	codesnippet	*/
.snippet_clm2,
.snippet_clm3,
.snippet_clm4 {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.snippet_clm2 > * {
	width: 40%;
	width: calc((100% - 40px) / 2);
	margin-right: 40px;
}
.snippet_clm3 > * {
	width: 30%;
	width: calc((100% - 80px) / 3);
	margin-right: 40px;
}
.snippet_clm4 > * {
	width: 20%;
	width: calc((100% - 120px) / 4);
	margin-right: 40px;
}
.snippet_clm2 > *:nth-of-type(2n),
.snippet_clm3 > *:nth-of-type(3n),
.snippet_clm4 > *:nth-of-type(4n) {
	margin-right: 0;
}
.snippet_clm2 dt,
.snippet_clm3 dt,
.snippet_clm4 dt {
	margin: 0 0 40px;
	padding: 0 0 10px 20px;
	position: relative;
	border-bottom: 1px dotted #e2e2e2;
	font-size: 1.250em;
	line-height: 1.4;
}
.snippet_clm2 dt:before,
.snippet_clm3 dt:before,
.snippet_clm4 dt:before {
	content: "";
	width: 4px;
	height: 1em;
	background: #7f6c93;
	position: absolute;
	top: 0.2em;
	left: 0;
}
.snippet_clm2 dd,
.snippet_clm3 dd,
.snippet_clm4 dd {
	margin: 0 0 40px;
	line-height: 2.2;
	text-align: justify;
	text-justify: inter-ideograph;
}

@media only screen and (max-width: 768px) {
	.snippet_clm2,
	.snippet_clm3,
	.snippet_clm4 {
		display: block;
	}
	.snippet_clm2 > *,
	.snippet_clm3 > *,
	.snippet_clm4 > * {
		width: 100%;
		margin-right: 0;
	}
	.snippet_clm2 dt,
	.snippet_clm3 dt,
	.snippet_clm4 dt {
		margin: 0 6% 20px;
		font-size: 1.063em;
	}
	.snippet_clm2 dd,
	.snippet_clm3 dd,
	.snippet_clm4 dd {
		margin: 0 6% 20px;
	}
}
/* campus_clm3 */
.campus_clm3 {
	padding-bottom: 40px;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}
.campus_clm3 > * {
	width: 30%;
	width: calc((100% - 80px) / 3);
	margin-right: 40px;
}
.campus_clm3 > *:nth-of-type(3n) {
	margin-right: 0;
}
.campus_clm3 dt {
	margin: 0 0 40px;
	padding: 0 0 10px 20px;
	position: relative;
	border-bottom: 2px solid #e2e2e2;
	font-size: 22px;
	line-height: 1.4;
}
.campus_clm3 dt:before {
	content: "";
	width: 6px;
	height: 21px;
	background: #7f6c93;
	position: absolute;
	top: 6px;
	left: 0;
}
.campus_clm3 dd {
	margin: 0 0 40px;
	line-height: 2.2;
	text-align: justify;
	text-justify: inter-ideograph;
}
.campus_clm3 dd img,
.campus_clm3 dd p {
	margin-bottom: 20px;
}
.campus_clm3 dd p {
	font-size: 0.938em;
	line-height: 1.5;
}
.campus_clm3 dd .btnCenter {
	margin-bottom: 40px;
}
.campus_clm3 dd .btnCenter a {
	font-size: 0.75em;
	line-height: 1.6;
	padding: 0.8em 42px 0.8em 32px;
}
.campus_clm3 dd .btnCenter a:first-child {
	margin: 0 2px 0 0;
}
.campus_clm3 dd .btnCenter a:last-child {
	margin: 0 0 0 2px;
}
.campus_clm3 dd .btnCenter a:before {
	right: 25px;
}

@media only screen and (max-width: 1400px) {
	.campus_clm3 dd .btnCenter a {
		width: 46%;
		padding: 0.8em 0;
	}
	.campus_clm3 dd .btnCenter a:first-child {
		margin: 0 0.5% 0 0;
	}
	.campus_clm3 dd .btnCenter a:last-child {
		margin: 0 0 0 0.5%;
	}
	.campus_clm3 dd .btnCenter a:before {
		right: 10px;
	}
}
@media only screen and (max-width: 768px) {
	.campus_clm3 {
		display: block;
	}
	.campus_clm3 > * {
		width: 100%;
		margin-right: 0;
	}
	.campus_clm3 dt {
		margin: 0 6% 20px;
		font-size: 1.063em;
	}
	.campus_clm3 dd {
		margin: 0 6% 20px;
	}
	.campus_clm3 dd p {
		margin: 0 0 20px;
	}
	.campus_clm3 dd .btnCenter {
		margin: 20px 0 0 !important;
	}
}
@media only screen and (max-width: 320px) {
	.campus_clm3 dd .btnCenter a {
		font-size: 0.6em;
	}
}

/* googleMap */
.googleMapWrap {
	margin-bottom: 40px;
}
.googleMapWrap > a {
	float: right;
	font-size: 14px;
	color: #007ae1;
}
.googleMapWrap > a:before {
	font-family: 'komazawa';
	content: "\e90e";
	margin-right: 10px;
}
.googleMapWrap .googleMap {
	position: relative;
	padding-bottom: 35.62%;
	margin: 0 auto 20px;
	height: 0;
	overflow: hidden;
	border: 8px solid #c8c0d0;
}
.googleMapWrap .googleMap iframe,
.googleMapWrap .googleMap object,
.googleMapWrap .googleMap embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media only screen and (max-width: 768px) {
	.googleMapWrap {
		margin: 0 6% 20px;
	}
	.googleMapWrap .googleMap {
		margin: 0 auto 10px;
	}
}
/* cautionTtl */
.cautionTtl {
	margin: 0 0 40px;
	padding: 20px;
	font-size: 1.2em;
	text-align: center;
	background: #c8c0d0;
}

@media only screen and (max-width: 768px) {
	.cautionTtl {
		margin: 0 6% 20px;
	}
}

/* ------------------------------------
	archiveInfo
------------------------------------ */
.freeText {
	overflow: hidden;
}
.archiveInfo .infoList,
.archiveInfo .definiteList,
.archiveInfo .noDateList,
.archiveInfo .emptyList,
.archiveInfo .eventList,
.archiveInfo .thumbList,
.archiveInfo .infoList li,
.archiveInfo .definiteList li,
.archiveInfo .noDateList li,
.archiveInfo .emptyList li,
.archiveInfo .eventList li,
.archiveInfo .thumbList li {
	margin: 0;
	padding: 0;
	display: block;
}
.archiveInfo .infoList,
.archiveInfo .definiteList,
.archiveInfo .noDateList,
.archiveInfo .emptyList,
.archiveInfo .eventList,
.archiveInfo .thumbList {
	border-top: 4px solid #492d65;
}
.archiveInfo .emptyList {
	padding: 45px 6%;
}
.archiveInfo.definite h2 {
	margin: 0;
	padding: 15px 20px;
	color: #5C3980;
	font-weight: bold;
	font-size: 1em;
	background: #EFEEF4 none repeat scroll 0% 0%;
}
.archiveInfo.catCareer .eventList {
	max-height: none;
	max-height: auto;
	height: auto;
	overflow-y: visible;
}

/* -- archiveInfoList -- */
.archiveInfoList {
	background: none;
	border-bottom: none;
}
.archiveInfoList .infoList {
	border-top: none;
}
.archiveInfoList .infoList li{
	margin: 0 0 10px 0;
}
.archiveInfoList .infoList li a{
	border: 1px solid #f3f2f4;
}

@media only screen and (max-width: 768px) {
	.archiveInfoList {
		width: 88% !important;
	}
}
.infoDate {
	margin: 0 0 20px;
	overflow: hidden;
}
.infoDate > span {
	margin: 0 0 20px;
	display: block;
	float: right;
	color: #8a8a8a;
	text-align: right;
	line-height: 1.4;
	font-family: "Roboto Condensed";
}
.infoDate .eventNote {
	margin: 0 0 20px;
	float: left;
	line-height: 1.4;
}
.infoDate .eventNote span {
	margin: 0 0 3px 0;
	display: inline-block;
}
.infoDate .eventNote span.eventTag {
	margin: 0 0 10px;
	padding: 3px 8px;
	display: inline-block;
	text-align: center;
	color: #492d65;
	font-size: 0.8em;
	background: #f7f6f7;
	border-radius: 5px;
}
.infoDate .eventNote .locate {
	margin: 0 0 10px 1px;
}
.infoDate .eventNote .locate:before {
	margin: 0 7px 0 0;
	font-family: 'komazawa' !important;
	content: "\e926";
	color: #492d65;
}
.infoDate .eventNote dl {
	display: table;
	vertical-align: middle;
}
.infoDate .eventNote dt {
	padding: 15px 10px;
	display: table-cell;
	vertical-align: middle;
	font-weight: bold;
	line-height: 1;
	background: #c8c0d0;
	white-space: nowrap;
}
.infoDate .eventNote dd {
	padding: 6px 20px;
	display: table-cell;
	vertical-align: top;
	text-align: center;
	color: #492d65;
	font-family: "Roboto Condensed";
	font-style: italic;
	font-size: 1.7em;
	line-height: 1;
	vertical-align: middle;
	background: #f3f2f4;
}
/* -- oneColumn-- */
#oneCol .info {
	width: 100%;
}
#oneCol .infoDate p {
	margin: 0 30px 20px 30px;
}
#oneCol .info .infoList li span.date {
	width: 110px;
	font-size: 1em;
}
#oneCol .info .infoList li span.ttl {
	width: 830px;
}
#oneCol .info .infoList li span.ttl .newLabel {
	background: #f7af0e;
	color: #fff;
	border-radius: 3px;
	padding: 1px 4px;
	font-size: 0.6em;
	margin: 0 0 0 10px;
	display: inline-block;
}

@media only screen and (max-width: 768px) {
	.infoDate {
		margin: 0 6% 10px;
	}
	.infoDate > span {
		float: none;
		margin: 0 0 10px;
	}
	.infoDate .eventNote {
		margin: 0 0 10px;
	}
	.infoDate .eventNote dd {
		padding: 6px 10px;
		display: table-cell;
		font-size: 1.3em;
	}
	#oneCol .infoDate p {
		margin: 0 6% 20px 6%;
	}
	#oneCol .info {
		width: 88%;
	}
	#oneCol .info .infoList li span.date {
		width: 36%;
		margin: 0 3% 0 0;
	}
	#oneCol .info .infoList li span.ttl {
		width: 60%;
	}
}
/* ------------------------------------
	Event oneColumn
------------------------------------ */
#oneCol .event {
	width: 100%;
	box-shadow: none;
}
#oneCol .event a {
	padding: 0;
	color: #000;
}
#oneCol .event .eventList {
	margin: 0;
	padding: 0;
}
#oneCol .event .eventList li {
	margin: 0;
	display: block;
}
#oneCol .event .eventList li a:after{
	content: none;
}
#oneCol .event .eventList li figure {
	width: 265px;
	height: 160px;
	position: relative;
	overflow: hidden;
}
#oneCol .event .eventList li figure img {
	width: 100%;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}
#oneCol .event .eventList li .newsCont {
	width: calc(100% - 265px);
	padding: 25px 40px 20px;
	position: relative;
}
#oneCol .event .eventList li .newsCont:after {
	font-family: 'komazawa';
	content: "\e90a";
	color: #492d65;
	font-size: 1.5em;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	right: 15px;
}
#oneCol .event .eventList li a[target="_blank"] .newsCont:after {
	content: "\e937";
	font-size: 1.2em;
}
#oneCol .event .eventList li .newsCont .term {
	width: auto;
	margin: 0 0 20px;
	font-size: 0.875em;
	font-family: 'Noto Sans Japanese', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", YuGothic, "游ゴシック",sans-serif;
}
#oneCol .event .eventList li .newsCont dl {
	margin: 0 20px 0 0;
	display: inline-block;
	vertical-align: middle;
}
#oneCol .event .eventList li .newsCont dt {
	display: inline-block;
	vertical-align: middle;
	background: #c8c0d0;
	color: #000;
	padding: 0 10px;
	height: 30px;
	line-height: 30px;
}
#oneCol .event .eventList li .newsCont dd {
	display: inline-block;
	vertical-align: middle;
	background: #f3f2f4;
	padding: 0 15px;
	color: #492d65;
	font-weight: bold;
	font-family: "Roboto Condensed";
	font-size: 1.250em;
	height: 30px;
	line-height: 30px;
}
#oneCol .event .eventList li .newsCont .locate {
	display: inline-block;
	vertical-align: middle;
}
#oneCol .event .eventList li .newsCont .locate:before {
	font-family: 'komazawa' !important;
	content: "\e926";
	margin: 0 7px 0 0;
	color: #492d65;
}
#oneCol .event .eventList li .newsCont .detail {
	width: auto;
}
#oneCol .event .eventList li .newsCont .detail .ttl {
	font-size: 1.125em;
}
#oneCol .event .eventList li .newsCont .detail .ttl .newLabel {
	background: #f7af0e;
	color: #fff;
	border-radius: 3px;
	padding: 1px 4px;
	font-size: 0.6em;
	margin: 0 0 0 7px;
}
#oneCol .event .eventList li .newsCont .detail .date {
	margin: 10px 0 0 0;
	font-size: 1em;
	color: #8a8a8a;
}
@media only screen and (max-width: 768px) {
	#oneCol .event .eventList li figure {
		width: 100%;
		height: auto;
		padding-top: 60%;
	}
	#oneCol .event .eventList li a:after {
		content: none;
	}
	#oneCol .event .eventList li .newsCont {
		width: 100%;
		padding: 15px 2em 15px 1em;
	}
	#oneCol .event .eventList li .newsCont:after {
		right: 5px;
	}
	#oneCol .event .eventList li .newsCont dl {
		margin: 0 0 10px 0;
	}
	#oneCol .event .eventList li .newsCont .locate {
		margin: 0;
		display: block;
	}
	#oneCol .event .eventList li .newsCont .term {
		margin: 0 0 10px;
	}
	#oneCol .event .eventList li .newsCont .detail .ttl {
		display: block;
		margin: 0 0 5px;
	}
	#oneCol .event .eventList li .newsCont .detail .date {
		margin: 0;
	}
}
/* -- archiveEventList -- */
.archiveEventList {
	background: none;
	border-bottom: none;
}
.archiveEventList .eventList {
	border-top: none;
}
.archiveEventList .eventList li {
	margin: 0 0 10px 0 !important;
}
.archiveEventList .eventList li a {
	border: 1px solid #f3f2f4;
}

@media only screen and (max-width: 768px) {
	.archiveEventList {
		width: 88% !important;
	}
}
/* ------------------------------------
	archiveNews
------------------------------------ */
#oneCol .newsList {
	margin: 0;
	padding: 0;
}
#oneCol .newsList li {
	margin: 0 0 10px 0;
	position: relative;
	overflow: hidden;
	display: block;
}
#oneCol .newsList li {
	border: 1px solid #e2e2e2;
}
#oneCol .newsList li > a:before {
	margin: -0.7em 0 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	color: #492d65;
	font-size: 1.5em;
	font-family: 'komazawa';
	content: "\e90a";
}
#oneCol .newsList li > a {
	padding: 0 40px 0 0;
	display: block;
	overflow: hidden;
	text-decoration: none;
}
#oneCol .newsList li figure {
	width: 265px;
	height: 160px;
	overflow: hidden;
	position: relative;
	float: left;
}
#oneCol .newsList li img {
	width: 100%;
	height: auto;
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	box-sizing: border-box;
    image-rendering: pixelated;
}
#oneCol .newsList li .newsCont {
	width: calc(100% - 285px);
	float: right;
	padding: 19px 0;
}
#oneCol .newsList li .newsCont .date {
	color: #a9a8a8;
	position: relative;
	margin-right: 12px;
}
#oneCol .newsList li .newsCont .date:after {
	content: '';
	background: #e2e2e2;
	width: 10px;
	height: 1px;
	display: inline-block;
	position: absolute;
	top: 50%;
	left: 5.5em;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
}
#oneCol .newsList li .newsCont .date .newLabel {
	background: #f7af0e;
	color: #fff;
	border-radius: 3px;
	padding: 1px 4px;
	font-size: 0.6em;
	margin-left: 25px;
}
#oneCol .newsList li .newsCont .ttl {
	margin: 3px 0 0 0;
	font-size: 1.2em;
	display: block;
	color: #000000;
}
#oneCol .newsList li .newsCont .ttl a {
	color: #000000;
}
#oneCol .newsList li .newsCont p {
	margin: 0;
	font-size: 0.9em;
	color: #6a6a6a;
}
#oneCol .newsList li.headline {
	padding: 0 0 20px 0;
	border: none;
}
#oneCol .newsList li.headline > a {
	padding: 0;
	color: #492d65;
	display: inline-block;
}
#oneCol .newsList li.headline > a:before {
	content: "";
}
#oneCol .newsList li.headline figure {
	width: 500px;
	height: 300px;
	overflow: hidden;
}
#oneCol .newsList li.headline img {
	width: 100%;
	height: auto;
}
#oneCol .newsList li.headline .newsCont {
	width: calc(100% - 520px);
}
#oneCol .newsList li.headline .newsCont .ttl {
	margin: 20px 0;
	font-size: 1.4em;
}
#oneCol .newsList li.headline .newsCont .btnWrap {
	text-align: right;
}
#oneCol .newsList li.headline .newsCont .btnBasic {
	margin: 10px 0 0 0;
	padding-right: 45px;
}
#oneCol .newsList li.headline .newsCont .btnBasic:before {
	left: 115px;
}

@media only screen and (min-width: 768px) {
	body.pcView #oneCol .newsList li.headline .newsCont .btnBasic:hover {
		opacity: 1;
		overflow: initial;
	}
}
@media only screen and (max-width: 768px) {
	#oneCol .newsList {
		margin: 0 6%;
	}
	#oneCol .newsList li > a {
		padding: 0;
	}
	#oneCol .newsList li > a:before {
		content: none;
	}
	#oneCol .newsList li figure {
		width: 100%;
		height: 0;
		padding-top: 60%;
		position: relative;
		float: none;
	}
	#oneCol .newsList li img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#oneCol .newsList li .newsCont {
		width: 100%;
		padding: 20px 40px 20px 20px;
		position: relative;
	}
	#oneCol .newsList li:not(.headline) .newsCont:before {
		margin: -0.7em 0 0 0;
		position: absolute;
		top: 50%;
		right: 0;
		color: #492d65;
		font-size: 1.5em;
		font-family: 'komazawa';
		content: "\e90a";
	}
	#oneCol .newsList li .newsCont .ttl {
		margin: 3px 0 5px;
	}
	#oneCol .newsList li.headline figure {
		width: 100%;
		height: 0;
		margin: 0 0 20px;
		padding-top: 60%;
		position: relative;
		float: none;
	}
	#oneCol .newsList li.headline img {
		width: 100%;
		height: auto;
		position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
	}
	#oneCol .newsList li.headline > a {
		margin: 0 auto;
		display: block;
		text-align: center;
	}
	#oneCol .newsList li.headline .newsCont {
		width: 100%;
		padding: 0 0 20px;
	}
	#oneCol .newsList li.headline .newsCont .btnWrap {
		text-align: center;
	}
}

/* ------------------------------------
	secDetailList
------------------------------------ */
.secDetailList h1 {
	background: none;
	margin: 0;
}
.secDetailList h1 span {
	vertical-align: middle;
	display: inline-block;
}
.secDetailList h1 span:nth-of-type(1) {
	margin: 0 20px 0 0;
	padding: 0 50px 0 0;
	position: relative;
	letter-spacing: 0.17em;
	font-size: 44px;
	font-family: "Roboto Condensed";
}
.secDetailList h1 span:nth-of-type(1):after {
	content: '';
	display: block;
	width: 26px;
	height: 10px;
	background: url(/img/common/title_obj.png) no-repeat;
	background-size: 100%;
	-webkit-transform: translate(0, -50%);
	transform: translate(0, -50%);
	position: absolute;
	top: 50%;
	right: 0;
}
.secDetailList h1 span:nth-of-type(2) {
	font-size: 16px;
}

@media only screen and (max-width: 768px) {
	.secDetailList h1 {
		margin: 0 6%;
	}
	.secDetailList h1 span:nth-of-type(1) {
		margin: 0 10px 0 0;
		padding: 0 27px 0 0;
		font-size: 34px;
		letter-spacing: 0em!important;
	}
	.secDetailList h1 span:nth-of-type(1):after {
		content: "";
		display: block;
		width: 13px;
		height: 5px;
		background: url(/img/common/title_obj.png) no-repeat;
		background-size: 100%;
	}
	.secDetailList h1 span:nth-of-type(2) {
		font-size: 0.6em;
	}
}

/* ------------------------------------
	template
------------------------------------ */
.secDetail .anchorList {
	margin: 0 0 40px;
	padding: 0 0 10px;
	overflow: hidden;
}
.secDetail .anchorList > li{
	margin: 0 10px 10px 0;
	list-style: none;
	display: inline-block;
}
.secDetail .anchorList li a {
	padding: 0.5em 1em;
	display: inline-block;
	border: 1px solid #e2e2e2;
	transition: all 0.3s ease;
	box-shadow: 0 0 5px #e8e8e8;
}
.secDetail .anchorList li a:before {
	margin: 0 7px 0 0;
	font-weight: normal;
	vertical-align: middle;
	font-family: 'komazawa';
	content: "\e90c";
}
body.pcView .secDetail .anchorList li a:hover {
	background: #edf6fd;
}
#oneCol .secDetail .anchorList > li {
	width: 23.5%;
	margin: 0 2% 10px 0;
	float: left;
}
#oneCol .secDetail .anchorList > li:nth-of-type(4n) {
	margin: 0 0 10px 0;
}
#oneCol .secDetail .anchorList > li a {
	width: 100%;
}

@media only screen and (max-width: 768px) {
	.secDetail .anchorList {
		margin: 0 6% 20px;
		padding: 0 0 20px;
	}
	#oneCol .secDetail .anchorList > li {
		width: 100%;
		margin: 0 0 10px;
	}
}
.qaArea dl {
	margin: 0 0 40px 0;
}
.qaArea dl dt {
	margin: 0 0 10px;
	padding: 8px 0 8px 60px;
	position: relative;
	font-size: 1.125em;
	color: #492d65;
}
.qaArea dl dt:before {
	content: "Q";
	width: 40px;
	height: 40px;
	display: block;
	color: #ffffff;
	font-size: 18px;
	line-height: 40px;
	text-align: center;
	font-family: "Roboto Condensed";
	background: #492d65;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.qaArea dl dd {
	padding: 8px 0 0 60px;
	position: relative;
}
.qaArea dl dd:before {
	content: "A";
	width: 40px;
	height: 40px;
	display: block;
	color: #8a8a8a;
	font-size: 18px;
	line-height: 38px;
	text-align: center;
	font-family: "Roboto Condensed";
	background: #ffffff;
	border: 2px solid #e2e2e2;
	border-radius: 50%;
	position: absolute;
	top: 0;
	left: 0;
}
.caution01 {
	margin: 0 0 40px;
	padding: 40px 20px;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: #eceaef;
	line-height: 2;
	border: 3px double #7f6c93;
}
.caution02 {
	margin: 0 0 40px;
	padding: 40px 20px;
	color: #dc0000;
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
	background: #fbeaea;
	line-height: 2;
	border: 3px double #dc0000;
}
.caution02 p {
	color: #dc0000;
}
.caution01 p,
.caution02 p {
	text-align: center;
}
.caution01 a,
.caution02 a,
.caution01 a strong,
.caution02 a strong {
	font-weight: bold;
}
.caution01 p,
.caution02 p {
	margin: 0;
}
.btnCenter {
	margin: 20px 0;
	padding: 0;
	text-align: center;
}
a.btn {
	color: #FFF;
}
.secDetail p a.btn {
	margin-right: 1em;
}
.secDetail p a.btn:last-of-type {
	margin-right: 0;
}
.btnCenter a.btn {
	margin: 5px;
}
.figArea {
	text-align: center;
	display: block;
}
.figArea figure {
	margin: 0 0 40px;
	padding: 0 20px;
	text-align: center;
	width: auto;
	display: inline-block;
}
.figArea figure img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
.figArea.clm2,
.figArea.clm3 {
	align-items: flex-end;
	-ms-flex-align: flex-end;
	-webkit-box-align: flex-end;
	-webkit-align-items: flex-end;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
}
.figArea.clm2 figure,
.figArea.clm3 figure {
	padding: 0;
}
.figArea.clm2 figure img,
.figArea.clm3 figure img {
	max-width: 100%;
}
.figArea figcaption {
	padding: 10px 0 0 0;
	display: block;
	line-height: 1.2;
	text-align: center;
	font-size: 85%;
	font-weight: bold;
}

@media only screen and (max-width: 768px) {
.qaArea {
	margin: 0 6%;
}
.qaArea dl {
	margin: 0 0 30px 0;
	font-size: 0.85em;
}
.qaArea dl dt {
	margin: 0 0 10px;
	padding: 4px 0 4px 40px;
	font-size: 1.125em;
}
.qaArea dl dt:before {
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 30px;
}
.qaArea dl dd {
	padding: 4px 0 0 40px;
	position: relative;
}
.qaArea dl dd:before {
	width: 30px;
	height: 30px;
	font-size: 16px;
	line-height: 28px;
}
.caution01,
.caution02 {
	margin: 0 6% 20px;
}main .secDetail .btnCenter {
	margin: 20px 6%;
}
.figArea {
	width: 88%;
	margin: 0 6%;
	text-align: center;
	display: block;
}
.figArea figure {
	max-width: 100%;
	margin: 0 auto 20px;
	display: block;
}
.figArea.clm2,
.figArea.clm3 {
	display: block;
}
.figArea figcaption {
	font-size: 80%;
}
}

/* ------------------------------------
	campusList
------------------------------------ */
.secDetail ul.campusList,
.secDetail ul.campusList li {
	margin: 0;
	padding: 0;
	list-style: none;
}
.secDetail ul.campusList > li {
	margin: 0 0 40px 0;
	overflow: hidden;
}
.campusList > li > a {
	width: 20%;
	float: left;
	display: block;
	overflow: hidden;
	border-radius: 50%;
}
.campusList > li img {
	width: 100%;
}
.campusList dl {
	width: 75%;
	float: right;
}
.campusList dt {
	margin: 0 0 1em;
	padding: 0 0 1em;
	border-bottom: 1px solid #e2e2e2;
}
.campusList dt a {
	font-size: 1.1em;
}
.campusList dt a:before {
	margin: 0 5px 0 0;
	font-size: 0.8em;
	font-weight: normal;
	font-family: 'komazawa';
	content: "\e90a";
}
.secDetail ul.campusList dd {
	line-height: 2;
}
.secDetail ul.campusList dd ul {
	margin: 20px 0 0;
	padding: 0;
	text-align: right;
}
.secDetail ul.campusList dd ul li {
	margin: 0 0 0 10px;
	display: inline-block;
}
.secDetail ul.campusList dd ul li a.btnBasic {
	padding: 10px 20px;
}

@media only screen and (max-width: 768px) {
	.secDetail ul.campusList {
		margin: 0 6%
	}
	.campusList > li > a {
		width: 35%;
		margin: 4em 20px 20px 0;
	}
	.campusList dl {
		width: 100%;
		padding: 3em 0 0 0;
		float: none;
		position: relative;
	}
	.campusList dt {
		width: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
	.campusList dd {
		line-height: initial;
	}
	.secDetail ul.campusList dd ul {
		margin: 20px 0 0 0;
		font-size: 0.75em;
		text-align: center;
	}
	.secDetail ul.campusList dd ul li {
		margin: 0;
	}	main .secDetail ul.campusList a.btnBasic.btnThin {
		padding: 5px 9px;
	}
}
/* ------------------------------------
	teacherList
------------------------------------ */
.teacherInfo {
	margin: 0 0 30px 0;
	padding: 0 0 30px 0;
	list-style: none;
	border-bottom: 1px solid #e2e2e2;
}
.teacherInfo div.pData {
	display: table;
	vertical-align: middle;
	width: 100%;
}
.teacherInfo div.pData div {
	display: table-cell;
	vertical-align: middle;
	width: 140px;
	padding: 0 20px 0 0;
}
.teacherInfo div.pData p {
	margin: 0;
	display: table-cell;
	vertical-align: middle;
	line-height: 1.8;
	font-size: 0.9em;
}
.teacherInfo div.pData p .teacherName {
	font-size: 1.4em;
	font-weight: bold;
}
.teacherInfo div.pData nav {
	width: 275px;
	margin: 0;
	padding: 0;
	text-align: right;
	display: table-cell;
	vertical-align: middle;
}
.teacherInfo div.pData nav a {
	font-size: 14px;
	min-width: 136px;
	margin: 0 0 10px 0;
	padding: 0.8em 2.0em 0.8em 1.0em;
	color: #492d65;
	background: #ffffff;
	border: 1px solid #492d65;
	position: relative;
}
.teacherInfo div.pData nav a:before {
	content: "\e90e";
	right: 10px;
	position: absolute;
	top: 50%;
}
.teacherInfo p.message {
	margin: 0 30px 0 0;
	padding: 10px 0 0 0;
	font-size: 0.9em;
	line-height: 1.8;
}
@media only screen and (max-width: 768px) {
	.teacherInfo {
		margin: 0 6% 30px;
		display: block;
	}
	.teacherInfo div.pData {
		width: 100%;
	}
	.teacherInfo div.pData p {
		width: 65%;
		display: block;
		float: left;
	}
	.teacherInfo div.pData div {
		width: 30%;
		margin: 0 5% 0 0;
		display: block;
		float: left;
	}
	.teacherInfo div.pData div img {
		width: 100%;
		margin: 0;
	}
	.teacherInfo div.pData nav {
		width: 100%;
		padding: 10px 0 0 0;
		text-align: center;
		display: block;
		clear: both;
	}
	.teacherInfo div.pData nav a {
		margin: 5px;
		display: inline-block;
	}
	.teacherInfo p.message {
		margin: 0 0 0 0;
	}
}

/* ------------------------------------
	pagination
------------------------------------ */
.pagiNation {
	width: 100%;
	margin: 40px 0;
	min-height: 1em;
	position: relative;
	text-align: center;
}
.pagiNation ul {
	margin: 0;
	padding: 0;
	display: inline-block;
}
.pagiNation ul li {
	margin: 0 0.1em;
	display: inline-block;
}
.pagiNation ul li a {
	padding: 0.5em 1em;
	display: block;
	vertical-align: bottom;
	border: 1px solid #e2e2e2;
	transition: all 0.3s ease;
}
.pagiNation ul li.pnPrev {
	margin: 0 20px 0 0;
}
.pagiNation ul li.pnNext {
	margin: 0 0 0 20px;
}
.pagiNation ul li.pnAcv a {
	background: #f3f2f4;
	cursor: default;
}

@media only screen and (min-width: 768px) {
	body.pcView .pagiNation ul li a:hover {
		background: #edf6fd;
	}
}

@media only screen and (max-width: 768px) {
	.pagiNation,
	#oneCol .pagiNation {
		width: 88%;
		margin: 20px 6% 0;
		font-size: 0.75em;
	}
	.pagiNation ul {
		padding: 3.5em 0 0 0;
	}
	.pagiNation ul li a,
	#oneCol .pagiNation ul li a {
		padding: 2px 6px;
	}
	.pagiNation ul li.pnPrev {
		margin: 0;
	}
	.pagiNation ul li.pnNext {
		margin: 0;
	}
	.pagiNation ul li.pnPrev a,
	.pagiNation ul li.pnNext a {
		display: block;

	}
	#oneCol .pagiNation ul li.pnPrev,
	#oneCol .pagiNation ul li.pnNext {
		margin: 0;
	}
}

/* ------------------------------------
	eventCalendar
------------------------------------ */

/* ------------------------------------
	newstab
------------------------------------ */
.tabWrap {
	position: relative;
}
.tabWrap .tabArea {
	overflow: hidden;
	position: absolute;
	top: 8px;
	right: 0;
	margin: 0 0 4px;
}
.secDetail .tabArea li {
	margin: 0;
	float: left;
	list-style: none;
	margin: 0;
}
.secDetail .tabArea li a {
	display: block;
	padding: 5px 20px;
	color: #8a8a8a;
	font-size: 0.875em;
	text-decoration: none;
	text-align: center;
	border-bottom: 2px solid #e2e2e2;
}
.secDetail .tabArea li.active a,
.tabArea li a:hover {
	border-bottom: 2px solid #492d65;
}

@media only screen and (max-width: 1300px) {
	.secDetail .tabArea.typeNews li a {
		padding: 5px 12px;
	}
}

@media only screen and (max-width: 1180px) {
	.secDetail .tabArea li a {
		padding: 5px 12px;
	}
	.secDetail .tabArea.typeNews li a {
		padding: 5px 8px;
		font-size: 0.75em;
	}
}

@media only screen and (max-width: 768px) {
	main .tabArea {
		margin: 0 6%;
		padding: 0;
		border-bottom: none;
		position: static;
	}
	main .tabArea li {
		width: 48%;
		margin: 0 1% 5px !important;
	}
	main .tabArea li a {
		padding: 5px;
		font-size: 87%;
		border-radius: 0;
		box-sizing: border-box;
	}
	.tabWrap .tabArea {
		position: static;
		width: 88%;
		margin: 0 auto;
	}
}
/* ------------------------------------
	selectYear
------------------------------------ */
.SYBox {
	width: 192px;
	float: right;
	position: absolute;
	top: 5px;
	right: 0;
}
.SYBox:before {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 1;
	margin-left: -58px;
	font-family: 'komazawa';
	content: "\e92b";
	color: #007ae1;
	-webkit-transform: translateY(-50%) rotate(90deg);
	transform: translateY(-50%) rotate(90deg);
}
#selectYear,
.SYBox span.customSelect {
	width: 192px;
	height: 45px;
	cursor: pointer;
	border: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	color: #007ae1;
	background: #fff;
	border: 1px solid #e2e2e2;
	text-indent: 70px;
	padding: 0;
}
.eventSelectYear {
	text-indent: 60px !important;
	padding: 2px 0 0 !important;
	font-size: 16px;
}
#selectYear option {
	margin: 3px;
	padding: 8px 10px;
	color: #6A6A6A;
	font-size: 100%;
	border-radius: 3px;
}
@media only screen and (max-width: 768px) {
	.SYBox {
		margin: 0 auto 30px;
		position: relative;
		top: 0;
		right: auto;
		float: none;
	}
}
/* ------------------------------------
	news Category
------------------------------------ */
.newsSY {
	position: relative;
	height: 35px;
	margin: 0 0 40px;
	border-bottom: 1px solid #e2e2e2;
}
.newsSY .SYBox {
	top: -10px;
	right: 0;
}
.newsCategory {
	margin: 0 0 0 10px;
	float: none;
	display: inline-block;
	color: #492d65!important;
	font-size: 0.8em;
	text-indent: 0;
}
.newsCategory a {
	color: #492d65!important;
	text-decoration: none;
}
.newsCategory a:hover {
	text-decoration: underline;
}
.infoDate.newsDate {
	text-align: left;
}
.infoDate.newsDate > span {
	float: none;
	display: inline-block;
	vertical-align: middle;
}
@media screen and (max-width: 768px) {
	.newsSY {
		height: auto;
		padding: 20px 0;
	}
	.newsSY .SYBox {
		position: static;
		margin: 0 auto;
		float: none;
	}
	.newsCategory a:hover {
		text-decoration: none;
	}
}


/* ------------------------------------
	eventTab
------------------------------------ */
.tabWrap.eventTab .btnBox {
	width: auto;
	margin: 0!important;
	padding: 0!important;
	display: inline-block;
	position: absolute;
	top: 8px;
	right: 0;
}
.tabWrap.eventTab .btnBox a.btn {
	width: 220px;
	margin: 0;
	font-size: 0.875em;
}
.tabWrap.eventTab .tabArea {
	right: 240px;
}

@media only screen and (max-width: 768px) {
	.tabWrap.eventTab .btnBox {
		width: 100%;
		margin: 0!important;
		padding: 0 6% 1em!important;
		display: block;
		text-align: right;
		position: relative;
		top: 0;
	}
	.tabWrap.eventTab .btnBox a.btn {
		width: auto;
	}
	.tabWrap.eventTab .btnBox.pc {
		display: none;
	}
}
/* ------------------------------------
	login
------------------------------------ */
.loginLink p {
	margin: 0 auto 40px;
}
.loginLink p span {
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #492d65;
}
.loginLink ul {
	margin: 0 0 20px;
	padding: 0;
	text-align: center;
	display: flex;
	display: -ms-flexbox;
	display: -webkit-box;
	display: -webkit-flex;
	justify-content: space-between;
	-ms-flex-pack: justify;
	-webkit-box-pack: justify;
	-webkit-justify-content: space-between;
}
.loginLink ul li {
	width: 48%;
	list-style: none;
}
.loginLink ul li a {
	padding: 40px 0;
	display: block;
	overflow: hidden;
	color: #FFF;
	font-size: 1.9em;
	text-decoration: none;
	vertical-align: bottom;
}
.loginLink ul li a span {
	position: relative;
	z-index: 2;
}
.loginLink ul li a span:not(:first-child) {
	font-size: 0.5em;
}
.loginLink ul li a span:not(:first-child):after {
	margin: 0 0 0 5px;
	font-size: 1em;
	font-weight: normal;
	font-family: 'komazawa';
	content: "\e90a";
	vertical-align: middle;
}
.loginLink ul li a {
	position: relative;
	overflow: hidden;
}
.loginLink ul li a.students {
	background: #f79e00;
}
.loginLink ul li a.teachers {
	background: #27885d;
}
.loginLink ul li a:after {
	content: '';
	display: block;
	border-style: solid;
	border-width: 200px 200px 0 0;
	position: absolute;
	left: 0;
	bottom: 0;
	z-index: 1;
}
.loginLink ul li a.students:after {
	border-color: rgba(254,172,28,0.5) transparent transparent transparent;
}
.loginLink ul li a.teachers:after {
	border-color: rgba(62,148,111,0.5) transparent transparent transparent;
}
@media only screen and (max-width: 768px) {
	.loginLink p {
		width: 88%;
		margin: 0 6% 20px;
	}
	.loginLink ul {
		margin: 0 6%;
		display: block;
	}
	.loginLink ul li {
		width: 100%;
		margin: 0 0 20px 0;
		padding: 0;
	}
}

/* ------------------------------------
	sitemap
------------------------------------ */
nav.sitemap {
	padding: 0 0 40px;
	overflow: hidden;
}
nav.sitemap .row {
	width: 48%;
	margin: 0 1% 20px 1%;
	float: left;
}
.sitemap a {
	display: block;
	color: #000000;
}
.sitemap a:before {
	padding: 0 7px 0 0;
	font-weight: normal;
	font-size: 0.8em;
	font-family: 'komazawa';
	content: "\e90a";
}
.sitemap a[target="_blank"]:before {
	content: "\e937";
}
.sitemap h2 {
	margin: 0 0 1em 0;
	font-size: 1.25em;
}
nav.sitemap .row ul {
	margin: 0;
	padding: 0;
}
nav.sitemap .row ul {
	margin: 0 0 1em 0;
}
nav.sitemap .row ul li {
	margin: 0;
	list-style: none;
	font-size: 95%;
}
nav.sitemap .row ul > li {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
nav.sitemap .row > ul > li > a {
	margin: 0 0 0.5em;
	padding: 0 0 0.5em;
	border-bottom: 1px solid #e2e2e2;
}

@media only screen and (max-width: 768px) {
nav.sitemap {
	padding: 0 6% 20px;
}nav.sitemap .row {
	width: 88%;
	margin: 0 0 10px 0;
	float: none;
	box-sizing: border-box;
}nav.sitemap .row ul {
	margin: 0 0 0.5em 0;
}
}

/* ------------------------------------
	blogtop primaryLink
------------------------------------ */
.primaryLink {
	overflow: hidden;
}
.primaryLink li {
	width: 22%;
	width: calc((100% - 90px) / 4);
	margin: 0 30px 30px 0;
	display: table;
	vertical-align: middle;
	float: left;
	border: 1px solid #e2e2e2;
}*::-ms-backdrop, .primaryLink li {/*IE11*/
	width: 22%;
	margin: 0 4% 30px 0;
}

@supports (-ms-ime-align: auto) {/*Edge*/
.primaryLink li {
	width: 22%;
	margin: 0 4% 30px 0;
}
}
.primaryLink li:nth-of-type(4n) {
	margin: 0 0 30px 0;
}
.primaryLink li a {
	color: #492d65;
	display: table-cell;
	vertical-align: middle;
	position: relative;
	font-size: 0.875em;
	background: #ffffff;
}
.primaryLink li a > div,
.primaryLink li a > span {
	display: table-cell;
	vertical-align: middle;
	line-height: 1.2;
}
.primaryLink li img {
	width: 80px;
	height: 80px;
	margin: 0 1em 0 0;
	vertical-align: middle;
}
.primaryLink li a span {
	padding: 0 1em 0 0;
}
.primaryLink li a span:before {
	margin: -0.7em 0 0 0;
	position: absolute;
	top: 50%;
	right: 0;
	font-family: 'komazawa';
	content: "\e90a";
}
.primaryLink li.banner a {
	padding: 0;
}
.primaryLink li.banner img {
	width: 100%;
	height: auto;
	border: 0;
}

@media only screen and (max-width: 1120px) {
	.primaryLink li,
	.primaryLink li:nth-of-type(4n) {
		width: 30%;
		margin: 0 5% 30px 0;
	}
	.primaryLink li:nth-of-type(3n) {
		margin: 0 0 30px 0;
	}
}

@media only screen and (max-width: 768px) {
	.primaryLink {
		margin: 0 6% 10px;
	}
	.primaryLink li,
	.primaryLink li:nth-of-type(3n),
	.primaryLink li:nth-of-type(4n) {
		width: 100%;
		margin: 0 0 5px 0;
		float: none;
	}
	.primaryLink li.banner img {
		margin: 0;
	}
}
/* ------------------------------------
	searchResult
------------------------------------ */
.secDetail .searchResult h1 {
	margin: 0;
}
.secDetail .searchResult .gsc-control-cse {
	margin: 0 30px 0 !important;
	line-height: 1.3;
}
#oneCol .secDetail .searchResult table {
	margin: 0;
	background: #FFF;
}
.secDetail .searchResult th,
.secDetail .searchResult td {
	margin: 0 !important;
	border: none;
	background: #FFF;
}
#oneCol .secDetail .searchResult .btnBox {
	padding: 0;
}
.secDetail .searchResult .gsc-selected-option-container {
	max-width: 100%;
}
/* pagination
----------------- */
.secDetail .searchResult .gsc-results .gsc-cursor-box {
	margin: 10px 10px 0 !important;
	text-align: center;
}
.secDetail .searchResult .gsc-results .gsc-cursor-box .gsc-cursor-page {
	width: 20px;
	display: inline-block;
	margin: 0 5px 10px;
	color: #007ae1 !important;
	padding: 5px !important;
	background: #f3f2f4 !important;
	border: 1px solid #e8e8e8 !important;
	border-radius: 3px !important;
	transition: all  0.3s ease !important;
}
.secDetail .searchResult .gsc-results .gsc-cursor-box .gsc-cursor-page:hover {
	text-decoration: none !important;
}
.secDetail .searchResult .gsc-results .gsc-cursor-box .gsc-cursor-page:not(.gsc-cursor-current-page):hover {
	opacity: 0.6;
}
.secDetail .searchResult .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #6a6a6a !important;
	cursor: default !important;
	background: #fbfbfa !important;
}
@media only screen and (max-width: 768px) {
	.secDetail .searchResult .gsc-control-cse {
		margin: 0 5% 0 !important;
		padding: 0;
	}				#oneCol .secDetail .searchResult table {
		width: 100%;
	}
}

/* ------------------------------------
	factbook
------------------------------------ */
.secDetail .scrollHint {
	display: none;
	margin-bottom: 10px;
	text-align: right;
	font-size: 0.75em;
	color: #8a8a8a;
}
.secDetail .factbookField {
	margin-bottom: 20px;
}

@media only screen and (max-width: 768px) {
	.secDetail .scrollHint {
		display: block;
	}
	.secDetail .factbookField {
		margin: 0 6% 20px;
		overflow-y: hidden;
		overflow-x: auto;
	}
	.secDetail .factbookFieldInner {
		width: 700px;
		margin-bottom: 10px;
	}
	.secDetail .tableauPlaceholder {
		margin-bottom: 10px;
	}
}

/* ------------------------------------
	circle
------------------------------------ */
.secDetail .circleList {
	margin: 0 0 40px;
	padding: 0;
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.circleList .circleListItem {
	margin: 0;
	padding: 20px;
	list-style: none;
	border: 2px solid #e2e2e2;
}
.secDetail .circleList.clm_2 {
	flex-wrap: wrap;
	flex-direction: row;
}
.circleList.clm_2 .circleListItem {
	width: calc((100% - (20px * 1)) / 2);
}
.circleList h2 {
	margin: 0;
	padding: 0;
	background: transparent;
	border-top: none;
}
.circleList .circleWrap {
	margin-top: 20px;
	display: flex;
	gap: 30px;
}
.circleList .imgArea {
	width: 40%;
	flex-shrink: 0;
}
.circleList .textArea {
	display: flex;
	flex-direction: column;
	gap: 20px;
	flex: 1;
}
.circleList .textArea p {
	margin: 0;
	line-height: 1.8;
}
.circleList .textArea .btn {
	width: 100%;
}
.circleList .circleLink {
	margin: 0;
	padding: 0;
	display: flex;
	align-items: center;
	gap: 20px;
}
.circleList .circleLinkItem {
	width: 30px;
	margin-bottom: 0;
	list-style: none;
}
.circleList .circleLinkItem img {
	transition: all 0.3s ease;
}
.circleList .donationItem {
	width: auto;
	margin-left: auto;
}
.circleList .btn.donation {
	color: #492d65;
	background: #fff;
	border: 1px solid #492d65;
}

@media (any-hover: hover) {
	.circleList .btn.donation:hover {
		color: #fff;
		background: #492d65;
	}
}

@media only screen and (max-width: 1160px) {
	.circleList .circleLink {
		gap: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.secDetail .circleList {
		margin: 0 6% 30px;
	}
	.secDetail .circleList.clm_2 {
		flex-direction: column;
	}
	.circleList.clm_2 .circleListItem {
		width: 100%;
	}
	.circleList .circleWrap {
		flex-direction: column;
		gap: 20px;
	}
	.circleList .imgArea {
		width: 100%;
	}
}

/* ------------------------------------
	sub
------------------------------------ */
#sub {
	width: 23%;
	margin: 0 0 80px;
	padding: 40px 0 0;
	position: relative;
	float: left;
	z-index: 3;
}
#sub a {
	display: block;
	text-decoration: none;
}
#sub h2 a {
	padding: 1em 10%;
	display: block;
	color: #ffffff;
	background: #492d65;
}
#sub nav {
	margin: 0 0 20px 0;
	padding: 0;
	background: #ffffff;
	border-left: 1px solid #e2e2e2;
	border-right: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	overflow: hidden;
}
#sub nav a {
	display: block;
	position: relative;
	color: #000000;
	letter-spacing: 0;
}
#sub nav .switchBtn:before,
#sub nav a:before,
#sub nav a:after {
	font-family: 'komazawa';
}
#sub nav ul li {
	position: relative;
}
#sub nav li.active > a {
	color: #492d65;
}
#sub nav > ul > li > a {
	padding: 1em 3em 1em 1em;
	font-size: 0.938em;
	background: #e4dfea;
	border-bottom: 1px solid #ffffff;
}
#sub nav > ul > li > ul > li:last-of-type a {
	border-bottom: none;
}
#sub nav > ul li .switchBtn {
	width: 3em;
	height: 3.4em;
	text-align: center;
	line-height: 3.4em;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
}
#sub nav > ul li .switchBtn:before {
	content: "\e91d";
}
#sub nav > ul li.active.parent > .switchBtn:before,
#sub nav > ul li.active > .switchBtn:before {
	content: "\e91a";
	color: #492d65;
}
#sub nav > ul li.parent > .switchBtn:before {
	content: "\e91d";
}
#sub nav ul li > ul {
	height: 0;
	opacity: 0;
	transition: all 0.3s ease;
}
#sub nav ul li.active > ul {
	height: auto;
	opacity: 1;
	transition: all 0.3s ease;
}
#sub nav > ul > li > ul > li a {
	padding: 0.8em 3em 0.8em 2em;
	display: block;
	font-size: 0.875em;
	border-bottom: 1px solid #e2e2e2;
}
#sub nav > ul > li > ul > li .switchBtn {
	height: 3.2em;
	line-height: 3.2em;
	font-size: 0.875em;
}
#sub nav > ul > li > ul > li a:before {
	content: "\e90a";
	font-size: 0.875em;
	position: absolute;
	top: 1.1em;
	left: 1em;
}
#sub nav > ul > li > ul > li.active > a {
	color: #492d65;
}
#sub nav > ul > li > ul > li > ul > li > a {
	padding: 0.4em 3em 0.4em 3.5em;
	display: block;
	font-size: 0.85em;
	color: #8a8a8a;
	border-bottom: 1px dotted #e2e2e2;
}
#sub nav > ul > li > ul > li > ul > li .switchBtn {
	height: 2.5em;
	line-height: 2.5em;
	font-size: 0.85em;
}
#sub nav > ul > li > ul > li > ul > li > a:before {
	font-size: 0.85em;
	top: 0.6em;
	left: 2.5em;
}
#sub nav > ul > li > ul > li > ul > li.active > a {
	color: #492d65;
}
#sub nav > ul > li > ul > li > ul > li:last-of-type > a {
	border-bottom: 1px solid #e2e2e2;
}
#sub nav > ul > li > ul > li > ul > li > ul {
	border-bottom: 1px dotted #e2e2e2;
}
#sub nav > ul > li > ul > li > ul > li > ul > li > a {
	padding: 0.3em 1em 0.3em 5em;
	display: block;
	font-size: 0.8em;
	color: #8a8a8a;
	border-bottom: none;
}
#sub nav > ul > li > ul > li > ul > li > ul > li > a:before {
	top: 0.5em;
	left: 4em;
}
#sub .subBanner li {
	margin: 0 0 10px 0;
	box-shadow: 0 0 5px #e8e8e8;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#sub .subBanner li img {
	max-width: 100%;
	height: auto;
	display: block;
}

@media only screen and (max-width: 1180px) {
	#sub {
		width: 26%;
	}
}

@media only screen and (max-width: 768px) {
	#sub {
		width: 88%;
		margin: 0 auto 40px;
		padding: 0;
		float: none;
	}
	#sub .subBanner li img {
		width: 100%;
		height: auto;
	}
}
/* ------------------------------------
	MT
------------------------------------ */
#setEntryBase .mt-enclosure-image {
	width: 100%;
	display: block;
	text-align: center;
}
#setEntryBase .mt-enclosure-image > img {
	margin: 0 20px 30px 30px;
}
#setEntryBase .mt-enclosure-image .mt-image-right {
	margin: 0 30px 20px 20px !important;
}
#setEntryBase .mt-enclosure-image .mt-image-left {
	margin: 0 20px 20px 30px !important;
}
#setEntryBase .mt-enclosure-image .mt-image-center {
	margin: 0 auto 20px  !important;
}
#setEntryBase .mt-enclosure-image > img,
#setEntryBase .mt-enclosure-image .mt-image-right,
#setEntryBase .mt-enclosure-image .mt-image-left,
#setEntryBase .mt-enclosure-image .mt-image-center {
	height: auto;
}
#setEntryBase .figArea figure .mt-enclosure-image img {
	height: auto;
	margin: 0;
	vertical-align: bottom;
}
#setEntryBase .figArea.clm2 .mt-enclosure-image figure {
	max-width: 270px;
}
#setEntryBase .figArea.clm3 .mt-enclosure-image figure {
	max-width: 165px;
}
#setEntryBase .figArea.clm2 figure .mt-enclosure-image img,
#setEntryBase .figArea.clm3 figure .mt-enclosure-image img {
	max-width: 100%;
}
#oneCol  #setEntryBase .thumbBox {
	margin: 0 30px 0 40px;
}
#oneCol  #setEntryBase .imgFLR {
	max-width: 920px;
	max-height: 700px;
}
@media only screen and (max-width: 768px) {
	#setEntryBase img {
		max-width: 100%;
		height: auto;
	}
	#setEntryBase .mt-image-right,
	#setEntryBase .mt-image-left {
		max-width: 50%;
		height: auto;
	}
	#setEntryBase .mt-enclosure-image > img {
		max-width: 50%;
		height: auto;
		margin: 0 20px 20px 6% !important;
	}
	#setEntryBase .mt-enclosure-image .mt-image-right {
		max-width: 50%;
		height: auto;
		margin: 0 6% 20px 20px !important;
	}
	#setEntryBase .mt-enclosure-image .mt-image-left {
		max-width: 50%;
		height: auto;
		margin: 0 20px 20px 6% !important;
	}
	#setEntryBase .mt-enclosure-image .mt-image-center {
		max-width: 88%;
		height: auto;
		margin: 0 6% 20px !important;
	}
	#setEntryBase .mt-enclosure-image p .mt-image-center {
		max-width: 100%;
		margin: 0 0 20px !important;
	}
	#setEntryBase .figArea figure .mt-enclosure-image img {
		max-width: 100%;
		height: auto;
		margin: 0 !important;
	}
	#oneCol  #setEntryBase .thumbBox {
		margin: 0 6%;
	}
	#oneCol  #setEntryBase .imgFLR {
		max-width: 100%;
		margin: 0 auto 20px;
	}
}

/*-----------------------------------------
	footer
-----------------------------------------*/
footer {
	border-top: 2px solid #ffffff;
	z-index: 5;
}

/* ------------------------------------
	hover opacity
------------------------------------ */
.archivelist a,
.info .infoList a,
.event .eventList a,
.definite a,
.noDate .noDateList a,
.thumb .thumbList a,
.archivelist > ul > li ul li a,
.mainBanner a,
.relative li a,
.rsltList a,
.campusList > li img,
.campusList > li dt a,
.loginLink ul li a,
.primaryLink li a,
#oneCol .newsList li a,
#sub a,
.bannerField li a {
	transition: all 0.3s ease;
}

@media only screen and (min-width: 768px) {
body.pcView .archivelist > ul > li ul li a:hover,
body.pcView .mainBanner a:hover,
body.pcView .relative li a:hover,
body.pcView .rsltList a:hover,
body.pcView .campusList > li img:hover,
body.pcView .campusList > li dt a:hover,
body.pcView .loginLink ul li a:hover,
body.pcView .primaryLink li a:hover,
body.pcView #oneCol .newsList li a:hover,
body.pcView #sub a:hover,
body.pcView .bannerField li a:hover {
	opacity: 0.6;
}
}

/* =====================================
	ClearFixElements
===================================== */
.clearfix:before,
.secDetail h1:before,
#wrapper #wrapInner:before,
.archivelist:before,
.relative:before,
.clearfix:after,
.secDetail h1:after,
#wrapper #wrapInner:after,
.archivelist:after,
.relative:after{
	content: " ";
	display: table;
}
.clearfix:after,
.secDetail h1:after,
#wrapper #wrapInner:after,
.archivelist:after,
.relative:after {
	clear: both;
}
.clearfix,
.secDetail h1,
#wrapper #wrapInner,
.archivelist,
.relative {
	*zoom: 1;
}

/* =====================================
	Print CSS
===================================== */
@media print {
	#wrapper #wrapInner.pageload:before {
		height: 100% !important;
	}
	#lowerSlideField .slick-track {
		width: 100%!important;
		transform: none!important;
	}
	#lowerSlideField .slick-track .slick-slide {
		width: 100% !important;
		min-height: auto !important;
	}
	#lowerSlideField .slick-track .slick-slide img {
		display: none !important;
	}
	#lowerSlideField .slick-track .slick-slide.slick-active img {
		display: block !important;
	}
}