@charset "utf-8";

html{
    margin-top: 0!important;
  }
/*---------- common -----------*/
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  color: var(--theme_font_color);
  background-color: var(--theme_color);
  background-color: var(--theme_font_color);
  transition: .4s; 
}
body {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 400;
    font-style: normal;
}
a:hover {
    opacity: .6;
}
.btn a:hover .btn-arw,
.three-column li a:hover .btn-arw,
.fot-btn-link li a:hover .btn-arw {
    right: 6.25px;
    opacity: 1;
}
.sp-only {
    display: none;
}
.inner {
    display: block;
    width: 1024px!important;
    margin: 0 auto;
}
@media screen and (max-width:1024px) {
    body {
        background: red;
    }
    .inner {
        width: 100%!important;
        margin: 0 auto;
    }
}
.flex,
.flex-pc,
.flex-row {
    display: flex;
}
.flex-row {
    flex-direction: column;
}
.news-ttl,
.txt {
    text-align: justify;
}
.clearfix::after {
    content: '';
    display: none;
}
.disabled {
    position: relative;
    display: flex;
    align-items: center;
	pointer-events: none;
    padding-bottom: 12.5px;
}
.disabled::after {
    position: absolute;
    bottom: 0;
    display: block;
    content: '';
    width: 100%;
    height: 1.25px;
}


/*----------- disabled::after -----------*/
#bunka-sousei .disabled::after,
#faculty-history-curriculum .disabled::after,
#faculty .disabled::after {
    background: #2e3192;
}
#examinees .disabled::after,
#graduate-students .disabled::after {
    background: #ed5964;
}
#research-database .disabled::after {
    background: #00a99d;
}
#current-students .disabled::after,
#syakai-keiei .disabled::after,
#faculty-three-policy .disabled::after,
#history .disabled::after {
    background: #a989c1;
}
#graduate-students-history-curriculum .disabled::after,
#graduate-students-three-policy .disabled::after,
#contact-en .disabled::after {
    background: #ed1c24;
}
#contact .disabled::after {
    background: #0071bc;
}
.disabled .btn-dropdown {
    display: none;
}


/*---------- fonts ----------*/
.zen-old-mincho-regular,
.main-wrap h1.heading .ja,
h2.heading span:not(.en),
h2.heading .ja,
.lead-txt,
.faculty-link h3.heading .ja,
.graduate-school-course-list h3.heading .ja,
.main-wrap .sub-txt,
.research-center h3.heading .ja,
.news-pick-up span:first-of-type,
.fot-pamphlet-link div span,
.check-mark h4.heading span,
.check-mark h3.heading span,
.page-numbers,
.greeting-last,
dl,
.btn-link .btn span:first-of-type,
.three-column li span:first-of-type,
.course-link,
.view-more,
.faculty .three-column span:first-of-type,
.graduate-school .three-column span:first-of-type,
.fot-btn-link .nav-box-four-column,
#en .main-wrap h1.heading span:first-of-type,
#en h3.drop-down-ttl,
#en .content-wrap .course-list-en h4.heading,
#en .content-wrap .check-mark .heading span:first-of-type,
h2.heading.graduate-students-greeting {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .05em;
  }
  .zen-kaku-gothic-antique-light {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 300;
    font-style: normal;
    letter-spacing: .05em;
  }
  
  .zen-kaku-gothic-antique-regular,
  .txt,
nav,
.lang-list,
.news-ttl,
dd,
.check-mark-list span,
tr td,
footer {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .05em;
  }
  
  .zen-kaku-gothic-antique-medium,
  .member .three-column li span {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 500;
    font-style: normal;
    letter-spacing: .05em;
  }
  
  .zen-kaku-gothic-antique-bold,
  h3.drop-down-ttl,
  .content-wrap h4,
.check-mark h3.heading span,
dl {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: .05em;
  }
  
  .zen-kaku-gothic-antique-black,
  .four-column h3.heading,
  .check-mark h4.heading span,
  .check-mark h5.heading,
  .check-mark-list-wrap h5.heading span,
  .page-to-top span:first-of-type,
  .page-to-back span:nth-of-type(2),
  #news-article .news-ttl,
  tr th,
  tr td .btn-link .btn span:first-of-type {
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 900;
    font-style: normal;
  }

  .century-gothic,
  .search-form-3 input::placeholder,
  .lang-list,
  .view-more,
  span.en,
  #news .main-wrap h1.heading,
  .date,
  #contact .tel-mail,
.page-numbers,
dt,
#contact .content-wrap h4.heading span {
    font-family: "century-gothic", sans-serif;
  }


/*----------- font-size -----------*/
.main-wrap h1.heading .ja {
    font-size: 42px;
    line-height: 1;
    letter-spacing: .1em;
}
#news .main-wrap h1.heading {
    font-size: 42px;
    line-height: 1;
    letter-spacing: .1em;
}
h2.heading span,
h2.heading .ja,
.faculty-link h3.heading .ja,
.graduate-school-course-list h3.heading .ja,
#news-article .news-ttl,
#en h3.drop-down-ttl {
    font-size: 36px;
    line-height: 1;
}
#news-article .news-ttl {
    line-height: 1.5;
    margin: -9px 0;
}
#en .main-wrap h1.heading span:first-of-type {
    font-size: 32px;
}
.main-wrap .sub-txt,
#en .content-wrap .course-list-en h4.heading,
h2.heading.graduate-students-greeting {
    font-size: 28px;
    line-height: 1;
}
#en .main-wrap h1.heading span:first-of-type {
    line-height: 1.5;
    margin: -8px 0;
}
.main-wrap .sub-txt {
    line-height: 1.28571429;
    margin:-4px 0;
}
.lead-txt,
.research-center h3.heading .ja,
.news-pick-up span:first-of-type,
h3.drop-down-ttl,
dl,
#graduate-students .three-column.course-list li h4.heading span:first-of-type,
#en .content-wrap .check-mark .heading span:first-of-type {
    font-size: 24px;
    line-height: 1.14285714;
    margin: -1.5px 0;
}
h3.drop-down-ttl {
    line-height: 1;
    font-weight: bold;
}
.lead-txt {
    line-height: 1.5;
    line-height: -6px 0;
}
.research-center h3.heading .ja,
.news-pick-up span:first-of-type {
    line-height: 1;
}
.fot-pamphlet-link div span,
.content-wrap h4,
.check-mark h4.heading span,
.check-mark h3.heading span,
.page-numbers,
.greeting-last,
dl,
.check-mark-list-wrap.two-column h5.heading span:first-of-type {
    font-size: 21px;
    line-height: 1.33333333;
    margin: -3.5px 0;
}
.content-wrap h4,
.check-mark h4.heading span,
.check-mark h3.heading span,
dl,
.greeting-last {
    font-weight: bold;
    line-height: 1;
}
.btn-link .btn span:first-of-type,
.course-link,
.view-more,
.faculty h2.heading .en,
.graduate-school h2.heading .en,
.research-center h2.heading .en,
.faculty .three-column span:first-of-type,
.graduate-school .three-column span:first-of-type,
.check-mark h5.heading,
.fot-btn-link .nav-box-four-column,
.page-to-top span:first-of-type,
.page-to-back span:nth-of-type(2),
.four-column h3.heading,
#contact .tel-mail,
.member li {
    font-size: 18px;
    line-height: 1;
}
.member .three-column li span {
    line-height: 1.33333333;
    margin: -3.5px 0;
}
#contact .tel-mail,
.page-numbers {
font-weight: 400;
font-style: normal;
}
.four-column h3.heading {
    line-height: 1.35714176;
}
.txt,
nav,
.lang-list,
dd,
tr {
    font-size: 16px;
    line-height: 1;
}
.txt,
.news-item .news-ttl,
dd,
tr td.dissertation-ttl {
    line-height: 1.5;
    margin: -4px 0;
}
.lang-list {
    font-weight: bold;
}
.search-form-3 input::placeholder,
.cat,
.date,
.faculty-link h3.heading .en,
.graduate-school-link h3.heading .en,
.research-center h3.heading .en,
footer small {
    font-size: 14px;
    line-height: 1;
}
#contact .tel-mail span {
    font-size: 14px;
}

/*---------- btn-arw ----------*/
.btn-arw {
    display: inline-block;
    height: 25px;
}
.btn-arw-black {
    content: url(../img/00_btn/btn-arw-black.png);
}
.btn-arw-white {
    content: url(../img/00_btn/btn-arw-white.png);
}
.btn-arw-examinees {
    content: url(../img/00_btn/btn-arw-examinees.png);
}
.btn-arw-current-students {
    content: url(../img/00_btn/btn-arw-current-students.png);
}
.btn-arw-graduate {
    content: url(../img/00_btn/btn-arw-graduate.png);
}
.btn-arw-faculty {
    content: url(../img/00_btn/btn-arw-faculty.png);
}
.btn-arw-graduate-school {
    content: url(../img/00_btn/btn-arw-graduate-school.png);
}
.btn-arw-research-center {
    content: url(../img/00_btn/btn-arw-research-center.png);
}
.btn-arw-faculty-greeting {
    content: url(../img/00_btn/btn-arw-faculty-greeting.png);
}
.btn-arw-faculty-three-policy {
    content: url(../img/00_btn/btn-arw-three-policy.png);
}
.btn-arw-graduate-school-greeting {
    content: url(../img/00_btn/btn-arw-graduate-school-greeting.png);
}
.btn-arw-graduate-school-history-curriculum {
    content: url(../img/00_btn/btn-arw-graduate-school-history-curriculum.png);
}
@media screen and (max-width:1024px) {
    .btn-arw {
        display: inline-block;
        width: 25px;
        height: 16.6667px;
    }
}

/*---------- btn-dropdown ----------*/
.btn-dropdown {
    display: inline-block;
    width: 18.75px;
    height: 18.75px;
}
.btn-dropdown-faculty {
    content: url(../img/00_btn/btn-dropdown-faculty-plus.png);
}
.btn-dropdown-graduate-school {
    content: url(../img/00_btn/btn-dropdown-graduate-school-plus.png);
}
.btn-dropdown-research-center {
    content: url(../img/00_btn/btn-dropdown-research-center-plus.png);
}
.btn-dropdown-contact {
    content: url(../img/00_btn/btn-dropdown-contact-plus.png);
}


