@charset "utf-8";


/*====================================================================

　Commons

====================================================================*/

html,body{
	width: 100%;
}
body{
	color: #313131;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
	font-size: 85%;
	line-height: 1.8;
	background-color: #fff;
}

.clear {
	clear: both;
	font-size: 1%;
	line-height: 0;
	height: 0;
}

.center { text-align: center; }
.right { text-align: right; }
.left { text-align: left; }

.icon {
	padding: 0 3px 0 5px;
	vertical-align: middle;
}

/* clearfix */
.clearfix { width: 100%; }
.clearfix:after {
	content: ""; 
	display: block; 
	clear: both;
}

input,
button,
select,
textarea {
  font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
}

/*
link
---------------------------------------------------------*/

a:link {
	color: #151b62;
	text-decoration: none;
}
a:visited {
	color: #151b62;
	text-decoration: none;
}
a:hover {
	color: #455bc9;
	text-decoration: underline;
}

/*
navskip
---------------------------------------------------------*/

.navskip { display: none; }

/*
fonts
---------------------------------------------------------*/

h1, h2, h3 {
	clear: both;
	font-size: 80%;
}

p {
	margin: 15px 0;
	font-size: 95%;
}

#contents .container section h2, 
#contents .container .sectionAll h2 {
	position: relative;
	display: block;
	margin-bottom: 30px;
	padding-top: 20px;
	font-size: 190%;
	line-height: 148%;
	border-top: 2px solid #cfcfdb;
	overflow: visible;
}
#contents .container section h2:before, 
#contents .container .sectionAll h2:before {
	content: "";
	background-color: #151b62;
	width: 300px;
	height: 2px;
	display: block;
	position: absolute;
	top: -2px;
	left: 0;
}

#contents .container section .contentArea h2, 
#contents .container .sectionAll .contentArea h2 {
	margin-bottom: 30px;
	padding: 0 0 15px 0;
	font-size: 150%;
	line-height: 148%;
	border-top: none;
	border-bottom: 2px solid #151b62;
}
#contents .container section .contentArea h2:before, 
#contents .container .sectionAll .contentArea h2:before {
	display: none;
}

#contents .container section h3, 
#contents .container .sectionAll h3 {
	margin: 35px 0 20px 0;
	padding: 10px 15px;
	font-size: 120%;
	background-color: #f2f2f2;
	border-left: 2px solid #151b62;
}
	#contents .container section h3 a, 
	#contents .container .sectionAll h3 a {
		display: block;
		background: url(../img/common/ico_arrow_blue.svg) no-repeat right center;
		background-size: 21px 21px;
	}

#contents .container section h4 {
	margin: 25px 0 20px 0;
	padding: 5px 0;
	color: #151b62;
	font-size: 110%;
	border-bottom: 1px solid #151b62;
}
#contents .container .sectionAll h4 {
	margin: 25px 0 20px 0;
	padding: 5px 0;
	font-size: 115%;
	border-bottom: 1px dashed #151b62;
}

.subtit {
	color: #151b62;
	font-size: 130%;
}
#contents .container .sectionAll .contentArea .subtit {
	margin: 10px 0;
	padding: 0;
	color: #151b62;
	font-size: 130%;
	border: none;
}

#contents .container .catch {
	color: #252d8c;
	font-size: 130%;
}

#contents .container .caption {
	font-size: 100%;
}

#contents .container .small {
	font-size: 90%;
}

.font_kerning {
	letter-spacing: -0.15em;
}

.txt_deco01 { color: #be1717; }
.txt_deco02 { color: #900b01; }
.txt_deco03 { color: #999; }
.txt_deco04 { color: #151b62; }

/*
container
---------------------------------------------------------*/

@media (max-width: 991px) {
	html { -webkit-text-size-adjust: 100% } /* 文字サイズの自動調整をオフ */
	
	#head .container,
	#gnav .container,
	.banner-wrap .container,
	.main-wrap .container, 
	header .container, 
	#gnav .container, 
	#contents .container {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
}


/*====================================================================

　Header

====================================================================*/

header {
	position: relative;
	z-index: 5300;
	height: 120px;
	background-color: #151b62;
	background-image: -moz-linear-gradient(top, #010539, #0d135c);
	background-image: -ms-linear-gradient(top, #010539, #0d135c);
	background-image: -webkit-linear-gradient(top, #010539, #0d135c);
	background-image: linear-gradient(top, #010539, #0d135c);
}

@media (max-width: 991px) {
	header {
		height: auto;
	}
}

#head {
	padding: 0;
	height: 45px;
}

header .container {
	position: relative;
	margin: 0 auto;
	width: 1020px;
}

@media (max-width: 1090px) {
	header .container {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
}

@media (max-width: 991px) {
	#head {
		padding-bottom: 20px;
		height: auto;
	}
	#header-link {
		display: none;
	}
	header .container {
		padding: 0;
		min-height: 90px;
	}
	header #head .container {
		padding: 0;
		height: auto;
	}
}

/* text-menu */
.text-menu {
	position: absolute;
	top: 20px;
	left: 10px;
	padding-left: 40px;
	color: #fff;
}
.drawer-hamburger {
	position: absolute;
	padding-right: 70px;
}

/*
logo
---------------------------------------------------------*/

#logoArea {
	position: relative;
}
	#logo {
		position: absolute;
		top: 35px;
	}
		#logo img {
			display: block;
			width: 235px;
			height: 50px;
		}

@media (max-width: 1050px) {
	#logoArea {
		z-index: 102;
		background-color: #151b62;
		background-image: -moz-linear-gradient(top, #010539, #0d135c);
		background-image: -ms-linear-gradient(top, #010539, #0d135c);
		background-image: -webkit-linear-gradient(top, #010539, #0d135c);
		background-image: linear-gradient(top, #010539, #0d135c);
	}
		#logo img {
			width: 210px;
			height: 45px;
		}
}
@media (max-width: 991px) {
	#logo {
		top: 20px;
		left: 20px;
	}
}
@media (max-width: 640px) {
	#logo {
		top: 20px;
		left: 10px;
	}
		#logo img {
			width: 190px;
			height: 40px;
		}
}

/*
sitenav
---------------------------------------------------------*/

#headerLink {
	padding-top: 5px;
	text-align: right;
}

#sitenav {
	display: inline-block;
	padding-top: 10px;
}
	#sitenav > li {
		display: inline-block;
		padding-right: 10px;
		padding-left: 10px;
	}
		#sitenav > li a {
			color: #d7dde4;
			font-size: 80%;
			transition: opacity .3s;
		}
		#sitenav > li.resident a {
			padding-left: 21px;
			color: #fff;
			font-size: 90%;
			background: url(../img/common/ico_resident.png) no-repeat 0 center;
			background-size: 18px 18px;
		}
		#sitenav > li a:hover {
			opacity: 0.6;
			text-decoration: none;
		}

