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

body,li{
    /*font-family: -apple-system, BlinkMacSystemFont, 'Roboto', "Helvetica Neue", "游ゴシック Medium",YuGothic,YuGothicM,"Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,sans-serif;*/
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
	letter-spacing:.03em;
	line-height:1.8;
	list-style:none;
}

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

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
*, *::before, *::after {
    box-sizing: border-box;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	text-decoration:none;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}
/*リセットCSS*/
/* ---------------------------------------------------------
    bootstrap,additional
----------------------------------------------------------*/
body{
	padding:0;
}
ul,ol{
	margin:0;
}
.container{
	width:auto;
	margin:0 auto;
	padding:0;
}
.breadcrumb{
	background-color:#fff;
}
[class^="icon-"], [class*=" icon-"]{
	width:auto;
	height:auto;
	margin:0;
	vertical-align:baseline;
}
.tab-content>.tab-pane, .pill-content>.pill-pane {
	display:block;
}
footer {
    margin:0;
    padding:0;
    background:none;
}
.nav-list>.active>a, .nav-list>.active>a:hover, .nav-list>.active>a:focus {
    color: #0e8196;
    text-shadow: 0 -1px 0 rgba(0,0,0,0.2);
    background-color: #ecf4f5;
}
.nav>li>a:hover, .nav>li>a:focus {
    text-decoration: none;
    background-color: #ecf4f5;
}
.well{
	background-color: #ecf4f5;
	border:1px solid #d9e8ea;
}
a:hover, a:focus {
    color: #005580;
    text-decoration:none;
}
.tab-content {
    overflow: visible;
}
header .form-search{
	margin:0;
	border-radius:0%;
}
/* ---------------------------------------------------------
    共通項目
----------------------------------------------------------*/

a {
  color: #0e8196;
  text-decoration: none;
}

.carousel{
	margin:0;
}
.container{
	width:auto;
}
.sp-hidden{
	display: block;
}
.sp{
    display: none !important;
}
.pull-right{
	float:none;
}
.list-button{
    padding: 50px 0;
    text-align: center;
}
.list-button a{
    padding:1em 4em;
    border: 1px solid #0E8196;
    color: #0E8196;
    font-size: 14px;
    text-decoration: none;
	transition:0.3s ease;
}
.list-button a:hover{
    background: #0E8196;
    border: 1px solid #0E8196;
    color: #fff;
}
.box-title h2{
    margin-top: 36px;
	padding: 30px 0px 40px 0px;
	font-size:30px;
	line-height: 1.3em;
	position:relative;
}
.box-title img{
	width:320px;
}
.title .title-color{
	color:#0E8196;
}
.point{
    position: relative;
    display: inline-block;
	font-size:14px;
  }

h1{
	font-size:30px;
	font-weight:500;
}
.center {
	text-align: center !important;
}
.right {
	text-align: right !important;
}
.left {
	text-align: left !important;
}
.bold {
	font-weight: bold;
}
.sup {
	vertical-align: super;
}
.sub {
	vertical-align: sub;
}
.font-blue {
	color: blue;
}
.font-red {
	color: red;
}
.underline {
	text-decoration:underline;
}
.entry-body table{
	margin:0 0 20px;
	text-align:left;
	box-sizing: border-box;
	min-width: 30%;
}
.entry-body th{
	padding: .5em .8em;
	background:#EFF3F6;
	border:1px solid #dcdcdc;
	font-size: 1.0rem;
	font-weight:bold;
	vertical-align: middle;
}
.entry-body td{
	padding: .5em .8em;
	border:1px solid #dcdcdc;
	font-size: 1.0rem;
	vertical-align: middle;
}

a[href$=".pdf"]::after {
  padding-left: 10px;
  display: inline-block;
  content: url("../ico/icon_pdf.gif") !important;
  vertical-align: middle !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  transform: translateY(0%);
}
a[href$=".doc"]::after,
a[href$=".docx"]::after {
  padding-left: 10px;
  display: inline-block;
  content: url("../ico/icon_doc.gif") !important;
  vertical-align: middle !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  transform: translateY(0%) !important;
}
a[href$=".xls"]::after,
a[href$=".xlsx"]::after {
  padding-left: 10px;
  display: inline-block;
  content: url("../ico/icon_xls.gif") !important;
  vertical-align: middle !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  transform: translateY(0%) !important;
}
a[href$=".ppt"]::after,
a[href$=".pptx"]::after {
  padding-left: 10px;
  display: inline-block;
  content: url("../ico/icon_pps.gif") !important;
  vertical-align: middle !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  transform: translateY(0%) !important;
}
a[href$=".zip"]::after,
a[href$=".lzh"]::after {
  padding-left: 10px;
  display: inline-block;
  content: url("../ico/icon_archive.gif") !important;
  vertical-align: middle !important;
  position: relative !important;
  left: auto !important;
  bottom: auto !important;
  width: auto !important;
  height: auto !important;
  background: none !important;
  transform: translateY(0%) !important;
}

.object-fit-img{
  object-fit: cover;
  font-family: 'object-fit: cover;';
}

iframe { width:100%; }
@media screen and (max-width: 1190px) {
    .box-title h2 {
        text-align:center;
    }
}
@media print, screen and (min-width: 960px) {
/*iframe { width:auto; }*/
}
/*ヘッダー*/
.header-nav{
	width:100%;
	top:0;
	position:fixed;
	z-index:20;
}
.sub-nav{
	align-items: center;
	display:flex;
	flex-wrap:wrap;
	background:#0E8196;
	justify-content: flex-end;
	height:70px;
}
.sub-nav .sub-nav-01{
	background:#0e8196;
	display:flex;
	flex-wrap:wrap;
}
.sub-nav .sub-nav-01 li{
	margin-right:12px;
	font-size:.9rem;
	list-style:none;
}
.sub-nav .sub-nav-01 li a{
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
}
.sub-nav .sub-nav-01 .sub-nav-wh a{
	padding:4px 1em;
    background: #fff;
    color: #0e8196 !important;
	font-size:12px;
	position:relative;
}
@media print, screen and (max-width: 1420px) {
	.sub-nav .sub-nav-01 li a{
		font-size:12px;
	}
}
.sub-nav .sub-nav-01 .ico-att a{
	padding-left:22px;
}
.sub-nav .sub-nav-01 .ico-att a::before{
	content:" ";
    background-image: url(../ico/ico_attention.png);
	background-repeat: no-repeat;
	background-size: contain;
	filter: brightness(90%);
    width: 15px;
    height: 15px;
	top:50%;
    left: 4px;
    position: absolute;
	transform: translateY(-50%);
}

.sub-nav .sub-nav-02{
	display:flex;
	flex-wrap:wrap;
}
.sub-nav .sub-nav-02 li{
	margin-right:10px;
	font-size:.9rem;
	list-style:none;
}
.sub-nav .sub-nav-02 li a{
	padding:4px 1em;
	background:#86B9C2;
	color:#fff;
	font-size:12px;
	text-decoration:none;
}
.sub-nav .sub-nav-02 .doc a{
	background:#f17e69;
}
.sub-nav .sub-nav-02 li a i{
	padding-left:10px;
	font-size:0.6rem;
}
.sub-nav .sub-nav-03{
	display:flex;
	flex-wrap:wrap;
}
.sub-nav .sub-nav-03 li{
	border-left:1px solid #fff;
	font-size:.9rem;
	list-style:none;
	text-align:center;
	transition:.3s ease;
}
.sub-nav .sub-nav-03 li:hover{
	background:#86B9C2;
}
.sub-nav .sub-nav-03 li a{
	text-decoration:none;
}
.sub-nav .sub-nav-03 li a{
	width:70px;
	padding: 5px 10px;
	color:#fff;
	display:block;
	font-size:0;
	text-decoration:none;
	white-space:nowrap;
}
.sub-nav .sub-nav-03 li span{
	width:70px;
	padding: 5px 10px;
	color:#fff;
	display:block;
	font-size:0;
	text-decoration:none;
	white-space:nowrap;
	cursor: pointer;
}
.sub-nav .sub-nav-03 i{
	font-size:16px;
}
.sub-nav .sub-nav-03 .search span:after{
	content:'検索';
	color:#fff;
	display: block;
    font-size: 10px;
}
.sub-nav .search-block{
    padding:1em 3em;
	background:#86B9C2;
	display:none;
	position:absolute;
	right:0;
	top: 44px;
	z-index:1;
	width:100%;
}
.sub-nav .search-block .input-append{
	display:flex;
	justify-content: center;
	margin-top:0px;
}
.sub-nav .search-block input[type="text"]{
/*	padding:15px; */
	padding: 0 15px;
	height: 30px;
	line-height: 30px;
	border:none;
	border-radius:0px;
	width:80%;
	font-seize: 16px;
}
.sub-nav .search-block button[type="submit"]{
	padding:0 8px;
	background:#ccc;
	border:none;
	border-radius:0px;
	color:#fff;
}
.sub-nav .sub-nav-03 .room a:after{
	content:'アクセス';
	color:#fff;
	display: block;
    font-size: 10px;
}
.sub-nav .sub-nav-03 .language span:after{
	content:'Language';
	color:#fff;
	display: block;
    font-size: 10px;
}
.sub-nav .sub-nav-03 .fontsize span:after{
	content:'文字サイズ';
	color:#fff;
	display: block;
    font-size: 10px;
}
.sub-nav .fontsize-block,
.sub-nav .language-block{
	right:0;
	top: 44px;
    padding:1em 3em;
	background:#86B9C2;
	display:none;
	position:absolute;
	z-index:1;
}
.sub-nav .fontsize-block ul,
.sub-nav .language-block ul{
	display:flex;
}
.sub-nav .fontsize-block li,
.sub-nav .language-block li{
	margin: 0 4px;
	border:1px solid #fff;
}
.sub-nav .fontsize-block li{
	cursor:pointer;
}
.sub-nav .fontsize-block li a,
.sub-nav .language-block li a{
	padding:1px 10px;
	display:block;
	color:#fff;
	font-size:93%;
}
.sub-nav .fontsize-block li a:hover,
.sub-nav .language-block li a:hover{
	opacity:0.7;
}
.sub-nav .search-block i.close,
.sub-nav .fontsize-block i.close,
.sub-nav .language-block i.close{
	position:absolute;
	right:5px;
	top:50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
}
.main-nav{
	background:rgba(255,255,255,0.9);
}
.main-nav .global-nav>ul{
	align-items: center;
	display:flex;
	flex-wrap:wrap;
	/*justify-content: flex-end;*/
}
.main-nav .global-nav ul li{
	list-style:none;
}
.main-nav .global-nav ul .page:hover,
.main-nav .global-nav ul .page-so:hover,
.main-nav .global-nav ul .external:hover{
	background:#86B9C2;
}
.main-nav .logo{
	margin-right:auto;
	border-left:none;
	display:flex;
}