/*---------- three-column ----------*/
/*---------- interview ----------*/
.two-column > .three-column {
    padding-top: 0;
}
.two-column .three-column {
    padding-top: 25px;
}
.two-column .three-column.flex li {
    position: relative;
    width: 154px;
    border-radius: 6.25px;
}
.two-column .three-column li a {
    display: block;
}
.two-column .three-column li a img ,
.two-column .three-column li a span {
    display: block;
    margin: auto;
    text-align: center;
}
.two-column .three-column li a img {
    width: auto;
}
.two-column .three-column li span:first-of-type {
    padding-left: 0;
    left: 0;
}
.two-column .three-column .btn-arw {
    position: relative;
    width: 22.5px;
    height: 15px;
    padding-top: 12.5px;
}
@media screen and (max-width:1024px) {
    .two-column .three-column.flex li {
        width: 31.22149012%;
    }
}


/*---------- nav-box-two-column ----------*/
.nav-box-two-column {
    justify-content: space-between;
    gap: 25px;
    padding-top: 25px;
}
.nav-box-two-column li {
    position: relative;
    width: 100%;
    border-radius: 12.5px;
}
.nav-box-two-column li a {
    display: block;
    padding-top: 25px;
    padding-left: 25px;
    padding-bottom: 25px;
}
.nav-box-two-column li a img ,
.nav-box-two-column li a span {
    display: block;
}
.nav-box-two-column li .view-more {
    position: absolute;
    right: 18.75px;
}


/*---------- two-column ----------*/
.two-column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 37.5px;
}
.each-course .check-mark-list-wrap.two-column {
    padding-top: 12.5px;
}
.two-column-item {
    width: calc( 50% - 25px);
}
.two-column-item:nth-of-type(n+3) {
    padding-top: 37.5px;
}


/*--------- three-column ----------*/
.three-column {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 37.5px;
}
.three-column li,
.fot-btn-link .nav-box-four-column li {
    width: 316.33333333px;
    height: 100%;
}
.three-column li:nth-of-type(n+4) {
    margin-top: 37.5px;
}
.check-mark-list-wrap.three-column {
    padding-top: 25px;
}
.check-mark-list-wrap.three-column li:nth-of-type(n+4) {
    margin-top: 25px;
}
@media screen and (max-width:1024px) {
    .three-column li,
    .fot-btn-link .nav-box-four-column li {
        width: 30.89192708%;
        height: 100%;
    }
}


/*---------- six-column ----------*/
.six-column {
    width: 100%;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-top: 25px;
}
.six-column.justify-content-start {
    justify-content: flex-start;
    gap: 10px;
}
.six-column li {
    width: 160.25px;
    height: 100%;
    border: #000 1.25px solid;
    border-radius: 6.25px;
    overflow: hidden;
}
footer .six-column li {
    width: 139.41666667px;
	height: auto;
}
footer .six-column li {
    padding-bottom: 0;
}
#bunka-sousei .seminar-research li,
#bunka-sousei .interview li {
    border: #2e3192 1.25px solid;
}
#syakai-keiei .seminar-research li,
#syakai-keiei .survey-training li,
#syakai-keiei .interview li {
    border: #a989c1 1.25px solid;
}
#graduate-students .interview li,
#graduate-students .paper-list li {
    border: #ed5964 1.25px solid;
}
#graduate-students .paper-list li {
    color: #ed5964;
}
.six-column li a {
    width: 100%;
    height: 100%;
}
.six-column li img,
.six-column li span {
    display: block;
    margin: 0 auto;
    text-align: center;
}
.six-column li img:not(.icon) {
    width: 100%;
}
.six-column li .icon {
    display: block;
    height: 56.25px;
    padding-top: 18.75px;
}
.six-column li span:first-of-type {
    padding-top: 12.5px;
}
.six-column li span.btn-arw {
    display: block;
    width: 22.5px;
    height: 15px;
    margin: 18.75px auto;
	padding-bottom: 12.5px;
}
@media screen and (max-width:1024px) {
    .six-column li {
        width: 15.64941406%;
        height: 100%;
        border: #000 1.25px solid;
        border-radius: 6.25px;
        overflow: hidden;
    }
    footer .six-column li {
        width: 13.61490885%;
    }
}
@media screen and (max-width:1001px) {
    footer .six-column li:last-of-type span:first-of-type {
        letter-spacing: 0;
    }
}
@media screen and (max-width:954px) {
    footer .six-column li:last-of-type span:first-of-type {
        letter-spacing: -.05em;
    }
}
@media screen and (max-width:907px) {
    footer .six-column li:last-of-type span:first-of-type {
        letter-spacing: -.1em;
    }
}
@media screen and (max-width:860px) {
    footer .six-column li:last-of-type span:first-of-type {
        letter-spacing: -.15em;
    }
}
@media screen and (max-width:813px) {
    footer .six-column li:last-of-type span:first-of-type {
        letter-spacing: -.2em;
    }
}


/*---------- view-more ----------*/
.view-more {
    align-items: center;
}
.view-more span:first-of-type {
    padding-right: 12.5px;
}


body {
    background: #fff;
    position: relative;
    width: 100%;
}

header {
    position: fixed;
    background: #fff;
    z-index: 99;
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 175px!important;
}
header::before {
    background: #0360B0;
    content: '';
    display: block;
    position: absolute;
    width: 100vw;
    height: 6.25px;
}
.head-nav {
    display: block;
}
.logo {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 399.5px;
    height: 100%;
}
.logo img {
    display: block;
    height: 75px;
}
header.is-show {
    position: fixed;
    height: 125px!important;
    filter: drop-shadow(0px 2.5px 2.5px #e6e6e6);
}
header.is-show .logo {
    width: 310.43px;
}
header.is-show .logo img {
    height: 62.5px;
}
@media screen and (max-width:1207px) {
    .logo,
    header.is-show .logo {
        width: 310.43px;
    }
    .logo img,
    header.is-show .logo img {
        height: 62.5px;
    }
}
@media screen and (max-width:1002px) {
    .logo,
    header.is-show .logo {
        width: 218.34px;
    }
    .logo img,
    header.is-show .logo img {
        height: 50px;
    }
}
@media screen and (max-width:873px) {
    .logo,
    header.is-show .logo {
        width: 186.26px;
    }
    .logo img,
    header.is-show .logo img {
        height: 37.5px;
    }
}

.search-form-3 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    overflow: hidden;
    border: 1.25px solid #707070;
    border-radius: 50vh;
    margin-right: 25px;
    margin-top: 12.5px;
}

.search-form-3 input {
    width: 150px;
    height: 37.5px;
    padding: 5px 15px;
    border: none;
    box-sizing: border-box;
    font-size: 1em;
    outline: none;
}

.search-form-3 input::placeholder{
    color: #B3B3B3;
}

.search-form-3 button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50px;
    height: 37.5px;
    border: none;
    background-color: transparent;
    cursor: pointer;
}

.search-form-3 button::after {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M18.031 16.6168L22.3137 20.8995L20.8995 22.3137L16.6168 18.031C15.0769 19.263 13.124 20 11 20C6.032 20 2 15.968 2 11C2 6.032 6.032 2 11 2C15.968 2 20 6.032 20 11C20 13.124 19.263 15.0769 18.031 16.6168ZM16.0247 15.8748C17.2475 14.6146 18 12.8956 18 11C18 7.1325 14.8675 4 11 4C7.1325 4 4 7.1325 4 11C4 14.8675 7.1325 18 11 18C12.8956 18 14.6146 17.2475 15.8748 16.0247L16.0247 15.8748Z' fill='%23777777'%3E%3C/path%3E%3C/svg%3E");
    background-repeat: no-repeat;
    content: '';
}
    header.is-show .search-form-3 {
        margin-top: 8.125px;
    }
    header.is-show .search-form-3 input {
        width: 100px;
    }
@media screen and (max-width:1166px) {
    .search-form-3,
    header.is-show .search-form-3 {
        margin-top: 8.125px;
    }
    .search-form-3 input,
    header.is-show .search-form-3 input {
        width: 100px;
    }
}

header .examinees-link {
    background: #0071bc;
    color: #fff;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 6.25px 0 0 6.25px;
}
header .examinees-link a {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 18.75px 37.5px;
}
header .examinees-link img {
    width: 25px;
}
header .examinees-link span {
    padding-left: 12.5px;
}
header .drop-down .drop-down-list {
    opacity: 1;
}
.drop-down.active {
    display: block;
}
.drop-down.active.flex-pc {
    display: flex;
}
header .drop-down .drop-down-list {
    color: #fff;
    display: flex;
    justify-content: center;
    gap: 12.5px;
    align-items: center;
    width: 100%;
    height: 50px;
    position: fixed;
    left: 0;
    top: 150px;
    z-index: 98;
    background-color: inherit; /* 背景色を継承して透明にならないようにする */
}
header.is-show .drop-down .drop-down-list {
    top: 125px;
    transition: .4s;
}
header .drop-down .drop-down-list li:not(:last-of-type):after {
    content: '|';
    opacity: .5;
    margin-left: 12.5px;
}
header .link-hover:first-of-type .drop-down-list {
    background: #2e3192;
}
header .link-hover:nth-of-type(2) .drop-down-list {
    background: #ed5964;
}
header .link-hover:last-of-type .drop-down-list{
    background: #01a99d;
}
.nav-box-four-column {
    justify-content: space-between;
    flex-wrap: wrap;
}
header .nav-box-four-column {
    padding-top: 25px;
}
.nav-box-four-column li {
    width: 227.88px;
    text-align: center;
    border: #000 1.25px solid;
    border-radius: 100vh;
}
.nav-box-four-column li a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 36px;
    padding-bottom: 36px;
    width: 100%;
    height: 28.75px;
}
.pick-up .nav-box-four-column li a {
    height: 100%;
}
.nav-box-four-column li span {
    margin-left :12.5px;
}
.lang-list li {
    position: relative;
}
footer .lang-list li::after {
    color: #fff;
}
.lang-list li:last-of-type:after {
    display: none;
}
.lang-list a {
    color: #0071bc;
    gap: 25px;
    align-items: center;
    justify-content: center;
}
.lang-item.en a {
    color: #0071bc;
    border: #0071bc 1.25px solid;
    padding: 3.125px 12.5px;
    border-radius: 100vh;
}
header.is-show .examinees-link a {
    padding: 12.5px 25px;
}
    header.is-show .examinees-link img {
        width: 25px;
    }
    header.is-show .examinees-link span {
        padding-left: 12.5px;
    }
