.skipNavigation {
  display: block;
  left: -9999px;
  position: absolute;
  z-index: -1;
}

.archiveNavigation:after,
.cf:after {
  content: ".";
  height: 0;
  clear: both;
  display: block;
  visibility: hidden;
  font-size: 0;
  line-height: 0;
}

/********************************

            共通部分

********************************/
.box {
  display: flex;
  width: 100%;
  justify-content: space-between;
}

.box_align_center {
  align-items: center;
}

.box_left {
  width: 50%;
  margin-right: 2%;
}

.box_right {
  width: 50%;
  margin-right: 0;
}

.box_w70 {
  width: 70%;
}

.box_w30 {
  width: 30%;
}

.box_w46 {
  width: 46%;
}

.box_w78 {
  width: 78%;
  margin-right: 2%;
}

.box_w20 {
  width: 20%;
}

.box_w74 {
  width: 74%;
  margin-right: 1%;
}

.box_w25 {
  width: 25%;
}

.colum3 {
  -js-display: flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.colum3_col {
  width: 32%;
  margin-right: 2%;
  margin-bottom: 1em;
}

.colum3_col:last-child {
  margin-right: 0;
}

.colum4 {
  -js-display: flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

.colum4_col {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1em;
}

.colum4_col:last-child {
  margin-right: 0;
}

.container {
  width: 1100px;
  margin: 0 auto;
}

article section {
  display: block;
  width: 100%;
  padding: 40px 20px 60px 20px;
  box-sizing: border-box;
}

/*　バックナンバー用 */
ul.back_number {
  display: block;
  margin: 1em 0;
}

ul.back_number li {
  display: inline-block;
  margin-right: 1em;
}

ul.back_number li a {
  display: block;
  font-size: 18px;
  color: #000;
}

ul.back_number li a:before {
  content: "\f105";
  display: inline-block;
  padding-right: 8px;
  font-weight: 900;
  font-size: 16px;
  color: #000;
  font-family: "Font Awesome 5 Free";
}

/* Youtube 埋め込み */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/********************************

            ヘッダー

********************************/
#header {
  display: block;
  width: 100%;
  background: #fff;
  position: relative;
}

.header_container {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  /*max-width: 1200px;*/
  width: 100%;
  padding: 10px;
}

#header #logo {
  width: auto;
}

#header #logo a {
  display: block;
  padding: 10px;
  line-height: 1;
}

#header_menu {
  max-width: 850px;
  width: 100%;
  vertical-align: middle;
}

.header_top {
  -js-display: flex;
  display: flex;
  width: auto;
  justify-content: end;
}

.header_top ul.header_top_menu li {
  display: inline-block;
  margin-right: 10px;
}

.header_top ul.header_top_menu li:last-child {
  margin-right: 0;
}

.header_top ul.header_top_menu li a {
  display: block;
  font-size: 12px;
  font-weight: normal;
  color: #231815;
  line-height: 1;
}

.header_top ul.header_top_menu li a:before {
  content: url("/images/common/header_arw.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: 0;
  line-height: 1;
}

.header_bottom {
  -js-display: flex;
  display: flex;
  align-items: end;
  width: 100%;
  margin-top: 10px;
}

ul.sns {
  display: inline-block;
  margin-right: 10px;
  font-size: 0;
  vertical-align: bottom;
}

ul.sns li {
  display: inline-block;
  margin-right: 10px;
}

ul.sns li:last-child {
  margin-right: 0;
}

.header_bottom_menu {
  display: inline-block;
  width: 85%;
  margin-right: 5px;
  vertical-align: middle;
}

.header_bottom_menu ul {
  display: block;
  width: 100%;
  font-size: 0;
}

.header_bottom_menu ul li {
  display: inline-block;
  border-right: 1px solid #565656;
  width: 20%;
  font-size: 0;
}

.header_bottom_menu ul li.long {
  width: 17%;
}

.header_bottom_menu ul li:first-child {
  border-left: 1px solid #565656;
}

.header_bottom_menu ul li a {
  display: inline-table;
  padding: 0 15px;
  font-size: 13px;
  color: #000000;
  text-decoration: none;
  text-align: center;
  line-height: 1;
  height:34px;
}
.header_bottom_menu ul li a p {
    display: table-cell;
    vertical-align: middle;
    width: 70%;
    line-height:1;
}
.header_bottom_menu ul li a p.gnavicon {
    width: 35px;
}
.header_bottom_menu ul li img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

p#donate_btn {
  display: inline-block;
  vertical-align: middle;
}

p#donate_btn a {
  display: block;
  padding: 8px 12px;
  background-color: #08215c;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  border-radius: 5px;

  text-align: center;
  line-height: 1;
}

/* Googleカスタム検索 */
.search {
  margin-left: 20px;
}

.search form {
  position: relative;
}

.search form input {
  padding: 5px;
}

#search_btn {
  background: url("/images/common/search_btn.svg") no-repeat;
  background-position: center center;
  border: none;
  width: 15px;
  height: 15px;
  position: absolute;
  right: 10px;
  top: 7px;
}

/********************************

          グローバルナビゲーション

********************************/
nav {
  width: 100%;
  background-color: #08215c;
  padding: 0;
  line-height: 1;
  position: relative;
  z-index: 9999;
}

nav ul {
  max-width: 1100px;
  width: 100%;
  margin: 0 auto;
  font-size: 0;
}

nav ul li {
  display: inline-block;
  width: calc(100% / 4);
  font-size: 0;
  border-right: 1px solid #fff;
}

nav ul li:first-child {
  border-left: 1px solid #fff;
}

nav ul li a {
  display: block;
  padding: 20px 10px;
  font-size: 16px;
  font-weight: normal;
  color: #fff;
  text-align: center;
  line-height: 1;
}

nav ul li a.outlink:after {
  content: "\f35d" !important;
  display: inline-block;
  padding-left: 8px;
  font-weight: 900;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  vertical-align: middle;
  line-height: 1;
}

/*nav ul li:last-child a:after {
  content: "\f35d";
  display: inline-block;
  padding-left: 8px;
  font-weight: 900;
  font-size: 14px;
  font-family: "Font Awesome 5 Free";
  vertical-align: middle;
  line-height: 1;
}*/

/*******************************************

                ギガメニュー

*******************************************/
.menu {
  position: relative;
}
.menu .menu_list > a {
  display: block;
  font-size: 16px;
  transition: 0.3s;
}

/* ②メガメニューのスタイル */
.menu_contents {
  /*background: #3f74c9;*/
  background: rgba(4,16,45,0.85);
  display: none;
  position: absolute;
  top: 55px;
  left: 0;
  width: 100%;
  z-index: 9999;
}