@media (max-width: 991px) {
	#headerLink {
		padding-top: 0;
		text-align: left;
	}
	#sitenav {
		display: block;
		padding: 0;
		border-top: 1px solid #393f6f;
	}
		#sitenav > li {
			display: block;
			padding: 0;
			width: 50%;
			float: left;
			border-bottom: 1px solid #393f6f;
		}
		#sitenav > li:nth-child(odd) {
			border-right: 1px solid #393f6f;
		}
		#sitenav > li.resident {
			width: 100%;
		}
			#sitenav > li a {
				display: block;
				padding: 10px 20px;
				font-size: 100%;
			}
			#sitenav > li.resident a {
				display: block;
				padding: 10px 20px 10px 41px;
				font-size: 100%;
				background: url(../img/common/ico_resident.png) no-repeat 20px center;
				background-size: 18px 18px;
			}
}

/*
headerSearch
---------------------------------------------------------*/

.headerSearch {
	display: inline-block;
	padding-top: 6px;
}
.searchform {
	position: relative;
	padding: 0 30px 0 10px;
}
.inputText {
	display: inline-block;
	outline: 0;
	padding: 3px 6px;
	color: #fff;
	width: 150px;
	height: 28px;
	border: 1px solid #373b6c;
	border-radius: 0;
	background-color: #373b6c;
	-webkit-box-shadow: none;
	box-shadow: none;
	vertical-align: middle;
	font-size: 95%;
	line-height: 1;
	transition: color .3s, background-color .3s;
}
	.inputText:focus {
		color: #000;
		background-color: #fff;
	}
.iconSearch {
	position: absolute;
	top: 0;
	right: 0;
	width: 28px;
	height: 28px;
	background-color: #000d1c;
	border-radius: 0;
	transition: all .3s;
}
	.iconSearch:hover {
		opacity: 0.6;
	}

@media (max-width: 991px) {
	.headerSearch {
		padding: 13px 0;
	}
	.inputText {
		width: 200px;
		background-color: #fff;
	}
}

/* tableの枠線や余白をリセット */
.gsc-control-cse table.gsc-search-box, 
table.gsc-search-box, 
table.gsc-search-box td, 
table.gsc-search-box table, 
.gsc-above-wrapper-area table, 
.gsc-above-wrapper-area table td, 
.gsc-resultsHeader, 
.gsc-resultsHeader td, 
.gsc-table-result, 
.gsc-table-result td, 
.gsc-completion-container td, 
.gsc-wrapper td, 
.gcsc-branding {
	margin: 0 !important;
	padding: 0 !important;
	font-size: 100% !important;
	border: none !important;
}
table.gsc-search-box .gsib_a {
	padding: 0 3px;
}
#search .gsc-search-box-tools .gsc-search-box td {
	vertical-align: top;
}
#search .gsc-search-box-tools .gsc-search-box .gsc-input {
	padding-right: 3px;
	width: 140px !important;
}
/* 検索フォームの高さ調整（ヘッダー） */
#search .gsc-input-box {
	height: 22px;
}
/* 検索フォームのボックスシャドウをなくす */
.gsc-search-box .gsc-input > input:focus, 
.gsc-input-box-focus {
	box-shadow: none !important;
}
.gsc-search-box .gsc-input > input:hover, 
.gsc-input-box-hover {
	box-shadow: none !important;
}
/* 検索フォームのフォントサイズを調整 */
input.gsc-input {
	font-size: 13px !important;
}
/* 検索フォームの×を隠す */
.gsst_b {
	display: none;
}
/* 検索ボタンの高さを調整 */
.cse .gsc-search-button input.gsc-search-button-v2, 
input.gsc-search-button-v2 {
	margin: 0 !important;
}
/* 検索ボタンのサイズを調整（ヘッダー） */
#search .cse .gsc-search-button input.gsc-search-button-v2, 
#search input.gsc-search-button-v2 {
	padding: 5px 9px 4px 9px !important;
}
/* 予測検索のフォントサイズ調整 */
.gsc-completion-container td {
	font-size: 14px !important;
}
/* 表示順部分の左右の余白をなくす */
.cse .gsc-control-cse, .gsc-control-cse {
	padding: 0 !important;
}
/* Googleロゴに別窓アイコンが追加されるのを隠す */
#main_contents .gcsc-branding a.gcsc-branding-clickable {
	margin: 0;
	padding: 0;
	background: none;
}
/* 検索結果の余白をなくす */
.gsc-table-result, 
.gsc-thumbnail-inside, 
.gsc-url-top {
	padding: 0 !important;
}
/* 検索結果の項目小言の余白を調整 */
.gsc-webResult .gsc-result {
	padding: 10px 0 !important;
}
/* 検索結果のサムネイル画像の大きさを統一 */
.gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
	width: 80px !important;
}
.gs-web-image-box-portrait img.gs-image, 
.gs-web-image-box-landscape img.gs-image {
	max-width: 70px !important;
	max-height: 120px !important;
}
/* 表示順のプルダウンメニューのサイズを調整 */
.container .gsc-selected-option-container {
	width: 100px !important;
}
/* ページャー */
.gsc-cursor-box {
	margin-top: 30px !important;
	padding-top: 10px;
}
.gsc-cursor .gsc-cursor-page {
	margin: 0 !important;
	padding: 5px 10px;
	font-size: 15px;
}
.gsc-cursor .gsc-cursor-page + .gsc-cursor-page {
	border-left: 1px solid #eee;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
	background-color: #f5f5f5 !important;
	border-color: #fff !important;
}
.gsc-cursor-current-page, 
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
	color: #fff !important;
	font-weight: bold !important;
	background-color: #151b62 !important;
}
/* タイトルの文字の高さ調整 */
.gsc-result .gs-title {
	height: 1.6em !important;
}

/* 検索結果 */
#main .gsc-input-box {
	border: 1px solid #d9d9d9;
}


/*
gnav
---------------------------------------------------------*/

#gnav {
	position: absolute;
	top: 45px;
	right: 0;
	display: table;
	margin: 18px 0 0 0;
	min-height: 30px;
	width: 760px;
	float: right;
}
	#gnav .container {
		margin: 0;
		padding: 0;
		width: 760px;
	}
		#gnav .mainNav {
			border-right: 1px solid #393f6f;
		}
			#gnav .mainNav li {
				display: table-cell;
				width: 1%;
				border-left: 1px solid #393f6f;
			}
				#gnav .mainNav li a {
					display: block;
					padding: 2px 5px;
					color: #fff;
					font-size: 14px;
					line-height: 1.4;
					text-align: center;
					white-space: nowrap;
					transition: color .3s;
				}
				#gnav .mainNav li a:hover, 
				#gnav .mainNav li a.select {
					color: #80a2d2;
					text-decoration: none;
				}

@media (max-width: 991px) {
	#gnav {
		position: static;
		display: block;
		margin: 0;
		width: 100%;
	}
		#gnav .container {
			margin: 0;
			padding: 0;
			width: 100%;
		}
			#gnav .mainNav {
				border-right: none;
			}
				#gnav .mainNav li {
					display: block;
					width: 100%;
					border-left: none;
					border-top: 1px solid #393f6f;
				}
					#gnav .mainNav li a {
						padding: 15px 20px;
						background: url(../img/common/ico_arrow_white.svg) no-repeat 95% center;
						background-size: 7px 7px;
						text-align: left;
					}
}

/* drawer-toggle */