.main-nav .logo img{
	width:auto;
	max-width: 270px;
	height:65px;
	display:block;
}
ul.head-nav-list li.logo>a:before{
	display:none;
}
ul.head-nav-list li.logo>a:after{
	display:none;
}
 .global-nav>ul>li>a{
	padding:0 20px;
	color:#666;
	display:block;
	font-size: .95rem;
	line-height: 80px;
	text-decoration:none;
	position:relative;
}
.global-nav>ul>li>a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 0;
    height: 5px;
    background-color: #F17E69;
    transition: .3s;
}
.global-nav>ul>li>a:before{
	content:'';
	width:1px;
	height:10px;
	left:-20px;
	background:#666;
	display:inline-block;
	position:relative;
}
 .global-nav>ul>li>a.kitakyucchi{
	padding:0;
}
/*@media print, screen and (min-width: 960px) and (max-width:1280px) {*/
@media print, screen and (min-width: 1189px) and (max-width:1565px) {
  .global-nav>ul>li>a{
	padding: 0 5px;
	font-size: .8rem;
	line-height: 1.1;
	width: 7em;
	height: 65px;
	text-align: center;
	display: table-cell;
	vertical-align: middle;
  }
  .global-nav>ul>li>a.kitakyucchi img{
	height: 90%;
  }
  .global-nav>ul>li>a:before{
	display: none;
  }
  .head-nav-list>li>div{
	top: 109px;
  }
  .main-nav .global-nav ul li{
	display:block;
  }
}
.head-nav-list>li>div{
	width:100%;
	left: 50%;
	background:rgba(14,129,150,0.9);
	display:none;
	position:absolute;
    transform: translateX(-50%);
	z-index:20;
}
ul.head-nav-list li a:hover::after {
    width: 100%;
}
ul.head-nav-list li a::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    content: '';
    width: 0;
    height: 5px;
    background-color: #F17E69;
    transition: .3s;
}
.head-nav-list .hover a{
	color:#0E8196;
}
.head-nav-list .open:hover{
	display:block;
}
.head-nav-list .inner{
	max-width:1400px;
	/*max-height:50vh;*/
	margin:20px auto;
	display:flex;
	flex-wrap:wrap;
	flex-direction: row;
	align-content: stretch;
	justify-content: center;
}
.head-nav-list .inner ul{
	width:230px;
	margin:0 10px 20px 10px;
	white-space: nowrap;
}
.head-nav-list .inner ul:last-child{
	/*margin-right:0;*/
}
.head-nav-list .open{
	display:block;
}
.head-nav-list .inner .gnav-folder{
	padding-left: 0.5em;
	background:rgba(134, 185, 194,0.8);
	box-sizing:border-box;
	border-bottom: 5px solid rgba(255,255,255,0.8);
	color:#fff;
	font-size:0.9rem;
	font-weight:700;
}
.head-nav-list .inner .page a,
.head-nav-list .inner .external a{
	padding-right: 1em;
	border-bottom:1px solid #fff;
	color:#fff;
	display:block;
	line-height:2.0em;
	overflow:hidden;
	position:relative;
	text-decoration:none;
	text-overflow: ellipsis;
	font-size:0.8rem;
}
.head-nav-list .inner .page-so a{
	margin-bottom:0;
	padding: 0.5em 1em;
	border:1px solid #fff;
	color:#fff;
	display:block;
	line-height:1.5em;
	position:relative;
	text-decoration:none;
	font-size:0.9rem;
}
.head-nav-list .inner .page a:before,
.head-nav-list .inner .page-so a:before{
	content:"\e315";
	right:10px;
	font-family:Material Icons;	
	position:absolute;
}
.head-nav-list .inner .external a:before{
	content:"\e895";
	right:10px;
	font-family:Material Icons;	
	position:absolute;
}
.head-nav-list .gnav-btn{
	font-size:16px;
	width:250px;
}
.head-nav-list .gnav-btn a{
	line-height:2.5em;
}
/*SNS*/
.sns-links{
	top:200%;
	right:0;
	background:#fff;
	font-size:0;
	position:absolute;
	z-index:2;
}
.sns-links a{
	display:block;
	font-size:0;
	transition:.3s ease;
}
.sns-links a:hover{
	opacity:0.7;
}
.sns-links img{
	height:35px;
}
/*コピーライト*/
.header-copyright{
    top:30%;
    left:0;
    display: block;
    font-size: 12px;
    font-weight: bold;
    position: fixed;
    text-shadow:0 0 3px #fff;
    transform: rotate(90deg);
    transform-origin: left bottom;
	z-index:2;
}

/*トップスライド*/
#old-slider .swiper-container {
  width: 100%;
  height: 40vh;
  background: white;
}

#old-slider .swiper-slide img {
  width: 100%;
  height: 40vh;
  object-fit: cover;
  font-family: 'object-fit: cover;'; /*IE対策*/
}
.swiper-caption{
	top:8px;
	width:90%;
	font-family: 'Noto Serif JP', serif;
	position:absolute;
	display:none;
}
.swiper-text{
	padding: 5px 0px 5px 20px;
	height: 70px;
	background:rgba(14,129,150,0.9);
	color:#fff;
	font-size:20px;
	font-weight:bold;
}
.swiper-memo{
	top: 40px;
	left:10px;
	right:-10px;
	background:rgba(192,223,228,0.9);
	color:rgba(14,129,150,1);
	font-size:13px;
	position:absolute;
	padding: 5px 10px;
	font-weight:bold;
}
#old-slider .swiper-pagination-bullet {
  background: #f3f3f3;
  opacity: 1;
}

#old-slider .swiper-pagination-bullet-active {
  background: #1EA821;
}

#old-slider .swiper-button-prev,
#old-slider .swiper-container-rtl .swiper-button-next {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23145374'%2F%3E%3C%2Fsvg%3E") !important; /* 矢印の色変更 */
  left: 10px !important;
}
#old-slider .swiper-button-next,
#old-slider .swiper-container-rtl .swiper-button-prev {
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23145374'%2F%3E%3C%2Fsvg%3E") !important; /* 矢印の色変更 */
  right: 10px !important;
}
.slick_container{
	/*background:#EFF3F6;*/
}
#new-slider #thumbs{
	height:auto!important;
}
#new-slider .swiper-slide a{
	font-size:0;
}
#new-slider.slide-container #slider img{
	margin-top:150px;
}
#new-slider {
	background:#EFF3F6;
}
@media print, screen and (min-width: 960px) {
  #old-slider #slide-area {
    background: white;
    height: 80vh;
  }
  #old-slider .swiper-container {
    height: 70vh;
    padding: 0;
  }

  #old-slider .swiper-slide img {
    height: 90vh;
  }
	.swiper-caption{
		width:70%;
	    top: 140px;
		display:block;
	}
	.swiper-text{
		font-size:40px;
		font-weight:bold;
		height:110px;
		padding: 10px 10px 10px 100px;
	}
	.swiper-memo{
		position: absolute;
    	top: 65px;
		left:15px;
		right:-15px;
		margin: 10px 0 0 0;
    	padding: 10px 10px 10px 85px;
		font-size:16px;
	}
  #old-slider .swiper-button-prev,
  #old-slider .swiper-container-rtl .swiper-button-next {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23145374'%2F%3E%3C%2Fsvg%3E") !important; /* 矢印の色変更 */
    left: 50px !important;
  }
  #old-slider .swiper-button-next,
  #old-slider .swiper-container-rtl .swiper-button-prev {
    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23145374'%2F%3E%3C%2Fsvg%3E") !important; /* 矢印の色変更 */
    right: 50px !important;
  }
}
@media print, screen and (min-width: 1300px){
	.swiper-caption{
		width:50%;
		display:block;
	}
	.swiper-text{
		padding: 10px 10px 10px 220px;
	}
	.swiper-memo{
    	padding: 10px 10px 10px 205px;
	}
}


/*banner-box*/
.top-menu-area {
  padding: 0 20px 40px;
}
.top-menu-area.sp {
  padding: 0 20px;
}

ul.top-menu-list {
  list-style: none;
  padding: 40px 0 0;
  font-size:0;
}

ul.top-menu-list li a {
  border: 3px solid #0e8196;
  display: flex;
  flex-direction: column;
  background: white;
  align-items: center;
  color: #0e8196;
  margin-bottom: 20px;
  white-space: nowrap;
}
ul.top-menu-list li.attention {
	text-align:center;
  }
ul.top-menu-list li.attention a {
    background:#0e8196;
	color:white;
}
ul.top-menu-list li a::before,
ul.top-menu-list li a::after {
  position: absolute;
  top: -3px;
  right: -3px;
  bottom: -3px;
  left: -3px;
  z-index: 2;
  content: '';
  transition: all .5s;
}

ul.top-menu-list li a::before {
  border-top: 3px solid #86B9C2;
  border-bottom: 3px solid #86B9C2;
  transform: scale(0, 1);
}

ul.top-menu-list li a::after {
  border-right: 3px solid #86B9C2;
  border-left: 3px solid #86B9C2;
  transform: scale(1, 0);
}

ul.top-menu-list li a:hover::after,
ul.top-menu-list li a:hover::before {
  transform: scale(1);
}

.top-menu-img {
  display: none;
}

.top-menu-ttl p {
  position: relative;
  font-size:.8rem;
  font-weight: 700;
  margin: 5px;
  letter-spacing: .1em;
	white-space: normal;
}