.megamenu_ct {
  display: flex;
  align-items: center;
  padding: 10px 10px 30px 10px;
}

.megamenu_ct p {
  display: block;
}

.page_title {
  width: 25%;
  margin-right: 3%;
}

.page_title img {
  width: 100%;
  height: auto;
}

.page_title p {
  display: block;
  font-size: 24px;
  color: #fff;
  margin: 0;
  padding: 10px;
}

.page_title a {
  display: block;
  margin: 0;
  font-size: 24px;
  color: #fff;
  padding: 10px;
  text-align: left;
  text-decoration: none;
  line-height: 1;
  position: relative;
}

.page_title a:before {
  content: url("/images/common/arw_right3.svg");
  position: absolute;
  right: 10px;
}

.page_list {
  width: 100%;
  display: flex;
  /*align-items: center;*/
}

.page_list ul {
  max-width: 100%;
  width: 49%;
  margin: 0;
  padding: 10px;
  border-right: 1px dashed #fff;
}

/*.page_list ul:first-child {
  border-left: 1px dashed #fff;
}*/

.page_list ul:last-child {
  border-right: 0;
}

.page_list ul li {
  width: 100%;
  margin-right: 0;
  margin-bottom: 10px;
  border: none !important;
}

.page_list ul li:last-child {
  margin-bottom: 0;
}

.page_list ul li a {
  position: relative;
  display: block;
  padding: 1px;
  font-size: 18px;
  text-align: left;
  color: #fff;
  text-decoration: none;
}

.page_list ul li a:before {
  content: "\f105";
  display: inline-block;
  padding-right: 8px;
  font-weight: 900;
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
}

.page_list ul li a:hover {
  background: none;
}

/********************************

          動画・スライド

********************************/
#movie {
  width: 100%;
  background: #000000;
}

.main_img img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#main01 {
  background: url("/images/main01_back.jpg") repeat-x;
}

#main03 {
  background: url("/images/main03_back.jpg") repeat-x;
}

#main05 {
  background: url("/images/main05_back.jpg") repeat-x;
}

#slide {
  overflow: hidden;
}

.block_slide {
  visibility: visible !important;
  padding-top: 0 !important;
  height: auto !important;
}

.swiper-container {
  width: 100%;
  /*max-width: 1150px !important;*/
  margin: 0 auto !important;
  overflow: visible !important;
}

.swiper-slide img {
  width: 100% !important;
}

.swiper-slide-active {
  opacity: 1 !important;
}

.slider02 .slick-next {
  right: 15px;
}

.slider02 .slick-prev {
  left: -25px;
}

.slider02 .slick-slide {
  opacity: 1;
}

#slide_logo {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  z-index: 99;
}

#youtube-wrap {
  position: relative;
  height: 100%;
  width: 100%;
  /*z-index: -1;*/
}

.video-container {
  position: relative;
  width: 100%;
  height: 618px;
  margin: 0 auto;
}

.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 618px;
  object-fit: cover;
}

/********************************

            トップぺージ

********************************/
p.detail_btn {
  display: block;
  width: 210px;
  margin: 0 auto;
  text-align: center;
}

p.detail_btn a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
  background-color: #0c4ca8;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
}

p.detail_btn a:hover {
  opacity: 0.7;
}

p.detail_btn a:before {
  content: url("/images/common/pickup_icon.svg");
  display: inline-block;
  padding-right: 10px;
  vertical-align: -2px;
  line-height: 0;
}

p.detail_btn2 {
  display: block;
  width: 210px;
  margin: 0 auto;
  text-align: center;
}

p.detail_btn2 a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
  background-color: #fff;
  border: 1px solid #0c4ca8;
  color: #000;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
}

p.detail_btn2 a:after {
  content: url("/images/common/arw_right.svg");
  display: inline-block;
  padding-left: 10px;
  vertical-align: -2px;
  line-height: 0;
}

p.detail_btn3 {
  display: block;
  width: 210px;
  margin: 2em auto 0 auto;
  text-align: center;
}

p.detail_btn3 a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
  background-color: #0c4ca8;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
}

p.detail_btn3 a:after {
  content: url("/images/common/arw_right2.svg");
  display: inline-block;
  padding-left: 10px;
  vertical-align: -2px;
  line-height: 0;
}

p.detail_btn4 {
  display: block;
  width: 210px;
  margin: 2em auto 0 auto;
  text-align: center;
}

p.detail_btn4 a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
  background-color: #0c4ca8;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
}

p.detail_btn4 i {
  color: #fff !important;
}

#top {
  margin-top: 0;
}

/********************************

            重要なお知らせ

********************************/

#news {
  -js-display: flex;
  display: flex;
  width: 100%;
  border: 3px solid #85023e;
  background-color: #fff;
}

#news .news_title {
  width: 23%;
  background-color: #85023e;
  padding: 10px 0;
  position: relative;
}

#news .news_title > h2 {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  right: initial;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
  margin: auto;
  font-size: 21px;
  font-weight: normal;
  color: #fff;
  text-align: center;
}

#news .news_title p.news_detail_btn {
  width: 80%;
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  margin: 0 auto;
}

#news .news_title p.news_detail_btn a {
  display: block;
  padding: 10px;
  border-radius: 5px;
  background-color: #ffe1d4;
  color: #000;
  font-size: 14px;
  text-align: center;
}

#news .news_title p.news_detail_btn a:before {
  content: url("/images/common/news_arw.svg");
  display: inline-block;
  padding-right: 10px;
  vertical-align: 0;
  line-height: 1;
}

#news .news_detail {
  width: 77%;
  padding: 10px 20px;
}

#news .news_detail p.title {
  display: block;
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: normal;
  color: #85023e;
}

#news .news_detail table {
  width: 100%;
  border-collapse: collapse;
  border: none;
}

#news .news_detail table th {
  width: 12%;
  font-size: 14px;
  font-weight: normal;
  padding: 8px 5px;
  vertical-align: middle;
  text-align: left;
  line-height: 1;
}

#news .news_detail table th:before {
  /*content: url("/images/common/news_arw2.svg");*/
  content: "\f0da";
  display: inline-block;
  padding-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #85023e;
  vertical-align: 0;
  line-height: 1;
}

#news .news_detail table td {
  width: 87%;
  font-size: 16px;
  font-weight: normal;
  padding: 8px 5px;
  vertical-align: middle;
  line-height: 1;
}

#news .news_detail .border {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dashed #f25400;
}

p.top_bunner {
  display: block;
  width: 100%;
  margin: 30px 0;
}