.drawer-toggle {
	display: none;
}
@media (max-width: 991px) {
	.drawer-toggle {
		display: block;
	}
	.drawer--top.drawer-open .drawer-nav {
		top: 90px;
	}
	.drawer-menu {
		padding-bottom: 90px;
	}
	.drawer-nav {
		background-color: #151b62;
		background-image: -moz-linear-gradient(top, #010539, #0d135c);
		background-image: -ms-linear-gradient(top, #010539, #0d135c);
		background-image: -webkit-linear-gradient(top, #010539, #0d135c);
		background-image: linear-gradient(top, #010539, #0d135c);
	}
}

.drawer-open .drawer-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5200;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
}


/*====================================================================

　Contents

====================================================================*/

#contents .container {
	margin: 0 auto;
	width: 1020px;
}
#contents .container p {
	font-size: 110%;
}
#contents .container section p img {
	margin: 0 5px 5px 0;
}
@media (max-width: 991px) {
	#contents .container {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
}

/*
section（メインコンテンツ）
---------------------------------------------------------*/

#contents .container section {
	padding-left: 20px;
	width: 75%;
	float: right;
}
@media (max-width: 991px) {
	#contents .container section {
		padding-left: 0;
		width: 100%;
		float: none;
	}
	#contents .container section img, 
	#contents .container .sectionAll img {
		max-width: 100%;
	}
}

/*
subnav
---------------------------------------------------------*/

#contents .container #subnav {
	padding-right: 30px;
	width: 25%;
	float: left;
}
	#contents .container #subnav #subnav_toggle {
		display: none;
	}
	#contents .container #subnav .subnavTitle {
		font-size: 100%;
	}
	#contents .container #subnav .subnavTitle a {
		display: block;
		padding: 12px 15px;
		color: #fff;
		font-size: 100%;
		text-decoration: none;
		background-color: #151b62;
	}
		#contents .container #subnav #subnavList ul {
			border-top: 1px solid #e5e5e5;
		}
		#contents .container #subnav #subnavList li {
			border-bottom: 1px solid #e5e5e5;
		}
			#contents .container #subnav #subnavList li a {
				display: block;
				padding: 9px 30px 9px 10px;
				text-decoration: none;
				background: url(../img/common/ico_arrow_blue02.svg) no-repeat right center;
				background-size: 13px 13px;
				transition: all .3s;
			}
			#contents .container #subnav #subnavList li a:hover {
				background-color: #f5f5f5;
			}
			#contents .container #subnav #subnavList li a.select {
				color: #151b62;
				background-color: #f0f0f0;
			}
				#contents .container #subnav #subnavList li ul {
					padding: 5px 15px 10px 15px;
					background-color: #f0f0f0;
					border-top: none;
				}
				#contents .container #subnav #subnavList li li {
					background-color: #fff;
					border-top: 1px solid #e5e5e5;
					border-bottom: none;
				}
					#contents .container #subnav #subnavList li li a {
						padding: 7px 20px 7px 25px;
						font-size: 90%;
						line-height: 1.5;
						background: url(../img/common/ico_arrow_blue03.svg) no-repeat 10px center;
						background-size: 6px 5px;
					}
					#contents .container #subnav #subnavList li li a:hover {
						background-color: transparent;
					}
					#contents .container #subnav #subnavList li li a.select {
						color: #151b62;
						font-weight: bold;
						background-color: transparent;
					}
@media (max-width: 991px) {
	#contents .container #subnav {
		margin-top: -10px;
		margin-bottom: 30px;
		padding-right: 0;
		width: 100%;
		float: none;
	}
	#contents .container #subnav #subnav_toggle {
		display: block;
		padding: 15px 40px 15px 20px;
		color: #fff;
		width: 100%;
		background: url(../img/common/ico_arrow_down.png) no-repeat 97% center #151b62;
		background-size: 18px 10px;
		box-sizing: border-box;
	}
		#contents .container #subnav #subnav_toggle.open {
			background-image: url(../img/common/ico_arrow_up.png);
		}
	#contents .container #subnav .subnavTitle {
		display: none;
	}
}


/* mainTitle */
#mainTitleCover {
	margin: 15px 0 40px 0;
	padding-bottom: 30px;
	border-bottom: 1px solid #e5e5e5;
}
#mainTitleInner {
	margin: 0 auto;
	width: 1020px;
}
#mainTitleCover::after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
	#mainTitle {
		display: inline-block;
		margin-right: 35px;
		font-size: 240%;
		font-weight: normal;
		float: left;
	}
	#mainTitleInner p {
		font-size: 100%;
	}
@media (max-width: 991px) {
	#mainTitleCover {
		margin: 10px 0 40px 0;
		padding-bottom: 20px;
	}
	#mainTitleInner {
		padding: 0 20px;
		width: 100%;
	}
		#mainTitle {
			display: block;
			float: none;
		}
		#mainTitleInner p {
			margin: 0;
		}
}
@media (max-width: 640px) {
		#mainTitle {
			font-size: 180%;
		}
}

/* breadcrumb */
#breadcrumb {
	margin: 10px 0;
	padding: 7px 0;
	font-size: 85%;
	width: 100%;
}
#breadcrumbInner {
	margin: 0 auto;
	width: 1020px;
}
	#breadcrumb #breadcrumbInner li {
		display: inline;
		margin-right: 10px;
	}
	#breadcrumb #breadcrumbInner li a {
		margin-right: 10px;
	}
		#breadcrumb #breadcrumbInner li a.home {
			padding-left: 18px;
			background: url(../img/common/ico_home.png) no-repeat 0 50%;
		}
@media (max-width: 991px) {
	#breadcrumbInner {
		padding: 0 20px;
		width: 100%;
	}
}

/* textBtn */
.textBtn {
}
	.textBtn a {
		padding: 10px 15px;
		color: #151b62;
		border: 1px solid #151b62;
		transition: color .3s, background-color .3s;
	}
	.textBtn a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #151b62;
	}
		.textBtn a span {
			padding-right: 30px;
			background: url(../img/common/ico_arrow_blue.svg) no-repeat right center;
			background-size: 21px 21px;
		}

/* textBtn02 */
.textBtn02 {
	margin-bottom: 30px;
}
	.textBtn02 a {
		display: block;
		padding: 10px 15px;
		color: #151b62;
		border: 1px solid #151b62;
		transition: background-color .3s;
	}
	.textBtn02 a:hover {
		color: #fff;
		text-decoration: none;
		background-color: #151b62;
	}
	.textBtn02 a.extlink {
		background-position: 97% center;
	}
		.textBtn02 a span {
			padding: 0 30px;
			background: url(../img/common/ico_arrow_blue.svg) no-repeat left center;
			background-size: 21px 21px;
		}

/* more */
.moreBtn {
	text-align: center;
}
	.moreBtn a {
		padding-left: 30px;
		background: url(../img/common/ico_arrow_blue.svg) no-repeat left center;
		background-size: 21px 21px;
	}

/* top_title02 */
.top_title02 {
	margin-bottom: 10px;
	font-size: 120%;
}

/* imgRight */
.imgRight img {
	margin: 0 0 20px 30px;
	float: right;
}
@media (max-width: 640px) {
	.imgRight {
		text-align: center;
	}
		.imgRight img {
			margin: 0 0 10px 0;
			float: none;
		}
}