@media screen and (min-width: 960px) {

  .top-menu-area {
    padding: 0 20px 40px;
  }

  ul.top-menu-list {
    display: flex;
    justify-content: space-between;
  }

  ul.top-menu-list li {
    margin-right: 20px;
    width: calc(33.3333% - 20px);
  }

  ul.top-menu-list li.attention img {
    height:35px;
  }
  ul.top-menu-list li:last-child {
    margin-right: 0;
  }

  ul.top-menu-list li a {
    flex-direction: initial;
    padding: 20px;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-evenly;
	transition: .5s;
	position: relative;
  }
ul.top-menu-list li a .top-menu-ttl p{
		font-size:1.25rem;
	}
  .top-menu-img {
    display: block;
  }
  .top-menu-img img {
	width: auto;
    height: 90px;
    margin: 0;
  }

  .top-menu-ttl p {
    margin: 0;

  }
	ul.top-menu-list-attention{
		display: flex;
		flex-wrap: wrap;
    	justify-content: space-between;
		padding: 40px 0 0;
	}
	ul.top-menu-list-attention li {
    	width: calc(25% - 5px);
		/*width: calc(33% - 5px);*/
		line-height: 1.2;
	}
	ul.top-menu-list-attention li a {
		background: #0e8196 url(../ico/ico_attention.png) 0.7em center no-repeat;
		background-size: 2em;
		border: 3px solid #0e8196;
    	color: white;
		padding:10px 20px;
    	display: flex;
    	flex-direction: column;
		text-align: center;
		transition: .5s;
    	position: relative;
		height: 100%;
	}
	ul.top-menu-list-attention li a::before {
    	border-top: 3px solid #86B9C2;
    	border-bottom: 3px solid #86B9C2;
    	transform: scale(0, 1);
	}
	ul.top-menu-list-attention li a::after {
    	border-right: 3px solid #86B9C2;
    	border-left: 3px solid #86B9C2;
    	transform: scale(1, 0);
	}
	ul.top-menu-list-attention li a::before,
	ul.top-menu-list-attention li a::after {
    	position: absolute;
    	top: -3px;
    	right: -3px;
    	bottom: -3px;
    	left: -3px;
    	z-index: 2;
    	content: '';
    	transition: all .5s;
	}
	ul.top-menu-list-attention li a:hover::before,
	ul.top-menu-list-attention li a:hover::after{
		transform: scale(1);
	}
	ul.top-menu-list-attention .top-menu-ttl{
		display: flex;
    	justify-content: center;
    	align-items: center;
		height: 100%;
	}
	ul.top-menu-list-attention .top-menu-ttl p{
		font-size: 1.0rem;
   		font-weight: 700;
    	letter-spacing: .1em;
		padding:0 0 0 30px;
	}
}

@media screen and (min-width: 960px) {

  .top-menu-area {
	max-width:1400px;
	margin:0 auto;
    padding: 0 20px;
  }

}
/* YouTubeサムネイルをモーダルウィンドウで再生する */
#top-movie {
    padding: 0 20px 40px;
}
/*
#top-movie h2{
    font-size: 30px;
    margin: 1em 0 0.5em;
}*/
#youtube_wrap {
  width: 100%;
  margin: 0 auto;
}

#youtube_wrap ::after{
	content: "";
    position: absolute;
    bottom: 0;
    left: 0;
	width: 100vw;
	margin:0 calc(50% - 50vw);
    background: #0e8196;
    height: 160px;
    z-index: -1;
}
.youtube_modal {
  display: flex;
  position: relative;
  margin: 0 auto;
}
.youtube_modal a {
	color:#fff;
  display: block;
  margin: 5px 4px 15px;
  text-align: center;
  font-weight: bold;
}
@media screen and (min-width: 960px) {

  #top-movie {
	max-width:1400px;
	margin:1em auto;
    padding: 0 20px;
  }
  .youtube_modal {
    display: flex;
    justify-content: center;
    width: 100%;
  }
  .youtube_modal a {
    display: block;
  }
}
/*topコンテンツ*/

#top-contents-area{
	background: #EFF3F6;
	position:relative;
}
#top-contents-area .top-content-inner{
	max-width:1400px;
	padding: 30px 20px;
	margin:0 auto;
}
#top-contents-area .box-title h2{
	margin-top:0;
}
#top-contents-area .swiper-container{
	background: #EFF3F6;
	text-align:center;
}
#top-contents-area .swiper-container .swiper-wrapper{
	padding-bottom:60px;
}
#top-contents-area .swiper-container .swiper-slide img{
	max-width:280px;
	width:100%;
	aspect-ratio: 1 / 1;
	object-fit: cover;
}
#top-contents-area .swiper-container .swiper-slide p{
	font-weight:bold;
	text-align:center;
}
@media screen and (max-width: 960px) {
	#top-contents-area .title-small{
		margin-left:0px;
		display:block;
	}
}
/*ニュース*/

.top-news-area .box-title{
    box-sizing: border-box;
    vertical-align: top;
}
.tab-item {
  color: #333;
  font-size: .75rem;
  cursor: pointer;
  padding: 5px 8px;
  transition: .5s;
  display: inline-block;
  margin-bottom: 5px;
  width:49%;
  text-align: center;
}
.tab-item.all {
  border: 1px solid #d2f9d5;
  background-color: #d2f9d5;
}
.tab-item.news {
  border: 1px solid #FECEA3;
  background-color: #FECEA3;
}
.tab-item.press {
  border: 1px solid #A7D2FA;
  background-color: #A7D2FA;
}
.tab-item.media0 {
  border: 1px solid #FAFCAB;
  background-color: #FAFCAB;
}
.tab-item.diary {
  border: 1px solid #F0C0FA;
  background-color: #F0C0FA;
}
.tab-item.exam {
  border: 1px solid #FDBCB5;
  background-color: #FDBCB5;
}
/*.tab-item.recognize {
  border: 1px solid #4F9FDD;
  background-color: #4F9FDD;
}
.tab-item.english {
  border: 1px solid #92CC7F;
  background-color: #92CC7F;
}*/
.tab-item:hover {
  /*background-color: #0e8196;
  color: #fff;*/
  opacity: 0.7;
}

input[name="tab-item"] {
  display: none;
}

.tab-content {
  display: none;
  padding: 20px 0;
}

#all:checked ~ #all-content,
#news:checked ~ #news-content,
#press:checked ~ #press-content,
#media:checked ~ #media-content,
#diary:checked ~ #diary-content,
#exam:checked ~ #exam-content{
  display: block;
}
.top-news-area {
    padding: 0 20px
  }
.top-news-tabs {
	text-align: center;
}
.top-news-tabs i {
    font-size: 0.85rem;
	vertical-align: middle;
	margin-right:0.1rem;
}
.news-box-inner .box-title {
    height: 170px;
    background: #fff;
    box-sizing: border-box;
    text-align: center;
    vertical-align: top;
}
.important-news-area {
	width:95%;
	margin:10px auto;
	border: 3px solid #0e8196
	background:white;
	position: relative;
	bottom:auto;
	left: 0;
	right: 0;
	z-index:2;
}
.important-news-area h2 {
	color:white;
	background: #0e8196;
	text-align: center;
}
ul.top-importantnews-list {
	width:100%;
    height:80px;
	overflow-y: scroll;
}
.top-importantnews-list-title  {
    margin: 0;
    flex: 1;
    font-size: 1rem;
}
ul.top-importantnews-list li a {
    display: flex;
    flex-wrap:wrap;
    align-items: center;
    color: #414141;
    padding: 8px 20px;
    transition: .3s;
    /*height: 80px;*/
}
.top-importantnews-list-date {
    font-weight: 700;
    font-size: .9rem;
    width: 100px;
}
.top-importantnews-list-title {
    width: 100%;
    font-size: .9rem;
    line-height: 1.6;
}
#important-notice {
}
#important-notice .important-news-area{
	border:none;
}
#important-notice .important-news-area h2{
	position:relative;
	background:none;
    align-items: center;
	white-space:nowrap;
	padding-right:10px;
}
#important-notice .important-news-area h2::before{
	position: absolute;
    width: 100%;
    height: 100%;
    right: 0px;
    top: 0px;
    background-color: #0e8196;
    content: "";
	z-index:-1;
}
.important-news-area .important-btn{
	padding-top:10px;
}
.important-news-area .important-btn a{
	position: relative;
    padding: 6px 10px;
    border: 1px solid #0e8196;
    font-size: 14px;
    white-space: nowrap;
    top: 50%;
    transform: translateY(-50%);
}
ul.top-news-list {
    height: 300px;
    overflow-y: scroll;
	display: flex;
    flex-wrap: wrap;
	justify-content: space-between;
}
ul.top-news-list li {
	width:100%;
	border-bottom: 1px solid #eee;
}
ul.top-news-list li a {
    display: flex;
    flex-wrap:wrap;
    color: #414141;
    padding: 15px 0;
    transition: .3s;
}
.top-news-list-date {
    font-weight: 700;
    font-size: .9rem;
}
.top-news-list-category {
    font-size: .75rem;
    background-color: #595857;
    color: #333;
    width: 140px;
    text-align: center;
    height: 20px;
    line-height: 20px;
}
.top-news-list-title {
    margin: 0;
    width: 100%;
    font-size: .9rem;
    line-height: 1.6;
	text-align: left;
}
.top-news-list-title span.attention {
    font-size: 77%;
	font-weight: bold;
	color: white;
	padding: 2px 7px;
	margin: 0 5px 0 0;
	background: crimson;
	vertical-align: text-bottom;
	border-radius: 4px;
}
.news-box-thum{
	width: 100%;
    font-size: 0;
    overflow: hidden;
}
.news-box-thum img{
	width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: 0.3s;
}
@media print, screen and (max-width: 1190px) {
	ul.top-news-list li{
		padding: 15px 0;
		text-align:left;
	}
	ul.top-news-list li a{
		display:block;
		padding:0;
	}
    .news-box-thum{
		width: 38%;
        margin-right: 15px;
        float: left;
		display:block;
    }
	.top-news-list-title{
		display:block;
		white-space: nowrap;
        overflow: hidden;
        width: auto;
        text-overflow: ellipsis;
	}
	.top-news-list-date,.top-news-list-category{
		display:inline-block;
	}
	.top-news-list-date{
		width:80px;
	}
}
.category-news {
  background-color: #FECEA3;
}

.category-press {
  background-color: #A7D2FA;
}

.category-media {
  background-color: #FAFCAB;
}

.category-diary {
  background-color: #F0C0FA;
}

.category-exam {
  background-color: #FDBCB5;
}

.category-sdgs {
  background-color: #A7B2F9;
}