/********************************

            research

********************************/
.research {
  /*background-color: #efefef;*/
  background-color: #e6f4ff;
}
.researchcenters {
  background-color: #efefef;
}

/*****************************

          News

*****************************/
.news {
  width: 100%;
}

#tabs {
  width: 88%;
  margin: 0 auto;
}

/*タブ切り替え全体のスタイル*/
#tabs ul {
  width: 100%;
  margin: 0 auto 30px auto;
  overflow: hidden;
  list-style: none;
  border-bottom: 2px solid #0c4ca8;
  text-align: center;
}

#tabs li {
  display: inline-block;
  width: 15%;
  margin-right: 20px;
}

#tabs li a {
  display: block;
  background-color: #abd5ff;
  line-height: 40px;
  font-size: 16px;
  text-align: center;
  color: #0c4ca8;
  text-align: center;
  font-weight: bold;
  border-radius: 10px 10px 0 0;
  transition: all 0.2s ease;
  cursor: pointer;
}

#tabs li a.active {
  background-color: #0c4ca8;
  color: #fff;
}

.news_box {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.news_box .news_box_col {
  width: 24%;
  margin-right: 10px;
}

.news_box .news_box_col:nth-child(4) {
  margin-right: 0;
}

.news_box .news_box_col:last-child {
  margin-right: 0;
}

.news_box .news_box_col .photo {
  width: 100%;
  position: relative;
  height: 150px;
  overflow: hidden;
  background-color: #eeeeee;
}

.news_box .news_box_col .photo:hover {
  opacity: 0.7;
}

.news_box .news_box_col .photo img {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 150px;
  vertical-align: bottom;
}

.news_box .news_box_col p.new_icon img {
  height: auto;
}

.news_box .news_box_col .photo .new_icon {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#tabs .news_box .news_box_col .news_detail {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  box-sizing: border-box;
}

#tabs .news_box .news_box_col .news_detail ul.category {
  display: block;
  width: 100%;
  margin-bottom: 5px;
  border-bottom: none;
  text-align: left;
}

#tabs .news_box .news_box_col .news_detail ul.category li {
  display: inline-block;
  width: auto;
  margin-right: 5px;
  padding: 5px 18px;
  font-size: 11px;
  font-weight: normal;
  color: #0c4ca8;
  border: 1px solid #3f3f3f;
  background-color: #fff;
  border-radius: 30px;
  line-height: 1;
}

.news_box .news_box_col .news_detail p.text {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.8;
  padding:10px;
}

.news_box .news_box_col .news_detail p.date {
  display: block;
  font-size: 14px;
  padding:0 10px;
}

.news_detail_btn_area {
  display: block;
  width: 100%;
  margin: 2em auto 0 auto;
  text-align: center;
}

.news_detail_btn_area p {
  display: inline-block;
  margin-right: 30px;
}

.news_detail_btn_area p:last-child {
  margin-right: 0;
}

.academics_box {
	-js-display: flex;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	justify-content: space-between;
}
.academics_box_col{
	width:33%;
}
.academics01,
.academics02,
.academics03{
	position:relative;
	text-align:center;
}
.academics01 span,
.academics02 span,
.academics03 span{
	position:absolute;
	background-color:#000000;
	color:#FFFFFF;
	opacity:0.8;
	bottom:10px;
	right:20px;
	padding:10px;
	font-size:20px;
	font-weight:bold;
}


/*****************************

          Events

*****************************/

.events {
  background-color: #e6f4ff;
}

.events_slide {
  overflow: hidden !important;
}

.event_box {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 88%;
  margin: 0 auto;
}

.event_box .event_box_col {
  -js-display: flex;
  display: flex;
  width: 49%;
  margin-right: 2%;
  margin-bottom: 20px;
  padding: 15px 15px 0;
  background-color: #e5e5e5;
  border-radius: 5px;
  line-height: 1;
  box-sizing: border-box;
}

.event_box .event_box_col dl.title {
  -js-display: flex;
  display: flex;
  width: 100%;
  align-items: center;
  margin-bottom: 10px;
  flex-wrap: wrap;
}

.event_box .event_box_col dl.title dt {
  width: 100%;
  padding: 15px 5px;
  background-color: #0c4ca8;
  border: 1px solid #0c4ca8;
  font-size: 14px;
  color: #fff;
  line-height: 1;
  text-align: center;
}

.event_box .event_box_col dl.title dd {
  width: 100%;
  padding: 15px 5px;
  background-color: #fff4b6;
  border: 1px solid #0c4ca8;
  font-size: 14px;
  color: #000000;
  text-align: center;
  line-height: 1;
}

.event_box .event_box_col .text_section {
  display: block;
  padding-left: 1em;
  box-sizing: border-box;
}

.event_box .event_box_col .text_section p {
  display: block;
  margin-bottom: 2em;
  font-size: 16px;
  line-height: 1.8;
}

.event_box .event_box_col .text_section p.position {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

.event_box .event_box_col .text_section p.position:before {
  content: url("/images/common/position.svg");
  display: inline-block;
  padding-right: 10px;
  vertical-align: 0;
  line-height: 1;
}

.event_box .event_box_col:nth-child(even) {
  margin-right: 0;
}

.event_box .event_box_col .event_box_left {
  width: 28%;
  margin-right: 2%;
}

.event_box .event_box_col .event_box_right {
  width: 70%;
}

/*****************************

          Research

*****************************/
.research_box {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: space-between;
}

.research_box .research_box_col {
  width: 24%;
  margin-right: 10px;
}

.research_box .research_box_col:nth-child(4) {
  margin-right: 0;
}

.research_box .research_box_col:last-child {
  margin-right: 0;
}

.research_box .research_box_col .photo {
  width: 100%;
  position: relative;
  height: 150px;
  overflow: hidden;
  background-color: #eeeeee;
}

.research_box .research_box_col .photo:hover {
  opacity: 0.7;
}

.research_box .research_box_col .photo img {
  display: block;
  width: 100%;
  object-fit: contain;
  height: 150px;
  vertical-align: bottom;
}

.research_box .research_box_col p.new_icon img {
  height: auto;
}

.research_box .research_box_col .photo .new_icon {
  position: absolute;
  bottom: 10px;
  left: 10px;
}

#tabs .research_box .research_box_col .research_detail {
  display: block;
  width: 100%;
  margin-bottom: 20px;
  padding: 10px;
  box-sizing: border-box;
}

.research_box .research_box_col .research_detail p.text {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 14px;
  line-height: 1.8;
  padding:10px;
}

.research_box .research_box_col .research_detail p.date {
  display: block;
  font-size: 14px;
  padding:0 10px;
}