@media screen and (max-width:1246px) {
    header nav,
    header .lang-list,
    header.is-show nav,
    header.is-show .lang-list {
        font-size: 15px;
    }
}
@media screen and (max-width:1150px) {
    header nav,
    header .lang-list,
    header.is-show nav,
    header.is-show .lang-list {
        font-size: 14px;
    }
}
@media screen and (max-width:1141px) {
    header .examinees-link a,
    header.is-show .examinees-link a {
        padding: 12.5px 25px;
    }
}
@media screen and (max-width:1024px) {
    .btn-link.nav-box-four-column li,
    footer .nav-box-four-column li,
    header.is-show .nav-box-four-column li {
        width: calc(50% - 12.5px);
    }
    footer .nav-box-four-column li:nth-of-type(n+3),
    header.is-show .nav-box-four-column li:nth-of-type(n+3) {
        margin-top: 25px;
    }
    header .examinees-link img,
    header.is-show .examinees-link img {
        width: 25px;
    }
    header .examinees-link span,
    header.is-show .examinees-link span {
        padding-left: 12.5px;
    }
}
@media screen and (max-width:840px) {
    header nav,
    header .lang-list,
    header.is-show nav,
    header.is-show .lang-list {
        font-size: 13px;
    }
}
@media screen and (max-width:797px) {
    header nav,
    header .lang-list,
    header.is-show nav,
    header.is-show .lang-list {
        font-size: 12px;
    }
}

.nav-wrap-top {
    display: flex;
    justify-content: end;
    width: 100%;
    margin-top: 25px;
}
.nav-wrap-first {
    border: #AFAFAF 1.25px solid;
    border-radius: 100vh;
    margin-right: 25px;
}
.nav-wrap-first li {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
}
.nav-wrap-first li::after {
    content: '';
    background: #AFAFAF;
    position: absolute;
    right: 0;
    top: 0;
    width: 1.25px;
    height: 100%;
}
.nav-wrap-btm .nav-wrap-second li:not(.drop-down-item)::after,
.nav-wrap-btm .nav-wrap-third li:not(.drop-down-item):after {
    position: absolute;
    right: -12.5px;
    top: 0;
    content: "|";
    color: #AFAFAF;
}
.nav-wrap-first li:last-of-type:after {
    display: none;
}
.nav-wrap-first li:first-of-type a {
    padding-left: 37.5px;
}
.nav-wrap-first li:last-of-type a {
    padding-right: 37.5px;
}
.nav-wrap-first .icon {
    height: 25px;
}
.nav-wrap-first a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 100%;
    padding-left: 25px;
    padding-right: 25px;
}
.nav-wrap-btm {
    gap: 25px;
    padding-right: 25px;
    margin-top: 25px;
}
.nav-wrap-btm .nav-wrap-second,
.nav-wrap-btm .nav-wrap-third {
    align-items: center;
    gap: 25px;
}
.nav-wrap-btm .nav-wrap-second li,
.nav-wrap-btm .nav-wrap-third li {
    position: relative;
}
.nav-wrap-btm .nav-wrap-second li a {
    transition: .4s;
}
.nav-wrap-btm .nav-wrap-third li p {
    display: flex;
    align-items: center;
}
.nav-wrap-btm .nav-wrap-third li:last-of-type::after {
    display: none;
}
header.is-show .nav-wrap-top {
    margin-top: 18.75px;
}
    header.is-show .nav-wrap-first li:first-of-type a {
        padding-left: 25px;
    }
    header.is-show .nav-wrap-first li:last-of-type a {
        padding-right: 25px;
    }
    header.is-show .nav-wrap-first .icon {
        height: 18.75px;
    }
    header.is-show .nav-wrap-first a {
        padding-left: 18.75px;
        padding-right: 18.75px;
    }
    header.is-show .nav-wrap-btm {
        gap: 18.75px;
        margin-top: 15px;
    }
    header.is-show .nav-wrap-btm .nav-wrap-second,
    header.is-show .nav-wrap-btm .nav-wrap-third {
        align-items: center;
        gap: 18.75px;
    }
@media screen and (max-width:1166px) {
    .nav-wrap-first li:first-of-type a,
    header.is-show .nav-wrap-first li:first-of-type a {
        padding-left: 25px;
    }
    .nav-wrap-first li:last-of-type a,
    header.is-show .nav-wrap-first li:last-of-type a {
        padding-right: 25px;
    }
    .nav-wrap-first .icon,
    header.is-show .nav-wrap-first .icon {
        height: 18.75px!important;
    }
    .nav-wrap-first a,
    header.is-show .nav-wrap-first a {
        padding-left: 18.75px;
        padding-right: 18.75px;
    }
    .nav-wrap-btm .nav-wrap-second li:not(.drop-down-item)::after,
    .nav-wrap-btm .nav-wrap-third li:not(.drop-down-item):after,
    header.is-show .nav-wrap-btm .nav-wrap-second li:not(.drop-down-item)::after,
    header.is-show .nav-wrap-btm .nav-wrap-third li:not(.drop-down-item)::after {
        display: none;
    }
    .nav-wrap-btm,
    header.is-show .nav-wrap-btm {
        gap: 18.75px;
    }
    .nav-wrap-btm .nav-wrap-second,
    .nav-wrap-btm .nav-wrap-third,
    header.is-show .nav-wrap-btm .nav-wrap-second,
    header.is-show .nav-wrap-btm .nav-wrap-third {
        align-items: center;
        gap: 18.75px;
    }
}
@media screen and (max-width:1072px) {
    .nav-wrap-btm,
    header.is-show .nav-wrap-btm {
        gap: 12.5px;
    }
    .nav-wrap-btm .nav-wrap-second,
    .nav-wrap-btm .nav-wrap-third,
    header.is-show .nav-wrap-btm .nav-wrap-second,
    header.is-show .nav-wrap-btm .nav-wrap-third {
        align-items: center;
        gap: 12.5px;
    }
}
@media screen and (max-width:910px) {
    .nav-wrap-btm,
    header.is-show .nav-wrap-btm {
        gap: 6.25px;
    }
    .nav-wrap-btm .nav-wrap-second,
    .nav-wrap-btm .nav-wrap-third,
    header.is-show .nav-wrap-btm .nav-wrap-second,
    header.is-show .nav-wrap-btm .nav-wrap-third {
        align-items: center;
        gap: 6.25px;
    }
}


/*---------- main ----------*/
main {
    position: relative;
    width: 100%;
    padding-top: 175px;
}
#top main {
    height: calc( 100vh - 175px)!important; 
}
main .inner {
    width: 1024px;
}
#top .main-wrap {
    padding-top: 0;
}
#top main .inner {
    width: calc( 100% - 200px )!important;
}
.mv {
    position: relative;
    width: 100%;
    height: 393px;
    border-radius: 12.5px;
    overflow: hidden;
}
#top .mv {
    z-index: -1;
    height: calc( 100vh - 225px ); 
}
.mv .img-01,
.mv .img-02,
.mv .img-03,
.mv .img {
    position: absolute;
   top:0;
   left:0;
   width: 100%;
   height: 100%;
   background-size: cover;
   background-repeat: no-repeat;
}
.mv .img-01{
    background-image: url('../img/01_top/pc-mv-01.png');
    animation: slide-animation-01 24s infinite;
 }
 .mv  .img-02{
    background-image: url('../img/01_top/pc-mv-02.png');
    animation: slide-animation-02 24s infinite;
 }
 .mv  .img-03{
    background-image: url('../img/01_top/pc-mv-03.png');
    animation: slide-animation-03 24s infinite;
 }
 #bunka-sousei .mv .img {
    background-image: url('../img/02-01_bunka-sousei/pc-mv.png');
 }
 #syakai-keiei .mv .img {
    background-image: url('../img/02-02_syakai-keiei/pc-mv.png');
 }
 #examinees .mv .img,
 #graduate-students .mv .img,
 #en .mv .img {
    background-image: url('../img/04-01_examinees/pc-mv.png');
    background-position: bottom;
 }
 #current-students .mv .img {
    background-image: url('../img/04-02_current-students/pc-mv.png');
    background-position: bottom;
 }
 #alumni .mv .img {
    background-image: url('../img/04-03_graduate/pc-mv.png');
    background-position: top;
 }

 @keyframes slide-animation-01 {
    0% {opacity: 1; transform: scale(1.0);}
  30% {opacity: 1;}
  40% {opacity: 0; transform: scale(1.15);}
  90% {opacity: 0}
100% {opacity: 1; transform: scale(1.0);}
}
@keyframes slide-animation-02 {
    0% {opacity: 0;}
  30% {opacity: 0; transform: scale(1.1);}
  40% {opacity: 1;}
  60% {opacity: 1;}
  70% {opacity: 0; transform: scale(1.0);}
100% {opacity: 0;}
}
@keyframes slide-animation-03 {
    0% {opacity: 0;}
  60% {opacity: 0;  transform: scale(1.0);}
  70% {opacity: 1;}
  90% {opacity: 1;}
100% {opacity: 0; transform: scale(1.1);}
}