.news-btn-area {
    padding: 50px 0;
    text-align: center;
}
.btn-top-news {
    padding:1em 4em;
    border: 1px solid #0E8196;
    color: #0E8196;
    font-size: 14px;
    text-decoration: none;
}
.btn-top-news:hover {
    background: #0E8196;
    border: 1px solid #0E8196;
    color: #fff;
    transition:0.3s ease;
}
.sub-news-area ul li {
	padding:0 !important;
	margin-left:0 !important;
	background:none !important;
}
.sub-news-area ul.top-news-list {
    height: auto !important;
	max-height: 300px;
    overflow-y: scroll !important;
}
.sub-news-area ul.top-news-list a::after {
    height: 0 !important;
}
@media print, screen and (min-width: 1190px) {
		ul.top-news-list {
		    height: auto;
    		overflow-y: visible;
		}

	.important-news-area {
		max-width:1100px;
		margin:0px auto 0 auto;
		border: 3px solid #0e8196;
		background:white;
		bottom: 5%;
		display:flex;
		left: 0;
		right: 0;
		z-index:1;
	}
	#important-notice .important-news-area h2{
		width:180px;
		display:flex;
	}
	#important-notice .important-news-area h2:before{
    	width: 100vw;
	}
	.important-news-area .important-btn{
		padding-top:0;
		margin-left:1rem;
	}
	.important-news-area .important-btn a{
		display:flex;
	}
	.top-news-area {
		max-width:1400px;
		margin:0 auto;
    	padding: 50px 20px 0;
		display:flex;
		justify-content: space-between;
	}
	.top-news-tabs {
        width: 72%;
		text-align: left;
	}
	.top-news-tabs i {
        font-size: 0.85rem;
		vertical-align: middle;
		margin-right:0.3rem;
	}

  .tab-item {
    font-size: .85rem;
    padding: 6px 0;
    transition: .5s;
    margin: 0 0 5px;
    width: 16%;
    text-align: center;
    color: #333;
	white-space: nowrap;
  }
	ul.top-news-list li{
		width:calc((100% / 3) - 12px);
    	margin-bottom: 20px;
		border:none;
	}
  ul.top-news-list li a {
	padding:0;
	display:flex;
    flex-wrap: wrap;
  }
	.top-news-list-date {
		padding-left:20px;
		order:1;
	}
  .top-news-list-title {
	padding:20px;
    margin: 0;
    font-size:1rem;
  }

}

/*イベント*/
#event-box{
	padding: 0 20px;
    background: #EFF3F6;
}
#event-box-inner{
    max-width: 1400px;
    margin:0 auto;
    vertical-align: top;
}
#event-box .box-title{
    box-sizing: border-box;
    vertical-align: top;
}
.box-inner-list{
    width: 100%;
}
.box-inner-list {
	margin-bottom:20px;
    display: flex;
    flex-wrap:wrap ;
    justify-content: space-between;
}
#event-box .list-button {
    padding-top:20px;
}
.box-inner-list li{
    width: 100%;
    padding: 20px 0;
    background: #fff;
    border-top: 1px solid #0E8196;
    position: relative;
    list-style: none;
}
.box-inner-list li:first-child{
	border-top:none;
}
.box-inner-list a{
    height: 100%;
    color: #000;
    display: flex;
    text-decoration: none;
}
.box-inner-list a:hover .event-box-thum img{
    opacity:0.7;
}
.event-box-date{
    top:-20px;
    padding:6px 20px;
    background: #0E8196;
    color: #fff;
	font-size:.9rem;
    position: absolute;
}
.event-box-ttl{
    padding: 30px 20px;
    color: #000;
    font-size:1rem;
    line-height: 1.7em;
}
.event-box-thum{
    width: 100%;
    font-size: 0;
    overflow: hidden;
}
.event-box-thum img{
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: 0.3s;
}
.event-box-d-th{
	display:flex;
}
.event-box-d-th .event-box-thum{
	width:140px;
	display:block;
}
.event-box-d-th .event-box-date{
	width:140px;
	top:0;
	display: flex;
    flex-wrap: wrap;
	align-items: center;
	position:relative;
}
.event-box-d-th .date-d{
	padding-right:10px;
	font-size:1.5rem;
	white-space: nowrap;
}
.event-box-d-th .date-a{
	width: 30px;
    height: 30px;
    background: #fff;
    color: #0E8196;
    align-items: center;
    border-radius: 50%;
    line-height: 30px;
    text-align: center;
}
@media print, screen and (min-width:1190px){
	#event-box{
		padding:0;
	}
	#event-box-inner{
		padding: 20px 20px 0;
    	justify-content: space-between;
	}

}
@media print, screen and (max-width:800px){
    /*event-box*/
    #event-box .box-title{
        background: none;
        border: none;
    }
    #event-box-inner{ 
        display: block;
    }
    .box-inner-list {
        width: 100%;
		height: 600px;
		overflow-y: scroll; 
        display: block;
        justify-content: space-evenly;
    }
    .box-inner-list li {
        width: 95%;
        height: auto;
        margin: 0 auto;
        list-style: none;
    }
	.event-box-date{
	    padding:2px 20px;
	}
	.event-box-ttl{
	    padding: 20px 10px 10px;
	}
	.event-box-thum{
        /*width: 100%;*/
		display: none;
    }
    .event-box-thum img{
        width: auto;
    }
}
/*ピックアップ*/
/*#pickup-box{
    max-width: 1400px;
    margin:0 auto;
}
#pickup-box .box-title{
    margin-bottom: 50px;
    text-align: center;
}
#pickup-box ul{
    padding-top: 50px;
    font-size: 0px;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
#pickup-box li{
    width:33%;
    margin-bottom: 7px;
    background-position: center center;
    background-size: cover;
    list-style: none;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
}
#pickup-box a{
    width: 100%;
    background: #000;
    color: #fff;
    display: block;
    font-size: 0;
    font-weight: bold;
    text-decoration: none;
    position: relative;
}
#pickup-box .pickup-box-ttl{
    top:50%;
    left: 50%;
    padding: 20px 10px;
    font-size: 24px;
    position: absolute;
    -ms-transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
#pickup-box span{
    padding:0.5em 0 0 0;
    display: block;
    font-size: 14px;
 	white-space: nowrap;
}
#pickup-box h3{
    margin-bottom: 1em;
    position: relative;
    display: inline-block;
	font-weight:700;
    white-space: nowrap;
}
#pickup-box h3:before {
    content: '';
    position: absolute;
    bottom: -15px;
    display: inline-block;
    width: 60px;
    height: 1px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-color:#fff;
    border-radius: 2px;
  }
#pickup-box img{
    width: 100%;
    max-height: 300px;
    opacity: 0.7;
    object-fit: cover;
    transition: 0.4s ease;
}
#pickup-box a:hover img{
    transform: scale(1.1);
}*/
/*link*/
#link-box{
    margin:40px auto;
    overflow: hidden;
}
#link-box ul{
    font-size: 0;
}
#link-box li{
    display: inline-block;
    text-align: center;
}
#link-box .slick-slide{
    margin: 0 5px;
    transition:0.3s;
}
#link-box .slick-slide:hover{
    opacity: 0.6;
}
#link-box img{
    width:100%;
    border: 1px solid #aaa;
    box-sizing: border-box;
    object-fit: cover;
}
#link-box .slick-prev,
#link-box .slick-next{
	display: none !important;
}
#link-box .slick-prev:before{
	content:'\e5c4';
	font-family: 'Material Icons';
}
#link-box .slick-next:before{
	content:'\e5c8';
	font-family: 'Material Icons';
}
@media print, screen and (min-width:960px) {
  #link-box .slick-slide{
    margin: 0 20px;
  }
  #link-box .slick-prev,
  #link-box .slick-next{
	width: 40px;
    height: 40px;
	background:#0E8196;
	border: 3px solid #86B9C2;
	border-radius: 50%;
    position: absolute;
	display: block !important;
  }
  #link-box .slick-prev{
	left: 20px;
  }
  #link-box .slick-next{
	right: 20px;
  }
}
/* ---------------------------------------------------------
    footer
----------------------------------------------------------*/

.backtotop {
  background-color: #d9e8ea;
  text-align: center;
  padding: 12px 0;
}

.backtotop a {
  display: block;
  transition: ease-in-out .5s;
  position: relative;
}

.backtotop a::before {
  content: '';
  background: #0e8196;
  border: 3px solid #0e8196;
  width: 36px;
  height: 36px;
  border-radius: 50%;
  position: absolute;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  transition: ease-in-out .5s;
}

.backtotop a i {
 	color:#fff;
    z-index: 10;
    position: relative;
	line-height:1.8;
}

.backtotop a:hover::before {
  border: 3px solid #86b9c2;
}

#goto_top {
    position: fixed;
    right: 10px;
    bottom: 10px;
	z-index: 20;
}

#goto_top a {
    width: 70px;
    height: 70px;
    border-radius: 10px;
    background: #f17e69;
    display: block;
    color: #fff;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
}
#goto_top a i{
	display: block;
}
@media print, screen and (min-width:960px) {

  .backtotop {
    padding: 15px 0;
  }
  #goto_top {
    right: 30px;
    bottom: 30px;
  }
  #goto_top a {
	background: #0e8196;
  }
}

.footer-portal{
    max-width: 100%;
    margin: 0 auto;
    padding-bottom: 40px;
    display: inline;
	text-align: center;
}
.footer-portal a{
    margin:20px auto 0;
    padding: 1em 0;
    background: #fff;
    border: 1px solid #eee;
    color: #000;
    display: inline-block;
    font-size: 14px;
    text-decoration: none;
	width: 90%;
}


@media print, screen and (min-width:960px) {

.footer-portal{
    max-width: 1400px;
    margin: 0 auto;
    padding-bottom: 40px;
    display: flex;
    justify-content: center;
}
.footer-portal a{
    margin:20px;
    padding: 1em 0;
    background: #fff;
    border: 1px solid #eee;
    color: #000;
    display: block;
    font-size: 14px;
    text-decoration: none;
	width: 300px;
}
.footer-portal a:hover{
    opacity: 0.7;
}
}

.site-footer {
  margin-top: 40px;
}

.foot-wrap {
  background-color: #ecf4f5;
  padding: 10px 0 0;
}

.foot-inner {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
}

.foot-logo {
  order: 1;
  text-align: center;
}

.foot-logo img {
  width: 100px;
  margin: 30px 0 0;
}

.foot-sitemap {
  order: 3;
}

.foot-sitemap ul {
  list-style: none;
  padding: 0;
  font-size:0;
}
.foot-sitemap ul li {
  display: inline-block;
  width: calc(50% - 1px);
}