.research_detail_btn_area {
  display: block;
  width: 100%;
  margin: 2em auto 0 auto;
  text-align: center;
}

.research_detail_btn_area p {
  display: inline-block;
  margin-right: 30px;
}

.research_detail_btn_area p:last-child {
  margin-right: 0;
}

/*
.research_box {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0 auto 40px auto;
}

.research_box .research_box_col {
  width: 32%;
  margin-right: 1%;
  margin-bottom: 20px;
  position: relative;
  background-color: rgba(8, 33, 92, 0.8);
}

.research_box .research_box_col:last-child {
  margin-right: 0;
  margin-bottom: 0;
}

.research_box .research_box_col .comment {
  display: block;
  width: 100%;
  padding: 10px;
}

.research_box .research_box_col .comment p {
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  text-align: left;
  vertical-align: middle;
}

.research_box .research_box_col .img {
  height: 218px;
  overflow: hidden;
  background-color: #ffffff;
}

.research_box .research_box_col .img img {
    border: 1px solid #bfbfbf;
    background-color: #eee;
    object-fit: contain;
    width: 100%;
    display: block;
    height: 219px;
}

.research_box .research_box_col .img img:hover {
  opacity: 0.7;
}
*/

/*****************************

          Choho 広報誌

*****************************/
.choho {
  padding: 60px 20px;
  background-color: #efefef;
}

.choho_logo {
  display: block;
  margin-bottom: 20px;
  text-align: center;
}

.choho_text {
  display: block;
  margin-bottom: 40px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  line-height: 1.8;
  text-align: center;
}

.choho_box {
  -js-display: flex;
  display: flex;
  width: 100%;
}

.choho_left {
  width: 27%;
  margin-right: 3%;
}

.choho_right {
  width: 70%;
}

.choho_slider {
  overflow: hidden !important;
}

.choho_slider .swiper-pagination {
  position: static !important;
  margin-top: 25px;
}

.choho_slider .swiper-pagination-bullet-active {
  background-color: #0c4ca8;
  width: 13px !important;
  height: 13px !important;
}

.choho_slider .swiper-pagination-bullet {
  width: 10px;
  height: 10px;
}

.choho_slider .swiper-pagination-bullet {
  vertical-align: middle !important;
}

.choho_slider .swiper-slide img:hover {
  opacity: 0.7;
}

/*****************************

          Instagram

*****************************/
.instagram {
  margin: 40px 0 20px 0;
}

.instagram ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
}

.instagram ul li {
  width: 20%;
}

.instagram ul li img {
  width: 100%;
  object-fit: cover;
  height: 260px;
  vertical-align: bottom;
}

/*****************************

            フッタートップ

*****************************/
#footer_top {
  width: 100%;
  background-color: #ffffff;
}

#footer_top ul {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

#footer_top ul li {
  width: 23%;
  margin-right: 2%;
  margin-bottom: 20px;
}

#footer_top ul li:nth-child(4) {
  margin-right: 0;
}

#footer_top ul li:nth-child(8) {
  margin-right: 0;
}

#footer_top ul li:last-child {
  margin-right: 0;
}

#footer_top ul li a {
  display: block;
  width: 100%;
  height: 60px;
  font-size: 14px;
  font-weight: normal;
  padding: 22px 10px 22px 0;
  color: #000000;
  vertical-align: middle;
  text-align: center;
  line-height: 1;
  position: relative;
}

#footer_top ul li a img {
  width:100%;
}


/********************************

            フッター

********************************/

#footer {
  width: 100%;
  padding: 40px 20px 10px 20px;
  background-color: #102157;
}

.footer_container {
  width: 1000px;
  margin: 0 auto;
}

.footer_box {
  -js-display: flex;
  display: flex;
  width: 100%;
  padding: 10px 0;
}

.footer_border_box {
  margin-bottom: 10px;
  padding: 0 0 10px 0;
  border-bottom: 1px solid #fff;
}

.footer_left {
  width: 80%;
  margin-right: 3%;
}

.footer_right {
  width: 17%;
}

ul.footer_menu {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  font-size: 0;
}

ul.footer_menu li {
  display: inline-block;
  border-right: 1px solid #fff;
  margin-bottom: 8px;
}

ul.footer_menu li:first-child {
  border-left: 1px solid #fff;
}

ul.footer_menu li.last {
  border-left: 1px solid #fff;
}

ul.footer_menu li a {
  display: block;
  padding: 0 8px;
  font-size: 14px;
  font-weight: normal;
  color: #fff;
  vertical-align: middle;
}

ul.footer_menu li span {
  display: inline-block;
  padding-left: 5px;
}

ul.footer_menu li span img {
  vertical-align: middle;
}

p.siryo_sekyu {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

p.siryo_sekyu a {
  display: block;
  padding: 2px 5px;
  border-radius: 20px;
  color: #fff;
  border: 1px solid #fff;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  vertical-align: middle;
}

/* Googleカスタム検索 */
.footer_search {
  margin: 0 0 1em 0;
}

.footer_search form {
  position: relative;
}

.footer_search form input {
  width: 100%;
  padding: 5px;
  border-radius: 15px;
  border: none;
}

#footer_search_btn {
  background: url("/images/common/footer_search.svg") no-repeat;
  background-position: center center;
  border: none;
  width: 19px;
  height: 19px;
  position: absolute;
  right: 5px;
  top: 5px;
}

ul.footer_sns {
  display: block;
  font-size: 0;
  vertical-align: middle;
}

ul.footer_sns li {
  display: inline-block;
  margin-right: 15px;
}

ul.footer_sns li:last-child {
  margin-right: 0;
}

p.footer_address {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #fff;
}

p.copyright {
  font-size: 14px;
  color: #fff;
}

p.footer_logo img {
  vertical-align: middle;
}

#pagetop {
  position: fixed;
  z-index: 999;
  bottom: 20px;
  right: 20px;
  cursor: pointer;
}

/********************************

            次階層

********************************/
#next_main {
  width: 100%;
}

#next_header {
  width: 100%;
  height: 277px;
  background-color: #dbdbdb;
  position: relative;
}

#next_header img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

#next_header2 {
  width: 100%;
  height: 162px;
  background-color: #d7f0ff;
  position: relative;
}

#next_header2 img {
  display: block;
  margin: 0 auto;
  text-align: center;
}

.pankuzu {
  width: 100%;
  background-color: rgba(255, 255, 255, 0.6);
  position: absolute;
  top: 0;
  left: 0;
}

.pankuzu p {
  width: 1100px;
  margin: 0 auto;
  padding: 10px;
  font-size: 14px;
  color: #040000;
}