/* box01 */
.box01 {
	margin: 20px 0;
	padding: 15px 30px;
	background-color: #f0f0f3;
	border: 1px solid #cfcfdb;
}

/* box02 */
.box02 {
	margin: 20px 0;
	background-color: #f0f0f3;
	border: 1px solid #cfcfdb;
}
	.box02 .photoBox {
		width: 30%;
		float: left;
	}
		.box02 .photoBox img {
			width: 100%;
			height: auto;
		}
	.box02 .textBox {
		padding: 15px 30px;
		width: 70%;
		float: left;
	}
@media (max-width: 991px) {
	.box02 .photoBox {
		padding: 25px 0 25px 30px;
	}
}
@media (max-width: 640px) {
	.box02 .photoBox {
		padding: 25px 30px 0 30px;
		width: 100%;
		float: none;
	}
	.box02 .textBox {
		width: 100%;
		float: none;
	}
}

.bg_blue {
	display: inline-block;
	padding: 3px 10px;
	color: #fff;
	font-size: 55%;
	font-weight: normal;
	background-color: #1c709f;
}


/*
List
---------------------------------------------------------*/

/* linkList */
.linkList, 
#contents .container section ul.linkList, 
#contents .container .sectionAll ul.linkList {
	margin: 10px 0;
	font-size: 110%;
}
	.linkList li, 
	#contents .container section ul.linkList li, 
	#contents .container .sectionAll ul.linkList li {
		margin: 0;
		padding: 0 0 0 20px;
		background: url(../img/common/ico_arrow_blue02.svg) no-repeat 0 0.4em;
		background-size: 13px 13px;
		list-style-type: none;
	}

/* linkList02 */
.linkList02, 
#contents .container section ul.linkList02, 
#contents .container .sectionAll ul.linkList02 {
	margin: 10px 0;
	font-size: 110%;
}
	.linkList02 li, 
	#contents .container section ul.linkList02 li, 
	#contents .container .sectionAll ul.linkList02 li {
		margin: 0 0 10px 0;
		padding: 0 0 10px 20px;
		background: url(../img/common/ico_arrow_blue02.svg) no-repeat 0 0.4em;
		background-size: 13px 13px;
		border-bottom: 1px solid #ddd;
		list-style-type: none;
	}
		.linkList02 li a, 
		#contents .container section ul.linkList02 li a, 
		#contents .container .sectionAll ul.linkList02 li a {
			font-weight: bold;
		}

/* linkList_2col */
.linkList_2col, 
#contents .container section ul.linkList_2col, 
#contents .container .sectionAll ul.linkList_2col {
	margin: 10px 0;
	font-size: 110%;
}
	.linkList_2col li, 
	#contents .container section ul.linkList_2col li, 
	#contents .container .sectionAll ul.linkList_2col li {
		margin: 0;
		padding: 0 0 0 20px;
		width: 50%;
		float: left;
		background: url(../img/common/ico_arrow_blue02.svg) no-repeat 0 0.4em;
		background-size: 13px 13px;
		list-style-type: none;
	}
@media (max-width: 640px) {
	.linkList_2col li, 
	#contents .container section ul.linkList_2col li, 
	#contents .container .sectionAll ul.linkList_2col li {
		width: 100%;
		left: none;
	}
}

/* ul */
#contents .container section ul {
	margin: 10px 0;
	font-size: 110%;
}
	#contents .container section ul li {
		margin: 0 0 0 20px;
		list-style-type: disc;
	}

/* ol */
#contents .container section ol {
	margin: 10px 0;
	font-size: 110%;
}
	#contents .container section ol li {
		margin: 0 0 0 25px;
		list-style-type: decimal;
	}


/*
anchor
---------------------------------------------------------*/

.anchor {
	margin: 0 0 40px 0;
	padding: 3px 10px;
	font-size: 95%;
	background-color: #f5f5f5;
}
	.anchor li {
		display: inline-block;
		margin: 5px 15px 5px 0;
	}
		.anchor li .arrow {
			padding: 0 5px 0 0;
			color: #151b62;
			font-size: 85%;
		}
		.anchor li a:hover {
			text-decoration: none;
		}


/*
pager
---------------------------------------------------------*/

.pager {
	margin-left: 10px;
	text-align: center;
}
	.pager span, 
	.pager a {
		display: inline-block;
		margin: 0 2px 2px 0;
		padding: 3px 10px;
		background-color: #151b62;
	}
	.pager span, 
	.pager a:hover {
		color: #fff;
		background-color: #151b62;
	}
	.pager a {
		color: #151b62;
		text-decoration: none;
		background-color: #f5f5f5;
	}


/*
table
---------------------------------------------------------*/

#contents .container table {
	margin: 20px 0;
	font-size: 110%;
	width: 100%;
}
#contents .container table th,
#contents .container table td {
	padding: 10px 15px;
	border: 1px solid #d5d5d5;
	vertical-align: top;
}
#contents .container table th {
	font-weight: normal;
	background-color: #f2f2f2;
}
@media (max-width: 640px) {
	#contents .container table, 
	#contents .container table thead, 
	#contents .container table tbody, 
	#contents .container table tr, 
	#contents .container table th, 
	#contents .container table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}
	table caption {
		display: block;
	}
	#contents .container table {
		border-bottom: 1px solid #d5d5d5;
	}
	#contents .container table th, 
	#contents .container table td {
		padding: 7px 12px;
		border-bottom: none;
	}
	#contents .container table th {
		clear: both;
		text-align: left;
	}
	
	/* 横スクロール表示 */
	#contents .container .tableWrap table {
		margin: 0;
		display: table;
		width: 100%;
	}
	#contents .container .tableWrap table thead {
		display: table-header-group;
		width: 100%;
	}
	#contents .container .tableWrap table tbody {
		display: table-row-group;
		width: 100%;
	}
	#contents .container .tableWrap table tr {
		display: table-row;
		width: 100%;
	}
	#contents .container .tableWrap table th, 
	#contents .container .tableWrap table td {
		display: table-cell;
		width: auto;
	}
	#contents .container .tableWrap table th, 
	#contents .container .tableWrap table td {
		padding: 10px;
		min-width: 100px;
		word-break: break-all;
		word-wrap: break-word;
	}
	#contents .container .tableWrap {
		overflow: scroll;
	}
	#contents .container .tableWrap::-webkit-scrollbar {
		width: 0;
		height: 5px;
	}
	#contents .container .tableWrap::-webkit-scrollbar-track {
	 background: #fafafa;
	}
	#contents .container .tableWrap::-webkit-scrollbar-thumb {
	 background: #d7d7d7;
	}
}


/*
unitArea
---------------------------------------------------------*/