.mv-copy {
    margin-top: -62.5vh;
    margin-left: -3.66032211vw;
    width: 583px;
    
}
.block {
    padding: 10%;
  }
  
  #text { 
    mask: url(#mask); 
}
  
  .handwriting {
    width: 100%;
    height: auto;
  }
  .handwriting_text {
    fill: #000;
  }
  .handwriting_mask,
  .handwriting_mask_line {
    fill: none;
      stroke: #fff;
      stroke-width: 7;
      stroke-linecap: round;
      stroke-linejoin: round;
      stroke-dasharray: 7000px;
      animation: handwriting 4s linear;
  }
  @keyframes handwriting {
    0% {
      stroke-dashoffset: 7000px;
    }
    100% {
      stroke-dashoffset: 0;
    }
  }

.pamphlet-link {
    position: absolute;
    right: 25px;
    bottom: 25px;
    width: 190.52px;
}
.pamphlet-link img {
    width: 100%;
}
@media screen and (max-width:1024px) {
    main .inner {
        width: 100%;
    }
}


/*---------- news ----------*/
.news-heading {
    justify-content: space-between;
    align-items: center;
    padding-bottom: 25px;
}
.news-heading h2.heading {
    padding-top: 0;
}
.news-heading h2.heading span {
    padding-left: 0;
}
.news .view-more .btn-arw {
    width: 30px;
    height: 20px;
}
.news-item {
    position: relative;
    width: 100%;
}
.news-item::before,
.news-item:last-of-type::after {
    content: "";
    display: block;
    background: #aeaeae;
    height: 1.25px;
}
.news-item a {
    display: block;
    padding-top: 18.75px!important;
    padding-bottom: 18.75px!important;
}
.news-item .news-ttl {
    width: 100%;
    padding-top: 12.5px!important;
}
.cat-date {
    display: flex;
    align-items: center;
}
.cat {
    color: #fff;
    padding: 6.25px 25px;
    border-radius: 100vh;
}
.cat.faculty-info {
    background: #2f3192;
}
.cat.media-info {
    background: #01a99d;
}
.cat.event-info {
    background: #ed5964;
}
.date {
    padding-left: 12.5px;
}


/*---------- btn-link ----------*/
.users-info .link-wrap-first,
.justify-content-center {
    display: flex;
    justify-content: center;
    gap: 37.5px;
    flex-wrap: nowrap;
}
.users-info .link-wrap-first {
    padding-top: 0;
}
.btn-link {
    padding-top: 25px;
}
#top .btn-link:first-of-type {
    padding-top: 37.5px;
}
.btn-link .btn,
.three-column li,
.fot-btn-link li,
.users-info .link-wrap-first li {
    position: relative;
    border-radius: 100vh;
}
#alumni .users-info .link-wrap-first li {
    border: #0071bc 1.25px solid;
}
.three-column li img + span:first-of-type,
.users-info .link-wrap-first li img + span:first-of-type {
    padding-left: 8.75px;
}
.btn-link a,
.three-column li a,
.users-info .link-wrap-first a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 28.75px;
    padding-top: 2.2rem!important;
    padding-bottom: 2.2rem!important;
}
td .btn-link a {
	padding-top: 3.125px!important;
	padding-bottom: 3.125px!important;
}
.btn-link .btn .icon,
.three-column li .icon,
.fot-btn-link .nav-box-four-column .icon,
.users-info .link-wrap-first .icon  {
    height: 28.75px;
}
.two-column .three-column li .icon {
    height: auto;
}
.three-column li .icon.curriculum-icon {
    width: 32.5px;
    height: auto;
}
h2.heading .icon {
    height: 37.5px;
}
.btn-link .btn .btn-arw,
.three-column li .btn-arw,
.fot-btn-link .btn-arw,
.users-info .link-wrap-first .btn-arw {
    position: absolute;
    right: 12.5px;
}
.btn-link .btn.examinees-link {
    border: #ed5964 1.25px solid;
}
.btn-link .btn.current-students-link,
#current-students .link-wrap-first li {
    border: #a989c1 1.25px solid;
}
.btn-link .btn.graduate-link,
#graduate .link-wrap-first li {
    border: #0071bc 1.25px solid;
    float: right;
}
.btn-link .btn span:first-of-type {
    padding-left: 6.25px;
    padding-right: 25px;
}


/*---------- pick-up ----------*/
.pick-up {
    display: block;
}
.pick-up h2.heading {
    width: 265px;
    padding-top: 72px;
}
.pick-up h2.heading img {
    width: 100%;
}

.swiper-container {
    overflow: hidden;
    gap: 25px;
}
.swiper-wrapper {
    transition-timing-function: linear;
    width: 237.25px;
    margin-left: 12.5px;
}
.swiper-wrapper img {
    width: 100%;
}
@media screen and (max-width:1024px) {
    .swiper-wrapper {
        width: 23.16894531%;
    }
}

.pick-up .nav-box-four-column {
    margin-top: -6.25px;
}
.pick-up .nav-box-four-column li {
    width: 237.25px;
    height: 237.25px;
    border-style: none;
    padding-top: 0;
    border-radius: 12.5px;
    overflow: hidden;
}
.pick-up .nav-box-four-column li a {
    padding-top: 0;
    padding-bottom: 0;
}
.pick-up .nav-box-four-column li img {
    width: 100%;
}
@media screen and (max-width:1024px) {
    .pick-up .nav-box-four-column li {
        width: 23.16894531%;
    }
}


/*---------- faculty ----------*/
h2,
h3,
h4 {
    align-items: center;
}
h2.heading.flex .en,
h2.heading.flex-pc .en,
h3.heading.flex .en,
h3.heading.flex-pc .en {
    padding-left: 12.5px;
}
.faculty h3.heading {
    padding-top: 25px;
}
.faculty h2.heading .ja,
.graduate-school h2.heading .ja,
.research-center h2.heading .ja {
    padding-left: 12.5px;
}
.txt-area {
    padding-top: 25px;
}
.ttl-lead {
    font-family: "Zen Old Mincho", serif;
    font-weight: 400;
    font-style: normal;
    letter-spacing: .05em;
    font-size: 21px;
	padding-top: 18.75px;
}
.faculty .ttl-lead span {
    color: #2f3192;
}
.graduate-school .ttl-lead span {
    color: #ed5964;
}
.txt-area .txt:not(:first-of-type) {
    padding-top: 18.75px;
}
.faculty .three-column li:first-of-type {
    border: #0071bc 1.25px solid;
    color: #0071bc;
}
.faculty .three-column li:nth-of-type(2),
#bunka-sousei .fot-btn-link .nav-box-four-column li,
.btn.faculty-link {
    border: #2f3192 1.25px solid;
    color: #2f3192;
}
.faculty .three-column li:last-of-type,
#syakai-keiei .fot-btn-link .nav-box-four-column li {
    border: #a989c1 1.25px solid;
    color: #a989c1;
}
.faculty-link-wrap {
    width: 1024px;
    margin: 37.5px auto 0;
}
.faculty-link {
    gap: 37.5px;
}
.faculty-link .inner,
.btn-link .two-column.btn-wrap .btn {
    width: calc( 50% - 18.75px );
}
.faculty-link .mid-inner,
.graduate-school .mid-inner {
    width: calc( 100% - 50px );
    margin: -25px auto;
}
.fukidashi {
    position: relative;
    background: #2e3192;
    color: #fff;
    width: 100%;
    padding-top: 25px;
    padding-bottom: 25px;
    border-radius: 12.5px;
    margin: 0 auto;
}
.faculty-link .inner,
.graduate-school .inner:nth-of-type(2) {
    color: #fff;
    position: relative;
    padding-bottom: 75px;
}
.faculty-link .inner::before,
.graduate-school .inner:nth-of-type(2)::before {
    content: '';
    z-index: -1;
    position: absolute;
    bottom: 0;
    background: #002581;
    width: 100%;
    height: 100%;
    border-radius: 12.5px;
}
.faculty-link .inner:nth-of-type(2):before,
.faculty-link .inner:nth-of-type(2) .fukidashi {
    background: #a989c1;
}
.fukidashi::before {
    content: '';
    display: block;
    position: absolute;
    left: 5px;
    top: 5px;
    width: calc( 100% - 12.5px );
    height: calc( 100% - 12.5px );
    border: #fff 1.25px solid;
    border-radius: 10px;
}
.lead-txt {
    text-align: center;
}
.faculty-link .img-area {
    width: 443px;
    height: 332px;
    overflow: hidden;
    margin-top: 18.75px;
    border-radius: 6.25px;
}
.faculty-link .course-link {
    display: flex;
    flex-wrap: wrap;
    column-gap: 25px;
    row-gap: 12.5px;
    padding-top: 25px;
}
.faculty-link .view-more,
.graduate-school .view-more,
.research-center .view-more {
    position: absolute;
    right: 25px;
    bottom: 25px;
}
@media screen and (max-width:1024px) {
    .faculty-link-wrap {
        width: 100%;
    }
    .faculty-link .img-area {
        width: 100%;
        height: auto;
    }
    .faculty-link h3.heading.flex-pc,
    .faculty-link h3.heading.flex-pc span {
        display: block;
    }
    .faculty-link h3.heading.flex-pc .en {
        padding-left: 0;
        padding-top: 12.5px;
    }
}