.pankuzu p a {
  color: #00317f;
}

.detail_pages .pankuzu {
  position: static;
}

.next_title {
  width: 500px;
  background-color: rgba(1, 112, 196, 0.8);
  position: relative;
  margin-top: -144px;
  margin-left: 20px;
}

.next_title h1 {
  width: 100%;
  padding: 40px 20px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

.next_title h1 span {
  display: block;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 3px solid #fff;
  font-weight: normal;
  font-size: 19px;
}

.next_title3 {
  width: 230px;
  height: 100px;
  background-color: rgba(54, 164, 232, 0.8);
  position: absolute;
  top: 63%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}

.next_title3 h1 {
  width: 100%;
  padding: 28px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

#next_header {
  position: relative;
}

.next_title2 {
  width: 220px;
  height: 202px;
  background-color: rgba(1, 112, 196, 0.8);
  position: absolute;
  top: 57%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%); /* Safari用 */
  transform: translate(-50%, -50%);
}

.next_title2 h1 {
  width: 100%;
  padding: 40px 20px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
  text-align: center;
}

.next_title2 h1 span {
  display: block;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 3px solid #fff;
  font-weight: normal;
  font-size: 18px;
}

#next_detail_title {
  display: flex;
  position: relative;
  margin-bottom: 60px;
}

.detail_pages .next_title {
  height: auto;
  margin: 0;
}

#next_detail_title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 95px;
  width: 500px;
  height: 3px;
  background: #fff;
  z-index: 99;
}

#next_detail_title:after {
  content: "";
  position: absolute;
  right: 0;
  top: 95px;
  width: 600px;
  height: 3px;
  background: #08215c;
}

.detail_pages .next_title p {
  width: 100%;
  padding: 40px 20px;
  font-size: 30px;
  font-weight: bold;
  color: #fff;
}

.detail_pages .next_title p span {
  display: block;
  margin-top: 15px;
  padding-top: 15px;
  border: none;
  font-weight: normal;
  font-size: 19px;
}

#next_detail_title h1 {
  display: block;
  width: 600px;
}

#next_detail_title h1 span {
  display: block;
  padding: 40px 20px;
  font-size: 29px;
  font-weight: bold;
  color: #08215c;
  line-height: 1.8;
}

#next_detail_title h1#large_line span {
  line-height: 2.8;
}

p.top_text {
  display: block;
  padding-bottom: 1em;
  font-size: 18px;
  line-height: 1.8;
}

.menu_ct {
  padding-left: 1em;
  box-sizing: border-box;
}

ul.next_menu {
  display: block;
}

ul.next_menu li {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

ul.next_menu li:last-child {
  margin-bottom: 0;
}

ul.next_menu li a {
  display: block;
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

ul.next_menu li a:before {
  content: url("/images/common/student_arw.svg");
  display: inline-block;
  padding-right: 8px;
  vertical-align: middle;
  line-height: 1;
}

#next_main span.icon {
  margin-left: 8px !important;
  vertical-align: middle !important;
}

#next_main span.icon i {
  font-size: 16px;
  color: #000;
  vertical-align: middle;
}

#next_main span.icon img {
  vertical-align: middle;
}

#next_main a[href*=".pdf"] i {
  display: none;
}

#next_main a[href*=".doc"] i {
  display: none;
}

#next_main a[href*=".xls"] i {
  display: none;
}

.border_box {
  display: block;
  margin: 1em 0;
  padding: 10px 20px;
  border: 1px solid #000;
  line-height: 1;
}

.border_box p {
  display: block;
  font-size: 18px;
  line-height: 1.8;
}

.border_box2 {
  display: block;
  margin: 1em 0;
  padding: 10px 20px;
  border: 1px dashed #333333;
  background-color: #e3ffd9;
  line-height: 1;
}

.border_box2 p {
  display: block;
  font-size: 18px;
  line-height: 1.8;
}

.download ul {
  display: block;
  width: 100%;
}

.download ul li {
  width: 100%;
}

.download ul li a {
  margin-right: 1em;
  font-size: 14px;
  color: #000;
}

.download ul li a:hover {
  text-decoration: underline;
}

.download ul li span {
  display: inline-block;
  padding-left: 5px;
  font-size: 12px;
}

#next_main article {
  width: 100%;
}

#next_main article section {
  display: block;
  width: 100%;
  margin-bottom: 2em;
  padding: 10px;
  box-sizing: border-box;
}

/********************************

            大学案内

********************************/

.menu-list dt {
  align-items: center;
}

.menu-list dt strong {
  font-size: 18px;
}

.menu-list dd {
  margin-top: 10px;
}

/********************************

            学長室

********************************/
.history_table th {
  text-align: left;
}

p.date {
  font-size: 14px;
  text-align: left;
}

p.bold {
  font-size: 110%;
  font-weight: bold;
}

p.president {
  margin-bottom: 2em;
  font-size: 100%;
  text-align: right;
}

p.president_en {
  font-size: 100%;
  text-align: left;
}

/********************************

            沿革・概要

********************************/

/* 役員，副学長，学長特別補佐について */
p.career_title {
  display: block;
  width: 100%;
  margin-top: 3em;
  padding: 10px;
  background-color: rgba(1, 112, 196, 0.8);
  font-size: 18px;
  font-weight: normal;
  color: #fff;
  text-align: left;
}

.link:after {
  content: "\f105";
  display: inline-block;
  margin-left: 8px;
  font-weight: 900;
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  vertical-align: middle;
  line-height: 1;
  background-color: #fff;
  color: #08215c;
  border-radius: 50%;
}

p.position_title {
  display: block;
  width: 100%;
  margin-bottom: 10px;
  padding: 5px 10px;
  font-size: 16px;
  background-color: #efefef;
}

p.position_title:before {
  content: "\f138";
  display: inline-block;
  margin-right: 8px;
  font-weight: 900;
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  vertical-align: middle;
  line-height: 1;
  background-color: #fff;
  color: #08215c;
  border-radius: 50%;
}

.position_detail p {
  padding: 0 10px;
  box-sizing: border-box;
}

/* 大学概要 */
ul.outline li {
  width: 100%;
  margin-bottom: 5px;
  line-height: 1.8;
}

ul.outline li a {
  width: auto;
  padding: 5px 0;
  font-size: 16px;
  line-height: 1;
}

ul.outline li:before {
  content: "\f138" !important;
  display: inline-block;
  padding-right: 8px;
  color: #08215c;
  font-weight: 900;
  font-size: 16px;
  font-family: "Font Awesome 5 Free";
  vertical-align: baseline;
  line-height: 1;
}

/* アクションプラン */