.unitArea {	
}
	.unitArea li {
		margin: 0 35px 50px 0;
		width: 310px;
		float: left;
		border-top: 2px solid #151b62;
	}
	.unitArea li:nth-child(3n) {
		margin: 0 0 50px 0;
	}
		.unitArea li a:hover {
			text-decoration: none;
		}
			.unitArea .image img, 
			.unitArea a .image img {
				width: 310px;
				height: 130px;
				transition: opacity .3s;
			}
			.unitArea a:hover .image img {
				opacity: 0.7;
			}
			.unitArea .image h2 {
				padding: 15px 0 0 0;
				font-size: 120%;
			}
		#contents .container .unitArea li a p {
			margin: 0;
			padding: 5px 0;
			color: #313131;
			font-size: 105%;
		}
		.unitArea li .textBtn {
			display: inline-block;
			margin-top: 10px;
			padding: 7px 10px;
			color: #151b62;
			font-size: 90%;
			border: 1px solid #151b62;
			transition: background-color .3s;
		}
		.unitArea li a:hover .textBtn {
			color: #fff;
			background-color: #151b62;
		}
			.unitArea li .textBtn span {
				padding-right: 30px;
				background: url(../img/common/ico_arrow_blue.svg) no-repeat right center;
				background-size: 21px 21px;
			}
	
@media (max-width: 991px) {
	.unitArea li {
		margin: 0 4% 30px 0;
		width: 48%;
		float: left;
	}
	.unitArea li:nth-child(3n) {
		margin: 0 0 35px 0;
	}
	.unitArea li:nth-child(2n) {
		margin: 0 0 35px 0;
		float: right;
	}
		.unitArea .image img, 
		.unitArea a .image img {
			width: 100%;
			height: auto;
		}
		.unitArea .image h2 {
			padding: 10px 0 0 0;
			width: 100%;
		}
		.unitArea li a p {
			padding: 5px 0 10px 0;
		}
}
@media (max-width: 640px) {
	.unitArea li {
		margin: 0 0 35px 0;
		width: 100%;
		float: none;
	}
	.unitArea li:nth-child(3n) {
		margin: 0 0 35px 0;
	}
		.unitArea .image img, 
		.unitArea a .image img {
			width: 100%;
			height: auto;
		}
		.unitArea .image h2 {
			width: 100%;
		}
}


/*
menuList
---------------------------------------------------------*/

#contents .container .menuList ul li, 
#contents .container .menuList ul li:nth-child(3n) {
	margin: 0 0 15px 0;
	font-size: 110%;
	list-style-type: none;
}
	.menuList li a {
		display: block;
		padding: 9px 45px 9px 15px;
		background: url(../img/common/ico_arrow_blue.svg) no-repeat 98% center;
		background-size: 21px 21px;
		border: 1px solid #d5d5d5;
		transition: all .3s;
	}
	.menuList li a:hover {
		color: #455bc9;
		background-color: #f5f5f5;
	}
	
@media (max-width: 991px) {
	.menuList li, 
	.menuList li:nth-child(3n), 
	.menuList li:nth-child(2n) {
		margin: 0;
		width: 100%;
		float: none;
	}
}
@media (max-width: 640px) {
	.menuList li, 
	.menuList li:nth-child(3n) {
		margin: 0;
	}
}


/*
newsArea
---------------------------------------------------------*/

.newsArea {
	position: relative;
}

.headingCover {
	position: relative;
}

/* newsList */
.newsList, 
#contents .container section .newsList {
	margin: 0;
	padding: 15px 0 0 0;
	font-size: 100%;
	border-top: 1px solid #e3e3e5;
}
#contents .container section .newsList {
	padding: 0;
	border-top: none;
}
.newsList li::after, 
#contents .container section .newsList li::after {
	content: '';
	position: static;
	top: .8em;
	left: -1em;
	width: 8px;
	height: 8px;
	background-color: transparent;
	border-radius: 100%;
}

.newsList li, 
#contents .container section .newsList li {
	position: relative;
	margin: 0 0 15px 0;
	padding: 0 0 15px 0;
	width: 100%;
	border-bottom: 1px solid #e3e3e5;
	box-sizing: border-box;
	list-style-type: none;
}
.newsList li:after, 
.newsList li a:after, 
#contents .container section .newsList:after, 
#contents .container section .newsList li a:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.newsList li a {
	display: block;
	text-decoration: none;
}
.newsList li .news_photo img {
	margin-right: 20px;
	width: 120px;
	float: left;
	transition: all .3s;
}
	.newsList li a:hover .news_photo img {
		opacity: 0.7;
	}
.newsList li .news_text {
	margin-top: -5px;
	width: 520px;
	float: right;
}
#contents .container section .newsList li .news_text {
	width: 600px;
}
#en .newsList li .news_text { /* 英語版 */
	width: 880px;
}
	.newsList li .post_title, 
	#contents .container section .newsList li .post_title {
		margin: 3px 0 0 0;
		padding: 0;
		font-size: 105%;
		background-color: transparent;
		border: none;
	}
	#contents .container section .newsList li .post_title {
		margin: 7px 0 0 0;
		font-size: 110%;
	}
	.newsList li a:hover .post_title {
		color: #455bc9;
		text-decoration: underline;
	}
	#contents .container .newsList li .date, 
	#contents .container .newsTag .date {
		display: inline-block;
		margin: 0 10px 0 0;
		color: #313131;
		font-size: 95%;
	}
	#contents .container .newsTag .date {
		font-size: 110%;
	}
	#contents .container .newsList li .post_comment {
		margin: 3px 0 0 0;
		color: #515151;
		font-size: 95%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
	}
	.newsTag {
		margin-bottom: 10px;
	}

/* post_img */
#contents .container section .post_img, 
#contents .container .sectionAll .post_img {
	margin: 30px 0;
}
	#contents .container .post_img li {
		margin: 0;
		padding: 0 25px 15px 0;
		width: 50%;
		float: left;
		list-style-type: none;
	}
		#contents .container section .post_img li img, 
		#contents .container .sectionAll .post_img li img {
			padding: 7px;
			width: 100%;
			border: 1px solid #e5e5e5;
		}
		#contents .container section .post_img li p, 
		#contents .container .sectionAll .post_img li p {
			margin: 5px 0;
		}
	
/* pageback */
.pageback {
	margin: 35px 0 0 0;
	text-align: center;
}
	.pageback a {
		padding: 5px;
	}
		.pageback a span {
			padding-left: 30px;
			background: url(../img/common/ico_arrow_blue.svg) no-repeat 0 50%;
			background-size: 21px 21px;
		}

@media (max-width: 1100px) {
	.newsList li .news_photo img {
		margin-right: 0;
		width: 20%;
		height: auto;
	}
	.newsList li .news_text, 
	#en .newsList li .news_text, 
	#contents .container section .newsList li .news_text {
		width: 77%;
	}
	#contents .container section .newsList li .post_title {
		margin: 5px 0 0 0;
		font-size: 105%;
	}
}
@media (max-width: 991px) {
	.newsList li .news_photo img {
		margin-right: 0;
		width: 30%;
		height: auto;
	}
	.newsList li .news_text, 
	#en .newsList li .news_text, 
	#contents .container section .newsList li .news_text {
		width: 67%;
	}
		.newsList li .date {
			margin: 0 5px 0 0;
			font-size: 85%;
		}
}
@media (max-width: 640px) {
	#contents .container section .post_img li, 
	#contents .container .sectionAll .post_img li {
		padding: 0 0 15px 0;
		width: 100%;
		float: none;
	}
}