.foot-sitemap ul li a {
  display: block;
  border-top: 1px solid #dcdcdc;
  color: #414141;
  padding: .4em 1em;
  font-size:.7rem;
  white-space: nowrap;
}

.foot-sitemap ul li:nth-child(2n) {
  border-left: 1px solid #dcdcdc;
}

.foot-campus {
  order: 2;
}

.foot-campus-frame {
  background: white;
  margin: 20px;
  padding: 5px;
  text-align: center;
}

.campus-name {
  font-size:1rem;
  font-weight: 700;
  margin: 0;
  position: relative;
}
.campus-name::after {
  content: '';
  position: absolute;
  right:15px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../ico/icon-external.svg);
  background-repeat: no-repeat;
  width:18px;
  height:18px;
}
.campus-name a {
  display:block;
}
.campus-address {
  font-size: 0.85rem;
}

.campus-address span {
  display: block;
  font-size: 0.8rem;
  margin-bottom: 5px;
}

.btn-campus {
  display: block;
  background: #0e8196;
  text-align: center;
  font-size: .9rem;
  color: white;
  border-radius: 10px;
  border: 1px solid #0e8196;
  padding: 0;
  width: 90%;
  margin: 10px auto;
  font-weight: 700;
  transition: ease-in-out .3s;
}

.btn-campus:hover {
  background: white;
  color: #0e8196;
}


.foot-bottom {
  max-width: 1400px;
  margin: 0 auto;
}

ul.foot-bottom-link {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0:
}

ul.foot-bottom-link li {
  position: relative;
}
ul.foot-bottom-link li a {
  padding: .4em 1em;
  color: #414141;
  font-size: .7rem;
  display: block;
  background: white;
  border-bottom: 1px solid #dcdcdc;
}

ul.foot-bottom-link li::after {
  content: '';
  position: absolute;
  right:20px;
  top: 50%;
  transform: translateY(-50%);
  background-image: url(../ico/icon-external.svg);
  background-repeat: no-repeat;
  background-size: 16px 16px;
  width: 16px;
  height: 16px;
}
ul.foot-bottom-link li.noico::after {
  content: none;
}

.copyright {
  font-size: .7rem;
  font-weight: 700;
  letter-spacing: 1px;
  text-align: center;
  padding: 20px 0;
  margin: 0;
}

@media screen and (min-width:560px) {

  .foot-wrap {
    padding: 0;
  }

  .foot-campus {
    display: flex;
  }

  .foot-campus-frame {
    width: 50%;
    padding: 15px 20px;
    text-align: left;
  }

}

@media print, screen and (min-width: 960px) {

  .site-footer {
    margin-top: 40px;
  }

  .foot-wrap {
    padding: 20px 0 0;
  }

  .foot-inner {
    flex-direction: row;
    justify-content: space-between;
    padding: 0 20px;
  }

  .foot-logo img {
    width: 180px;
    margin: 0;
  }
  .foot-logo .footer-logo-ttl {
    font-size:93%;
  }
  .foot-logo .footer-logo-en {
    font-size:70%;
  }
  .foot-sitemap {
    order: 2;
    display: flex;
  }

  .foot-sitemap ul li {
    display: block;
    width: 200px;
    position: relative;
  }

  .foot-sitemap ul li a {
    border-top:none;
    padding: .4em 1.2em;
    font-size:.8rem;
    transition: .3s;
  }

  .foot-sitemap ul li a:hover {
    transform: translateX(5px);
    font-weight: 700;
  }

  .foot-sitemap ul li::before {
    content: '\e315';
	font-family: 'Material Icons';
    position: absolute;
    left: 0;
    top: 50%;
	color:#f17e69;;
	font-size:1rem;
    transform: translateY(-50%);
	}

  .foot-sitemap ul li:nth-child(2n) {
    border-left: none;
  }

  .foot-sitemap ul li:nth-child(n+7) {
    border-bottom: none;
  }

  .foot-sitemap-sub {
    display: block;

  }

  .foot-campus-frame {
    margin: 0 10px 20px;
    min-width: 300px;
  }

  .foot-campus {
    order:3;
    display: flex;
	align-items: flex-start;
  }
  .campus-name {
    font-size:1.1rem;
    font-weight: 700;
    margin: 15px 0;
  }

  .campus-address {
    font-size: 0.85rem;
	margin-bottom: 2rem;
  }
  .btn-campus {
    padding: .7em;
  }
  .foot-bottom {
    display: flex;
    justify-content: space-between;
    padding: 0 20px;
  }

  ul.foot-bottom-link {
    margin: 30px 0;
  }

  ul.foot-bottom-link li {
    position: relative;
    display: inline-block;
  }

  ul.foot-bottom-link li a {
    padding: 0 50px 0 15px;
    color: #414141;
    font-weight: 700;
    display: block;
    background: transparent;
    border-bottom: none;
    transition: .3s;
  }

  ul.foot-bottom-link li a:hover {
    transform: translateX(5px);
  }

  ul.foot-bottom-link li::before {
    content: '\e315';
	font-family: 'Material Icons';
	color: #0e8196;
    position: absolute;
    left: 0;
	top:50%;
	font-size: 1rem;
    transform: translateY(-50%);
	}

  ul.foot-bottom-link li::after {
    display: none;
  }

  .copyright {
    padding: 0;
    margin: 30px 0;
  }

}

/*category*/
.page-header {
    max-width: 1400px;
    margin: 0 auto;
}
.page-header h2 {
    border-left: 6px solid #0e8196;
    font-size: 1.5rem;
    padding-left: 18px;
}
.cat-ttl-bg{
    width: 100%;
    height: 400px;
    position: relative;
}
.cat-ttl-bg img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.cat-ttl{
    padding: 10px 30px;
    top:50%;
    left: 50%;
    background: rgba(14,129,150,0.8);
	box-shadow: 5px 5px 0px #86b9c2;
    color: #fff;
    font-size: 38px;
    font-weight: bold;
    letter-spacing: .1em;
    position: absolute;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}
.cat-list{
    max-width: 1400px;
    margin:40px auto;
}
.cat-list li.cat-index{
	color:#0E8196;
    font-size: 1.3rem;
	font-weight:700;
	border-bottom: solid 3px #d1dde5;
	margin-bottom:20px;
 	position: relative;
}
.cat-list li.cat-index:after {
  	position: absolute;
  	content: " ";
  	display: block;
  	border-bottom: solid 3px #0E8196;
 	bottom: -3px;
	width: 20%;
}
.cat-list ul:after{
  content:"";
  display: block;
  width:30%;
}
ul.category-list li a {
    padding: 0.5em;
    display: block;
    background: #ecf4f5;
	color: #0E8196;
    margin-bottom: 5px;
    font-weight: 600;
    position: relative;
    transition: .5s;
    font-size: .9rem;
	text-decoration: none !important;
}
ul.category-list li a::before {
    content: '';
    background-color: #d9e8ea;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 5px;
    transform: scale(0, 1);
    transform-origin: left top;
    transition: transform .5s;
}
ul.category-list li a::after {
    content: '\e315';
    font-family: 'Material Icons';
    position: absolute;
    right: 5px;
    top: 50%;
	left:auto;
	bottom:auto;
    transform: translateY(-50%);
    background-size: 10px 16px;
	background-color:transparent;
	width:auto;
	height:auto;
}
ul.category-list li a:hover::before {
    transform: scale(1, 1);
}
ul.category-list-sub {
  list-style: none;
  padding: 0;
  margin: 0;
  font-size: 0;
}
ul.category-list-sub li{
	width:100%;
	display:table;
	margin-bottom:20px;
	background: none !important;
	padding: 0 !important;
}
ul.category-list-sub li a {
  height:auto;
  display: table-cell;
  background: #ecf4f5;
  margin-bottom: 20px;
  padding: 0.5em 1.5em 0.5em 1em;
  font-weight: 600;
  position: relative;
  transition: .5s;
  font-size:0.9rem;
	vertical-align: middle;
	text-decoration: none !important;
}

ul.category-list-sub li a::before {
  content:'';
  background-color: #d9e8ea;
  position: absolute;
  left:0;
  bottom: 0;
  width:100%;
  height: 5px;
  transform: scale(0, 1);
  transform-origin: left top;
  transition: transform .5s;
}
ul.category-list-sub li a.outside::after {
    content: '\e895';
    color: #0e8196;
    font-family: 'Material Icons';
    font-size: 16px;
    position: absolute;
    right: 15px;
    top: 50%;
    transform: translateY(-50%);
}

ul.category-list-sub li a:hover::before {
  transform: scale(1, 1);
}

ul.category-list-sub li a::after {
    content: '\e315';
	font-family: 'Material Icons';
    position: absolute;
    right: 20px;
    top: 50%;
	left: auto;
	bottom: auto;
    transform: translateY(-50%);
	background: none;
	width: auto;
	height: auto;
}

ul.category-list-sub li a.outside::after {
  background-image: url(../ico/icon-external.svg);
  background-size: 18px 18px;
  width: 18px;
  height: 18px;
}

ul.category-list-sub li a span {
  font-size: .8rem;
}