/*---------- footer -----------*/
footer {
    color: #fff;
    background: #0071bc;
}
.fot-flex {
    position: relative;
    justify-content: space-between;
    align-items: center;
    gap: 18.75px;
    padding-top: 28.75px;
    height: 100%;
}
.fot-flex::before,
.fot-flex::after {
    background: #fff;
    content: '';
    position: absolute;
    width: 1.25px;
    height: 50%;
}
.fot-flex::after {
    right: 0;
}
.news-pick-up {
    display: flex;
    width: 66.66666667%;
    height: 100%;
}
.news-pick-up li::after {
    position: absolute;
    right: 0;
    top: 0;
    background: #fff;
    content: '';
    width: 1.25px;
    height: 100%;
}
.news-pick-up li {
    position: relative;
    display: block;
    width: 50%;
    height: 100%;
}
.news-pick-up li a {
    display: block;
    text-align: center;
}
.news-pick-up li .btn-arw {
    display: block;
    width: 37.5px;
    height: 25px;
    margin: 18.75px auto;
}
.fot-pamphlet-link {
    position: relative;
    width: 200px;
    height: 200px;
    margin: 0 auto;
}
.fot-pamphlet-link div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    font-size: 14px;
    text-align: center;
    z-index: 1;/* 読み上げ機能などに反応するように円より上に配置するため */
}
.fot-pamphlet-link img {
    animation: rotate 12s infinite linear;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
}
.fot-pamphlet-link div {
    width: 137.5px;
}
.fot-pamphlet-link .btn-arw {
    display: block;
    margin: 12.5px auto 0;
    width: 37.5px;
    height: 25px;
}
@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(360deg);
    }
}
footer .six-column {
    padding-top: 25px;
}
footer .six-column li,
footer .nav-box-four-column li {
    border: #fff 1.25px solid !important;
}
footer .nav-box-four-column {
    padding-top: 37.5px;
}
footer .nav-box-four-column li img {
    height: 50px;
}
/*--
footer ul:nth-last-of-type(2) {
    width: fit-content;
    margin: 37.5px auto 0;
}
footer ul:nth-last-of-type(2) li {
    position: relative;
}
footer ul:nth-last-of-type(2) li:not(:last-of-type)::after {
    content: '/';
    margin-left: 12.5px;
    margin-right: 12.5px;
}
--*/
footer .lang-list {
    position: relative;
    width: fit-content;
    margin: auto;
    margin-top: 37.5px;
    margin-bottom: 75px;
}
footer .lang-list li::after {
    content: '/';
    margin-left: 12.5px;
    margin-right: 12.5px;
}
footer .lang-list li:last-of-type:after {
    display: none;
}
footer .lang-list a {
    color: #fff;
    gap: 25px;
    align-items: center;
    justify-content: center;
}
footer .lang-item.en a {
    color: #0071bc;
    background: #fff;
    padding: 3.125px 12.5px;
    border-radius: 100vh;
}
footer .lang-item:nth-of-type(2) {
    color: #fff;
}
footer small {
    display: block;
    color: #fff;
    background: #000;
    text-align: center;
    padding-top: 25px;
    padding-bottom: 25px;
    margin-top: 18.75px;
}


/*-------------------- bunka-sousei --------------------*/

/*---------- main ----------*/
.main-ttl {
    padding-top: 0;
}
.main-wrap {
    width: 100%;
    gap: 37.5px;
    padding-top: 50px;
}
#news .main-wrap {
	gap: 0;
}
.main-wrap {
    order: 2;
}
#bunka-sousei .main-wrap,
#syakai-keiei .main-wrap,
#alumni .main-wrap {
    align-items: end;
}
.main-link {
    gap: 22.5px;
}
.main-link a {
    position: relative;
    align-items: center;
    width: fit-content;
    padding-bottom: 6.25px;
}
.main-link a::after {
    content: '';
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 1.25px;
}
#bunka-sousei .main-link a::after {
    background: #2e3192;
}
#syakai-keiei .main-link a::after {
    background: #a989c1;
}
.main-link .icon {
    height: 25px;
}
.main-link span {
    padding-left: 6.25px;
}
.main-ttl h1.heading {
    align-items: center;
    padding-top: 25px;
}
.main-ttl h1.heading .en {
    display: block;
    padding-left: 25px;
}
#bunka-sousei .main-ttl h1.heading .en,
#faculty-greeting .main-ttl h1.heading .en,
#faculty-history-curriculum .main-ttl h1.heading .en {
    color: #2e3192;
}
#syakai-keiei .main-ttl h1.heading .en,
#faculty-three-policy .main-ttl h1.heading .en {
    color: #a989c1;
}
#graduate-students .main-ttl h1.heading .en,
#graduate-students-greeting .main-ttl h1.heading .en,
#graduate-students-curriculum .main-ttl h1.heading .en,
#graduate-students-three-policy .main-ttl h1.heading .en {
    color: #ed5964;
}
#bunka-sousei main .txt-area,
#syakai-keiei main .txt-area,
#alumni main .txt-area,
#en main .btn-link {
    order: 3;
}
#en main .txt-area {
    order: 4;
}
.mv {
    order: 1;
}


/*---------- course ----------*/
.course-wrap .flex-pc:first-of-type {
    flex-direction: row-reverse;
    justify-content: space-between;
    padding-top: 25px;
}
.course-wrap .txt-area {
    padding-top: 0;
}
#syakai-keiei .course-wrap + .check-mark,
#syakai-keiei .course-wrap + .check-mark + .check-mark,
#syakai-keiei .course-wrap + .check-mark + .check-mark + .check-mark {
    padding-top: 0;
    margin-top: 0;
}
.course-wrap .flex-pc .txt-area {
    width: calc(100% - 443.75px);
}
.course-wrap .img-wrap {
    justify-content: space-between;
    width: 406.25px;
    height: 125px;
}
h2.heading {
    padding-top: 75px;
}
h2.heading span {
    padding-left: 12.5px;
}
.content .drop-down-ttl {
    padding-top: 62.5px;
}
.two-column > .content .drop-down-ttl {
    padding-top: 0;
}
.drop-down-ttl .icon {
    height: 28.75px;
    margin-left: 12.5px;
}
h3.drop-down-ttl span:first-of-type {
    padding-left: 12.5px;
}
.seminar-research .six-column {
    padding-top: 25px;
}
.seminar-research .six-column li.wrap {
    border: #000 1.25px solid;
}
#bunka-sousei .six-column li.wrap {
    border: #2e3192 1.25px solid;
}
#syakai-keiei .six-column li.wrap {
    border: #a989c1 1.25px solid;
}
#bunka-sousei h4.drop-down-list-ttl {
    color: #2e3192;
}
#syakai-keiei h4.drop-down-list-ttl {
    color: #a989c1;
}
#bunka-sousei .content .three-column li.wrap {
    border: #2e3192 1.25px solid;
}
#syakai-keiei .content .three-column li.wrap {
    border: #a989c1 1.25px solid;
}
.content .three-column li a {
    width: 100%;
}
.content h5.interview-name {
    padding-top: 12.5px;
    text-align: center;
}
#bunka-sousei .content h5.interview-name {
    color: #2e3192;
}
#syakai-keiei .content h5.interview-name {
    color: #a989c1;
}


/*---------- route-info ----------*/

/*---------- license ----------*/
.txt-area + .img-area {
    margin-top: 25px;
}
.flex .img-area,
.flex-pc .img-area {
    margin-top: 0;
    border-radius: 0;
}

/*-------------------- check-mark ---------------------*/
.check-mark {
    margin-top: 25px;
}
.two-column-item .drop-down > .check-mark {
    margin-top: 25px;
}
.check-mark.wrap {
    padding: 25px;
}
.check-mark:not(.wrap):nth-of-type(n+2) {
    padding-top: 25px;
}
.check-mark .check-mark-list:first-of-type h5.heading:not(:first-of-type) {
    padding-top: 0;
}
#bunka-sousei .check-mark.wrap {
    border: #2e3192 1.25px dashed;
}
#examinees .check-mark.wrap {
    border: #ed5964 1.25px dashed;
}
#syakai-keiei .check-mark.wrap {
    border: #a989c1 1.25px dashed;
}
#contact .check-mark.wrap {
    border: #0071bc 1.25px dashed;
}
.course-list.three-column {
    padding-top: 37.5px;
}
.check-mark .heading .icon {
    width: 25px;
    height: 25px;
    margin-right: 6.25px;
}
.check-mark .heading span {
    display: block;
    border-bottom: #000 1.25px solid;
}
.check-mark .three-column.justify-content-start {
    justify-content: start;
    gap: 37.5px;
    padding-top: 37.5px;
}
.check-mark-list-wrap h5.heading span {
    border-bottom: none;
}
.check-mark h5.heading {
    color: #2e3192;
    font-weight: bold;
    padding-top: 18.75px;
}
#examinees .check-mark h5.heading,
#graduate-students .check-mark h5.heading {
    color: #ed5964;
}
#syakai-keiei .check-mark h5.heading,
#faculty-three-policy .check-mark-list-wrap h5.heading {
    color: #a989c1;
}
#contact .check-mark h5.heading {
    color: #0071bc;
}
.check-mark.wrap .txt-area {
    padding-top: 12.5px;
}
.check-mark h3.heading {
    padding-top: 25px;
}
.check-mark .txt-area {
    padding-top: 18.75px;
}
.check-mark .three-column .txt-area {
    padding-top: 0;
}
#examinees .check-mark:nth-of-type(2) {
    border-top: #ed5964 1.25px dotted;
}


/*---------- fot-btn-link ----------*/
.fot-btn-link {
    display: flex;
    padding-top: 100px;
}
.fot-btn-link .nav-box-four-column {
    justify-content: center;
    gap: 37.5px;
}
li.faculty-greeting-link {
    color: #0360b0;
    border: #0360b0 1.25px solid;
}
li.faculty-history-curriculum-link {
    color: #2f3192;
    border: #2f3192 1.25px solid;
}
li.faculty-three-policy-link {
    color: #a989c1;
    border: #a989c1 1.25px solid;
}
li.graduate-students-greeting-link,
.btn-link .two-column.btn-wrap .graduate-students-link {
    color: #ed5964;
    border: #ed5964 1.25px solid;
}
li.graduate-students-history-curriculum-link {
    color: #c1272d;
    border: #c1272d 1.25px solid;
}
li.graduate-students-three-policy-link {
    color: #ed1c24;
    border: #ed1c24 1.25px solid;
}


/*---------- syakai-keiei -----------*/
.survey-training .six-column {
    padding-top: 25px;
}


/*--------- graduate-students ----------*/
#graduate-students .txt-area.first {
    padding-top: 25px;
}