/* tag */
.newsList li .tag, 
#contents .container .newsTag .tag {
	display: inline-block;
	color: #fff;
	font-size: 80%;
	line-height: 1.3;
}
	.newsList li .tag span, 
	#contents .container .newsTag .tag span {
		display: inline-block;
		padding: 3px 7px;
		min-width: 100px;
		text-align: center;
	}
	.newsList li .tag .tag_news, 
	#contents .container .newsTag .tag .tag_news { background-color: #307eab; } /* ニュース */
	.newsList li .tag .tag_award, 
	#contents .container .newsTag .tag .tag_award { background-color: #675a8e; } /* 受賞・表彰 */
	.newsList li .tag .tag_event, 
	#contents .container .newsTag .tag .tag_event { background-color: #519897; } /* イベント */
	.newsList li .tag .tag_media, 
	#contents .container .newsTag .tag .tag_media { background-color: #c06a95; } /* メディア */
	.newsList li .tag .tag_officialannounce, 
	#contents .container .newsTag .tag .tag_officialannounce { background-color: #bba76c; } /* 事務部からのお知らせ */
	
	.newsList li .tag span.tag_headline, 
	#contents .container .newsTag .tag span.tag_headline {
		display: none;
	}

@media (max-width: 991px) {
	.newsList li .tag {
		font-size: 75%;
	}
		.newsList li .tag span {
			padding: 3px 5px;
			min-width: 80px;
		}
}

/* tabs */
.newsArea ul.tabs {
	display: table;
	position: absolute;
	right: 5px;
	bottom: -1px;
	width: 530px;
}
	.newsArea ul.tabs li {
		display: table-cell;
		padding: 8px 10px;
		font-size: 80%;
		min-height: 40px;
		background-color: #f0f0f0;
		border-top: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-bottom: 1px solid #ddd;
		border-left: 1px solid #ddd;
		text-align: center;
		box-sizing: border-box;
		vertical-align: middle;
		overflow: hidden;
		cursor: pointer;
	}
	.newsArea ul.tabs li + li {
		border-left: none;
	}
	.newsArea ul.tabs li:hover, 
	.newsArea ul.tabs li.select {
		color: #313131;
		background-color: #fff;
		border-bottom: none;
	}

@media (max-width: 991px) {
	.newsArea ul.tabs {
		display: block;
		margin-bottom: 15px;
		position: static;
		width: 100%;
		border-bottom: 1px solid #ddd;
	}
		.newsArea ul.tabs li {
			display: block;
			padding: 8px 5px;
			line-height: 1.2;
			width: 33.333%;
			height: auto;
			min-height: auto;
			float: left;
			border-bottom: none;
		}
		.newsArea ul.tabs li:nth-child(4) {
			border-left: 1px solid #ddd;
		}
		.newsArea ul.tabs li.select {
			color: #fff;
			background-color: #151b62;
		}
}

.hide {
	display: none;
}

/* moreBtn */
.newsArea .moreBtn {
	font-size: 90%;
	text-align: left;
}


/*
bnrArea
---------------------------------------------------------*/

.bnrArea {
	margin: 40px 0;
	padding-top: 30px;
	border-top: 1px solid #ebebec;
}

.bnrList {
}
	.bnrList li {
		margin: 0 13px 13px 0;
		width: 190px;
		float: left;
	}
	.bnrList li:nth-child(4n) {
		margin: 0 0 13px 0;
	}
	.bnrList li a {
		transition: all .3s;
	}
	.bnrList li a:hover {
		opacity: 0.7;
	}
		.bnrList li img {
			width: 190px;
			height: 60px;
		}

@media (max-width: 991px) {
	.bnrArea {
		margin-bottom: 30px;
	}
	.bnrList li {
		margin: 0 2% 2% 0;
		width: 49%;
	}
	.bnrList li:nth-child(2n) {
		margin: 0 0 2% 0;
	}
		.bnrList li img {
			width: 100%;
			height: auto;
		}
}


/*====================================================================

　Footer

====================================================================*/


/*
sitemap
---------------------------------------------------------*/

#sitemap .container {
	margin: 0 auto;
	width: 1020px;
}
@media (max-width: 991px) {
	#sitemap .container {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
}

#sitemap {
	padding: 35px 0 25px 0;
	background-color: #050b4f;
}
	#sitemap .column {
		font-size: 90%;
		width: 20%;
		float: left;
	}
		#sitemap .column li {
			margin: 0 0 7px 0;
		}
		#sitemap .column li a {
			color: #fff;
			transition: color .3s;
		}
		#sitemap .column li a:hover {
			color: #80a2d2;
			text-decoration: none;
		}

@media (max-width: 991px) {
	#sitemap {
		padding: 30px 0 10px 0;
	}
		#sitemap .column {
			width: 100%;
			float: none;
		}
		#sitemap .col1 a, 
		#sitemap .col2 a {
			display: block;
			padding: 5px;
			background-color: #373b6c;
			text-align: center;
		}
		#sitemap .col3, 
		#sitemap .col4, 
		#sitemap .col5, 
		#sitemap .col6 {
			display: none;
		}
			#sitemap .column li {
				margin: 0 0.5% 1% 0.5%;
				width: 49%;
				float: left;
			}
}


/*
copyright
---------------------------------------------------------*/

#copyright .container {
	margin: 0 auto;
	width: 1020px;
}
@media (max-width: 991px) {
	#copyright .container {
		padding-left: 20px;
		padding-right: 20px;
		width: 100%;
	}
}

#copyright {
	padding: 15px 0;
	background-color: #050b4f;
	border-top: 1px solid #282c53;
}
	#copyright small {
		color: #fff;
		font-size: 70%;
		opacity: 0.8;
	}

@media (max-width: 991px) {
	#copyright {
		padding: 0 0 15px 0;
		border: none;
		text-align: center;
	}
}


/*
pagetop
---------------------------------------------------------*/

#pagetop {
	position: fixed;
	z-index: 100;
	right: 20px;
	bottom: 30px;
}
#pagetop img {
	display: block;
	width: 50px;
	height: 50px;
	transition: all .3s;
}
#pagetop a:hover img{
	opacity: 0.7;
}

@media (max-width: 961px) {
	#pagetop {
		right: 0;
		bottom: 0;
	}
}
@media (max-width: 640px) {
	#pagetop {
		right: 0;
		bottom: 0;
	}
	#pagetop img {
			width: 40px;
			height: 40px;
		}
}


/*====================================================================

　about

====================================================================*/


/*
message
---------------------------------------------------------*/

.messagePhoto {
	margin: 0 0 20px 20px;
	width: 220px;
	float: right;
	text-align: center;
}
	.messagePhoto img {
		width: 110px;
		height: 140px;
	}
	#contents .container .messagePhoto p {
		font-size: 95%;
	}


/*
about
---------------------------------------------------------*/

/* map */
.access_map02 #map {
	width: 100%;
	height: 500px;
	background-color: #f0f0f0;
}
	.access_map02 #map p {
		margin: 5px 0;
		line-height: 1.4;
	}
	.gm-style .gm-style-iw p strong {
		font-size: 14px !important;
		font-weight: bold !important;
	}
	#contents .container section .access_map02 #map ul.small {
		font-size: 95%;
	}
