@charset "UTF-8";
/*共通設定======================================*/
/*共通スタイル===================================*/
html {
  margin: 0;
  padding: 0;
  font-size: 62.5%;
}

body {
  margin: 0;
  padding: 0;
  font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, Osaka, "MS PGothic", arial, helvetica, sans-serif;
  color: #333333;
  font-size: 1.6rem;
  /*約16px*/
  line-height: 150%;
  letter-spacing: 0.05em;
  overflow-y: scroll;
  word-wrap: break-word;
}

/*選択時色*/
::selection {
  background: #f5f5f5;
  /* Safari */
  color: #086C78;
}

::-moz-selection {
  background: #f5f5f5;
  /* Firefox */
  color: #086C78;
}

/*リンク*/
a, .btn, a::after {
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}

/*画像透過*/
a img {
  transition: 1s;
  -webkit-backface-visibility: hidden;
  /* 追加 */
  backface-visibility: hidden;
  /* 追加 */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

a img:hover {
  opacity: 0.8;
  display: block;
}

/*header(PC)のスタイル===========================*/
header{
  border-top: 5px solid #FFC920;
}
.home header {
  margin-bottom: 5rem;
  border-top: 5px solid #FFC920;
}

header .pc-header .header-set {
  margin-top: 1rem;
  margin-bottom: 1rem;
}
header .pc-header .header-set h1 a {
  display: block;
}
header .pc-header .header-set h1 img {
  margin-bottom: 1rem;
}
header .pc-header .header-set h1 span {
  display: block;
  font-size: 1.5rem;
}
header .pc-header .header-set .btnset {
  margin-bottom: 2rem;
}
header .pc-header .header-set .btnset .btn {
  color: #333333;
  background-color: #FFC920;
  padding: 0rem 2.5rem;
  line-height: normal;
  border-radius: 0;
  font-size: 1.6rem;
}
header .pc-header .header-set .btnset .btn:hover {
  background-color: #ffd759;
}
header .pc-header .header-set .btnset li.changecolor {
  font-size: 1.4rem;
}
header .pc-header .header-set .btnset li.changecolor span {
  margin-left: 1rem;
}
header .pc-header .header-set .btnset li.changecolor span:first-child {
  margin-left: 0.5rem;
}
header .pc-header .header-set .btnset li.changecolor a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  letter-spacing: 0;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 100%;
  color: #333333;
  cursor: pointer;
}
header .pc-header .header-set .btnset li.changecolor a:hover {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ccc;
  text-decoration: none;
}
header .pc-header .header-set .btnset li.changecolor a.wh {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
header .pc-header .header-set .btnset li.changecolor a.wh:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
header .pc-header .header-set .btnset li.changecolor a.black {
  border-color: #000;
  background-color: #000;
  color: #fff;
}
header .pc-header .header-set .btnset li.changecolor a.black:hover {
  background-color: #fff;
  color: #000;
}
header .pc-header .header-set .btnset li.changecolor a.blue {
  border-color: #0000ff;
  background-color: #0000ff;
  color: #ffff00;
}
header .pc-header .header-set .btnset li.changecolor a.blue:hover {
  border-color: #ffff00;
  background-color: #ffff00;
  color: #0000ff;
}
header .pc-header .header-set .toolset {
  margin-bottom: 0;
}
header .pc-header .header-set .toolset form#cse-search-box {
  position: relative;
}
header .pc-header .header-set .toolset form#cse-search-box input[type="text"] {
  border: none;
  background-color: #f5f5f5 !important;
  padding: 0.5rem 3.5rem 0.5rem 0.5rem;
  width: 300px;
}
header .pc-header .header-set .toolset form#cse-search-box input[type="submit"] {
  position: absolute;
  right: 5px;
  top: 5px;
  border: none;
  background-color: inherit;
  background-image: url(../images/common/icon_search.svg);
  background-size: 23px;
  height: 23px;
  width: 23px;
}
header .pc-header .header-set .toolset form#cse-search-box input[type="submit"]:hover {
  cursor: pointer;
}
header .pc-header .header-set .toolset li a {
  display: block;
  font-size: 1.4rem;
  line-height: normal;
  padding: 3rem 0.5rem 0;
  position: relative;
  color: #086C78;
}
header .pc-header .header-set .toolset li a:hover {
  text-decoration: none;
  background-color: #f5f5f5;
}
header .pc-header .header-set .toolset li a::after {
  position: absolute;
  content: "";
  background-size: 20px;
  height: 20px;
  width: 20px;
  margin: 0 auto;
  left: 0;
  right: 0px;
  top: 5px;
}
header .pc-header .header-set .toolset li.access a::after {
  background-image: url(../images/common/icon_access.svg);
}
header .pc-header .header-set .toolset li.contact a::after {
  background-image: url(../images/common/icon_contact.svg);
}
header .pc-header .targetnav {
  /*margin-bottom: 1rem;*/
  padding: 0.5rem 0;
}
header .pc-header .targetnav a {
  color: #333333;
  padding: 1rem 0.5rem;
  font-size: 1.8rem;
  letter-spacing: normal;
}
header .pc-header .targetnav a:hover {
  background-color: #FFC920;
  border-radius: 0;
}
header .pc-header .gnav {
  background-color: #086C78;
  padding: 0.5rem 0;
}
header .pc-header .gnav a {
  color: #fff;
  padding: 1rem 1.5rem;
  font-size: 1.8rem;
  letter-spacing: normal;
}
header .pc-header .gnav a:hover {
  background-color: #054047;
  border-radius: 0;
}

/*header(SP)のスタイル===========================*/
header .sp-header {
  padding: 2rem 0;
}
header .sp-header h1 a {
  display: block;
}
header .sp-header h1 img {
  margin-bottom: 1rem;
}
header .sp-header h1 span {
  display: block;
  font-size: 1.5rem;
}
header .sp-header .navToggle {
  display: block;
  position: fixed;
  top: 20px;
  right: 20px;
  width: 60px;
  height: 60px;
  background-color: #fff;
  border-radius: 5px;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
  z-index: 999;
}
header .sp-header .navToggle span {
  display: block;
  position: absolute;
  width: 35px;
  border-bottom: solid 3px #086C78;
  -webkit-transition: .35s ease-in-out;
  -moz-transition: .35s ease-in-out;
  transition: .35s ease-in-out;
  left: 0;
  right: 0;
  margin: 0 auto;
}
header .sp-header .navToggle span:nth-child(1) {
  top: 20px;
}
header .sp-header .navToggle span:nth-child(2) {
  top: 30px;
}
header .sp-header .navToggle span:nth-child(3) {
  top: 40px;
}
header .sp-header .navToggle.active {
  background-color: #fff;
  z-index: 999;
}
header .sp-header .navToggle.active span:nth-child(1), header .sp-header .navToggle.active span:nth-child(2), header .sp-header .navToggle.active span:nth-child(3) {
  top: 30px;
  left: 0px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg);
  border-bottom: solid 3px #086C78;
}
header .sp-header .navToggle.active span:nth-child(2), header .sp-header .navToggle.active span:nth-child(3) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg);
}
header .sp-header nav.globalMenuSp::-webkit-scrollbar {
  display: none;
}
header .sp-header nav.globalMenuSp {
  position: fixed;
  z-index: 99;
  top: 0px;
  left: 0;
  background: #fff;
  text-align: center;
  transform: translateY(-110%);
  transition: all 0.6s;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.25);
  padding: 2rem 1rem 1rem;
  border-top: 5px solid #FFC920;
  height: 100%;
  overflow-y: scroll;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