/*---------- graduate-school ----------*/
.graduate-school .three-column li:first-of-type,
#graduate-students .three-column.btn-wrap .btn {
    border: #ed5964 1.25px solid;
    color: #ed5964;
}
#graduate-students .three-column .btn a {
    height: 28.75px;
}
.graduate-school .three-column li:nth-of-type(2) {
    border: #c1272d 1.25px solid;
    color: #c1272d;
}
.graduate-school .three-column li:last-of-type {
    border: #ed1c25 1.25px solid;
    color: #ed1c25;
}
.graduate-school .mid-inner {
    margin-top: 37.5px;
}
.graduate-school .img-area {
    width: 1024px;
    height: 464.14px;
    margin: 0 auto;
    border-radius: 6.25px;
    overflow: hidden;
}
.img-area {
    margin-top: 25px;
}
.check-mark-list-wrap.flex-pc .img-area {
    margin-top: 12.5px;
}
.img-area-column-wrap .img-area:nth-of-type(2n) {
    margin-top: 25px;
}
.img-area img {
    width: 100%;
}
.graduate-school-course-list {
    justify-content: space-between;
}
.graduate-school h3.heading {
    position: relative;
    margin-top: 25px;
    width: 341.33333333px;
}
.graduate-school-course-list li:not(:last-of-type) h3.heading::after {
    content: '';
    background: #fff;
    display: block;
    position: absolute;
    right: 25px;
    top: 0;
    width: 1.25px;
    height: 100%;
}

.graduate-school-link h3.heading .en {
    display: block;
    padding-top: 12.5px;
}
.graduate-school .inner:nth-of-type(2) {
    position: relative;
    width: 100%!important;
}
.graduate-school .inner:nth-of-type(2)::before {
    background: #ed5964;
    height: calc( 100% - 231.75px );
}
.graduate-school-course-list {
    width: 1024px;
    margin: 25px auto 0;
    padding-bottom: 75px;
}
.graduate-school .view-more {
    position: absolute;
    bottom: 37.5px;
    right: calc( 50% - 512px );
}
@media screen and (max-width:1024px) {
    .graduate-school .img-area {
        width: 100%;
        height: auto;
    }
    .graduate-school h3.heading {
        width: fit-content;
    }
    .graduate-school h3.heading .ja {
        font-size: 28px;
    }
    .graduate-school-course-list li:not(:last-of-type) h3.heading::after {
        display: none;
    }
    .graduate-school-course-list {
        width: 100%;
    }
    .graduate-school .view-more {
        right: 37.5px;
    }
}

/*---------- dissertation ----------*/
.dissertation .year h4.drop-down-ttl {
    color: #ed5964;
    padding: 0;
    margin-top: 25px;
    padding-left: 6.25px;
    border-left: #ed5964 2.5px solid;
}
#bunka-sousei .graduation-research .year h4.drop-down-ttl {
    color: #2e3192;
    border-left: #2e3192 2.5px solid;
}
#syakai-keiei .graduation-research .year h4.drop-down-ttl {
    color: #a989c1;
    border-left: #a989c1 2.5px solid;
}
.dissertation .year:first-of-type h4.drop-down-ttl {
    margin-top: 25px;
}
.dissertation .year h4.drop-down-ttl::after {
    display: none;
}
table {
    width: 100%;
    margin-top: 12.5px;
}
tr {
    border-bottom: #000 1.25px solid;
}
tr.table-top {
    border-bottom: none;
}
table tr:not(.table-top):first-of-type {
    border-top: #000 1.25px solid;
}
tr.table-top th {
    color: #fff;
    background: #ed5964;
    padding: 8.75px;
}
#bunka-sousei tr.table-top th {
    background: #2e3192;
}
#syakai-keiei tr.table-top th {
    background: #a989c1;
}
tr:not(.table-top) th {
    width: 120px;
    vertical-align: middle;
    padding: 12.5px 0 12.5px 8.75px;
}
tr td.dissertation-ttl,
tr th.dissertation-ttl {
    width: 760px;
    vertical-align: middle;
    padding: 12.5px 12.5px;
}
tr td:last-of-type {
    vertical-align: middle;
    width: 140px;
    padding-top: 12.5px;
    padding-bottom: 12.5px;
}
td .btn-link {
    padding-top: 0;
}
td .btn-link li {
    display: flex;
    border: #ed5964 1.25px solid;
    align-items: center;
    justify-content: center;
}
#bunka-sousei td .btn-link li {
    border: #2e3192 1.25px solid;
}
#syakai-keiei td .btn-link li {
    border: #a989c1 1.25px solid;
}
td .btn-link li a {
    color: #ed5964;
    padding: 3.125px 17.5px;
}
#bunka-sousei td .btn-link li a {
    color: #2e3192;
}
#syakai-keiei td .btn-link li a {
    color: #a989c1;
}
td .btn-link .btn span:first-of-type {
    padding: 0;
}
.dissertation .six-column {
    color: #ed5964;
    justify-content: left;
    gap:80px;
    row-gap: 25px;
    padding-top: 50px;
}
#current-students .dissertation .six-column {
    color: #a989c1;
}
.dissertation .six-column li {
    width: 100px;
    border: none;
    border-left: #ed5964 2.5px solid;
    border-radius: 0;
}
#current-students .dissertation .six-column li {
    border-left: #a989c1 2.5px solid;
}
.dissertation .six-column li a span {
    padding: 0;
    padding-left: 6.25px;
    margin: 0;
    text-align: left;
}


/*---------- btn-page-to-top ----------*/
.page-to-top,
.page-to-back {
    width: fit-content;
    margin: 37.5px auto 75px;
    padding-bottom: 6.25px;
}
.page-to-top a,
.page-to-back a {
    position: relative;
    display: flex;
    align-items: center;
}
#bunka-sousei .page-to-top,
#faculty-greeting .page-to-top,
#faculty-history-curriculum .page-to-top,
#faculty-three-policy .page-to-top,
#news .page-to-top,
#news-article .page-to-back {
    border-bottom: #2e3192 1.25px solid;
}
#graduate-students .page-to-top,
#graduate-students-greeting .page-to-top,
#graduate-students-history-curriculum .page-to-top,
#graduate-students-three-policy .page-to-top {
    border-bottom: #ed5964 1.25px solid;
}
#syakai-keiei .page-to-top {
    border-bottom: #9275b5 1.25px solid;
}
#en .page-to-top {
    border-bottom: #00a99d 1.25px solid;
}
.page-to-top span:first-of-type {
    padding-right: 12.5px;
}
.page-to-back span:nth-of-type(2) {
    padding-left: 12.5px;
}
.btn-page-to-top,
.btn-page-to-back {
    width: 22.5px;
    height: 22.5px;
}
#bunka-sousei .btn-page-to-top,
#syakai-keiei .btn-page-to-top,
#faculty-greeting .btn-page-to-top,
#faculty-history-curriculum .btn-page-to-top,
#faculty-three-policy .btn-page-to-top,
#news .btn-page-to-top {
    content: url(../img/00_btn-page-to-top/faculty.png);
}
#syakai-keiei .btn-page-to-top {
    content: url(../img/00_btn-page-to-top/syakai-keiei.png);
}
#graduate-students .btn-page-to-top,
#graduate-students-greeting .btn-page-to-top,
#graduate-students-history-curriculum .btn-page-to-top,
#graduate-students-three-policy .btn-page-to-top {
    content: url(../img/00_btn-page-to-top/graduate-school.png);
}
#en .btn-page-to-top {
    content: url(../img/06-01_en/btn-page-to-top.png);
}
#news-article .btn-page-to-back {
    content: url(../img/00_btn-page-to-back/news-article.png);
}


/*---------- greeting ----------*/
.greeting-wrap .img-area {
    float: right;
    width: 25%;
    margin-left: 25px;
    margin-bottom: 25px;
}
.sub-wrap {
    padding-top: 50px;
}
.greeting-wrap .txt-area .txt {
    text-indent: 1em;
}
.greeting-last {
    text-align: right;
    padding-top: 25px;
}
.greeting-last p:last-of-type {
    padding-top: 12.5px;
}
.member .three-column {
    padding-top: 50px;
}
.member li {
    border-radius: 0;
    border-left: #0071bc 2.5px solid;
}
.member li span {
    display: block;
    padding-left: 6.25px;
}
#faculty-greeting .users-info .link-wrap-first {
    padding-top: 100px;
    padding-bottom: 100px;
}
#faculty-greeting section:not(footer) .nav-box-four-column li:last-of-type,
#faculty-history-curriculum section:not(footer) .nav-box-four-column li:last-of-type {
    border: #a989c1 1.25px solid;
}


/*----------- history-curriculum ----------*/
.two-column .drop-down {
    gap: 100px;
}
.history-wrap .drop-down-list {
    width: calc(50% - 50px);
}
.history-wrap .drop-down-list dl {
    position: relative;
    padding-bottom: 18.75px;
}
.history-wrap .drop-down-list dl:not(:last-of-type):after {
    border-bottom: 2.5px dotted #2e3192;
    content: "";
    position: absolute;
    bottom: 0;
    width: 100%;
}
#graduate-students-history-curriculum .history-wrap .drop-down-list dl:not(:last-of-type):after {
    border-bottom: 2.5px dotted #ed1c24;
}
.history-wrap .drop-down-list dl:not(:first-of-type) {
    padding-top: 18.75px;
}
.history-wrap .drop-down-list dd {
    padding-top: 12.5px;
}

.curriculum .txt-area {
    padding-top: 25px;
}
.curriculum .img-area {
    margin: 37.5px auto 0;
}
#faculty-history-curriculum .nav-box-four-column li:first-of-type {
    border: #0360b0 1px solid;
}
@media screen and (max-width:1024px) {
    .two-column .drop-down {
        gap: 9.765625%;
    }
    .history-wrap .drop-down-list {
        width: 100%;
    }
}


/*------------ three-policy ------------*/

.policy section:not(.three-column) .img-area {
    border: #000 1.25px solid;
    border-radius: 0;
    background: transparent;
    margin-top: 12.5px;
}
.check-mark-list-item-wrap.flex span:first-of-type {
    padding-left: 0;
}
#faculty-three-policy .check-mark-list-item-wrap span:first-of-type {
    color: #a989c1;
}
#graduate-students .check-mark-list-item-wrap span:first-of-type,
#graduate-students-three-policy .check-mark-list-item-wrap span:first-of-type {
    color: #ed5964;
}
.check-mark-list-item-wrap.flex span:nth-of-type(2),
.check-mark-list-item .txt-area .txt {
    padding-left: 6.25px;
}
#faculty-three-policy .check-mark-list-wrap {
    justify-content: start;
    gap: 37.5px;
}
.policy h5.heading {
    padding-top: 25px;
}
.policy .wrap.check-mark .img-area-wrap {
    margin-top: 0;
    padding-top: 25px;
    gap: 37.5px;
    justify-content: left;
}
.wrap.check-mark-list-wrap {
    padding-top: 25px;
}
.policy .txt-area-last {
    padding-top: 25px;
}