@media screen and (min-width:960px){
	.head-title-area{
		padding-top:124px;
	}
	.category-area {
    	display: grid;
    	grid-template-columns: 1fr 1fr 1fr 1fr;
	}
	ul.category-list {
    	width: 95%;
    	margin-bottom: 20px;
	}
	ul.category-list a {
    	font-size: 1.0rem;
	}
  ul.category-list-sub{
	display:flex;
	flex-wrap:wrap;
  }
  ul.category-list-sub li {
	width:100%;
    display: table;
    width: calc(50% - 11px);
	padding: 0 0 0 13px !important;
  }

  ul.category-list-sub li:nth-child(2n) {
    margin-left: 20px;
  }

  ul.category-list-sub li a {
	display:table-cell;
	vertical-align:middle;
	height:90px;
	padding: 1.5em 1.5em 1.5em 1em;
	font-size:1.1rem;
  }
}
/*パンくず*/
.breadcrumb {
    padding: 10px 20px;
    max-width: 1400px;
    margin: 0 auto;
	background-color:#fff;
	border-bottom: 1px solid #ecf4f5;
}
ul.bread-list {
    list-style: none;
    padding: 0;
    margin: 0;
    line-height: 1.2;
}
ul.bread-list li {
    display: inline;
    font-size: .7rem;
    position: relative;
    margin-right: 5px;
    padding-left: 18px;
}
ul.bread-list li:first-child{
	color: #0E8196;
}
ul.bread-list li:first-child a{
	color: #0E8196;
}
ul.bread-list li:first-child::before {
    content: '\e88a';
    position: absolute;
    left: 0;
    top: 50%;
	font-family: 'Material Icons';
    transform: translateY(-50%);
}
ul.bread-list li:nth-child(n+2)::before {
    content: '';
    position: absolute;
    left: 0;
    top: 4px;
    width: 4px;
    height: 4px;
    border-top: 2px solid #86b9c2;
    border-right: 2px solid #86b9c2;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}

.cat-list h2 {
    margin: 0 0 30px;
    padding: 0.5em 1em;
    background: #EFF3F6;
    border-left: 6px solid #0E8196;
    font-size: 24px;
}
.cat-list h3 {
    margin: 30px 0 20px;
    padding: .5em 1em .3em;
    background: #EFF3F6;
    border-bottom: 5px solid #d1dde5;
    font-size: 1.1rem;
    letter-spacing: 2px;
}
.cat-list h4 {
    font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    border-left: 5px solid #0e8196;
    padding-left: .8em;
    margin: 0 0 20px;
}
.cat-list p {
    margin-bottom: 30px;
}
.cat-list-inner table{
	margin: 0 0 20px;
    text-align: left;
}
.cat-list-inner th {
    padding: .5em .8em;
    background: #EFF3F6;
    border: 1px solid #dcdcdc;
    font-size: .9rem;
    font-weight: bold;
    vertical-align: middle;
}
.cat-list-inner td {
    padding: .5em .8em;
    border: 1px solid #dcdcdc;
    font-size: .9rem;
    vertical-align: middle;
}
@media print, screen and (min-width: 960px){
	.page-header{
		padding-top:144px;
	}
}
/*コンテンツ*/
.contents-body h1 {
  background: #ecf4f5;
  font-size: 1.1rem;
  padding: .5em 1em .3em;
  border-bottom: 5px solid #d9e8ea;
  letter-spacing: 2px;
  margin: 0 0 30px;
}

.contents-body h2 {
  font-size: 1rem;
  font-weight: 700;
  letter-spacing: 2px;
  border-left: 5px solid #0e8196;
  padding-left: .8em;
  margin: 30px 0 20px;
}
.contents-body h2{
	margin:0 0 30px;
	padding:0.5em 1em;
	background: #EFF3F6;
	border-left:6px solid #0E8196;
	font-size:24px;
}
.contents-body h3{
	margin: 30px 0 20px;
	padding: .5em 1em .3em;
	background:#EFF3F6;
	border-bottom: 5px solid #d1dde5;
	font-size: 1.1rem;
	letter-spacing: 2px;
}
.contents-body h4{
	font-size: 1rem;
    font-weight: 700;
    letter-spacing: 2px;
    border-left: 5px solid #0e8196;
    padding-left: .8em;
    margin:0 0 20px;
}
.contents-body p{
	margin-bottom:30px;
}
.contents-body table{
	margin:0 0 20px;
	text-align:left;
}
.contents-body th{
	padding: .5em .8em;
	background:#EFF3F6;
	border:1px solid #dcdcdc;
	font-size: .9rem;
	font-weight:bold;
	vertical-align: middle;
}
.contents-body td{
	padding: .5em .8em;
	border:1px solid #dcdcdc;
	font-size: .9rem;
	vertical-align: middle;
}
.content-main a{
	color:#000;
}
.content-main a:hover{
	color:#0E8196;
}
.content-main .subject-list{
	margin-bottom: 20px;
	display:flex;
	flex-wrap:wrap;
	font-size:0;
	justify-content:space-between;
}
.content-main .subject-list:after{
	content:"";
	width:30%;
	display:block;
}
.content-main .subject-list a{
    height: 100%;
    display: flex;
    flex-direction: column;
	text-decoration:none;
}
.content-main .subject-list li{
	width:30%;
	border:1px solid #dcdcdc;
	display:inline-block;	
	transition:0.3s ease;
}
.content-main .subject-list li:hover img{
	opacity:0.7;
}
.content-main .cat-list-thum img{
	width:100%;
	max-height:200px;
	transition:.3s;
}
.content-main .cat-list-title{
	padding-top: 0.9em;
	color:#0E8196;
	font-size:1.2rem;
	font-weight:700;
	text-align:center;
}
.content-main .cat-list-desc{
	padding:1em 2em 1.5em 2em;
	color:#000;
	font-size:.9rem;
}
.content-main .jump a{
	padding:.3em 1em;
	margin-bottom:7px;
	border:1px solid #0E8196;
	box-sizing:border-box;
	color:#0E8196;
	display:inline-block;
	font-size:.8rem;
	text-decoration:none;
}
.content-main .jump a:hover{
	background:#0E8196;
	color:#fff;
}
/*サイドメニュー*/
.side-nav-title{
    padding:1.5em;
    background: #0E8196;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
}
.side-nav ul{
    border: 1px solid #0E8196;
    box-sizing: border-box;
}
.side-nav li{
    border-bottom:1px dotted #666 ;
    list-style: none;
}
.side-nav li:last-child{
    border-bottom:none;
}
.side-nav li a{
    padding: 1em;
    color: #0E8196;
    display: block;
    font-size: 16px;
    text-decoration: none;
}
.side-nav li a:hover{
    background: #EFF3F6;
}
.side-nav .current  a{
    background: #EFF3F6;
    border-left: 5px solid #F17E69;
    box-sizing: border-box;
}
/*記事一覧*/
.topics-list{
	max-width:1400px;
	margin:0 auto;
	display:flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.topics-list::after{
	content:"";
	display:block;
	width:30%;
}
.topics-list .topic{
	width:30%;
}
.topics-list .published{
	list-style:none;
}
.topics-list .entry-title{
	font-size:16px;
}
.topics-list-thum{
	overflow:hidden;
}
.topics-list-date{
    color: #666;
    font-size: 12px;
}
/*記事*/
.content-topic{
	max-width:1400px;
	margin:30px auto;
}
.content-topic .entry-header .inline li{
	list-style:none;
}
.content-topic h2 {
    margin: 0 0 20px;
    padding: 0.5em 1em;
    background: #EFF3F6;
    border-left: 6px solid #0E8196;
    font-size: 24px;
}
.content-topic .entry-header{
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom:1px solid #dcdcdc;
}
.content-topic .entry-header .inline{
	font-size:.8em;
}
/*サイトマップ*/
.sitemap-list{
	max-width:1400px;
	margin:40px auto;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}
.sitemap-list ul{
	width:23%;
	margin-bottom:40px;
}
.sitemap-list li{
	list-style:none;
	position:relative;
}
.sitemap-list h2{
	margin:0 0 14px;
	padding:.4em 1em .3em 1em;
	background:#eee;
	border-bottom:3px solid #d1dde5;
}
.sitemap-list .page:before{
	content:"\e315";
	margin-top: -14.4px;
    top: 50%;
	font-family:Material Icons;	
	position:absolute;
}
.sitemap-list li a{
	padding: 0 0 0 1.5em;
	color:#000;
	font-size:.9rem;
	display:block;
	text-decoration:none;
}
.sitemap-list li a:hover{
	text-decoration:underline;
}
/*@media screen and (max-width:960px){*/
@media screen and (max-width:1190px){

	.header-nav{
		position:relative;
	}
	.header-wrap{
		height:54px;
		justify-content: space-between;
    	display: flex;
	}

	.header-nav .header-logo a{
		padding-left:5px;
		font-size: 0;
    	top: 7px;
		display:table-cell;
    	position: relative;
	}
	.header-nav .header-logo img{
		height: 40px;
		top: 50%;
		left: 10px;
		/*position: absolute;
   	 	transform: translate(0, -50%);*/
	}
	.header-nav .header-menu{
		padding: 10px 12px;
		background:#0E8196;
	}
	.header-menu-trigger{
		position: relative;
    	width: 30px;
    	height: 20px;
    	display: inline-block;
    	box-sizing: border-box;
	}
	.header-menu-trigger span{
   	 	transition: all .4s;
		position: absolute;
   	 	left: 0;
    	width: 100%;
    	height: 2px;
     	background-color: #fff;
    	border-radius: 4px;
	}
	.header-menu-trigger:after{
		content: 'MENU';
    	position: absolute;
    	bottom: -19px;
    	left: 50%;
    	transform: translateX(-50%);
    	color: white;
    	font-size: .6rem;
    	font-family: 'Raleway', sans-serif;
	}
	.header-menu span:nth-of-type(1){
   	 	top:0;
	}
	.header-menu span:nth-of-type(2){
    	top:9px;
	}
	.header-menu span:nth-of-type(3){
		bottom:0;
	}
	.active span{
    	transition: 0.3s;
	}
	.active span:nth-of-type(1){
    	top:9px;
    	transform: rotate(45deg);
	}
	.active span:nth-of-type(2){
    	display:none;
	}
	.active span:nth-of-type(3){
    	top:9px;
    	transform: rotate(-45deg);
	}
	.active .header-menu-trigger:after{
		content:'CLOSE';
	}
	.nav-wrap{
		display:none;
	}
	.main-nav .logo{
		display:none;
	}
	.main-nav{
		width:100%;
		position:absolute;
	}
	.main-nav .global-nav>ul{
		display:block;
	}
	.main-nav .global-nav ul li{
    	list-style: none;
    	background: #0E8196;
		border-bottom:1px solid #fff;
	}
	.main-nav .global-nav>ul>li>a{
		color:#fff;
		font-size:1rem;
		line-height: 3em;
	}
	.main-nav .global-nav>ul>li>a:before{
		display:none;
	}
	.main-nav .gnav .hover a{
		color:#fff;
	}
	.main-nav .gnav>li>div{
		display:none!important;
	}
	.sub-nav{
		width:100%;
		top:397px;
		display:block;
		position:absolute;
	}
	.sub-nav .sub-nav-01 li{
		width:50%;
		margin-right:0;
		background:#fff;
	}
	.sub-nav .sub-nav-01 li a{
		padding:1em;
		border:1px solid #0E8196;
		box-sizing: border-box;
		color: #0E8196;
		display:block;
		font-size: 0.8em;
	}
	.sub-nav .sub-nav-01 .sub-nav-wh a {
		padding:1em;
	}
	.sub-nav .sub-nav-01 .ico-att a{
		padding:1em 1em 1em 22px;
	}
	.sub-nav .sub-nav-01 li.doc a{
		background:#f17e69;
		color: #fff;
	}
	.sub-nav .sub-nav-02{
		display:block;
		padding:15px 0;
		justify-content: space-evenly;
    }
	.sub-nav .sub-nav-02:after{
		content:'';
		display:block;
		width:40%;
	}
	.sub-nav .sub-nav-02 li{
		width:93%;
		margin:0 auto;
		display:block;
		text-align: center;
	}
	.sub-nav .sub-nav-02 .doc{
		margin-top:10px;
	}
	.sub-nav .sub-nav-02 li a{
		padding:1em 2em;
		display:block;
		font-size:.8em;
		white-space: nowrap;
	}
	.sub-nav .sub-nav-02 li a i{
		padding-left:5px;
	}
	.sub-nav .sub-nav-03{
		background: #0e8196;
        border-bottom: 1px solid #fff;
		font-size:0;
		display:block;
		text-align: center;
	}
	.sub-nav .sub-nav-03 li{
		border:none;
	}
	.sub-nav .sub-nav-03 li:hover{
		background:transparent;
	}
	.sub-nav .sub-nav-03 li a{
		margin:0 auto;
	}
	.sub-nav .sub-nav-03 li span{
		width:auto;
		/*display:none;*/
	}
	.sub-nav .sub-nav-03 .search span .material-icons{
		/*display:none;*/
	}
	.sub-nav .sub-nav-03 .search span:after{
		/*display:none;*/
	}
	.sub-nav .sub-nav-03 .search-block{
		padding: 0 1em 10px 1em;
		display:block!important;
		position:relative;
	}
	.sub-nav .sub-nav-03 .search-block input[type="text"]{
		width:100%;
	}
	.sub-nav .language-block,
	.sub-nav .search-block{
		top: auto;
		bottom: 44px;
		width:100%;
	}
	.sub-nav .language-block ul{
		justify-content: center;
	}
	.sub-nav .sub-nav-03 .room,
	.sub-nav .sub-nav-03 .language,
	.sub-nav .sub-nav-03 .search{
		width:30%;
		display:inline-block;
	}
	.sub-nav .sub-nav-03 .fontsize{
		display:none;
	}
	.sns-links{
		width:100%;
		top:578px;
		padding: 5px 0;
		background:#0E8196;
		display:none;
		justify-content:center;
	}
	.sns-links a{
		margin:0 10px;
	}
	.sns-banner{
		margin-top:20px
	}
	.sns-banner{
		margin-top: 20px;
    	display: flex;
    	justify-content: space-between;	
	}
	.sns-banner li{
		max-width:60px;
		min-width:50px;
		width:18%;
	}
	.sns-banner li img{
		width:100%;
	}
	.page-header{
		padding-top:0;
	}
	
	.sp-hidden{
		display:none !important;
	}
	.sp{
		display:block !important;
	}
	.top-slider{
		height:44vh;
		position:static;
	}
	.top-slider img{
		height:44vh;
	}
	#new-slider.slide-container{
		margin: 0px auto auto auto!important;
	}
	#new-slider.slide-container #slider img{
		margin-top:0!important;
	}
	.event-box-date{
		left:0;
		font-size:.8em;
	}
	.event-box-ttl{
		font-size:.8em;
	}
	.event-box-d-th{
		display:block;
	}
	.event-box-d-th .event-box-thum{
		width:140px;
		height:80px;
	}
	#news-box{
		margin:0;
	}
	#news-box .box-title{
		margin:0 auto;
		border:none;
	}
	#news-box .tab-content{
		width:100%;
		margin-left:0;
	}
	#news-box .news-box-txt{
		font-size:.8em;
	}
	#news-box-inner{
		display:block;
	}
	.footer-box{
		display:block;
	}
	.footer-logo img{
		width:80px;
	}
	.footer-box .footer-kitagata, .footer-box .footer-hibikino{
		margin:0 10px 20px;
	}
	.footer-bottom ul{
		flex-wrap:wrap;
	}
	.footer-bottom ul:after{
		content:'';
		display:block;
		width:50%;
	}
	.footer-bottom ul li{
		width:50%;
		margin:0;
		border-bottom:1px solid #dcdcdc;
		border-right:1px solid #dcdcdc;
		box-sizing:border-box;
		font-size: .8em;
	}
	.footer-bottom ul li:nth-child(2n){
		border-left:none;
	}
	.footer-bottom ul li a{
		padding:12px 10px;
		display:block;
	}
	.footer-bottom-copyright{
		font-size: .7em;
		text-align:center;
	}
	.page-header{
		font-size: .8em;
		padding:0;
	}
	.breadcrumb{
		padding: 3px 10px;
		font-size:.8rem;
	}
	.topics-list{
		whilte-space:nowrap;
	}
	.cat-ttl-bg{
		height:150px;
	}
	.cat-ttl h1{
		font-size:.4em;
		white-space: nowrap;
		letter-spacing: normal;
	}
	.cat-list{
		margin:12px auto;
	}
	.cat-list .c-l-ttl{
		font-size:.9rem;
	}
	.cat-list .cat-list-inner{
		display:block;
	}
	.cat-list .cat-index{
		font-size:1.2rem;
	}
	.cat-list ul{
		width:95%;
		margin:30px auto;
	}
	.topics-list{
		justify-content: space-evenly;
	}
	.topics-list .entry-title {
		font-size:.8rem;
	}
	.topics-list .topic{
		width:45%;
	}
	.topics-list-thum img{
		height:28vw;
	}
	.content-topic{
		width:95%;
		margin:20px auto;
	}
	.content-topic .entry-header h2{
		font-size:20px;
	}
	.content-topic img{
		width:100%;
	}
	.container .content {
		margin:20px auto;
		display: block;
	}
	.content .content-main{
		width:95%;
		margin:0 auto;
		overflow:hidden;
	}
	.content .content-main p{
		font-size:.9em;
	}
	.content .content-main img{
		width:100%;
		height:auto;
	}
	.content .content-main table{
		display:block;
		overflow-x:scroll;
	}
	.content .content-main tbody{
		display:table;
	}
	.content .content-main td{
		font-size:.8rem;
	}
	.content .content-main img{
		float:none!important;
	}
	.content-main .subject-list li{
		width: 48%;
		margin-bottom:10px;
	}
	.content-main .cat-list-desc {
    	padding: .5em 1em 1.5em 1em;
    	font-size: .8rem;
	}
	.content h2{
		font-size: 20px;
	}
	.content .content-side{
		width:95%;
		margin:0 auto;
	}
	.sitemap-list{
		width:95%;
	}
	.sitemap-list ul{
		width:49%;
	}

}
/* ---------------------------------------------------------
    レイアウト
----------------------------------------------------------*/

