@charset "utf-8";

/* トップページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home .contents-area #welcome {
  margin-bottom: 0; }
.home .contents-area #welcome .catch {
  font-size: 24px;
  margin-bottom: 24px; }
.home .contents-area #welcome .inner {
  padding: 52px 60px 40px; }

.first-view {
  width: 100%;
  max-width: 1080px;
  margin: auto;
  min-height: auto; }
.first-view img {
  border-radius: 30px; }
.first-view .scroll {
  display: none; }
  
@media only screen and (max-width: 1070px) {
  .bx-wrapper {
    overflow: hidden; }
}
@media only screen and (max-width: 768px) {
  .slider {
    width: 100%;
    margin: auto; }
  .slider .bx-wrapper {
    border-radius: 0; }
  .slider .bx-wrapper .bx-viewport {
    margin-left: auto; }
  .first-view {
    margin: 0;
    max-width: auto; }
  .first-view img {
    border-radius: 0; }
  .bx-wrapper {
    overflow: auto;
    height: auto; }
  .slider .bx-controls {
    width: auto; }
}

/* コロナ関連情報 */
.button-b a {
  color: #fff;
  border: none;
  padding: 0.48em 1.2em;
	background:linear-gradient(to right, #FF7D63, #FF5675, #FF7D63);
  background-size: 200% 100%;
	background-position: left center;
  border-radius: 2px;
  transition: all 0.6s ease; }
.button-b a:hover {
  opacity: 1;
  background-position: right center;
  transition: all 0.6s ease; }
.button-b + h3 {
  margin-top: 32px; }

/* フッター部分
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.home #footer {
  padding-top: 80px; }
#footer {
  background-size: cover; }
footer .info:nth-child(n + 4) {
  margin-top: 32px; }

footer #contact {
  margin-top: 24px; }
footer #contact h2 {
  font-size: 13px;
  margin-bottom: 8px; }
footer #contact p,
footer #contact .phones .info ul li {
  font-size: 13px; }
footer #contact .phones {
  display: flex;
  margin-top: 24px; }
footer #contact .phones .info {
  width: calc(33% - 34px);
  margin-right: 34px; }
footer #contact .phones .info div + ul {
  margin-top: 16px; }

@media only screen and (max-width: 768px) {
  footer #contact {
    margin-top: 24px; }
  footer #contact h2 {
    margin-bottom: 8px; }
  footer #contact h2,
  footer #contact p,
  footer #contact div.phone,
  footer #contact .phones .info ul li,
  footer #contact .top-title .jp {
    font-size: 12px; }
  footer #contact .phones {
    flex-direction: column; }
  footer #contact .phones .info {
    width: 100%; }
  footer #contact .phones .info + div {
    margin-top: 20px; }
  footer #contact .phones .info div + ul {
    margin-top: 8px; }
}

/* キャンパスページ
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.title-area.campus ul {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  bottom: 44px;
  width: 100%;
  text-align: center; }
.title-area.campus .title {
  margin-top: -72px; }
.title-area.campus ul li {
  font-weight: 500;
  font-size: 13px; }
.title-area.campus ul li + li {
  margin-left: 40px; }

.home .contents-area #welcome .inner {
  margin-bottom: 72px; }

/* campus-wrap */
.campus-wrap {
  width: 1080px;
  margin: auto;
  padding-bottom: 56px; }
.campus-wrap ul {
  display: flex; }
.campus-wrap ul li {
  text-align: center;
  background: none;
  line-height: 1;
  width: calc((100% - 40px) / 3); }
.campus-wrap ul li + li {
  margin-left: 20px; }
.campus-wrap ul li a {
  border-bottom: none;
  display: block;
  position: relative; }
.campus-wrap ul li a img {
  width: 100%;
  height: auto;
  border-radius: 20px; }
.campus-wrap ul li a p {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  margin: auto;
  display: flex;
  justify-content: center;
  align-items: center; }
.campus-wrap ul li a p span {
  background: #fff;
  font-size: 14px;
  font-weight: 500;
  padding: 4px 12px; }

.contents-area .campus-wrap ul li {
  padding-left: 0; }

@media only screen and (max-width: 768px) {
  .title-area.campus ul {
    flex-wrap: wrap;
    bottom: 20px; }
  .title-area.campus .title {
    margin-top: -50px; }
  .title-area.campus ul li {
    font-size: 1vw; }
  .title-area.campus ul li + li {
    margin-top: 0;
    margin-left: 2em; }

  .campus-wrap {
    width: 100%; }
  .campus-wrap ul {
    flex-direction: column;
    margin: auto; }
  .campus-wrap ul li {
    width: 100%;
    max-width: 320px;
    margin: auto; }
  .campus-wrap ul li + li {
    margin-left: auto;
    margin-top: 32px; }
  .campus-wrap ul li figure figcaption {
    font-size: 15px; }
}

/* ページ内リンク用のナビゲーション
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.sub-nav + .column {
  border-top: none; }
.sub-nav {
  max-width: 1080px;
  border-bottom: none;
  margin-bottom: 16px; }
.sub-nav ol {
  display: flex;
  justify-content: center; }
.sub-nav ol li {
  margin: 0 1em; }
.sub-nav ol li a {
  font-size: 14px;
  font-weight: 400;
  padding: 0 0 0 20px;
  background: url(../images/ic_ccl3.png) no-repeat 4px 9px;
  border-bottom: none; }

@media only screen and (max-width: 768px) {
  .sub-nav ol {
    flex-direction: column; }
  .sub-nav ol li a {
    font-size: 13px; }
  .sub-nav ol li + li {
    margin-top: 10px; }
}

/* アイコンを自動でつける
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.contents-area a[target="_blank"] {
  display: inline-block;
  position: relative;
  padding-right: 20px; }
.contents-area a[target="_blank"]::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/ic_new-win.png") no-repeat;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  right: 0;
  margin-right: 4px; }
.new-win a[target="_blank"]::after {
  display: none; }

.contents-area a[href$=".pdf"] {
  display: inline-block;
  position: relative;
  padding-right: 24px; }
.contents-area a[href$=".pdf"]::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon_pdf.png") no-repeat;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  right: 0;
  margin-right: 4px; }
.pdf-button a[href$=".pdf"] {
  padding-right: 30px; }
.button a[href$=".pdf"]::after,
.pdf-button a[href$=".pdf"]::after {
  display: none; }

.contents-area a[href$=".xlsx"],
.contents-area a[href$=".xls"] {
  display: inline-block;
  position: relative;
  padding-right: 21px; }
.contents-area a[href$=".xlsx"]::after,
.contents-area a[href$=".xls"]::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon_xls.png") no-repeat;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  right: 0;
  margin-right: 4px; }

.contents-area a[href$=".docx"],
.contents-area a[href$=".doc"] {
  display: inline-block;
  position: relative;
  padding-right: 24px; }
.contents-area a[href$=".docx"]::after,
.contents-area a[href$=".doc"]::after {
  content: '';
  display: inline-block;
  width: 16px;
  height: 16px;
  background: url("../images/icon_doc.png") no-repeat;
  position: absolute;
  bottom: 0;
  top: 0;
  margin: auto;
  right: 0;
  margin-right: 4px; }