.action_plan img {
  display: block;
  max-width: 640px;
  width: 100%;
  margin: 0 auto;
  text-align: center;
}

/********************************

          長崎新聞記事広告

********************************/

.paper_box {
  width: 80%;
  margin: 0 auto 40px auto;
}

.paper_box ul {
  margin-top: 1em;
}

/********************************

            学部・大学院等

********************************/
ul.next_list {
  -js-display: flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

ul.next_list.wid100 li {
  width: 100%;
}

ul.next_list li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 1em;
  border: 1px solid #c7c7c7;
  background-color: #fff;
}

ul.next_list li:nth-child(4) {
  margin-right: 0;
}

ul.next_list li:nth-child(8) {
  margin-right: 0;
}

ul.next_list li:last-child {
  margin-right: 0;
}

ul.next_list li a {
  display: block;
  height: 100%;
  padding: 15px;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: left;
  text-decoration: none;
  line-height: 1.6;
  position: relative;
}

ul.next_list li a span {
  display: none;
}

ul.next_list li a:after {
  content: "\f105";
  font-weight: 900;
  font-size: 16px;
  color: #c7c7c7;
  font-family: "Font Awesome 5 Free";
  position: absolute;
  right: 10px;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}

ul.next_list2 {
  flex-wrap: nowrap;
}

ul.next_list2 li {
  width: calc(100% / 3);
  margin-right: 1%;
  margin-bottom: 1em;
  border: 1px solid #c7c7c7;
  background-color: #fff;
}

ul.next_list2 li:last-child {
  margin-right: 0;
}

p.next_list_title {
  display: block;
  width: 100%;
  margin-bottom: 15px;
  padding: 7px 10px;
  background-color: #adadad;
  color: #fff;
  font-size: 16px;
  text-align: left;
  line-height: 1;
}

p.next_list_title a {
  color: #fff;
  text-decoration: none;
}

p.next_list_title a i {
  color: #fff !important;
}

.title_w24 {
  width: 24% !important;
}

.title_w74 {
  width: 74% !important;
}

.box_w25 ul li {
  width: 100%;
  margin: 0;
}


/********************************

            教育・学生生活

********************************/

p.zaikousei_btn {
  width: 200px;
  margin: 0 0 0 auto;
}

p.zaikousei_btn a {
  display: block;
  padding: 5px 10px;
  border: 1px solid #c1c1c1;
  color: #000;
  font-size: 16px;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
  position: relative;
}

p.zaikousei_btn a:before {
  content: url("/images/common/gm02.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

p.zaikousei_btn a:after {
  content: url("/images/common/header_arw.svg");
  position: absolute;
  right: 10px;
}

.next_main_menu {
  width: 100%;
  margin-top: 20px;
  padding: 30px;
  background-color: #f3f6ff;
}

.table_box {
  -js-display: flex;
  display: flex;
  width: 100%;
}

.table_box .table-cell {
  padding: 5px;
  border: 4px solid #c1c1c1;
  background-color: #ffffff;
  min-height: 250px;
}

.table_box .table-cell .title {
  display: block;
  width: 100%;
  /*padding: 5px 10px 30px 10px;*/
  padding: 5px 10px 10px 10px;
  background-color: #eaeaea;
  box-sizing: border-box;
}

.table_box .table-cell .title p {
  display: block;
  padding-bottom: 3px;
  font-size: 18px;
  padding: 0 5px;
  font-weight: normal;
  border-bottom: 2px solid #a6a5a5;
  line-height: 2;
}

.table_box .table-cell .title p a {
  display: block;
  font-size: 18px;
  font-weight: normal;
  color: #000;
  position: relative;
  text-decoration: none;
}

.table_box .table-cell .title p a:before {
  content: "\f138";
  display: inline-block;
  padding-right: 5px;
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 16px;
  color: #08215c;
  vertical-align: middle;
}

.table_box .table-cell ul {
  -js-display: flex;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  padding: 1em;
  box-sizing: border-box;
}

.table_box .table-cell ul li {
  width: 100%;
  margin-bottom: 0.5em;
}

.table_box .table-cell ul li:last-child {
  margin-bottom: 0;
}

.table_box .table-cell ul li a {
  display: block;
  font-size: 14px;
  color: #231815;
}

.table_box .table-cell ul li a.outlink:after {
  content: url("/images/common/outlink3.svg");
  display: inline-block;
  padding-left: 8px;
  vertical-align: 0;
}

.table_box .table-cell ul li a:before {
  content: url("/images/common/arw_right_gray.svg");
  display: inline-block;
  padding-right: 8px;
  vertical-align: 0;
  line-height: 1;
}

.table_box .table-cell ul.col-2 li {
  width: 48%;
  margin-right: 2%;
}

.table_box .table-cell ul.col-2 li:nth-child(even) {
  margin-right: 0;
}

.table_box-2 .table-cell {
  width: 32%;
  margin-right: 2%;
}

.table_box-2 .table-cell:last-child {
  width: 66%;
  margin-right: 0;
}

.table_box-2-2 .table-cell {
  width: 66%;
  margin-right: 2%;
}

.table_box-2-2 .table-cell:last-child {
  width: 32%;
  margin-right: 0;
}
.table_box-2-2 .table-cell.nowidth:last-child {
  width: 66%;
}

.table_box-3 .table-cell {
  width: 32%;
  margin-right: 2%;
}

.table_box-3 .table-cell:last-child {
  margin-right: 0;
}

.table_box-100 .table-cell {
  width: 100%;
  margin: 0;
}

.table_box-50 .table-cell {
  width: 50%;
  margin-right: 2%;
}

.table_box-50 .table-cell:last-child {
  margin-right: 0;
}

.table_box dl {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  padding: 5px;
  border-bottom: 1px dashed #bfbfbf;
}

.table_box dl dt {
  width: 50%;
  font-size: 14px;
  font-weight: normal;
}

.table_box dl dd {
  width: 50%;
  font-size: 14px;
  font-weight: normal;
}

p.table_box_title {
  padding: 1em 1em 0 1em;
}

ul.table_box_ul {
  padding: .5em 0 1em 2em !important;
}

/********************************

            在学生

********************************/

/***************************

          トピックス

***************************/

.student_news {
  width: 100%;
  margin-bottom: 40px;
}

.student_news h2 {
  display: block;
  width: 100%;
  padding: 7px 10px;
  border-top: 7px solid #08215c;
  background-color: #dbdbdb;
  position: relative;
  line-height: 1;
  text-align: left;
}

.student_news h2:after {
  content: "";
  display: block;
  clear: both;
  position: static !important;
  font-size: 0;
}

.student_news h2 span {
  display: inline-block;
  font-size: 24px;
  padding: 5px 0;
}

.student_news .menu {
  display: inline-block;
  margin: 0 0 0 auto;
  float: right;
}

.student_news .menu p {
  display: inline-block;
  font-size: 13px;
  margin-right: 10px;
  vertical-align: middle;
}

.student_news .menu ul {
  display: inline-block;
}

.student_news .menu ul li {
  display: inline-block;
  width: auto;
  margin: 0 10px 0 0;
  vertical-align: middle;
}

.student_news .menu ul li:last-child {
  margin-right: 0;
}

.student_news .menu ul li a:before {
  content: "";
  display: none;
}

.student_news .menu ul li.list_menu a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  border-radius: 30px;
  background-color: #0c4ca8;
  color: #fff;
  font-size: 14px;
  font-weight: normal;
  text-align: center;
  line-height: 1;
}

.student_news .menu ul li.list_menu a:after {
  content: url("/images/common/pickup_icon.svg");
  display: inline-block;
  padding-left: 10px;
  vertical-align: -2px;
  line-height: 0;
}

.student_news dl {
  display: flex;
  width: 100%;
  padding: 15px 10px;
  border-bottom: 1px solid #7f7f7f;
  line-height: 1;
}

.student_news dl dt {
  width: 13%;
  margin-right: 2%;
  font-size: 16px;
  line-height: 1.8;
}

.student_news dl dd {
  width: 85%;
  font-size: 16px;
  line-height: 1.8;
}

/***************************

          リスト

***************************/

.student {
  margin-top: 30px;
}

.student .box {
  margin-bottom: 2em;
}

.student ul {
  display: block;
}

.student ul li {
  display: block;
  width: 100%;
  margin-bottom: 1em;
}

.student ul li:last-child {
  margin-bottom: 0;
}

.student ul li a {
  display: block;
  font-size: 14px;
  color: #000;
  text-decoration: none;
}

.student ul li a:before {
  content: url("/images/common/student_arw.svg");
  display: inline-block;
  padding-right: 8px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu {
  display: block;
  width: 100%;
  margin-top: 60px;
  padding: 30px;
  background-color: #f3f6ff;
  box-sizing: border-box;
}

#visitor_menu p.visitor_pankuzu {
  display: block;
  margin-bottom: 20px;
  font-size: 14px;
}

#visitor_menu p.visitor_pankuzu a {
  color: #00317f;
}