#content {
  padding: 0 20px;
}

  #primary {
     width: 95%;
     margin:30px auto;
  }
@media print, screen and (min-width: 960px) {

  #content-2col {
    max-width: 1400px;
    margin: 0 auto;
    display: flex;
    padding: 0 20px;
  }

  #primary {
	max-width:1100px;
    flex: 1;
    padding-right: 60px;
	margin-top: 50px;
  }
  #primary.no-side {
    flex: 1;
    padding-right: 0px;
	margin-top: 50px;
  }
  #primary.top {
    flex: 1;
    padding-right: 0px;
  }

  #secondary {
    width: 260px;
    position: relative;
  }
  #secondary.no-side {
    display:none;
  }
  #content {
    max-width: 1400px;
    margin: 0 auto;
  }

}

/* パンくず */
.breadcrumb {
  padding: 8px 20px;
  border-bottom: 1px solid #ecf4f5;
}

.bread-inner {
  max-width: 1400px;
  margin: 0 auto;
}

ul.bread-list {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1.2;
}

ul.bread-list li {
  display: inline;
  font-size:.7rem;
  position: relative;
  margin-right: 5px;
  padding-left: 18px;

}

ul.bread-list li:nth-child(n+2)::before{
  content: '';
  position: absolute;
  left: 0;
  top:4px;
  width: 4px;
  height: 4px;
  border-top: 2px solid #86b9c2;
  border-right: 2px solid #86b9c2;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

ul.bread-list li:first-child::before {
  content: '\e88a';
	color: #0e8196;
	font-family: 'Material Icons';
	font-size:.7rem;
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

@media print, screen and (min-width: 960px) {

  .breadcrumb {
    padding: 10px 20px;
	max-width: 1400px;
    margin: 0 auto;
  }

}
/* ---------------------------------------------------------
    下層ページ
----------------------------------------------------------*/

/* ページタイトル */
.page-title-area {
  padding:25px 0;
}

.page-title-area h3 {
  max-width: 1200px;
  margin: 0 auto;
  border-left: 5px solid #0e8196;
  padding-left: 15px;

}

@media screen and (min-width:560px) {

  .page-title-area {
    padding: 40px 0;
  }

}

@media print, screen and (min-width: 960px) {

  .page-title-area {
    padding: 50px 0;
    margin-bottom: 60px;
  }

  .page-title-area h3 {
    font-size: 1.4rem;
    letter-spacing: 2px;
  }

}

/* サイドナビ */
.side-nav-area {
  padding: 0 20px;
  width: 100%;
}

.side-nav-box {
  width: 100%;
  border: 1px solid #0e8196;
  margin-bottom: 40px;
}

.side-nav-ttl {
    padding:1.5em 0.75em;
    background: #0E8196;
    color: #fff;
    font-size: 18px;
	line-height:20px;
    font-weight: bold;
}

.side-nav-ttl span {
  color: white;
  font-weight: 700;
  position: absolute;
  left: 1em;
  top: 50%;
  transform: translateY(-50%);
}

ul.side-nav {
  list-style: none;
  padding: 0;
  margin: 0;
}

ul.side-nav li a {
  display: block;
  border-bottom: 1px solid #d9e8ea;
  padding: .8em 1em;
  transition: .2s;
  position: relative;
}

ul.side-nav li a:after {
  content: '\e315';
    font-family: 'Material Icons';
    position: absolute;
	right:12px;
    top: 50%;
    color: #f17e69;
    font-size: 1rem;
    transform: translateY(-50%);
}

ul.side-nav li:last-child a{
  border-bottom: none;
}

ul.side-nav li a.current {
  border-left: 5px solid #f17e69;
}

ul.side-nav li a:hover {
  background: #ecf4f5;
  font-weight: 700;
}

@media print, screen and (min-width:960px) {

  .page-content .side-nav-area {
    padding: 0;
    margin-top: 90px;
  }

  .side-nav-area {
    padding: 0;
    width: 100%;
    margin-top: -5em;
  }

}

#primary .entry-body ul {
    margin-bottom: 2em;
}
#primary .entry-body ul li {
	list-style: none;
    padding: 0px 0px 0px 13px;
    margin-left: 1em;
    background: url(../images/marker_02.gif) no-repeat 0px .6em;
}
#primary div.cat-list ul {
    margin-bottom: 2em;
}
#primary div.cat-list ul li {
	list-style: none;
    padding: 0;
    margin-left: 0;
    background: none;
}
#primary .entry-body ul.li-inline li {
    display: inline-block;
}