.gm-style {
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}
@media (max-width: 991px) {
	.access_map02 #map {
		width: 100%;
		height: 270px;
	}
}


/*
movie
---------------------------------------------------------*/

.video video {
	width: 745px;
}
@media (max-width: 991px) {
	.video video {
		width: 100%;
	}
}



/*====================================================================

　field

====================================================================*/


/*
field
---------------------------------------------------------*/

.fieldArea {
	
}
	.fieldArea li {
		margin: 0 35px 40px 0;
		width: 310px;
		float: left;
	}
	.fieldArea li:nth-child(3n) {
		margin: 0 0 40px 0;
	}
		.fieldArea .image {
			position: relative;
		}
			.fieldArea .image img {
				width: 310px;
				height: 170px;
			}
			.fieldArea .image h2 {
				position: absolute;
				bottom: 0;
				padding: 9px 20px;
				color: #fff;
				font-size: 110%;
				width: 310px;
				background: url(../img/common/bg_blue.png) repeat;
			}
			.fieldArea .image a h2 {
				transition: background-color .3s;
			}
			.fieldArea .image a:hover h2 {
				background-color: #151b62;
			}
.fieldList li, 
.fieldList li:nth-child(3n) {
	margin: 0;
	font-size: 95%;
}
	.fieldList li a {
		display: block;
		padding: 9px 25px 9px 10px;
		color: #212121;
		background: url(../img/common/ico_arrow_blue.svg) no-repeat right center;
		background-size: 21px 21px;
		border-bottom: 1px solid #ddd;
		transition: color .3s, background-color .3s;
	}
	.fieldList li a:hover {
		color: #455bc9;
		background-color: #f5f5f5;
	}
	.fieldList li.title {
		padding: 9px 0 5px 0;
		color: #151b62;
		font-size: 100%;
		font-weight: bold;
		border-bottom: 1px solid #151b62;
	}
	
@media (max-width: 991px) {
	.fieldArea li {
		margin: 0 4% 30px 0;
		width: 48%;
		float: left;
	}
	.fieldArea li:nth-child(3n) {
		margin: 0 0 30px 0;
	}
	.fieldArea li:nth-child(2n) {
		margin: 0 0 30px 0;
		float: right;
	}
		.fieldArea .image img {
			width: 100%;
			height: auto;
		}
		.fieldArea .image h2 {
			width: 100%;
		}
	.fieldList li, 
	.fieldList li:nth-child(3n), 
	.fieldList li:nth-child(2n) {
		margin: 0;
		width: 100%;
		float: none;
	}
}
@media (max-width: 640px) {
	.fieldArea li {
		margin: 0 0 30px 0;
		width: 100%;
		float: none;
	}
	.fieldArea li:nth-child(3n) {
		margin: 0 0 30px 0;
	}
		.fieldArea .image img {
			width: 100%;
			height: auto;
		}
		.fieldArea .image h2 {
			width: 100%;
		}
	.fieldList li, 
	.fieldList li:nth-child(3n) {
		margin: 0;
	}
}


/*====================================================================

　result

====================================================================*/

/*
searchArea
---------------------------------------------------------*/

.searchArea {
	margin: 0 0 40px 0;
	padding: 20px;
	background-color: #ececef;
	border: 1px solid #cfcfdb;
}
#contents .container section .searchArea h2, 
#contents .container .sectionAll .searchArea h2 {
	margin: -20px -20px 15px -20px;
	padding: 10px 20px;
	color: #fff;
	font-size: 130%;
	font-weight: normal;
	line-height: 148%;
	background-color: #151b62;
	border-top: none;
}
#contents .container section .searchArea h2:before, 
#contents .container .sectionAll .searchArea h2:before {
	display: none;
}
.searchArea  .title {
	margin: 0 15px 0 0;
	padding: 3px 15px 0 0;
	font-size: 110%;
	width: 150px;
	float: left;
	border-right: 1px solid #cfcfdb;
}

.keywordArea, 
.categoryArea {
	margin: 0 0 5px 0;
}

.categoryArea ul {
	overflow: hidden;
}
	.categoryArea ul li {
		width: 25%;
		float: left;
	}