header .sp-header nav.globalMenuSp p.logo {
  margin-bottom: 3rem;
}
header .sp-header nav.globalMenuSp .btnset {
  margin-bottom: 2rem;
}
header .sp-header nav.globalMenuSp .btnset .btn {
  color: #333333;
  background-color: #FFC920;
  padding: 0rem 2.5rem;
  line-height: normal;
  border-radius: 0;
  font-size: 1.6rem;
}
header .sp-header nav.globalMenuSp .btnset .btn:hover {
  background-color: #ffd759;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor {
  font-size: 1.4rem;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor span {
  margin-left: 1rem;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor span:first-child {
  margin-left: 0.5rem;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a {
  width: 30px;
  height: 30px;
  line-height: 30px;
  text-align: center;
  display: inline-block;
  letter-spacing: 0;
  background-color: #ccc;
  border: 1px solid #ccc;
  border-radius: 100%;
  color: #333333;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a:hover {
  background-color: #333333;
  border: 1px solid #333333;
  color: #ccc;
  text-decoration: none;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a.wh {
  border-color: #000;
  background-color: #fff;
  color: #000;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a.wh:hover {
  background-color: #000;
  border-color: #000;
  color: #fff;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a.black {
  border-color: #000;
  background-color: #000;
  color: #fff;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a.black:hover {
  background-color: #fff;
  color: #000;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a.blue {
  border-color: #0000ff;
  background-color: #0000ff;
  color: #ffff00;
}
header .sp-header nav.globalMenuSp .btnset li.changecolor a.blue:hover {
  border-color: #ffff00;
  background-color: #ffff00;
  color: #0000ff;
}
header .sp-header nav.globalMenuSp form#cse-search-box {
  position: relative;
  margin-bottom: 2rem;
}
header .sp-header nav.globalMenuSp form#cse-search-box input[type="text"] {
  border: none;
  background-color: #f5f5f5;
  padding: 1rem 4.5rem 1rem 0.5rem;
  width: 95%;
}
header .sp-header nav.globalMenuSp form#cse-search-box input[type="submit"] {
  position: absolute;
  right: 30px;
  top: 10px;
  border: none;
  background-color: inherit;
  background-image: url(../images/common/icon_search.svg);
  background-size: 23px;
  height: 23px;
  width: 23px;
}
header .sp-header nav.globalMenuSp form#cse-search-box input[type="submit"]:hover {
  cursor: pointer;
}
header .sp-header nav.globalMenuSp ul.linkbtnset {
  margin-bottom: 1rem;
}
header .sp-header nav.globalMenuSp ul.linkbtnset li {
  width: 48%;
}
header .sp-header nav.globalMenuSp ul.linkbtnset li a {
  background-color: #086C78;
  color: #fff;
  padding: 1rem 2rem;
  display: block;
  border-radius: 5px;
}
header .sp-header nav.globalMenuSp ul.targetnav, header .sp-header nav.globalMenuSp ul.gnav {
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: left;
}
header .sp-header nav.globalMenuSp ul.targetnav li a, header .sp-header nav.globalMenuSp ul.gnav li a {
  color: #333333;
  padding: 1rem 2rem;
  display: block;
  position: relative;
}
header .sp-header nav.globalMenuSp ul.targetnav li a::after, header .sp-header nav.globalMenuSp ul.gnav li a::after {
  position: absolute;
  content: "";
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
header .sp-header nav.globalMenuSp ul.targetnav li {
  border-bottom: 1px solid #086C78;
}
header .sp-header nav.globalMenuSp ul.targetnav li:last-child {
  border: none;
}
header .sp-header nav.globalMenuSp ul.targetnav li a::after {
  background-image: url(../images/common/arrow_g.svg);
}
header .sp-header nav.globalMenuSp ul.gnav {
  background-color: #086C78;
}
header .sp-header nav.globalMenuSp ul.gnav li a {
  color: #fff;
}
header .sp-header nav.globalMenuSp ul.gnav li a::after {
  background-image: url(../images/common/arrow_wh.svg);
}
header .sp-header nav.globalMenuSp.active {
  transform: translateY(0%);
  top: 0;
}

/*footerのスタイル===========================*/
footer .related-links {
  /*ページ下部リンクバナー*/
  padding: 3.5rem 2rem;
  background-color: #f5f5f5;
}
footer .related-links a.btn {
  padding: 2rem 1.5rem;
  font-size: 1.7rem;
  color: #333333;
  line-height: 100%;
  background-color: #fff;
  border: 1px solid #fff;
  border-radius: 5px;
  width: 100%;
  margin: 0 auto 1rem;
  white-space: normal;
}
footer .related-links a.btn span {
  position: relative;
}
footer .related-links a.btn:hover {
  border-color: #009EB2;
  color: #086C78;
}
footer .related-links a[href^="http"] span::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/icon_outside.svg);
  background-size: 12px;
  height: 12px;
  width: 12px;
  right: -20px;
  bottom: 5px;
}
footer .siteinfo {
  /*ページ下部サイト情報*/
  padding: 2.5rem 1rem;
  background-color: #086C78;
}
footer .siteinfo .logo {
  margin-bottom: 3rem;
}
footer .siteinfo ul.sns {
  margin-bottom: 1rem;
}
footer .siteinfo ul.textlinks {
  margin: 0;
}
footer .siteinfo ul.textlinks li a {
  color: #fff;
  font-size: 1.4rem;
  letter-spacing: normal;
}
footer .siteinfo .campusinfo .box {
  font-size: 1.4rem;
  letter-spacing: normal;
  color: #fff;
  margin-bottom: 2rem;
}
footer .siteinfo .campusinfo .box p:first-child {
  font-weight: bold;
  font-size: 1.5rem;
}
footer .siteinfo .campusinfo .box p {
  margin: 0;
  line-height: normal;
}
footer .siteinfo .sitemap a {
  font-size: 1.4rem;
  letter-spacing: normal;
  color: #fff;
}
footer p.copyright {
  margin: 0;
  padding: 1rem;
  font-size: 1.2rem;
}