/*---------- research-center ----------*/
.research-center {
    padding-bottom: 75px;
}
.research-center h2.heading {
    align-items: center;
    padding-top: 75px;
}
.research-center-heading-txt {
    align-items: center;
}
.research-center li {
    color: #01a99d;
    border: #01a99d 1.25px solid;
}
.research-center li a {
	height: 100%;
	padding-bottom: 75px;
}


/*-------------------- examineees --------------------*/
.examinees-info h2.heading {
    padding-top: 37.5px;
}
.examinees-info h2.heading .icon {
    width: 37.5px;
}
.examinees-info h2.heading span {
    padding-left: 6.25px;
}
.news-thumb img {
    width: 100%;
}
.modal__trigger {
    border: #000 1.25px solid;
}
.selection-method-wrap {
    gap: 37.5px;
    margin-top: 37.5px;
}


/*---------- dropdown-btn-link ----------*/
.drop-down .btn-link {
    margin-top: 0;
}
.drop-down .btn-link .nav-box-four-column {
    width: 100%;
    justify-content: space-between;
}
#tabunka-kyousei .graduation-research td:last-of-type {
    vertical-align: middle;
}
#examinees .drop-down .btn-link.nav-box-four-column li {
    font-weight: bold;
    color: #ed5964;
    border: #ed5964 1.25px solid;
}


/*----------- four-column -----------*/
.four-column {
    padding-top: 100px;
    padding-bottom: 125px;
}
.four-column ul {
    justify-content: center;
}
.four-column li {
    width: 227.875px;
}
.four-column .flex {
    gap: 37.5px;
}
.four-column h3.heading {
    align-items: center;
    position: relative;
    margin-top: 12.5px;
    padding-left: 12.5px;
}
#examinees .four-column h3.heading {
    border-left: #ed5964 2.5px solid;
}
#current-students .four-column h3.heading {
    border-left: #a989c1 2.5px solid;
}
#graduate .four-column h3.heading {
    border-left: #0071bc 1.25px solid;
}
.four-column h3.heading .btn-arw {
    position: absolute;
    right: 0;
}




/*---------- 【jQuery】クッリクした画像が拡大するモーダルウィンドウを作成する方法 ----------*/
.modal {
    padding: 80px 0;
  }
  
  
  body>.modal__image {
    position: relative;
    width: calc((100% - (32px * 2)) / 3);
    transition: opacity .6s;
  }
  
  .modal__image:hover {
    opacity: .6;
  }
  
  .modal__trigger {
    cursor: pointer;
  }
  
  /* モーダル本体 */
  .modal__wrapper {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
  }
  
  .modal__layer {
    height: 100%;
    background: rgba(50, 50, 50, .85);
    cursor: pointer;
  }
  
  .modal__container {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    overflow-y: scroll;
    width: min(calc(100% - 40px), 1000px);
    max-height: calc(100% - 40px);
  }
  
  /* モーダルを閉じるボタン */
  .modal__close {
    z-index: 101;
    position: absolute;
    top: 20px;
    right: 20px;
    width: 44px;
    height: 44px;
    background: rgba(50, 50, 50, 1);
    cursor: pointer;
    transition: opacity .6s;
    overflow: visible;
  }
  
  .modal__close:hover {
    opacity: .6;
  }
  
  .modal__close:before,
  .modal__close:after {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 20px;
    height: 1px;
    background: #fff;
    content: '';
  }
  
  .modal__close:before {
    transform: translate(-50%, -50%) rotate(45deg);
  }
  
  .modal__close:after {
    transform: translate(-50%, -50%) rotate(-45deg);
  }
  
  .modal__content .modal__image img {
    width: 100%;
  }


/*---------- faculty-current-students ----------*/
.current-students-info .three-column:first-of-type {
    flex-wrap: nowrap;
}
.users-info {
    padding-top: 50px;
}
.current-students-info-wrap .img-area {
    width: 50%;
    margin: 37.5px auto 0;
}
.timetable .three-column {
    padding-top: 25px;
}

/*---------------------------------------- ここから仮CSS ---------------------------------------------------*/
   /*---------- contact ----------*/
   .contact-list {
    padding-top: 50px;
   }
   #contact .tel-mail {
    color: #0071bc;
  }
  #contact .emergency h4.heading {
    align-items: flex-start;
  }
  #contact .emergency h5.heading {
    display: block;
    font-weight: bold;
    padding-top: 25px;
  }
  #contact .emergency .tel-mail {
    font-weight: bold;
    padding-top: 12.5px;
  }

  .access h2.heading {
    padding-top: 50px;
  }
  .access h2.heading .en {
    padding-left: 12.5px;
  }
  iframe,
video{
    width: 100%;
    height: auto;
    margin-top: 25px;
  }
  .access iframe {
    margin-bottom: 75px;
	min-height: 400px;
  }



/*---------- news ----------*/
.cat-list-wrap {
    gap: 25px;
    padding-top: 75px;
}
#news .news-item a {
    display: flex;
    gap: 25px;
}
.cat-list-item a {
    display: block;
    padding: 6.25px 25px;
    border-radius: 100vh;
	border: #000 1.25px solid;
}
.cat-list-item a.all-info {
	border: #000 1.25px solid;
}
.cat-list-item a.faculty-info {
    color: #2f3192;
    border: #2f3192 1.25px solid;
}
.cat-list-item a.media-info {
    color: #01a99d;
    border: #01a99d 1.25px solid;
}
.cat-list-item a.event-info {
    color: #ed5964;
    border: #ed5964 1.25px solid;
}
#news .news {
    padding-top: 50px;
}
#news .news-thumb {
    border: #808080 1.25px solid;
    width: 125px;
    height: 125px;
	        overflow: hidden;
}
#news .news-txt {
    padding-top: 12.5px;
}
.page-numbers {
    width: fit-content;
    color: #0071bc;
    gap: 12.5px;
    text-align: center;
    padding-top: 62.5px;
    margin: 0 auto;
}
.page-numbers span{
		padding-top: 0px;
}
.page-numbers span:not(.dots),
.page-numbers a {
    color: #0071bc;
    border-radius: 100%;
    display: flex;
    width: 37.5px;
    height: 37.5px;
    justify-content: center;
    align-items: center;
    border: #0071bc 1.25px solid;
		padding-top: 0px;
}
.page-numbers span.current {
    color: #fff;
    background: #0071bc;

}


/*---------- news-article ----------*/
#news-article .page-content {
    width: 75%;
    margin: 0 auto;
}
#news-article .news-txt {
    position: relative;
    padding-top: 0;
    justify-content: space-between;
    align-items: center;
    padding-top: 50px;
    padding-bottom: 12.5px;
}
#news-article .news-txt h2.heading {
    padding-top: 0;
}
#news-article .news-txt h2.heading span {
    padding-left: 0;
}
#news-article .news-txt::after {
    background: #000;
    position: absolute;
    bottom: 0;
    left: 0;
    content: '';
    display: block;
    width: 100%;
    height: 1.25px;
}
#news-article h1.news-ttl {
    padding-top: 37.5px;
}
#news-article .cat-list-wrap {
    justify-content: center;
}
/* --- 投稿本文のスタイル調整 (#news-article .page-content) --- */

/* まず見出し共通のリセット解除 */
#news-article .page-content h2,
#news-article .page-content h3,
#news-article .page-content h4 {
    font-weight: bold;  /* 重要：inheritを解除して太字にする */
    color: #333;        /* 必要に応じて文字色を指定 */
}

/* ■ 見出し2 (h2) */
#news-article .page-content h2 {
    font-size: 1.75em;    /* 約28px */
    line-height: 1.4;
    margin-top: 2.5em;    /* 上を広めに空ける */
    margin-bottom: 1em;   /* 下を少し空ける */
    /* ↓ 装飾を入れるならここ（例：下線） */
    border-bottom: 2px solid #333;
    padding-bottom: 10px;
}

/* ■ 見出し3 (h3) */
#news-article .page-content h3 {
    font-size: 1.5em;     /* 約24px */
    line-height: 1.5;
    margin-top: 2em;
    margin-bottom: 1em;
    /* ↓ 装飾（例：左線） */
    border-left: 5px solid #333;
    padding-left: 10px;
}

/* ■ 見出し4 (h4) */
#news-article .page-content h4 {
    font-size: 1.25em;    /* 約20px */
    margin-top: 1.5em;
    margin-bottom: 1em;
}

/* ■ 段落 (p) */
#news-article .page-content p {
    font-size: 1em;       /* 本文サイズ */
    line-height: 1.8;     /* 行間を読みやすく */
    margin-bottom: 1.5em; /* 段落ごとの改行幅 */
}

/* ■ リスト (ul, ol) */
#news-article .page-content ul,
#news-article .page-content ol {
    margin-bottom: 1.5em;
    padding-left: 20px;   /* 点や数字を表示させる余白 */
}
#news-article .page-content ul {
    list-style: disc;     /* 黒点 */
}
#news-article .page-content ol {
    list-style: decimal;  /* 数字 */
}
#news-article .page-content li {
    margin-bottom: 0.5em;
}

/* ■ 画像 (img) */
#news-article .page-content img {
    display: block;       /* ブロック要素化 */
    max-width: 100%;      /* はみ出し防止 */
    height: auto;
    margin-top: 20px;
    margin-bottom: 20px;
}
/* .txt クラスがついた段落に余白を与える */
#news-article .page-content .txt {
    display: block;       /* 念のためブロック要素であることを明示 */
    margin-bottom: 1.5em; /* ★ここが重要！段落の下に1.5文字分の空きを作る */
    line-height: 1.8;     /* 行間も少し広げると読みやすくなります */
    margin-top: 0;        /* 上は0にしておくと管理しやすいです */
}