@media screen and (max-width: 991px) {
	.categoryArea ul li {
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	.searchArea  .title {
		display: block;
		padding: 0;
		width: auto;
		float: none;
		border-right: none;
	}
	.keywordArea select {
		width: 100%;
	}
	.categoryArea ul li {
		width: 100%;
		float: none;
	}
}

/* label */
.searchArea form label {
	margin-right: 7px;
}

/* select, textarea */
.sortArea select, 
.searchArea select, 
.searchArea textarea {
	margin: 3px 0;
	padding: 2px 3px;
	background: #fff;
	border: 1px solid #b7b7c0;
}
/* input */
.searchArea input {
	margin: 3px 0;
	padding: 5px 3px;
	background: #fff;
	border: 1px solid #b7b7c0;
}
@media screen and (max-width: 767px) {
	.searchArea input, 
	.searchArea select, 
	.searchArea textarea { font-size: 16px; }
	.searchArea input {
		width: 100%;
	}
}

/* checkbox */
.searchArea input[type="checkbox"] {
	display: none;
}
.searchArea label {
	position: relative;
	display: inline-block;
	padding: 3px 3px 3px 22px;
	cursor: pointer;
}
.searchArea label::before {
	position: absolute;
	content: '';
	top: 1em;
	left: 0;
	width: 16px;
	height: 16px;
	margin-top: -8px;
	background: #fff;
	border: 1px solid #b7b7c0;
}
.searchArea input[type="checkbox"]:checked + label::after {
	position: absolute;
	content: '';
	top: 7px;
	left: 3px;
	width: 13px;
	height: 5px;
	border-left: 3px solid #0e1781;
	border-bottom: 3px solid #0e1781;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

/* searchBtn */
.searchBtn {
	margin: 20px 0 5px 0;
	text-align: center;
}
	.searchBtn input {
		display: block;
		margin: 0 auto;
		padding: 12px 20px 12px 55px;
		color: #fff;
		font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
		font-size: 110%;
		text-decoration: none;
		background: url(../img/common/ico_search.png) no-repeat 15px 50% #474e91;
		border: 0 none;
		text-align: center;
		-moz-box-shadow: 0 -2px 0 #30387f inset;
		-webkit-box-shadow: 0 -2px 0 #30387f inset;
		box-shadow: 0 -2px 0 #30387f inset;
		-moz-border-radius: 3px;
		-webkit-border-radius: 3px;
		border-radius: 3px;
	}
	.searchBtn input:hover {
		background-color: #575e9f;
		-moz-box-shadow: 0 -2px 0 #474e91 inset;
		-webkit-box-shadow: 0 -2px 0 #474e91 inset;
		box-shadow: 0 -2px 0 #474e91 inset;
	}

/*
resultArea
---------------------------------------------------------*/

.sectionAll .resultArea {
	position: relative;
	margin-bottom: 45px;
}

.sortArea {
	position: absolute;
	top: 20px;
	right: 20px;
}
	.sortArea strong {
		padding-right: 5px;
		font-size: 110%;
	}
@media screen and (max-width: 991px) {
	.sortArea {
		top: 20px;
		right: 0;
	}
}
@media screen and (max-width: 640px) {
	.sortArea {
		position: static;
		margin: -15px 0 20px 0;
		text-align: right;
	}
}

/* resultUnit */
.sectionAll #resultUnit li {
	position: relative;
	margin: 0 20px 20px 0;
	padding-bottom: 30px;
	width: 320px;
	float: left;
	background-color: #fff;
	box-shadow: 0 0 2px #d5d5d5;
	box-sizing: content-box;
}
.sectionAll #resultUnit li:nth-child(3n) {
	margin: 0 0 20px 0;
}
	.sectionAll #resultUnit li a .imgCover {
		display: block;
		position: absolute;
		top: 0;
		width: 100%;
		height: 170px;
		background: -moz-linear-gradient(bottom, rgba(0,0,0,0.1),  rgba(0,0,0,0) 30%);
		background: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0.1)), color-stop( 30%, rgba(0,0,0,0)));
		background: -o-linear-gradient(bottom, rgba(0,0,0,0.1),  rgba(0,0,0,0) 30%);
		background: linear-gradient(bottom, rgba(0,0,0,0.1),  rgba(0,0,0,0) 30%);
	}
	.sectionAll #resultUnit li .result_pic {
		display: block;
		height: 170px;
		overflow: hidden;
	}
		.sectionAll #resultUnit li .result_pic img {
			width: 100%;
			height: auto;
			transition: all .3s;
		}
			.sectionAll #resultUnit li .result_pic a:hover img {
				color: #fff;
				opacity: 0.7;
			}
	.sectionAll #resultUnit li a:hover {
		text-decoration: none;
	}
	#contents .container .sectionAll #resultUnit li p {
		margin: 0;
		padding: 0 15px 10px 15px;
		color: #313131;
		font-size: 90%;
	}
	#contents .container .sectionAll #resultUnit li .result_date {
		display: inline-block;
		margin: 10px;
		padding: 3px 10px;
		font-size: 80%;
		background-color: #ececef;
	}
	.sectionAll #resultUnit li .result_title {
		margin: 0 0 5px 0;
		padding: 0 15px;
		font-size: 110%;
		line-height: 1.5;
		background: none;
		border: none;
	}
	.sectionAll #resultUnit li a:hover .result_title {
		text-decoration: underline;
	}
	.sectionAll #resultUnit li a .new {
		position: absolute;
		top: 10px;
		left: -7px;
		z-index: 100;
	}
		.sectionAll #resultUnit li a .new img {
			width: 70px;
			height: 30px;
		}
	.sectionAll #resultUnit li .more {
		position: absolute;
		bottom: 0;
		padding: 3px 0;
		color: #fff;
		font-size: 85%;
		width: 100%;
		background-color: #151b62;
		text-align: center;
	}
		.sectionAll #resultUnit li .more span {
			padding: 0 0 0 15px;
			background: url(../img/common/ico_arrow_white.svg) no-repeat left center / 7px 7px;
		}
		.sectionAll #resultUnit li a:hover .more span {
			opacity: 0.6;
		}

@media (max-width: 991px) {
	.sectionAll #resultUnit li {
		margin: 0 4% 4% 0;
		width: 48%;
		float: left;
	}
	.sectionAll #resultUnit li:nth-child(3n) {
		margin: 0 4% 4% 0;
	}
	.sectionAll #resultUnit li:nth-child(2n) {
		margin: 0 0 4% 0;
		float: right;
	}
	.sectionAll #resultUnit li a .imgCover {
		display: none;
	}
}
@media (max-width: 640px) {
	.sectionAll #resultUnit li .result_pic {
		max-height: 100px;
	}
}



/*====================================================================

　events

====================================================================*/

/*
eventList02
---------------------------------------------------------*/

.eventList02 {
	margin-bottom: 20px;
}
	.eventList02 li {
		padding: 15px 0;
		border-bottom: 1px solid #e3e3e5;
	}
	.eventList02 li:after {
		content: ".";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
	}
	.eventList02 li .event_date {
		width: 15%;
		float: left;
	}
		.eventList02 li .event_date p {
			margin: 0;
			line-height: 1.5;
			text-align: center;
		}
		.eventList02 li .event_date .month {
			padding: 5px 0;
			font-size: 95%;
			background-color: #ececef;
			border: 1px solid #cfcfdb;
		}
		.eventList02 li .event_date .day {
			padding: 5px 0;
			color: #fff;
			font-size: 140%;
			background-color: #151b62;
		}
	.eventList02 li .text_area {
		line-height: 1.6;
		width: 82%;
		float: right;
	}
	#contents .container .eventList02 .post_title {
		margin: 0 0 5px 0;
		font-size: 110%;
		font-weight: bold;
	}
	#contents .container .eventList02 .post_title .closeMark, 
	#contents .container h2 .closeMark {
		margin-left: 10px;
		padding: 3px 5px;
		color: #fff;
		font-size: 75%;
		font-weight: normal;
		line-height: 1.4;
		background-color: #9393a5;
		border-radius: 3px;
	}
	#contents .container .eventList02 .date {
		margin: 2px 0;
		color: #515151;
		font-size: 100%;
	}

@media (max-width: 991px) {
	.eventArea {
		margin-bottom: 40px;
	}
}



/*====================================================================

　internal（学内専用）

====================================================================*/

/*
lettering
---------------------------------------------------------*/

.halfLeft {
	padding: 0 5px;
	width: 50%;
	float: left;
}
.halfRight {
	padding: 0 5px;
	width: 50%;
	float: right;
}
.ccm-block-styles {
	margin: 10px 0;
	padding: 10px;
	border: 1px solid #d5d5d5;
}

@media (max-width: 640px) {
	.halfLeft, 
	.halfRight {
		padding: 0;
		width: 100%;
		float: none;
	}
}



/*
アイコン付与
---------------------------------------------------------*/

a.extlink {
	margin-right: 10px;
	padding-right: 18px;
	background: url(../img/common/ico_extlink.png) no-repeat right center;
}
a.internal {
	margin-right: 10px;
	padding-right: 22px;
	background: url(../img/common/ico_internal.png) no-repeat right center;
}
a.pdf {
	margin-right: 10px;
	padding-right: 22px;
	background: url(../img/common/ico_pdf.png) no-repeat right center;
}
a.doc {
	margin-right: 10px;
	padding-right: 22px;
	background: url(../img/common/ico_doc.png) no-repeat right center;
}
a.xls {
	margin-right: 10px;
	padding-right: 22px;
	background: url(../img/common/ico_xls.png) no-repeat right center;
}

a[href^="mailto:"] {
	margin-right: 10px;
	padding-left: 30px;
	background: url(../img/common/ico_mailto.png) no-repeat left center;
}


/*
width
---------------------------------------------------------*/

.w400 { width: 400px; }

@media screen and (max-width: 640px) {
	.w400 { width: 100%; }
}


/*
margin
---------------------------------------------------------*/

.mt0 { margin-top: 0; }
.mt5 { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }
.mt50 { margin-top: 50px; }
.mb0 { margin-bottom: 0; }
.mb5 { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb50 { margin-bottom: 50px; }