/* 検索結果 */
.search-results-page form {
	margin-bottom:1em;
	border: 1px solid #999;
	border-radius: 10px;
	padding: .4em;
}
.search-results-page form p {
	text-align: center;
}
.search-results-page input[type="text"] {
	width: 100%;
	padding: 4px;
	height: auto;
}
.search-results-page h3 {
	margin-top: 0;
}
.search-results-page h3.match {
	text-decoration: underline;
	margin-bottom: 1.5em;
}
.search-results-page ul.site-select li {
	display: inline-block;
	margin: 0;
}
.search-results-page ul.site-select li input[type="checkbox"] {
	vertical-align: top;
}
.search-results-page dl.search_result dt {
	padding: 1em 0 .25em 0;
}
.search-results-page dl.search_result dd {
	padding: .25em 0 1em 1em;
	border-bottom: 1px solid #eee;
}
.search-results-page .pagination.pagination-centered ul li.active span {
	transform: rotate(0deg);
}

@media print, screen and (min-width:960px) {
  .search-results-page form {
	padding: 1em;
  }
  .search-results-page form p {
	text-align: left;
  }
  .search-results-page input[type="text"] {
	width: 450px;
  }
  .search-results-page ul.site-select li {
	margin: 0 1.5em;
  }
}

/* ---------------------------------------------------------
    投稿ページ
----------------------------------------------------------*/

.entry-content {
  padding: 0;
}

.entry-box {
  padding: 20px;
}

.entry-date {
  /*font-family: 'Roboto', sans-serif;*/
  font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
  font-weight: 700;
  margin: 0;
  font-size: .9rem;
}

.entry-title {
  font-size: 1.2rem;
  position: relative;
  margin: 15px 0 50px;
}

.entry-title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #86b9c2;
  width: 20%;
  height: 3px;
}

.entry-title::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -18px;
  background-color: #d9e8ea;
  width: 100%;
  height: 3px;
  z-index: -1;
}

.entry-body p {
  margin: 0 0 20px;
}

.entry-body a {
  position: relative;
  text-decoration: underline;
}

.entry-body a::after{
  content: '';
  position: absolute;
  left:0;
  bottom:-2px;
  width: 100%;
  height: 1px;
  /*background: #0e8196;*/
}

.entry-body a:hover {
  font-weight: 700;
}

.entry-body h2,
.entry-body .sub-title {
  font-size: 1.1rem;
  margin: 40px 0 20px;
  padding: .2em .6em;
  background:#ecf4f5;
  border-bottom: 2px solid #d9e8ea;
}
.entry-body h3 {
  border-bottom: 2px solid #d9e8ea;
  margin-bottom: 15px;
}

.content-title{
    background: #EFF3F6;
}

.content-title h2{
    width: 95%;
    margin: 0 auto;
    padding: 1.5em 0;
}

.mapPdf a[href$=".pdf"]::after {
    display: none;
}

@media print, screen and (min-width:960px) {

  .entry-content {
    padding: 0;
  }

  .entry-box {
    padding: 0;
  }

  .entry-title {
    font-size: 1.3rem;
    margin: 15px 0 60px;
  }

.content-title{
    background: #EFF3F6;
}
.content-title h2{
    max-width: 1400px;
    margin:0 auto;
    padding: 1.5em 320px 1.5em 0;
    font-size: 26px;
}

}

ul.head-nav-list li a[href$=".pdf"]::after {
  content: none !important;
}

ul.category-list li a[href$=".pdf"]::after {
  content: '\e315' !important;
  position: absolute !important;
}

@media screen and (max-width: 767px) {
  .mt-image-left,
  .mt-image-right,
  .float-img {
    width: 40%;
    min-width: 160px;
  }
  .float-none {
    display: block;
    margin: 0 auto 10px;
    max-width: 100%;
    float: none !important;
  }
  .table-wrap {
    width: 100%;
    overflow-x: auto;
  }
  .table-wrap > table {
    min-width: 600px;
  }
  td a {
    word-break: break-all;
  }
  .table-wrap::before {
    content: "スクロールできます≫";
	color: maroon;
	font-weight: bold;
	font-size: 85%;
	background: lightyellow;
  }
  .table-block th,
  .table-block td {
    display: block;
    width: 100%;
  }
  .entry-body p,
  .entry-body td{
    word-break: break-word;
  }
  .entry-body a {
    text-decoration: underline !important;
  }
  .entry-body a::after {
    content: none;
  }
}

@media screen and (-ms-high-contrast: none) {
  *::-ms-backdrop, .entry-body a { text-decoration: underline !important; }
  *::-ms-backdrop, .entry-body a::after { content: none !important; }
}
@media screen and (min-width:960px){
  *::-ms-backdrop, ul.category-list li a {
    text-decoration: none !important;
    padding-right: 1.5em !important;
  }
  *::-ms-backdrop, ul.category-list li a::after {
    content: '\e315' !important;
    font-family: 'Material Icons';
    position: absolute;
    right: 5px;
    top: 50%;
    left: auto;
    bottom: auto;
    transform: translateY(-50%);
    background-size: 10px 16px;
    background-color: transparent;
    width: auto;
    height: auto;
  }

  *::-ms-backdrop, .category-area {
    display: -ms-grid;
    -ms-grid-columns: 1fr 18px 1fr 18px 1fr 18px 1fr;
  }

  *::-ms-backdrop, ul.category-list:nth-child(1) {
    -ms-grid-row: 1;
    -ms-grid-column: 1;
  }

  *::-ms-backdrop, ul.category-list:nth-child(2) {
    -ms-grid-row: 1;
    -ms-grid-column: 3;
  }

  *::-ms-backdrop, ul.category-list:nth-child(3) {
    -ms-grid-row: 1;
    -ms-grid-column: 5;
  }

  *::-ms-backdrop, ul.category-list:nth-child(4) {
    -ms-grid-row: 1;
    -ms-grid-column: 7;
  }

  *::-ms-backdrop, ul.category-list:nth-child(5) {
    -ms-grid-row: 3;
    -ms-grid-column: 1;
  }

  *::-ms-backdrop, ul.category-list:nth-child(6) {
    -ms-grid-row: 3;
    -ms-grid-column: 3;
  }

  *::-ms-backdrop, ul.category-list:nth-child(7) {
    -ms-grid-row: 3;
    -ms-grid-column: 5;
  }

  *::-ms-backdrop, ul.category-list:nth-child(8) {
    -ms-grid-row: 3;
    -ms-grid-column: 7;
  }

  *::-ms-backdrop, ul.category-list:nth-child(9) {
    -ms-grid-row: 5;
    -ms-grid-column: 1;
  }

  *::-ms-backdrop, ul.category-list:nth-child(10) {
    -ms-grid-row: 5;
    -ms-grid-column: 3;
  }

  *::-ms-backdrop, ul.category-list:nth-child(11) {
    -ms-grid-row: 5;
    -ms-grid-column: 5;
  }

  *::-ms-backdrop, ul.category-list:nth-child(12) {
    -ms-grid-row: 5;
    -ms-grid-column: 7;
  }

  *::-ms-backdrop, ul.category-list:nth-child(13) {
    -ms-grid-row: 7;
    -ms-grid-column: 1;
  }

  *::-ms-backdrop, ul.category-list:nth-child(14) {
    -ms-grid-row: 7;
    -ms-grid-column: 3;
  }

  *::-ms-backdrop, ul.category-list:nth-child(15) {
    -ms-grid-row: 7;
    -ms-grid-column: 5;
  }

  *::-ms-backdrop, ul.category-list:nth-child(16) {
    -ms-grid-row: 7;
    -ms-grid-column: 7;
  }
}

@media print, screen and (max-width:530px) {
	.gakutyou{
		float:none!important;
		text-align:center;
	}
	.gakutyou img{
		width:100%!important;
		height:auto!important;
		padding:0 20px 20px 20px;
		margin:0!important;
	}
}
/*kitaqreal*/
.kitaqreal-area{
	height:460px;
	position:relative;
	margin-bottom: 5rem;
}
.kitaqreal-inner{
	max-width:1400px;
	margin:0 auto;
	position:relative;
}
.kitaq-title{
	padding: 0 20px 20px 20px;
	top:100px;
	left:0;
	align-items:center;
	font-size:0;
	display:flex;
	position:relative;
	z-index:1;
}
.kitaq-title h2{
	line-height: inherit;
}
.kitaq-title .kitaq-btn a{
	padding: 6px 10px;
	margin-left:20px;
    border: 1px solid;
    font-size: 14px;
    white-space: nowrap;
}
.kitaq-title img{
	width:600px;
}
.kitaq-post-list{
	width:80%;
	margin-right: calc(50% - 50vw);
	position: absolute;
	right:0;
}
.kitaq-post-list ul{
	width:100%;
	padding: 100px 0 60px 60px;
	background:#EFF3F6;
	display:flex;
}

.kitaq-post-list li{
	width:calc(100% / 3);
	max-width:300px;
	padding-right:20px;
}
kitaq-box-thum{
	font-size:0;
}
.kitaq-box-thum img {
    width: 100%;
    height: 100%;
    aspect-ratio: 16 / 9;
    object-fit: cover;
    transition: 0.3s;
}
.kitaq-list-title{
	padding-top:8px;
	font-weight:bold;
	color:#333333;
}
.kitaq-list-date{
	color:#787878;
}
@media print, screen and (max-width:1190px){
	.kitaqreal-area{
		padding-top: 26px;
		height:auto;
	}
	.kitaq-title{
		top:0;
		justify-content: space-between;
	}
	.kitaq-post-list{
		width:100%;
		padding:0;
		position:relative;
	}
	.kitaq-post-list ul{
		padding:20px;
		justify-content: space-between;
	}
	.kitaq-post-list li{
		padding:0 4px;
	}
}