/*タブレット、スマホのスタイル===========================*/
/*大型モニターサイズ*/
@media screen and (min-width: 1300px) {
  /*1300px以上*/
}
/*タブレットサイズ*/
@media screen and (max-width: 991px) {
  footer .related-links a.btn {
    font-size: 1.6rem;
  }
  footer .siteinfo {
    padding: 1.5rem 1rem;
  }
  footer .siteinfo .campusinfo .box:last-child {
    margin-bottom: 0;
  }
}
/*スマホサイズ*/
@media screen and (max-width: 767px) {
  footer .logo {
    margin-bottom: 1rem;
  }
  footer .logo a {
    display: inline-block;
    margin: 0 auto;
  }
  footer .siteinfo {
    text-align: center;
  }
  footer .siteinfo ul.textlinks {
    margin-bottom: 2rem;
  }
}
/*スライダーのスタイル*/
.home header .slidebg-wrap{
  position: relative;
}
.home header .slidebg-wrap .bg-box{
  width:100%;
  height:420px;
  display:block;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  /*background:#ccc;*/
}
.home header .slider {
  /*position: relative;*/
  position: absolute;
  top:0;
  left:0;
  height: 420px;
  z-index: 1;
  width: 100%;
  /*background-size: cover;
  background-position: center;
  background-repeat: no-repeat;*/
  /*z-index: 0;*/
  padding: 3rem 0 2rem;
}
.home header .slider h2 {
  position: relative;
  z-index: 1;
  text-align: left;
  color: #fff;
  margin-bottom: 1rem;
  font-size: 2.4rem;
  padding-left: 2.5rem;
}
.home header .slider .swiper {
  width: 50%;
  margin: 0;
  padding-top: 2rem;
}
.home header .slider .swiper .swiper-pagination {
  top: -0.5rem;
  z-index:0;
}
.home header .slider .swiper .swiper-pagination-bullet {
  background-color: #FFC920;
  width: 1.2rem;
  height: 1.2rem;
}
.home header .slider .swiper .swiper-button-next, .home header .slider .swiper .swiper-button-prev {
  width: 40px;
  height: 40px;
}
.home header .slider .swiper .swiper-button-next:after, .home header .slider .swiper .swiper-button-prev:after {
  color: #333333;
  background-color: #FFC920;
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4);
  font-size: 2rem;
  line-height: 30px;
  height: 30px;
  width: 30px;
  text-align: center;
  border-radius: 100%;
}
.home header .slider .box {
  position: relative;
  z-index: 1;
  width: 90%;
  margin: 0 auto;
}
.home header .slider .box img {
  width: 100%;
  height: 250px;
  object-fit: cover;
  margin-bottom: 1rem;
}
.home header .slider .box .youtube {
  position: relative;
  width: 100%;
  padding-top: 49.25%;
  margin-bottom: 1rem;
}
.home header .slider .box .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
.home header .slider .box .vid_contents {
width: 100%;
text-align: center;
margin: auto;
}
.home header .slider .box .vid_contents video{
width: 100%;
height:250px;
}
.home header .slider .box a {
  color: #fff;
  display: block;
}
.home header .slider .box a:hover {
  text-decoration: none;
  color: #FFC920;
}
.home header .slider .box h3 {
  font-size: 1.8rem;
  font-weight: bold;
  margin-bottom: 0.5rem;
}
.home header .slider .box p {
  font-size: 1.4rem;
  margin: 0;
  letter-spacing: normal;
}