/*---------- en ----------*/
#en .head-nav .nav-wrap-btm {
    position: relative;
    float: right;
}
#en .head-nav .nav-wrap-btm::after {
    display: block;
    clear: both;
}
#en li.btn a {
    height: 28.75px;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
#en li.btn .icon {
    height: 28.75px;
}
#research-database .btn {
    border: #00a99d 1.25px solid;
    color: #00a99d;
}
#contact-en .btn {
    border: #ed1c24 1.25px solid;
    color: #ed1c24;
}
#en #faculty .btn-wrap {
    padding-bottom: 37.5px;
}
.course-list-en {
    border-top: #2e3192 1.25px dotted;
    position: relative;
    padding-top: 37.5px;
}
.course-list-en-wrap {
    gap: 37.5px;
}
.course-list-en .img-area {
    width: 375px;
}
.course-list-en .txt-box {
    width: calc(100% - 412.5px);
}
#en #graduate-students .check-mark:not(.wrap):nth-of-type(n+2)  {
    padding-top: 0;
}
#en .history-wrap .drop-down-list {
    width: 100%;
}
#en .history-wrap .drop-down-list dt {
    color: #a989c1;
    width: 150px;
}
#en .history-wrap .drop-down-list dd {
    width: calc( 100% - 150px );
    padding-top: 0;
}
#en .history-wrap .drop-down-list dl:not(:last-of-type):after {
    border-bottom: 2.5px dotted #a989c1;
}
#en #contact h4.heading {
    color: #0071bc;
    position: relative;
}
#en #contact h4.heading::after {
    display: block;
    content: "";
    background: #0071bc;
    width: 100%;
    height: 1.25px;
    margin-top: 12.5px;
}
#en #contact h5.heading {
    padding-top: 0;
}
#en #contact h5.heading span {
    font-size: 24px;
    color: #000;
    border-bottom: 0;
}
#en #contact .txt-area:first-of-type,
#en #contact .contact-list {
    padding-top: 0;
}
#en #contact .check-mark-list-wrap .txt-area:first-of-type {
    padding-top: 25px;
}
#contact-en .three-column {
    justify-content: left;
    gap: 37.5px;
}
#contact-en .txt-area {
    padding-top: 0;
}



/*---------- online-campus ----------*/
#online-campus .main-wrap {
    order: 0;
}
.sub-wrap.online-campus-wrap .btn-wrap li {
    border: #2e3192 1.25px solid;
    color: #2e3192;
}
.online-campus-link-wrap {
    justify-content: start;
    gap: 37.5px;
}
.three-column.online-campus-link-wrap a {
    height: auto;
}
.three-column li.online-campus-link {
    width: 316.33333333px;
    padding: 0;
    border-radius: 0;
}
.three-column li.online-campus-link:nth-of-type(n+4) {
    margin-top: 0;
}
.three-column li.online-campus-link a {
    display: block;
    width: 100%;
    padding: 0;
}
.three-column li.online-campus-link .online-campus-link-thum {
    width: 316.3333px;
    height: 177.9375px;
    border: #000 1.25px solid;
    border-radius: 12.5px;
    overflow: hidden;
}
.three-column.cat-bunka-sousei li.online-campus-link .online-campus-link-thum {
    border: #2f3192 1.25px solid;
}
.three-column.cat-syakai-keiei li.online-campus-link .online-campus-link-thum {
    border: #a989c1 1.25px solid;
}
.three-column.research-center li.online-campus-link .online-campus-link-thum {
    border: #01a99d 1.25px solid;
}
.three-column li.online-campus-link .online-campus-link-thum img {
    width: 100%;
    height: auto;
}
.online-campus-link-cat {
    margin-top: 18.75px;
}
.three-column li.online-campus-link p span:first-of-type {
    font-size: 14px;
    font-family: "Zen Kaku Gothic Antique", serif;
    font-weight: 400;
    font-style: normal;
    padding-top: 3.125px;
    padding-bottom: 3.125px;
    padding-left: 12.5px;
    padding-right: 12.5px;
    overflow: hidden;
    background: #000;
    color: #fff;
    border-radius:50vh;
}
.three-column.cat-bunka-sousei li.online-campus-link p span:first-of-type {
    background-color: #2e3192;
}
.three-column.cat-syakai-keiei li.online-campus-link p span:first-of-type {
    background-color: #a989c1;
}
.three-column.cat-research-center li.online-campus-link p span:first-of-type {
    background-color: #01a99d;
}
.three-column h3.online-campus-link-ttl {
    font-size: 18px;
    line-height: 1.5;
    margin: -4.5px 0;
    display: block;
    padding-top: 12.5px;
}
.three-column h3.online-campus-link-ttl span {
    border-bottom: #000 1.25px solid;
}
.three-column.cat-bunka-sousei h3.online-campus-link-ttl span {
    color: #2e3192;
    border-bottom: #2e3192 1.25px solid;
}
.three-column.cat-syakai-keiei h3.online-campus-link-ttl span {
    color: #a989c1;
    border-bottom: #a989c1 1.25px solid;
}
.three-column.cat-research-center h3.online-campus-link-ttl span {
    color: #01a99d;
    border-bottom: #01a99d 1.25px solid;
}
.online-campus-link .name-detail {
    font-size: 14px;
    color: #707070;
}
.online-campus-link-name {
    line-height: 1;
    letter-spacing: -.05em;
    padding-top: 18.75px;
}
.online-campus-detail {
    padding-top: 7.5px;
}
.online-campus-link .txt-area {
    padding-top: 12.5px;
}
.online-campus-link .txt-area .txt {
    font-size: 14px !important;
    line-height: 1.28571429;
    margin: -2px 0;
}
.online-campus-link .txt-area .txt a {
    display: inline;
}
#online-campus .page-to-top {
    border-bottom: #2e3192 1.25px solid;
}
#online-campus .btn-page-to-top {
    content: url(../img/00_btn-page-to-top/faculty.png);
}

@media screen and (max-width:1024px) {
    .online-campus-link-wrap {
        justify-content: space-between;
        gap: 25px;
    }
    .three-column.online-campus-link-wrap a {
        height: auto;
    }
    .three-column li.online-campus-link {
        width: calc(50% - 12.5px);
    }
    .three-column li.online-campus-link .online-campus-link-thum {
        width: 100%;
        height: auto;
    }
}





/*---------- interview ----------*/
#interview main .txt-area {
    padding-top: 18.75px;
    order: 2;
}
.interview-wrap {
    padding-top: 37.5px;
}
.interview-profile {
    padding-top: 18.75px;
}
.interview-profile-ttl,
.interview-profile .txt-area .txt {
    padding-top: 0;
}
.interview-name {
    color: #2e3192;
    font-family: "Zen Old Mincho", serif;
    font-size: 21px;
    line-height: 1;
}
.interview-name .interview-name-number {
    font-size: 14px;
    padding-top: 6.25px;
    align-self: start;
}
.interview-course-name {
    font-size: 18px;
}
.interview-profile .txt-area:first-of-type {
    font-weight: 900;
}
.interview-profile .interview-profile-ttl + .txt-area:first-of-type {
    padding-top: 12.5px;
}
.interview-profile .interview-profile-ttl + .txt-area {
    padding-top: 12.5px;
}
.interview-profile .interview-profile-ttl + .txt-area .txt:nth-of-type(2) {
    padding-top: 0;
}
.interview-link,
.related-news-item {
    margin-top: 18.75px;
    position: relative;
}
.interview-link::before,
.interview-link::after,
.related-news-item::before,
.related-news-item::after {
    position: absolute;
    content: "";
    background: #2e3192;
    width: 100%;
    height: 1.25px;
}
.interview-link a,
.related-news-item a {
    position: relative;
    display: block;
    font-family: "century-gothic", sans-serif;
    font-size: 24px;
    color: #2e3192;
    width: 100%;
    height: auto;
    padding-top: 18.75px;
    padding-bottom: 18.75px;
}
.interview-link a .btn-arw,
.related-news .related-news-item a .btn-arw {
    position: absolute;
    right: 0;
    top: 27.4743px;
    width: 25px;
    height: auto;
}
.related-news {
    margin-top: 18.75px;
}
.related-news h4.heading {
    color: #fff;
    background: #2e3192;
    font-family: "century-gothic", sans-serif;
    padding: 6.25px 25px;
    border-radius: 50vh;
    width: fit-content;
}
.sp-only-538,
.sp-only-426,
.sp-only-398,
.sp-only-393,
.sp-only-386,
.sp-only-370,
.sp-only-356,
.sp-only-355,
.sp-only-344,
.sp-only-329,
.sp-only-328,
.sp-only-313 {
    display: none;
}
.related-news .related-news-item {
    margin-top: 12.5px;
}
.related-news .related-news-item a span {
    font-size: 16px;
}
#interview .page-to-top {
    border-bottom: #2e3192 1.25px solid;
}
#interview .btn-page-to-top {
    content: url(../img/00_btn-page-to-top/faculty.png);
}


/*---------- 20251225 追加分 ----------*/
.dash {
  letter-spacing: -0.1em;
  font-family: "Yu Mincho", serif;
}
.check-mark-list-wrap.three-column.flex-pc.justify-content-left {
    justify-content: left;
    gap: 3.66210938%;
}
#tabunka-kyousei,
#keiei-houritsu,
#kigyou-senryaku,
#chiiki-koudou {
  scroll-margin-top: 75px;
}
h2.heading span.examinees-info-sub-heading {
    font-size: 16px;
}
h2.heading span.examinees-info-sub-heading a {
    border-bottom: #000 1px solid;
}
body#en .txt {
    font-family: "Playfair Display", serif;
  font-optical-sizing: auto;
  font-style: normal;
}
body#en h1 {
    font-family: "Josefin Sans", sans-serif !important;
  font-optical-sizing: auto;
  font-style: normal;
}