#visitor_menu ul {
  -js-display: flex;
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}

#visitor_menu ul li {
  width: 24%;
  margin-right: 1%;
  margin-bottom: 10px;
}

#visitor_menu ul li:nth-child(4) {
  margin-right: 0;
}

#visitor_menu ul li:last-child {
  margin-right: 0;
}

#visitor_menu ul li.candidates a:before {
  content: url("/images/common/visitor_icon01.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li.current_students a:before {
  content: url("/images/common/visitor_icon02.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li.graduates a:before {
  content: url("/images/common/visitor_icon03.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li.parents a:before {
  content: url("/images/common/visitor_icon04.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li.general a:before {
  content: url("/images/common/visitor_icon05.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li.company a:before {
  content: url("/images/common/visitor_icon06.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li.staff a:before {
  content: url("/images/common/visitor_icon07.svg");
  display: inline-block;
  padding-right: 5px;
  vertical-align: middle;
  line-height: 1;
}

#visitor_menu ul li a {
  display: block;
  padding: 20px 25px 20px 10px;
  font-size: 14px;
  font-weight: normal;
  color: #231815;
  background-color: #fff;
  border: 1px solid #2f3493;
  box-sizing: border-box;
  text-align: left;
  position: relative;
}

#visitor_menu ul li a:after {
  content: url("/images/common/visitor_arw.svg");
  position: absolute;
  right: -1px;
}

#visitor_menu ul li a.active {
  border: 3px solid #2f3493;
}

#visitor_menu ul li a.active:after {
  content: "";
  display: none;
}

/***************************

          お知らせ一覧

***************************/

.border_line {
  width: 100%;
  margin: 30px 0 10px 0;
  border-bottom: 8px solid #5685e2;
  position: relative;
}

.border_line:after {
  content: "";
  display: block;
  border-bottom: 8px solid #08215c;
  width: 30%;
  position: absolute;
}

.list_box {
  width: 70%;
  margin-right: 3%;
}

.list_sub_menu {
  width: 27%;
}

.list_box h2.title {
  display: block;
  width: 100%;
  margin-bottom: 1em;
  padding: 15px;
  font-size: 24px;
  color: #08215c;
  background-color: #dbdbdb;
  text-align: left;
  line-height: 1;
}

.list_box h2.title:after {
  content: "";
  display: none;
  position: static;
}

.list_box_col {
  -js-display: flex;
  display: flex;
  justify-content: space-between;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px 0;
  border-bottom: 1px dashed #6b6b6b;
}

.list_box_col .list_photo {
  width: 30%;
  margin-right: 4%;
  height: 142px;
  overflow: hidden;
  position: relative;
}
/*中央合わせ
.list_box_col .list_photo img{
	transform: translate(-50%, -50%);
	position: absolute;
	top: 50%;
	left: 50%;
}
*/
.list_box_col .list_detail {
  width: 66%;
}

.detail_top {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

.detail_top p {
  display: inline-block;
  margin-right: 20px;
  font-size: 14px;
  font-weight: bold;
  color: #4f4f4f;
}

.list_box_col .list_detail ul.category {
  display: inline-block;
}

.list_box_col .list_detail ul.category li {
  display: inline-block;
  width: auto;
  margin-right: 10px;
  padding: 5px 18px;
  font-size: 11px;
  font-weight: normal;
  color: #0c4ca8;
  border: 1px solid #3f3f3f;
  background-color: #fff;
  border-radius: 30px;
  line-height: 1;
}

.list_box_col .list_detail ul.category li:last-child {
  margin-right: 0;
}

.list_box_col .list_detail p.detail_text {
  display: block;
  margin-bottom: 10px;
  font-size: 16px;
  font-weight: normal;
  color: #000;
  line-height: 1.8;
}

.list_box_col .list_detail p.new {
  display: block;
  font-family: "arial", sans-serif;
  font-size: 18px;
  font-weight: bold;
  color: #ff3600;
}

.pagenation {
  width: 100%;
  margin: 20px auto;
  text-align: center;
}

.pagenation ul {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
}

.pagenation ul li {
  width: auto;
  margin: 0 1em 5px 0;
}

.pagenation ul li:last-child {
  margin-right: 0;
}

.pagenation ul li a {
  display: block;
  padding: 10px;
  border: 1px solid #bbbbbb;
  font-size: 10px;
  color: #000;
  text-align: center;
  vertical-align: middle;
}

.pagenation ul li a.active {
  background-color: #3f74c9;
  color: #fff;
}

.submenu {
  display: block;
  width: 100%;
  margin-bottom: 30px;
  border: 2px solid #08215c;
}

.submenu p {
  display: block;
  padding: 10px 20px;
  background-color: #08215c;
  font-size: 21px;
  font-weight: normal;
  color: #fff;
  text-align: left;
  vertical-align: middle;
}

.submenu ul li {
  display: block;
  width: 100%;
  border-bottom: 1px dashed #545454;
}

.submenu ul li:last-child {
  border-bottom: none;
}

.submenu ul li a {
  display: block;
  padding: 10px 20px;
  position: relative;
  font-size: 16px;
  color: #000;
  font-weight: normal;
  text-decoration: none;
  text-align: left;
}

.submenu ul li a.active {
  background-color: #dbdbdb;
}

.submenu ul li a:after {
  content: url("/images/common/list_arw.svg");
  position: absolute;
  right: 15px;
}

ul.submenu_btn {
  display: block;
  width: 100%;
}

ul.submenu_btn li {
  display: block;
  width: 100%;
  margin-bottom: 10px;
}

ul.submenu_btn li a {
  display: block;
  font-size: 16px;
  font-weight: normal;
  color: #000000;
  padding: 10px 20px;
  border: 2px solid #08215c;
  text-align: left;
  position: relative;
}

ul.submenu_btn li a.arw_style:after {
  content: url("/images/common/pagenation_arw.svg");
  display: inline-block;
  padding-left: 10px;
  vertical-align: middle;
}

ul.submenu_btn li a:after {
  content: url("/images/common/visitor_arw.svg");
  position: absolute;
  right: 15px;
}

/***************************

          イベント一覧

***************************/

.event_list_box .list_photo {
  height: 200px;
}

.event_list_box .list_detail {
  width: 70%;
}

.event_list_box .list_detail dl.title {
  -js-display: flex;
  display: flex;
  align-items: center;
  margin-bottom: 10px;
}

.event_list_box .list_detail dl.title dt {
  width: 50%;
  padding: 15px;
  background-color: #0c4ca8;
  border: 1px solid #0c4ca8;
  font-size: 14px;
  color: #fff;
  line-height: 1;
}

.event_list_box .list_detail dl.title dd {
  width: 50%;
  padding: 15px;
  background-color: #fff4b6;
  border: 1px solid #0c4ca8;
  font-size: 14px;
  color: #000000;
  text-align: left;
  line-height: 1;
}

.event_list_box .list_detail .text_section {
  display: block;
  padding-left: 0;
  box-sizing: border-box;
}

.event_list_box .list_detail .text_section p {
  display: block;
  margin-bottom: 1em;
  font-size: 14px;
  line-height: 1.8;
}

.event_list_box .list_detail .text_section p.position {
  display: block;
  font-size: 14px;
  font-weight: normal;
  color: #000;
  text-align: left;
}

.event_list_box .list_detail .text_section p.position:before {
  content: url("/images/common/position.svg");
  display: inline-block;
  padding-right: 10px;
  vertical-align: 0;
  line-height: 1;
}



/********************************

            研究・産学官連携

********************************/

.gaibu {
  width: 900px;
  margin: 1em auto 3em auto;
}

.gaibu p {
  font-size: 14px;
  margin: 10px 0;
}


/********************************

            Admission

********************************/

.adphoto{
	position:relative;
}
.adtxt{
	position:absolute;
	padding:10px;
	background-color:#FFFFFF;
	opacity:0.8;
	color:#000000;
	font-size:120%;
	width:90%;
}
.adtxt_top{
	top:10px;
	right:10px;
}
.adtxt_bottom{
	bottom:10px;
	right:10px;
}
.font86{
	font-size: 86%;
	padding: 14px 10px;
}

.bluebox{
	background-color:#131f4c;
	padding:20px;
}
h2.next_blueboxtitle {
	width: 100%;
	height: auto;
	margin-bottom: 1em;
	padding: 10px;
	color:#FFFFFF;
	border: none !important;
	background: none !important;
}



.circle {
	display: inline-block;
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background: #007ac1;
	text-align: center;
	line-height: 20px;
	vertical-align: middle;
	color: #ffffff;
	margin-right: 5px;
}

.qbox{
	border:solid 1px #ccc;
	padding:10px;
	background-color:#B0D6FF;
}
.qbox2{
	border:solid 1px #ccc;
	padding:10px;
	background-color:#b4b5b5;
}
.pg_leftbox{
	float:left;
	width:45%;
}
.nobox{
	float:left;
	width:10%;
	text-align:center;
	margin:0 auto;
}


.yesbox{
	text-align:center;
	margin:0 auto;
}

.nobox p{
	border-radius: 50%;
	border:solid 1px #ccc;
	background-color:#b4b5b5;
	padding:5px;
	max-width:50px;
	margin: 5px auto;
}
.yesbox p{
	border-radius: 50%;
	border:solid 1px #ccc;
	background-color:#B0D6FF;
	padding:5px;
	max-width:50px;
	margin: 5px auto;
}

.nobox p::after {
	content: "\f0da";
	display: block;
	padding: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #4373b9;
	vertical-align: 0;
	line-height: 0.5;
}

.yesbox p::after {
	content: "\f0d7";
	display: block;
	padding: 0;
	font-family: "Font Awesome 5 Free";
	font-weight: 900;
	color: #4373b9;
	vertical-align: 0;
	line-height: 0.5;
}

.pg_rightbox{
	float:right;
	width:45%;
}


/********************************
            問い合わせ
********************************/
.hissu {
	color:#FF0000;
}
#section1 .err_navi,
#next_main .err_navi {
	border:solid 1px #FF0000;
	padding:5px 0;
	margin-bottom:10px;
}
#section1 .err_navi li,
#next_main .err_navi li {
	color:#FF0000;
	list-style: disc;
	margin-left: 30px;
}

.btn{
	text-align:center;
}
.btn input{
	padding: 10px 20px;
	cursor: pointer;
}

.infobox{
	border:solid 1px #dddddd;
	padding:5px;
	margin: 20px 0;
}

#capturebox{
	border:solid 1px #C0C0C0;
	padding:10px
}
#capturebox img{
	vertical-align:bottom;
}

table.data th{
	width:255px;
}

.container{
	margin-bottom:20px;
}
-->
#section1 textarea, #next_main textarea {
    width: 95%;
}