.home header .slider::before {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  height: 100%;
  background-color: rgba(5, 93, 103, 0.8);
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.home header .slider::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 420px 0 0 100px;
  border-color: transparent transparent transparent rgba(5, 93, 103, 0.8);
  left: 40%;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

/*トップページ共通のスタイル===========================*/
.home h2 {
  font-size: 2.6rem;
  text-align: center;
  margin-bottom: 3rem;
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}
.home h2 span {
  display: block;
  color: #086C78;
  font-size: 1.8rem;
  margin-top: 1rem;
}
.home .information .btn, .home .event .btn {
  background-color: #fff;
  font-size: 1.6rem;
  line-height: normal;
  padding: 1rem 3rem;
  min-width: 250px;
  border: 1px solid #009EB2;
  border-radius: 30px;
  color: #086C78;
  position: relative;
}
.home .information .btn:hover, .home .event .btn:hover {
  border: 1px solid #086C78;
}
.home .information .btn::after, .home .event .btn::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home .information .btn:hover::after, .home .event .btn:hover::after {
  right: 15px;
}

/*コロナ感染症のスタイル===========================*/
.home .emergency {
  margin-bottom: 5rem;
}
.home .emergency .box {
  padding: 2rem 2.5rem;
  border: 1px solid #ccc;
}
.home .emergency .box h2 {
  margin-bottom: 0;
  font-size: 2.4rem;
}
.home .emergency .box ul {
  margin-bottom: 0;
  padding-left: 3rem;
  position: relative;
}
.home .emergency .box ul li {
  margin-bottom: 1rem;
}
.home .emergency .box ul li a {
  color: #333333;
}
.home .emergency .box ul li a:hover {
  color: #086C78;
}
.home .emergency .box ul::after {
  content: "";
  display: block;
  position: absolute;
  width: 1px;
  height: 50px;
  background-color: #ccc;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

/*ピックアップリンクのスタイル===========================*/
.home .pickuplink {
  padding: 3rem;
  background-color: #f5f5f5;
  margin-bottom: 6rem;
}
.home .pickuplink .box {
  background-color: #fff;
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}
.home .pickuplink .box a {
  display: block;
  color: #333333;
}
.home .pickuplink .box a:hover {
  color: #086C78;
  text-decoration: none;
}
.home .pickuplink .box a:hover p::after {
  right: 15px;
}
.home .pickuplink .box p {
  display: block;
  font-size: 1.8rem;
  padding: 1rem 3rem;
  margin: 0 auto;
  position: relative;
}
.home .pickuplink .box p::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home .pickuplink .box img{
  width:100%;
  height:140px;
  object-fit:cover;
}
/*.home .pickuplink .box {
  padding: 2rem 2rem;
  background-color: #fff;
}
.home .pickuplink ul {
  margin: 0;
  text-align: center;
}
.home .pickuplink ul li {
  border-right: 1px solid #086C78;
}
.home .pickuplink ul li a {
  color: #333333;
  display: block;
}
.home .pickuplink ul li a:hover {
  text-decoration: none;
  color: #086C78;
}
.home .pickuplink ul li a span {
  position: relative;
}
.home .pickuplink ul li a span::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home .pickuplink ul li a:hover span::after {
  right: -25px;
}
.home .pickuplink ul li:last-child {
  border: none;
}*/

/*SNSリンクのスタイル===========================*/
.home .snslink {
  padding: 3rem;
  /*background-color: #ffffff;*/
  background-color: #f5f5f5;
}

/*新着情報のスタイル===========================*/
.home .information {
  /*margin-bottom: 8rem;*/
  padding: 4rem;
  background-color: #f5f5f5;
}
.home .information h2 {
  margin-bottom: 6rem;
}
.home .information .box {
  margin-bottom: 4rem;
}
.home .information .box img {
  object-fit: cover;
  width: 100%;
  height: 110px;
}
.home .information .box ul {
  margin-bottom: 0;
}
.home .information .box ul li.date {
  font-size: 1.5rem;
}
.home .information .box ul li.cat > a {
  font-size: 1.5rem;
  background-color: #FFC920;
  color:#333333;
  line-height: normal;
  padding: 0.2rem 1rem;
  display: inline-block;
  margin-bottom: 0.5rem;
}
.home .information .box ul li.cat span a{
  color:#333333;
  padding-left:0.5rem;
  font-size: 1.4rem;
}
.home .information .box ul li.cat a:hover{
  text-decoration: none;
}
.home .information .box ul li.title h3 a {
  font-size: 1.6rem;
  color: #333333;
}
.home .information .box ul li.title h3 a:hover {
  text-decoration: none;
  color: #086C78;
}

/*イベントのスタイル===========================*/
.home .event {
  /*padding: 4rem;*/
  /*background-color: #f5f5f5;*/
  margin-bottom: 8rem;
}
.home .event .wrap {
  background-color: #fff;
  padding: 3rem 4rem;
  margin-bottom: 2rem;
}
.home .event .box {
  margin-bottom: 1.5rem;
}
.home .event .box ul {
  margin-bottom: 0;
}
.home .event .box ul li.date {
  font-size: 1.5rem;
}
.home .event .box ul li.cat a {
  font-size: 1.4rem;
  background-color: #FFC920;
  line-height: normal;
  padding: 0.3rem 1rem;
  color:#333333;
  min-width: 125px;
  display: block;
  text-align: center;
}
.home .event .box ul li.cat a:hover{
  text-decoration: none;
}
.home .event .box ul li.title h3 a {
  font-size: 1.6rem;
  color: #333333;
}
.home .event .box ul li.title h3 a:hover {
  text-decoration: none;
  color: #086C78;
}
.home .event .box:last-child {
  margin-bottom: 0;
}

/*学部・大学院のスタイル===========================*/
.home .faculty {
  padding: 7rem 5rem;
  background-size: auto auto;
  background-color: white;
  background-image: repeating-linear-gradient(0deg, transparent, transparent 17px, #eaeaea 17px, #eaeaea 18px);
}
.home .faculty h2 {
  margin-bottom: 6rem;
}
.home .faculty .wrap {
  margin-bottom: 8rem;
}
.home .faculty .wrap .col-12:last-child p {
  padding: 1rem 3rem;
}
.home .faculty .box {
  box-shadow: 0px 0px 18px rgba(0, 0, 0, 0.4);
  border-radius: 10px;
  background-color: #fff;
  width: 100%;
  max-width: 400px;
  margin: 0 auto 3rem;
}
.home .faculty .box a {
  display: block;
  color: #333333;
}
.home .faculty .box a:hover {
  color: #086C78;
  text-decoration: none;
}
.home .faculty .box a:hover p::after {
  right: 15px;
}
.home .faculty .box p {
  display: block;
  font-size: 1.8rem;
  padding: 2rem 3rem;
  margin: 0 auto;
  min-height: 68px;
  position: relative;
}
.home .faculty .box p span {
  display: block;
  font-size: 1.4rem;
}
.home .faculty .box p::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_o.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.home .faculty .box img{
  width:100%;
  height:170px;
  object-fit:cover;
}
/*タブレット、スマホのスタイル===========================*/
/*大型モニターサイズ*/
@media screen and (min-width: 1300px) {
  /*1300px以上*/
}
/*タブレットサイズ*/
@media screen and (max-width: 991px) {
  .home header .slider {
    background-color: #086C78;
    position: relative;
  }
  .home header .slider .swiper {
    width: 100%;
  }
  .home header .slider .swiper .swiper-pagination {
    bottom: inherit;
  }

  .home header .slider::before, .home header .slider::after {
    content: none;
  }

  .home .emergency {
    /*コロナ感染症*/
  }
  .home .emergency .box h2 {
    padding-bottom: 3rem;
  }
  .home .emergency .box ul {
    padding: 0;
  }
  .home .emergency .box ul::after {
    width: 50px;
    height: 1px;
    right: 0;
    margin: 0 auto;
    top: -15px;
    transform: none;
  }

  .home .pickuplink {
    /*ピックアップリンク*/
  }
  .home .pickuplink .box{
    margin-bottom:2rem;
  }
  /*.home .pickuplink .box ul li {
    border: none;
    border-bottom: 1px solid #086C78;
  }
  .home .pickuplink .box ul li:last-child {
    border: none;
  }
  .home .pickuplink .box ul li a {
    padding: 2rem 0;
  }*/

  .home .information {
    /*新着情報*/
  }
  .home .information .box ul li.cat {
    padding: 0.1rem 1rem;
  }

  .home .event .box ul li.cat {
    padding: 0.1rem 1rem;
  }
  .home .event .box ul li.title {
    display: block;
  }
  .home .event .box ul li.title h3 {
    margin-top: 1rem;
  }
}
/*スマホサイズ*/
@media screen and (max-width: 767px) {
  .home header .slider {
    height: auto;
  }

  .home .emergency {
    /*コロナ感染症*/
  }
  .home .emergency .box {
    padding: 2rem 1.5rem;
  }

  .home .pickuplink {
    /*ピックアップリンク*/
    padding: 2rem 1rem;
  }

  .home .information {
    /*新着情報*/
  }
  .home .information .box img {
    height: 100px;
  }

  .home .event {
    /*イベント*/
    padding: 4rem 1rem;
  }
  .home .event .wrap {
    padding: 2rem;
  }

  .home .faculty {
    padding: 7rem 4rem;
  }
  .home .faculty .box p {
    padding: 1.5rem;
    min-height: inherit;
  }
}
/*スマホサイズ 小さめ*/
@media screen and (max-width: 480px) {
  .home header .slider h2{
    text-align:center;
  }
  .home header .slider .box img{
    height: 180px;
  }
  .home header .slider .box .vid_contents video{
    height: 180px;
  }
}
/*サブページ共通のスタイル===========================*/
.subvisual {
  position: relative;
  height: 160px;
  width: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  z-index: 0;
  padding: 3rem 2rem;
  margin-bottom: 2rem;
}
.subvisual h2 {
  position: absolute;
  z-index: 1;
  bottom: 55px;
  left: 0;
  color: #fff;
  font-size: 2.5rem;
  padding: 0 3rem 0 8rem;
}

.subvisual::before {
  content: "";
  display: block;
  position: absolute;
  width: 40%;
  height: 100%;
  background-color: rgba(5, 93, 103, 0.8);
  left: 0;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.subvisual::after {
  content: "";
  display: block;
  position: absolute;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 160px 0 0 100px;
  border-color: transparent transparent transparent rgba(5, 93, 103, 0.8);
  left: 40%;
  top: 0;
  z-index: 0;
  pointer-events: none;
}

.wrap-headline .breadcrumb {
  background-color: inherit;
  font-size: 1.5rem;
  padding: 0;
  margin-bottom: 5rem;
}
.wrap-headline .breadcrumb li {
  color: #333333;
}
.wrap-headline .breadcrumb a {
  color: #086C78;
}
.wrap-headline .breadcrumb a:hover {
  color: #333333;
  text-decoration: none;
}

.wrap-contents {
  margin-bottom: 9rem;
}
.wrap-contents .wrap-edit{
  margin-bottom: 4rem;
}

/*エディタ内のスタイル===========================*/
.wrap-contents.single .wrap-edit p, .wrap-contents.page .wrap-edit p {
  margin-bottom: 1rem;
}
.wrap-contents.single .wrap-edit a, .wrap-contents.page .wrap-edit a {
  color: #086C78;
  text-decoration: underline;
  position: relative;
}
.wrap-contents.single .wrap-edit a:hover, .wrap-contents.page .wrap-edit a:hover {
  color: #16656e;
}
/*.wrap-contents.single .wrap-edit a:not([href^="https://www.tsukuba-tech.ac.jp"]), .wrap-contents.page .wrap-edit a:not([href^="#"]) {
  padding-right: 2rem;
}
.wrap-contents.single .wrap-edit a:not([href^="https://www.tsukuba-tech.ac.jp"])::before, .wrap-contents.page .wrap-edit a:not([href^="#"])::before {
  position: absolute;
  content: "";
  background-image: url(../images/common/icon_outside.svg);
  background-size: 12px;
  height: 12px;
  width: 12px;
  right: 2px;
  bottom: 5px;
}*/
.wrap-contents.single .wrap-edit a[href$=".pdf"], .wrap-contents.single .wrap-edit a[href$=".doc"],
.wrap-contents.single .wrap-edit a[href$=".docm"], .wrap-contents.single .wrap-edit a[href$=".docx"],
.wrap-contents.single .wrap-edit a[href$=".xls"], .wrap-contents.single .wrap-edit a[href$=".xlsx"],
.wrap-contents.single .wrap-edit a[href$=".ppt"], .wrap-contents.single .wrap-edit a[href$=".pptx"],
.wrap-contents.single .wrap-edit a[href$=".xlsm"], .wrap-contents.single .wrap-edit a[href$=".zip"], 
.wrap-contents.single .wrap-edit a[href$=".txt"],
.wrap-contents.page .wrap-edit a[href$=".pdf"], .wrap-contents.page .wrap-edit a[href$=".doc"],
.wrap-contents.page .wrap-edit a[href$=".docm"], .wrap-contents.page .wrap-edit a[href$=".docx"],
.wrap-contents.page .wrap-edit a[href$=".xls"], .wrap-contents.page .wrap-edit a[href$=".xlsx"],
.wrap-contents.page .wrap-edit a[href$=".ppt"], .wrap-contents.page .wrap-edit a[href$=".pptx"],
.wrap-contents.page .wrap-edit a[href$=".xlsm"], .wrap-contents.page .wrap-edit a[href$=".zip"],
.wrap-contents.page .wrap-edit a[href$=".txt"]{
  position: relative;
  padding-right: 55px;
}
.wrap-contents.single .wrap-edit a[href$=".pdf"]::before, .wrap-contents.single .wrap-edit a[href$=".doc"]::before,
.wrap-contents.single .wrap-edit a[href$=".docm"]::before, .wrap-contents.single .wrap-edit a[href$=".docx"]::before,
.wrap-contents.single .wrap-edit a[href$=".xls"]::before, .wrap-contents.single .wrap-edit a[href$=".xlsx"]::before,
.wrap-contents.single .wrap-edit a[href$=".ppt"]::before, .wrap-contents.single .wrap-edit a[href$=".pptx"]::before,
.wrap-contents.single .wrap-edit a[href$=".xlsm"]::before, .wrap-contents.single .wrap-edit a[href$=".zip"]::before,
.wrap-contents.single .wrap-edit a[href$=".txt"]::before,
.wrap-contents.page .wrap-edit a[href$=".pdf"]::before, .wrap-contents.page .wrap-edit a[href$=".doc"]::before,
.wrap-contents.page .wrap-edit a[href$=".docm"]::before, .wrap-contents.page .wrap-edit a[href$=".docx"]::before,
.wrap-contents.page .wrap-edit a[href$=".xls"]::before, .wrap-contents.page .wrap-edit a[href$=".xlsx"]::before,
.wrap-contents.page .wrap-edit a[href$=".ppt"]::before, .wrap-contents.page .wrap-edit a[href$=".pptx"]::before,
.wrap-contents.page .wrap-edit a[href$=".xlsm"]::before, .wrap-contents.page .wrap-edit a[href$=".zip"]::before,
.wrap-contents.page .wrap-edit a[href$=".txt"]::before{
  color: #fff;
  font-size: 10px;
  text-align: center;
  line-height: 100%;
  padding: 3px 5px;
  width: 45px;
  text-decoration: none;
  display: inline-block;
  position: absolute;
  right: 5px;
  bottom: 4px;
}
.wrap-contents.single .wrap-edit a[href$=".pdf"]::before, .wrap-contents.page .wrap-edit a[href$=".pdf"]::before {
  background-color: #D30102;
  content: "PDF";
}
.wrap-contents.single .wrap-edit a[href$=".doc"]::before, .wrap-contents.single .wrap-edit a[href$=".docx"]::before, .wrap-contents.single .wrap-edit a[href$=".docm"]::before, .wrap-contents.page .wrap-edit a[href$=".doc"]::before, .wrap-contents.page .wrap-edit a[href$=".docx"]::before, .wrap-contents.page .wrap-edit a[href$=".docm"]::before {
  background-color: #00569B;
  content: "Word";
}
.wrap-contents.single .wrap-edit a[href$=".xls"]::before, .wrap-contents.single .wrap-edit a[href$=".xlsx"]::before, .wrap-contents.single .wrap-edit a[href$=".xlsm"]::before, .wrap-contents.page .wrap-edit a[href$=".xls"]::before, .wrap-contents.page .wrap-edit a[href$=".xlsx"]::before, .wrap-contents.page .wrap-edit a[href$=".xlsm"]::before {
  background-color: #1B6237;
  content: "Excel";
}
.wrap-contents.single .wrap-edit a[href$=".zip"]::before, .wrap-contents.page .wrap-edit a[href$=".zip"]::before {
  background-color: #333333;
  content: "ZIP";
}
.wrap-contents.single .wrap-edit a[href$=".txt"]::before, .wrap-contents.page .wrap-edit a[href$=".txt"]::before {
  background-color: #333333;
  content: "Text";
}
.wrap-contents.single .wrap-edit a[href$=".ppt"]::before, .wrap-contents.single .wrap-edit a[href$=".pptx"]::before, .wrap-contents.page .wrap-edit a[href$=".ppt"]::before, .wrap-contents.page .wrap-edit a[href$=".pptx"]::before {
  background-color: #D24726;
  content: "PPT";
}
.wrap-contents.single .wrap-edit ol li a[href$=".pdf"]::before, .wrap-contents.single .wrap-edit ol li a[href$=".doc"]::before,
.wrap-contents.single .wrap-edit ol li a[href$=".docm"]::before, .wrap-contents.single .wrap-edit ol li a[href$=".docx"]::before,
.wrap-contents.single .wrap-edit ol li a[href$=".xls"]::before, .wrap-contents.single .wrap-edit ol li a[href$=".xlsx"]::before,
.wrap-contents.single .wrap-edit ol li a[href$=".ppt"]::before, .wrap-contents.single .wrap-edit ol li a[href$=".pptx"]::before,
.wrap-contents.single .wrap-edit ol li a[href$=".xlsm"]::before, .wrap-contents.single .wrap-edit ol li a[href$=".zip"]::before,
.wrap-contents.single .wrap-edit ol li a[href$=".txt"]::before,
.wrap-contents.page .wrap-edit ol li a[href$=".pdf"]::before, .wrap-contents.page .wrap-edit ol li a[href$=".doc"]::before,
.wrap-contents.page .wrap-edit ol li a[href$=".docm"]::before, .wrap-contents.page .wrap-edit ol li a[href$=".docx"]::before,
.wrap-contents.page .wrap-edit ol li a[href$=".xls"]::before, .wrap-contents.page .wrap-edit ol li a[href$=".xlsx"]::before,
.wrap-contents.page .wrap-edit ol li a[href$=".ppt"]::before, .wrap-contents.page .wrap-edit ol li a[href$=".pptx"]::before,
.wrap-contents.page .wrap-edit ol li a[href$=".xlsm"]::before, .wrap-contents.page .wrap-edit ol li a[href$=".zip"]::before,
.wrap-contents.page .wrap-edit ol li a[href$=".txt"]::before{
  text-indent: 0em;
}
.wrap-contents.single .wrap-edit h3, .wrap-contents.page .wrap-edit h3 {
  background-color: #f5f5f5;
  font-size: 2.2rem;
  font-weight: bold;
  color: #086C78;
  padding: 1rem 1.5rem 1rem 3.5rem;
  position: relative;
  margin-bottom: 3rem;
}
.wrap-contents.single .wrap-edit h3::after, .wrap-contents.page .wrap-edit h3::after {
  content: "";
  position: absolute;
  background-color: #FFC920;
  width: 1rem;
  height: 70%;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.wrap-contents.single .wrap-edit h4, .wrap-contents.page .wrap-edit h4 {
  font-size: 2rem;
  color: #333333;
  border-bottom: 3px solid #ccc;
  position: relative;
  padding: 0.5rem 1.5rem;
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.wrap-contents.single .wrap-edit h4::after, .wrap-contents.page .wrap-edit h4::after {
  content: "";
  position: absolute;
  bottom: -3px;
  left: 0;
  width: 20%;
  height: 3px;
  background-color: #FFC920;
}
.wrap-contents.single .wrap-edit h5, .wrap-contents.page .wrap-edit h5 {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  padding: 1rem 1.5rem 1rem 3rem;
  position: relative;
  margin-bottom: 2rem;
  margin-top: 4rem;
}
.wrap-contents.single .wrap-edit h5::after, .wrap-contents.page .wrap-edit h5::after {
  content: "";
  position: absolute;
  background-color: #FFC920;
  width: 1rem;
  height: 70%;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.wrap-contents.single .wrap-edit h6, .wrap-contents.page .wrap-edit h6 {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  padding: 0.5rem 1rem;
  border-bottom: 2px solid #FFC920;
  margin-bottom: 1.5rem;
  margin-top: 2.5rem;
}
.wrap-contents.single .wrap-edit ul, .wrap-contents.page .wrap-edit ul {
  list-style-type: none;
  padding-left: 30px;
  letter-spacing: 0.1em;
  line-height: 180%;
  margin-bottom: 1rem;
}
.wrap-contents.single .wrap-edit ul li, .wrap-contents.page .wrap-edit ul li {
  position: relative;
}
.wrap-contents.single .wrap-edit ul li::before, .wrap-contents.page .wrap-edit ul li::before {
  display: block;
  content: '';
  position: absolute;
  top: .65em;
  left: -1em;
  width: 8px;
  height: 8px;
  border-radius: 100%;
  background-color: #086C78;
}
.wrap-contents.single .wrap-edit ul ul, .wrap-contents.page .wrap-edit ul ul {
  margin: 0;
}
.wrap-contents.single .wrap-edit ol, .wrap-contents.page .wrap-edit ol {
  list-style-type: none;
  counter-reset: num;
  padding-left: 10px;
  letter-spacing: 0.1em;
  line-height: 180%;
  margin-bottom: 1rem;
}
.wrap-contents.single .wrap-edit ol li, .wrap-contents.page .wrap-edit ol li {
  text-indent: -2em;
  padding-left: 2em;
}
.wrap-contents.single .wrap-edit ol li::before, .wrap-contents.page .wrap-edit ol li::before {
  counter-increment: num;
  content: counter(num) ".";
  padding-right: .3em;
  font-weight: bold;
  color: #086C78;
  display: inline-block;
  width: 2em;
  text-align: right;
}
.wrap-contents.single .wrap-edit table, .wrap-contents.page .wrap-edit table {
  margin-bottom: 2rem;
}
.wrap-contents.single .wrap-edit table p, .wrap-contents.single .wrap-edit table ul, .wrap-contents.page .wrap-edit table p, .wrap-contents.page .wrap-edit table ul {
  margin: 0;
}
.wrap-contents.single .wrap-edit table td, .wrap-contents.single .wrap-edit table th, .wrap-contents.page .wrap-edit table td, .wrap-contents.page .wrap-edit table th {
  border: 1px solid #ccc;
  vertical-align: middle;
  padding: 1rem 0.7rem;
}
.wrap-contents.single .wrap-edit table th, .wrap-contents.page .wrap-edit table th {
  background-color: #086C78;
  color: #fff;
  text-align: center;
  font-weight: bold;
}
.wrap-contents.single .wrap-edit table td p, .wrap-contents.single .wrap-edit table td ol, .wrap-contents.single .wrap-edit table td ul, .wrap-contents.page .wrap-edit table td p, .wrap-contents.page .wrap-edit table td ol, .wrap-contents.page .wrap-edit table td ul {
  margin-bottom: 0;
}
/*202305追加*/
.wrap-contents.page .wrap-edit dl{
  padding-bottom: 2em;
  padding-left:2em;
}
.wrap-contents.page .wrap-edit dt{
  padding-top: 1em;
  float: left;
  clear: left;
  width: 100px;
}
.wrap-contents.page .wrap-edit dt.last{
  float: left;
  margin-bottom:2em;
  width: 100px;
}
.wrap-contents.page .wrap-edit dd{
  padding-top: 1em;
  float: left;
  margin-left: 1em;
  width: 460px;
}
.wrap-contents.page .wrap-edit h4.clear{
  clear: left;
}
.wrap-contents.page .wrap-edit h5.clear{
  clear: left;
}



/*記事一覧のスタイル===========================*/
.wrap-contents.archive .box {
  padding: 1rem 2rem;
  margin-bottom: 1.5rem;
  border-bottom: 1px solid #ccc;
}
.wrap-contents.archive .box ul {
  margin-bottom: 0;
}
.wrap-contents.archive .box ul li.date {
  font-size: 1.5rem;
}
.wrap-contents.archive .box ul li.cat > a {
  font-size: 1.5rem;
  background-color: #FFC920;
  line-height: normal;
  padding: 0.3rem 1rem;
  color: #333333;
}
.wrap-contents.archive .box ul li.cat span a{
  color: #086C78;
  padding-left: 0.5rem;
  font-size: 1.4rem;
}
.wrap-contents.archive .box ul li.cat a:hover{
  text-decoration: none;
}
.wrap-contents.archive .box ul li.title{
  display:block;
  margin-top:1rem;
}
.wrap-contents.archive .box ul li.title h3 a {
  font-size: 1.6rem;
  color: #333333;
  position: relative;
}
.wrap-contents.archive .box ul li.title h3 a:hover {
  text-decoration: none;
  color: #086C78;
}
.wrap-contents.archive .box ul li.title h3 a::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents.archive .box ul li.title h3 a:hover::after {
  right: -25px;
}
.wrap-contents.archive .col-12 .box:last-of-type {
  margin-bottom: 6rem;
}
.wrap-contents.archive ul.pager span, .wrap-contents.archive ul.pager a {
  width: 30px;
  height: 30px;
  display: block;
  text-align: center;
  border: 1px solid #086C78;
  line-height: 30px;
}
.wrap-contents.archive ul.pager a {
  background-color: #fff;
  color: #086C78;
}
.wrap-contents.archive ul.pager a:hover {
  background-color: #086C78;
  color: #fff;
  text-decoration: none;
}
.wrap-contents.archive ul.pager span {
  background-color: #086C78;
  color: #fff;
}
.wrap-contents.archive .sidemenu {
  background-color: #f5f5f5;
  padding: 2rem;
}
.wrap-contents.archive .sidemenu h3 {
  text-align: center;
  color: #086C78;
  font-size: 2.2rem;
  margin-bottom: 1.5rem;
}
.wrap-contents.archive .sidemenu ul {
  list-style: none;
  margin: 0;
  padding: 1rem 1rem;
  background-color: #fff;
}
.wrap-contents.archive .sidemenu ul li a {
  display: block;
  border-bottom: dotted 1px #ccc;
  padding: 1rem 0.5rem;
  position: relative;
  color: #333333;
}
.wrap-contents.archive .sidemenu ul li:last-child a {
  border: none;
}
.wrap-contents.archive .sidemenu ul li a::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents.archive .sidemenu ul li a:hover::after {
  right: 5px;
}
.wrap-contents.archive .sidemenu ul li a:hover {
  text-decoration: none;
  color: #086C78;
}

/*記事詳細のスタイル===========================*/
.wrap-contents.single .wrap-info, .wrap-contents.page .wrap-info {
  margin-bottom: 1.5rem;
}
.wrap-contents.single .wrap-info ul, .wrap-contents.page .wrap-info ul {
  margin-bottom: 1rem;
}
.wrap-contents.single .wrap-info ul li.date, .wrap-contents.page .wrap-info ul li.date {
  font-size: 1.5rem;
}
.wrap-contents.single .wrap-info ul li.cat, .wrap-contents.page .wrap-info ul li.cat {
  font-size: 1.5rem;
  background-color: #FFC920;
  line-height: normal;
  padding: 0.3rem 1rem;
}
.wrap-contents.single .wrap-info h3, .wrap-contents.page .wrap-info h3 {
  background-color: #f5f5f5;
  font-size: 2.2rem;
  font-weight: bold;
  color: #086C78;
  padding: 1rem 1.5rem 1rem 3.5rem;
  position: relative;
}
.wrap-contents.single .wrap-info h3::after, .wrap-contents.page .wrap-info h3::after {
  content: "";
  position: absolute;
  background-color: #FFC920;
  width: 1rem;
  height: 70%;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.wrap-contents.single p.contributor, .wrap-contents.page p.contributor {
  text-align: right;
  font-size: 1.5rem;
}
/*20220314追加*/
.wrap-contents p.center, .wrap-edit p.center {
  text-align: center;
}

.wrap-contents .wrap-edit img.left {
  float: left;
  margin: 0 20px 20px 0;
}

.wrap-contents .wrap-edit br.clear-left{
    clear:left;
}

/*202310追加*/
.wrap-contents .wrap-edit dl.list{
   float: left;
}
.wrap-contents .wrap-edit ul.list{
   padding 0;
   list-style-type: none;
}
.wrap-contents .wrap-edit dl.list{
  padding-bottom: 2em;
  padding-left:2em;
}
.wrap-contents .wrap-edit dt.list::after{
  content: "："
}
.wrap-contents .wrap-edit dt.list{
  padding-top: 1em;
  float: left;
  clear: left;
  width:;
}
.wrap-contents .wrap-edit dt.listlast{
  float: left;
  margin-bottom:2em;
  width:;
}
.wrap-contents .wrap-edit dd.list{
  padding-top: 1em;
  float:;
  margin-left: 1em;
  width:;
}


/*階下リンク一覧のスタイル===========================*/
.wrap-contents .wrap-pickup {
  position: relative;
  width: 95%;
  margin: 0 auto 5rem;
}
.wrap-contents .wrap-pickup .box {
  border: 1rem solid #f5f5f5;
  background-color: #fff;
  padding: 3rem 2rem 1.5rem;
}
.wrap-contents .wrap-pickup h3 {
  position: absolute;
  top: -2rem;
  left: -2rem;
  background-color: #086C78;
  color: #fff;
  font-size: 2rem;
  font-weight: bold;
  padding: 1rem 3rem;
  width: 170px;
}
.wrap-contents .wrap-pickup h3::after {
  position: absolute;
  content: "";
  width: 0px;
  height: 0px;
  top: 0;
  right: 0;
  border-width: 23px 10px 23px 0px;
  border-color: transparent #fff transparent transparent;
  border-style: solid;
}
.wrap-contents .wrap-pickup h3::before {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  border: none;
  border-bottom: solid 15px transparent;
  border-right: solid 20px #03272b;
}
.wrap-contents .wrap-pickup ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
.wrap-contents .wrap-pickup ul li a {
  color: #333333;
  text-decoration: underline;
  position: relative;
}
.wrap-contents .wrap-pickup ul li a:hover {
  color: #086C78;
  text-decoration: none;
}
.wrap-contents .wrap-pickup ul li a::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_o.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: -20px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents .wrap-pickup ul li a:hover::after {
  right: -25px;
}

.wrap-contents .wrap-pagelink .box {
  margin-bottom: 4rem;
}
.wrap-contents .wrap-pagelink .box h3 {
  background-color: #f5f5f5;
  font-size: 1.8rem;
  font-weight: bold;
  color: #086C78;
  padding: 1rem 2.5rem 1rem 3.5rem;
  position: relative;
}
.wrap-contents .wrap-pagelink .box h3::after {
  content: "";
  position: absolute;
  background-color: #FFC920;
  width: 1rem;
  height: 70%;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
}
.wrap-contents .wrap-pagelink .box h3 a {
  color: #086C78;
  display: block;
}
.wrap-contents .wrap-pagelink .box h3 a:hover {
  color: #333333;
  text-decoration: none;
}
.wrap-contents .wrap-pagelink .box h3 a::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents .wrap-pagelink .box h3 a:hover::after {
  right: 10px;
}
.wrap-contents .wrap-pagelink .box h3 a:hover {
  text-decoration: none;
  color: #086C78;
}
.wrap-contents .wrap-pagelink .box ul {
  list-style: none;
  margin: 0;
  padding: 1rem 1rem;
  background-color: #fff;
}
.wrap-contents .wrap-pagelink .box ul li a {
  display: block;
  border-bottom: solid 1px #ccc;
  padding: 1rem 3rem 1rem 0.5rem;
  position: relative;
  color: #333333;
}
.wrap-contents .wrap-pagelink .box ul li a::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents .wrap-pagelink .box ul li a:hover::after {
  right: 5px;
}
.wrap-contents .wrap-pagelink .box ul li a:hover {
  text-decoration: none;
  color: #086C78;
}

/*バックナンバー===========================*/
.wrap-contents .wrap-backnumber h5 {
  font-size: 1.8rem;
  font-weight: normal;
  color: #333333;
  padding: 1rem 1.5rem 1rem 3rem;
  position: relative;
}
.wrap-contents .wrap-backnumber h5::after {
  content: "";
  position: absolute;
  background-color: #009EB2;
  width: 1rem;
  height: 70%;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
}
.wrap-contents .wrap-backnumber .box {
  margin-bottom: 4rem;
  font-size: 1.5rem;
}
.wrap-contents .wrap-backnumber .box ul {
  list-style: none;
  margin: 0;
  padding: 1rem 1rem;
  background-color: #fff;
}
.wrap-contents .wrap-backnumber .box ul li {
  display: inline-block;
  width: 24%;
}
.wrap-contents .wrap-backnumber .box ul li a {
  display: block;
  border-bottom: solid 1px #ccc;
  padding: 1rem 0.5rem;
  position: relative;
  color: #333333;
}
.wrap-contents .wrap-backnumber .box ul li a::after {
  position: absolute;
  content: "";
  background-image: url(../images/common/arrow_g.svg);
  background-size: 8px 14px;
  height: 14px;
  width: 8px;
  right: 10px;
  top: 50%;
  transform: translateY(-50%);
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents .wrap-backnumber .box ul li a:hover::after {
  right: 5px;
}
.wrap-contents .wrap-backnumber .box ul li a:hover {
  text-decoration: none;
  color: #086C78;
}
/*フォーム===========================*/
.wrap-contents .contact-form{
}
.wrap-contents p.contact-form-information{
  color:#BB1B1B;
  background-color:#FFE6E6;
  padding: 1rem 1.5rem;
  margin:4rem auto 3rem;
}
.wrap-contents .contact-form .contact-form-field{
  padding:2rem 2rem 2rem;
  border-bottom:1px solid #f5f5f5;
  display: table;
  width:100%;
  position: relative;
}
.wrap-contents .contact-form .contact-form-field::after{
  position: absolute;
  display:block;
  content:"";
  width:30%;
  height:1px;
  background-color:#009EB2;
  left:0;
  bottom:-1px;
}
.wrap-contents .contact-form .contact-form-field .form-label{
  display:table-cell;
  margin:0;
  width:30%;
  vertical-align: top;
  font-weight: bold;
  padding: 0.5rem 1.5rem;
}
.wrap-contents .contact-form .contact-form-field .form-label span.must{
  color:#fff;
  background-color:#BB1B1B;
  font-size:1.3rem;
  padding: 0.2rem 0.5rem;
}
.wrap-contents .contact-form .contact-form-field .form-element .field_error{
  color:#BB1B1B;
  background-color:#FFE6E6;
  padding: 0.2rem 0.5rem;
  display: inline-block;
  margin-top:0.5rem
}
.wrap-contents .contact-form .contact-form-field .form-element{
  display: table-cell;
  margin:0;
  width:68%;
  vertical-align: middle;
  padding: 0rem 1.5rem;
}
.wrap-contents .contact-form .contact-form-field .form-element input,
.wrap-contents .contact-form .contact-form-field .form-element select,
.wrap-contents .contact-form .contact-form-field .form-element textarea{
  background-color:#f7f7f7;
  border-radius:5px;
  border:1px solid #f7f7f7;
  padding:0.5rem;
}
.wrap-contents .contact-form .contact-form-field .form-element input{
  width:70%;
}
.wrap-contents .contact-form .contact-form-field .form-element input[type=radio] {
  width:auto;
}
.wrap-contents .contact-form .contact-form-field .form-element ul{
  list-style-type: none;
  padding:0;
}
.wrap-contents .contact-form .contact-form-field .form-element input[type=checkbox]{
  width:auto;
}
.wrap-contents .contact-form .contact-form-field .form-element select{
  width:40%;
}
.wrap-contents .contact-form .contact-form-field .form-element textarea{
  width:90%;
  height: 15rem;
}
.wrap-contents .contact-form .contact-form-field span.description{
  display: block;
  font-size: 1.4rem;
  line-height: 130%;
  font-weight: normal;
}
.wrap-contents .contact-form .contact-form-submit{
  margin:3rem auto;
  text-align: center;
}
.wrap-contents .contact-form .contact-form-submit input[type="submit"]{
  width:200px;
  padding:1rem 1.5rem;
  background-color: #FFC920;
  border:1px solid #FFC920;
  color:#333333;
  transition: all  0.5s ease;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
}
.wrap-contents .contact-form .contact-form-submit input[type="submit"]:hover{
  cursor:pointer;
  background-color: #fff;
}
/*サイトマップ*/
.wrap-contents .wrap-edit .sitemapbox{
  margin-bottom:3rem;
}
.wrap-contents .wrap-edit .sitemapbox h3{
  font-size:1.8rem;
  margin-bottom: 1.5rem;
  padding: 1rem;
  background-color: inherit;
  border-bottom:1px solid #086C78;
  color:#333333;
}
.wrap-contents .wrap-edit .sitemapbox h3::after{
  content:none;
}

/*タブレット、スマホのスタイル===========================*/
/*大型モニターサイズ*/
@media screen and (min-width: 1300px) {
  /*1300px以上*/
  .subvisual h2 {
    left: 10%;
  }
}
/*タブレットサイズ*/
@media screen and (max-width: 991px) {
  .subvisual {
    background-image: none !important;
    background-color: #086C78;
    height: auto;
  }
  .subvisual h2 {
    padding: 0 1rem;
    position: static;
  }

  .subvisual::before, .subvisual::after {
    content: none;
  }

  .wrap-contents.archive .box ul li.title {
    display: block;
  }
  .wrap-contents.archive .box ul li.title h3 {
    margin-top: 1rem;
  }
  .wrap-contents.archive .box ul li.title h3 a::after {
    content: none;
  }

  ul.pager {
    margin-bottom: 5rem;
  }

  .wrap-contents .wrap-backnumber .box ul li {
    width: 48%;
  }
}
/*スマホサイズ*/
@media screen and (max-width: 767px) {
  .wrap-contents .wrap-backnumber .box ul li {
    width: 100%;
  }
  .wrap-contents .wrap-pickup ul li a::after{
    content:none;
  }
}
/*スマホサイズ 小さめ*/