@charset "UTF-8";

:root {
  /*ノーマル*/
  --law: #6355a1;
  /*法学部*/
  --economics: #00b0ec;
  /*経済学部*/
  --commerce: #00ac6f;
  /*商学部*/
  --rikou-comm: #f48031;
  /*旧　理工学部*/
  --fundam: #e9b310;
  /*基幹理工学部*/
  --society: #ef8200;
  /*社会理工学部*/
  --advanced: #e95520;
  /*先進理工学部*/
  --letters: #eb007f;
  /*文学部*/
  --policy: #00abab;
  /*総合政策学部*/
  --gm: #03275f;
  /*国際経営学部*/
  --itl: #231815;
  /*国際情報学部*/
  --sdb: #000055;
  /*スポーツ情報学部*/

  /*半透明*/
  --law_tra: #6355a160;
  /*法学部*/
  --economics_tra: #00b0ec60;
  /*経済学部*/
  --commerce_tra: #00ac6f60;
  /*商学部*/
  --rikou-comm_tra: #f4803160;
  /*旧　理工学部*/
  --fundam_tra: #e9b31095;
  /*基幹理工学部*/
  --society_tra: #ef820060;
  /*社会理工学部*/
  --advanced_tra: #e9552060;
  /*先進理工学部*/
  --letters_tra: #eb007f60;
  /*文学部*/
  --policy_tra: #00abab60;
  /*総合政策学部*/
  --gm_tra: #03275f60;
  /*国際経営学部*/
  --itl_tra: #23181560;
  /*国際情報学部*/
  --sdb_tra: #00005560;
  /*スポーツ情報学部*/

  /*淡く*/
  --law_pale: #e5e2ef;
  /*法学部*/
  --economics_pale: #c7ebfa;
  /*経済学部*/
  --commerce_pale: #dcf4e0;
  /*商学部*/
  /*--rikou-comm_pale: #f48031;旧　理工学部*/
  --fundam_pale: #fdf0be;
  /*基幹理工学部*/
  --society_pale: #fbe7c6;
  /*社会理工学部*/
  --advanced_pale: #fbe5d7;
  /*先進理工学部*/
  --letters_pale: #fedbe9;
  /*文学部*/
  --policy_pale: #b3e3e3;
  /*総合政策学部*/
  --gm_pale: #e4e8f0;
  /*国際経営学部*/
  --itl_pale: #e3e3e3;
  /*国際情報学部*/
  --sdb_pale: #e4e8f0;
  /*スポーツ情報学部*/

  /*アクセント*/
  --law_accent: #ccccff;
  /*法学部*/
  --economics_accent: #77d8f3;
  /*経済学部*/
  --commerce_accent: #86c791;
  /*商学部*/
  /*--rikou-comm_accent: #f48031;旧　理工学部*/
  --fundam_accent: #ffc864;
  /*基幹理工学部*/
  --society_accent: #f7b572;
  /*社会理工学部*/
  --advanced_accent: #f2b09a;
  /*先進理工学部*/
  --letters_accent: #ef72a2;
  /*文学部*/
  --policy_accent: #3abcbc;
  /*総合政策学部*/
  --gm_accent: #81a2d6;
  /*国際経営学部*/
  --itl_accent: #b7b7b7;
  /*国際情報学部*/
  --sdb_accent: #81a2d6;
  /*スポーツ情報学部*/

  /*他*/
  --white: #ffffff;
  --darkgray: #333333;
  --gray: #cccccc;
  --blue: #16328a;
}

.facucourse p,
p.text-l,
p.pickup_s,
p.pickup,
.renew_wrap_top h2,
h3,
h5,
h6 {
  font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", 'Noto Serif JP', serif;
}


/*モーションCSS*/
.bottom {
  transform: translateY(30px);
  opacity: 0;
  transition: opacity 1s, transform 0.5s;
}

.in,.in_mb {
  opacity: 1;
  transform: translateX(0);
  transform: translateY(0);
}


/*共通微調整*/
.fbox_between {
  justify-content: space-between;
}

br.pc_no_smp_on {
  display: none;
}

/*==================上部================*/
.renew_wrap_top {
  width: 95%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 50px 0 0;
  position: relative;
}

.facuimg {
  display: flex;
}

/* top 左側 */
.facuimg-l {
  position: relative;
  width: 48%;
  height: 440px;

/* 学部名 */
  & h2 {
    /*jp*/
    color: var(--white);
    width: 100px;
    height: 100%;
    text-align: left;
    padding: 20px 0 0 0;
    writing-mode: vertical-rl;
    font-size: 3em;
    line-height: 0.9;

    & span {
      /*en*/
      font-size: 0.3em;
      padding-top: 10px;
    }
  }
}

/* top 右側 */
.facucamp {
  position: absolute;
  top: -20px;
  right: 0;
  display: flex;
}
.facuimg-r {
  width: 52%;
  margin-top: 20px;
  position: relative;
  padding: 30px 0 0 50px;

  &::after {
    /* ▼の色部分 */
    content: "";
    width: 100%;
    height: 140px;
    position: absolute;
    bottom: -140px;
    left: 0;
  }


  & .campname {
    /* キャンパス名 */
    color: var(--white);
    padding: 5px 10px;
    font-size: 1em;
  }
}

.facucourse {
  /* 科 */
  margin-top: 20px;
  padding-right: 20px;

  & p {
    font-size: 1.7em;
    line-height: 1.5;
    text-align: left;

    & span {
      font-size: 0.6em;
      /* text-align: right; */
      width: 100%;
      display: inline-block;
      font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    }
  }
}

.facudate {
  /* DATA */
  margin-top: 50px;
  padding: 0 20px 5px 0;

  & p {
    text-align: center;
  }

  & dl {
    /* 学生数 */
    display: flex;
    padding: 2px 0 2px 0;
    border-bottom: solid 1px var(--darkgray);

    & dt {
      padding: 0 0 0 10px;
      border-right: solid 1px var(--darkgray);
      padding-bottom: 1px;
      font-weight: normal;
      width: 30%;
    }

    & dd {
      padding: 0 0 0 10px;
      width: 65%;
    }

    &:last-child {
      border-bottom: none;
    }
  }
}

p.data_note {
  /* データの日付 */
  font-size: 80%;
  text-align: left;
  line-height: 150%;
  padding-right: 20px;
}

/* メインに学べる分野 */
.bunya {
  margin: 30px 0 0;
  width: 100%;
}

.bunya_ttl {
  font-size: 1.6em;
  margin-bottom: 10px;
  display: inline-block;
  padding: 0 15px;
  border-radius: 9999px;
}

.bunya_list {
  display: flex;
  width: 80%;
  flex-wrap: wrap;
  gap: 0 20px;

  & li {
    margin: 0;
    padding: 0;
    display: flex;
    align-items: center;

    &::before {
      content: '#';
      font-size: 1.4em;
      font-weight: 900;
      margin: 0 3px 1px 0;
    }
  }
}




/*============センターセクション==========*/
.ttl_hl {
  font-size: 2em;
  text-align: center;
  margin-top: 40px;

  &:before {
    content: "";
    display: block;
    width: 230px;
    height: 20px;
    margin: 0 auto 15px;
  }
}

/* 大枠section */
.renew_wrap_middle {
  width: 90%;
  max-width: 1200px;
  margin: 0 auto 80px;
  text-align: justify;
}

/* 内容contents */
.faculead {
  margin: 30px 0 0 0;
  width: 100%;

  /* 〇〇にFit! */
  & h3 {
    position: relative;
    line-height: 1.2em;
    margin-top: 80px;

    & > span {
      /* 〇〇に */
      position: absolute;
      top: 6px;
      font-size: 1.2em;
      font-weight: 700;
      width: calc(100% - 170px);
      margin-left: 170px;
      text-indent: -170px;
    }

    & img {
      /* Fit! */
      width: 170px;
    }
    &.why{
      & > span{
        width: calc(100% - 130px);
        font-size: 1.5em;
        padding-bottom: 6px;
        top: 18px;
        margin-left: -20px;
        text-indent: 20px;
      }
      & img{
        /* why! */
        width: 130px;
      }
    }
  }

  & p {
    letter-spacing: normal !important;

    &.text-l {
      /* テキスト大 */
      font-size: 2em;
      line-height: 1.3;
      margin: 20px 0 15px;
    }

    &.text-m {
      /* テキスト中 */
      font-size: 1.6em;
      padding-right: 50px;
      margin: 20px 0 15px;
    }

    &.text-m span {
      /* テキスト小 */
      font-size: 0.7em;
      display: block;
      line-height: 1.3;
    }
  }

}

/* pickup */
.pickup {
  margin: 40px 0 0 0;
  padding: 20px;
  width: 100%;
  display: flex;
  align-items: start;

  & .pickup-text {
    position: relative;
    margin: 0 20px 0 100px;
  }

  & .pickup-text::before {
    /* ざぶとん */
    content: 'PICKUP';
    position: absolute;
    top: 0;
    left: -100px;
    width: 80px;
    height: 30px;
    color: var(--white);
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 0.85em;
  }

  & .pickup-text::after {
    /* ▶ */
    content: '';
    position: absolute;
    top: calc((30px - 8px) / 2);
    left: -20px;
    width: 0;
    height: 0;
    border-style: solid;
    border-top: 4px solid transparent;
    border-bottom: 4px solid transparent;
    border-right: 0;
  }

  & .pickup-text span {
    /* 太字 */
    display: block;
    font-size: 1.2em;
    font-weight: 700;

    &>span {
      font-size: 0.7em;
      display: inline-block;
    }
  }

  & img.pickup-img {
    /* 右サムネ */
    display: block;
    width: 250px;
  }

  & img.pickup-img.img_w280 {
    width: 280px;
  }
}

.gaiyo_flexbox {
  display: flex;
}



/* 知りたいにFit!(キーワード) */
.keyword {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  grid-template-rows: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
  gap: 30px;
  grid-auto-flow: row;

  & .title {
    grid-area: title;
  }
}

/* key アニメーション */
.motion01 {
  animation: key_motion01 10s ease-in-out infinite;
}

@keyframes key_motion01 {

  0%,
  100% {
    transform: scale(1);
  }

  33% {
    transform: scale(1.08);
  }

  66% {
    transform: scale(0.88);
  }
}

.motion02 {
  animation: key_motion02 10s ease-in-out infinite;
  animation-delay: 850ms;
}

@keyframes key_motion02 {

  0%,
  100% {
    transform: rotateX(0);
  }

  33% {
    transform: rotateX(360deg);
  }

  66% {
    transform: rotateX(0);
  }
}

.motion03 {
  animation: key_motion03 10s ease-in-out infinite;
  animation-delay: 1050ms;
  transform-origin: top right;
}

@keyframes key_motion03 {

  0%,
  100% {
    transform: rotate(0);
  }

  33% {
    transform: rotate(10deg);
  }

  66% {
    transform: rotate(-10deg);
  }
}

.motion04 {
  animation: key_motion04 10s ease-in-out infinite;
  animation-delay: 208ms;
}

@keyframes key_motion04 {

  0%,
  20%,
  100% {
    opacity: 1;
  }

  33% {
    opacity: 0;
  }

  38% {
    opacity: 1;
  }

  40% {
    opacity: 0;
  }

  42% {
    opacity: 1;
  }

  48% {
    opacity: 0.3;
  }

  56% {
    opacity: 1;
  }
}

.motion05 {
  animation: key_motion05 10s ease-in-out infinite;
}

@keyframes key_motion05 {

  0%,
  100% {
    transform: scale(1, 1);
  }

  33% {
    transform: scale(1, 1.08);
  }

  66% {
    transform: scale(1, 0.88);
  }
}

.motion06 {
  animation: key_motion06 10s ease-in-out infinite;
}

@keyframes key_motion06 {

  0%,
  100% {
    transform: skew(0deg, 0deg);
  }

  50% {
    transform: skew(6deg, 6deg);
  }
}

.motion07 {
  animation: key_motion07 10s ease-in-out infinite;
  animation-delay: 1850ms;
}

@keyframes key_motion07 {

  0%,
  100% {
    transform: rotateY(0);
  }

  33% {
    transform: rotateY(360deg);
  }

  66% {
    transform: rotateZY(0);
  }
}

.motion08 {
  animation: key_motion08 10s ease-in-out infinite;
}

@keyframes key_motion08 {

  0%,
  100% {
    transform: skew(0deg, 0deg);
  }

  50% {
    transform: skew(-6deg, -6deg);
  }
}




/* INTERVIEW */
.facusystem {
  background-color: var(--white);
  display: flex;
}

.facusystem_cont {
  margin: 0 auto;
  display: flex;
  flex-direction: column;

  & article {
    display: flex;
    justify-content: center;
    align-items: center;
    & ol {
      display: flex;
      flex-direction: column;
    }

    & a img {
      width: 270px;
    }
  }

  & p.t_l {
    padding-right: 50px;
  }

  & p.t_s {
    font-size: 0.8em;
    padding: 30px 0 0 50px;
  }

}
.facufeature_d p.t_s {
  font-size: 0.8em;
}

section.interview {
  & h3 {
    font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
    font-weight: 900;
    font-size: 1.7em;
    display: flex;
    align-items: center;
    margin-bottom: 15px;

    &::before {
      content: '内定者 INTERVIEW';
      color: var(--white);
      padding: 7px 12px;
      border-radius: 9999px;
      font-size: 0.7em;
      margin-right: 10px;
      font-weight: 500;
    }
  }

  & .interview_contents {
    & .interview_figcaption {
      & .interview_title {
        font-weight: 700;
      }

      & .interview_color {
        font-weight: 700;
        margin-bottom: 10px;
        font-size: 1.6em;
      }

      & .interview_box {
        font-weight: 700;
        padding: 3px 10px;
        font-size: 1.2em;
        margin-bottom: 10px;
        display: inline-block;
      }

      & .interview_text {
        margin-bottom: 30px;
      }

      & .interview_article {
        flex-direction: column;
        align-items: flex-start;

        & .course,
        & .from {
          font-size: 0.8em;
        }

        & .work {
          &::before {
            content: '内定先';
            padding: 2px 5px;
            color: var(--white);
            margin-right: 5px;
            border-radius: 8px;
          }
        }
      }
    }

    & figure {
      & img {
        width: 90%;
      }
    }
  }
}

.fleximg {
  display: flex;
  gap: 30px;

  & img {
    width: 350px;
  }
}


/* 卒業後の主な進路 */
.facuccareer {
  /* 左右分け */
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.career_design {
  /* 左 */
  width: 50%;

  & dl {
    /* 文字リスト */
    margin-bottom: 20px;

    & dt {
      font-size: 1.1em;
    }
  }
}

.career_list_wrap {
  /* 右 */
  padding: 30px 0 0 20px;

  & .career_list_wrap div {
    width: 90%;
    margin: 0;
  }
}

.graph {
  background: var(--white);
  max-width: 500px;
  margin: 0 auto;
  position: relative;
  padding-bottom: 50px;

  & img {
    /* 横グラフ（画像） */
    width: 100%;
    margin-bottom: 15px;
  }

  & dl {
    position: absolute;
    top: 37%;
    right: -40px;
  }

  & dt {
    /* 年度 */
    font-weight: normal;
    font-size: 0.9em;
  }

  & dd {
    /* 名 */
    font-weight: bold;
    font-size: 2em;
    margin-bottom: 10px;

    & span {
      font-size: 0.5em;
    }
  }
}

.graph_ex_txt {
  /* ※ */
  font-size: 0.8em;
  text-indent: -1em;
  padding-right: 1em;
  line-height: 130%;
  max-width: 80%;
  position: absolute;
  bottom: 10px;
  right: 10px;
}



/*------------学科紹介--------------------------*/
/*トグル*/
.toggle_contents {
  border: 1px solid var(--blue);
  margin: 30px auto 0;

  & dd {
    background-color: var(--white);
    padding: 10px 50px 50px;
  }
}

.toggle_title {
  position: relative;
  cursor: pointer;
  background-color: var(--blue);
  transition: 0.3s;
  border-bottom: 1px solid var(--white);

  &:last-of-type {
    border-bottom: none;
  }

  & p {
    padding: 15px 35px;
    font-size: 1.9em;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 110%;
    word-break: break-word;
    text-align: left;
    & span {
      font-size: 0.5em;
      letter-spacing: 0;
      line-height: 130%;
    }
  }

  &:hover {
    background-color: #edf2ff;
    & p {
      color: var(--blue);
    }
  }
}
.toggle_btn {
  position: absolute;
  top: 50%;
  right: 20px;
  transform: translateY(-50%);
  background: var(--white);
  display: block;
  width: 50px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  border: 1px solid var(--blue);

  &:after,
  &:before {
    display: block;
    content: '';
    background-color: var(--blue);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    transition: 0.3s;
  }

  &:after {
    width: 50%;
    height: 1px;
  }

  &:before {
    width: 1px;
    height: 50%;
  }
}

.toggle_title.selected{
  & .toggle_btn{
    &:after {
      transform: rotate(45deg);
    }
    &:before {
      transform: rotate(45deg);
    }
  }
}


.toggle_contents{
  /*アコーディオンボックス内コンテンツ*/
  & .course {
    color: #c1ab05;
    font-weight: bold;
    font-size: 1.1em;
    line-height: 130%;
  }

  & dd {
    display: none;
    text-align: justify;
    & h3 {
      color: var(--blue);
      font-size: 1.9em;
      line-height: 130%;
      font-weight: bold;
      margin: 30px 0 10px;
    }
  }

}
.example {
  border-top: var(--blue) solid 1px;
  margin-top: 30px;

  & h4 {
    background-color: var(--blue);
    color: var(--white);
    display: inline-block;
    padding: 0.5em 1em;
    margin-bottom: 0.5em;
  }

  & p {
    color: var(--blue);
    font-size: 0.9em;
  }
}

/*アコーディオンなし学科BOX*/
.content_list {
  border: 1px solid var(--blue);
  max-width: 1000px;
  margin: 50px auto 0;
  width: 90%;

  & dt {
    font-family: 游明朝体, "Yu Mincho", YuMincho, "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", HiraMinProN-W3, "Noto Serif JP", serif;
    background-color: var(--blue);
    padding: 13px 35px 3px;
    font-size: 1.9em;
    color: var(--white);
    font-weight: bold;
    letter-spacing: 0.15em;
    line-height: 110%;
    & span {
      font-size: 0.5em;
      letter-spacing: 0;
    }
  }

  & dd {
    text-align: justify;
    background-color: var(--white);
    padding: 10px 50px 50px;
    & h3 {
      color: var(--blue);
      font-size: 1.9em;
      line-height: 130%;
      font-weight: bold;
      margin: 30px 0 10px;
    }
  }
}

.checkImg{
  width: 280px;
  display: block;
  margin: auto;
}

/**********************************************************/
/****** ページ別設定 ***************************************/
/**********************************************************/

/****************/
/* ↓ 法学 個別 ↓ */
/****************/
.law {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/law_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--law_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #dbd8e9 50%) no-repeat;
  }

  & .c_new {
    background: var(--law_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--law);
    color: var(--law);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--law);
  }

  & .topics-child {
    border-color: var(--law);
  }

  & .faculty_link li:hover {
    color: var(--law);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--law);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--law);
    color: var(--law);
  }

  & .campname {
    background-color: var(--law);
  }

  & .tex_c {
    color: var(--law);
  }

  & .c_sub {
    background-color: var(--law_accent);
  }

  & .c_thin {
    background-color: var(--law_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--law);
    color: var(--white);
    text-align: center;
    min-height: auto;
  }

  & .keyword {
    grid-template-areas: 
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key03 key03 key03 key03 ."
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key03 key03 key03 key03 ."
    "key01 key01 key01 key01 title title title title title title key03 key03 key03 key03 ."
    "key01 key01 key01 key01 title title title title title title key03 key03 key03 key03 ."
    "key04 key04 key04 key04 key04 key04 key07 key07 key07 . key05 key05 key05 key05 key05"
    "key04 key04 key04 key04 key04 key04 key07 key07 key07 . key05 key05 key05 key05 key05"
    "key06 key06 key06 key06 key06 key06 key07 key07 key07 key08 key08 key08 key08 key08 key08"
    "key06 key06 key06 key06 key06 key06 key07 key07 key07 key08 key08 key08 key08 key08 key08"; 

    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
    }

    & .key03 {
      grid-area: key03;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
    }

    & .key06 {
      grid-area: key06;
    }

    & .key07 {
      grid-area: key07;
    }

    & .key08 {
      grid-area: key08;
    }
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--law);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--law);
        }

        & .interview_box {
          color: var(--law);
          border: 1px solid var(--law);
        }

        & article {
          & .work::before {
            background-color: var(--law);
          }
        }
      }
    }
  }

  .pickup-text::before {
    background: var(--law);
  }

  .pickup-text::after {
    border-left: 13px solid var(--law);
  }

  .bunya_list li::before {
    color: var(--law);
  }
}

/****************/
/* ↑ 法学 個別 ↑ */
/****************/


/******************/
/* ↓ 経済学 個別 ↓ */
/******************/
.economics {
  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
    &.department{
      /* grid-template-columns: repeat(auto-fit, minmax(450px, 1fr)); */
      & img{
        margin: 0 auto;
        width: 90%;
      }
    }
  }

  /* 学びにFit! */
  & .course_container {
    /* 学科 */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
  }

  & .course_title {
    /* 学科タイトル字 */
    background: var(--economics);
    color: var(--white);
    text-align: center;
    padding: 8px 0;
    margin-bottom: 10px;
  }

  & .course_list li {
    &:first-child {
      /* 最初だけ色文字 */
      color: var(--economics);
      font-weight: 700;
    }

    &:not(:first-child):before {
      /* liststyle代わり */
      content: '\025cf';
      color: var(--economics);
    }
  }

  /* 興味にFit! */
  & .program_title {
    /* 色文字タイトル */
    font-size: 1.4em;
    font-weight: 700;
    color: var(--economics);
    line-height: 1.5;
    margin-bottom: 15px;
  }

  & .program_list {
    & dt::before {
      /* liststyle代わり */
      content: '◆';
      color: var(--economics);
      margin-right: 3px;
    }

    & dd {
      margin-bottom: 15px;

      & img {
        width: 300px;
        display: block;
        margin: 0 auto;
      }
    }

  }

  /* 学生ラウンジ */
  & section.lounge {
    & h3 {
      font-family: 'Noto Sans JP', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
      font-weight: 900;
      font-size: 1.7em;
      display: flex;
      align-items: center;
      margin-bottom: 15px;
    }

    & .lounge_contents {
      margin-bottom: 20px;

      & .lounge_figcaption {
        & .lounge_text {
          margin-bottom: 30px;
        }

        & .lounge_article {
          flex-direction: column;
          align-items: flex-start;

          & .course,
          & .from {
            font-size: 0.8em;
          }

          & .work {
            display: flex;
            align-items: center;
            &::before {
              content: '内定先';
              padding: 2px 5px;
              color: var(--white);
              margin-right: 5px;
              border-radius: 8px;
            }
          }
        }
      }

      & figure {
        & img {
          max-width: 500px;
        }
      }
    }

    & .lounge_img {
      display: grid;
      grid-template-columns: 3fr 1.34fr;
      gap: 20px;

      & .l_col {
        & img {
          width: 100%;
        }
      }

      & .r_col {
        & img {
          width: 100%;
        }
      }
    }
  }

  & .ribbon-heading {
    display: inline-block;
    padding: 20px 24px 25px;
    color: #008cd6;
    line-height: 1.4;
    text-align: center;
    position: relative;
    position: unset !important;
    width: unset !important;
    margin: 0 30px 0 0 !important;
    text-indent: unset !important;
    font-size: 0.47794em !important;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Cpath d='M4 5 L4 46' fill='none' stroke='%23008cd6' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M4 58 L4 95' fill='none' stroke='%23f18d8d' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M4 96 L50 86 L96 96' fill='none' stroke='%23008cd6' stroke-width='4.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M4 4 L96 4' fill='none' stroke='%23008cd6' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M96 5 L96 46' fill='none' stroke='%23008cd6' stroke-width='4.5' stroke-linecap='round'/%3E%3Cpath d='M96 58 L96 95' fill='none' stroke='%23f18d8d' stroke-width='4.5' stroke-linecap='round'/%3E%3C/svg%3E");

    background-size: 100% 100%;
    background-position: center;
    background-repeat: no-repeat;
    clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 50% 90%, 0% 100%);
  }


  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/economics_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--economics_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #a6e3f4 50%) no-repeat;
  }

  & .c_new {
    background: var(--economics_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--economics);
    color: var(--economics);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--economics);
  }

  & .topics-child {
    border-color: var(--economics);
  }

  & .faculty_link li:hover {
    color: var(--economics);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--economics);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--economics);
    color: var(--economics);
  }

  & .campname {
    background-color: var(--economics);
  }

  & .tex_c {
    color: var(--economics);
  }

  & .c_sub {
    background-color: var(--economics_accent);
  }

  & .c_thin {
    background-color: var(--economics_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--economics);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas:
      "key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 . title title title title title title . key03 key03 key03 . ."
      "key01 key01 key01 . title title title title title title . key03 key03 key03 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 . ."
      ". . . . . key05 key05 key05 key05 . key07 key07 key07 key07 . ."
      ". . . . . key05 key05 key05 key05 . key07 key07 key07 key07 . .";

    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
      padding-top: 40px;
    }

    & .key03 {
      grid-area: key03;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
    }

    & .key06 {
      grid-area: key06;
      padding-left: 30px;
    }

    & .key07 {
      grid-area: key07;
      padding-left: 50px;
    }
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--economics);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--economics);
        }

        & .interview_box {
          color: var(--economics);
          border: 1px solid var(--economics);
        }

        & article {
          & .work::before {
            background-color: var(--economics);
          }
        }
      }
    }
  }

  & .pickup-text{
    &.qr{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 15px;
      & p{flex: 3 1 300px;}
      & a{flex: 1 1 230px;}
    }
    &::before {
      background: var(--economics);
    }

    &::after {
      border-left: 13px solid var(--economics);
    }
  }
  .bunya_list li::before {
    color: var(--economics);
  }
}

/******************/
/* ↑ 経済学 個別 ↑ */
/******************/


/******************/
/** ↓ 商学 個別 ↓ **/
/******************/
.commerce {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/commerce_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--commerce_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #c0e3c6 50%) no-repeat;
  }

  & .c_new {
    background: var(--commerce_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--commerce);
    color: var(--commerce);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--commerce);
  }

  & .topics-child {
    border-color: var(--commerce);
  }

  & .faculty_link li:hover {
    color: var(--commerce);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--commerce);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--commerce);
    color: var(--commerce);
  }

  & .campname {
    background-color: var(--commerce);
  }

  & .tex_c {
    color: var(--commerce);
  }

  & .c_sub {
    background-color: var(--commerce_accent);
  }

  & .c_thin {
    background-color: var(--commerce_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--commerce);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas: 
    "key01 key01 key01 . key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 ."
    "key01 key01 key01 . key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 ."
    "key01 key01 key01 . title title title title title title . key03 key03 key03 ."
    "key01 key01 key01 . title title title title title title . key03 key03 key03 ."
    "key04 key04 key04 key04 key04 key05 key05 key05 . . . key03 key03 key03 ."
    "key04 key04 key04 key04 key04 key05 key05 key05 . key06 key06 key06 key06 key06 ."
    "key04 key04 key04 key04 key04 key05 key05 key05 . key06 key06 key06 key06 key06 ."
    ". . . . . key05 key05 key05 . key06 key06 key06 key06 key06 ."; 


    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
      margin-top: 30px;
    }

    & .key03 {
      grid-area: key03;
      margin-left: 15px;
    }

    & .key04 {
      grid-area: key04;
      margin-top: 30px;
    }

    & .key05 {
      grid-area: key05;
      margin-left: 10px;
    }

    & .key06 {
      grid-area: key06;
    }

  }

  section.interview {
    & h3 {
      &::before {
        background-color: var(--commerce);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--commerce);
        }

        & .interview_box {
          color: var(--commerce);
          border: 1px solid var(--commerce);
        }

        & article {
          & .work::before {
            background-color: var(--commerce);
          }
        }
      }
    }
  }


  & .pickup-text::before {
    background: var(--commerce);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--commerce);
  }

  & .bunya_list li::before {
    color: var(--commerce);
  }

  /*ここから共通じゃないもの*/

  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;

    & li img {
      width: 100%;
    }
  }


  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
  }

  & .commerce_puList {
    min-width: 260px;
  }

  & .commerce_puList li {
    &:first-child {
      /* 最初だけ色文字 */
      color: var(--white);
      background: var(--commerce);
      font-weight: 700;
      padding: 3px 10px;
    }

    &:not(:first-child):before {
      /* liststyle代わり */
      content: '●';
      color: var(--commerce);
      margin-right: 3px;
      padding-left: 5px;
    }
  }

  & .pickup_r {
    display: flex;
    flex-direction: column;
    gap: 20px;
    margin: 0 auto;

    & img.pickup-img {
      min-width: 260px;
    }
  }

  /* 興味にFit! */
  & .flex_explanation {
    background: var(--commerce_pale);
    padding: 30px;
  }

  & .flex_course {
    /* 左右わけ */
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
    gap: 25px;
  }

  & ol.flex_course_list {
    /* コース毎 */
    text-align: center;
    margin-bottom: 20px;

    &:first-child {
      border: none;
    }
  }

  & ol.flex_course_list li {
    margin-bottom: 8px;
    min-width: 260px;
    width: 100%;

    &:first-child {
      display: inline-block;
      padding: 10px 0 25px;
      background-color: var(--commerce);
      color: var(--white);
      font-weight: bold;
      /* 左上(0,0) → 右上(100,0) → 右下(100,60) → 中央下(50,100) → 左下(0,60) */
      clip-path: polygon(0% 0%, 100% 0%, 100% 60%, 50% 100%, 0% 60%);
    }

    &:nth-child(2) {
      background: var(--white);
      color: var(--commerce);
      border: 1px solid var(--commerce);
      padding: 8px 0;
    }

    &:nth-child(3) {
      background-color: var(--commerce_accent);
      color: var(--white);
      padding: 10px 0;
    }
  }

  & .flex_course_title {
    color: var(--commerce);
    font-weight: 700;
    font-size: 1.4em;
    text-indent: -0.5em;
  }

  & .flex_course_text {
    font-size: 0.9em;
    margin-top: 10px;
  }

  & .flex_course_dl {
    /* 違い */
    display: grid;
    grid-template-columns: 1.5fr 5fr;
    border-top: 1px solid var(--darkgray);

    & dt {
      padding: 15px;
      border-bottom: 1px solid var(--darkgray);
    }

    & dd {
      padding: 15px;
      border-left: 1px solid var(--darkgray);
      border-bottom: 1px solid var(--darkgray);
    }
  }

  & .program_title {
    /* 色文字タイトル */
    font-size: 1.4em;
    font-weight: 700;
    color: var(--commerce);
    line-height: 1.5;
    margin-bottom: 15px;
  }

  & .l_col .program_list dt {
    font-weight: normal;

    &::before {
      content: none;
    }
  }

  & .r_col .program_list dt::before {
    /* liststyle代わり */
    content: '◆';
    color: var(--commerce);
    margin-right: 3px;
  }

  & .program_list dd {
    margin-bottom: 15px;
  }

  & .r_col dl dd img {
    max-width: 300px;
    display: block;
    margin: 0 auto;
  }

  & .l_col .program_list dd img {
    width: 100%;
    margin-top: 15px;
  }
  & .pickup.career{
    display: block;
    & .pickup-text span {
      color: var(--commerce);
    }
    & .faculead{
      display: grid;
      gap: 30px;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      & .l_col .program_list dt,
      & .r_col .program_list dt{
        font-weight: bold;
        & span{
          display: block;
          color: var(--commerce);
          font-size: 1.2em;
        }
        &::before {
          /* liststyle代わり */
          content: '◆';
          color: var(--commerce);
          margin-right: 3px;
        }
      }
    }
  }

}

/******************/
/** ↑ 商学 個別 ↑ **/
/******************/





/**********************/
/** ↓ 理工共通 個別 ↓ **/
/**********************/
.fundamental, .society, .advanced{
  & .pickup.career{
    display: block;
    & .faculead{
      display: grid;
      gap: 30px;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      & .l_col .program_list dt,
      & .r_col .program_list dt{
        font-weight: bold;
        & span{
          display: block;
          font-size: 1.2em;
        }
        &::before {
          /* liststyle代わり */
          content: '◆';
          margin-right: 3px;
        }
      }
    }
    & .di_caption{
      margin-bottom: 30px;
      & .di_title{
        font-weight: bold;
        font-size: 1.5em;
        margin: 15px 0;
      }
      & ul{
        display: grid;
        gap: 30px;
        grid-template-columns: repeat(auto-fit, minmax(265px, 1fr));
        & li dl{
          & dt{
            padding: 10px;
            color: var(--white);
            min-height: 80px;
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
          }
          & dd{
            text-align: justify;
            padding: 0 5px;
          }
        }
      }
    }
    & .d_lounge{
        display: grid;
        grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
        gap: 30px;
      & .l_col{
        & p{
          margin-bottom: 15px;
          & span{
            font-weight: bold;
            margin: 15px 0;
            display: block;
          }
        }
        & .d_list{
          display: flex;
          background: var(--white);
          padding: 10px;
          & p{
            writing-mode: vertical-rl;
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 20px;
            margin: 0;
          }
          & ul{
            & li{
              &::before{
                content: '●';
                margin-right: 3px;
              }
            }
          }
        }
      }
      & .r_col{
        & img{
          width: 100%;
        }
      }
    }
  }
}

/**********************/
/** ↑ 理工共通 個別 ↑ **/
/**********************/




/**********************/
/** ↓ 基幹理工 個別 ↓ **/
/**********************/
.fundamental {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2025/fundamental_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--fundam_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #fdf0be 50%) no-repeat;
  }

  & .c_new {
    background: var(--fundam_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--fundam);
    color: var(--fundam);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--fundam);
  }

  & .topics-child {
    border-color: var(--fundam);
  }

  & .faculty_link li:hover {
    color: var(--fundam);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--fundam);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--fundam);
    color: var(--fundam);
  }

  & .campname {
    background-color: var(--fundam);
  }

  & .tex_c {
    color: var(--fundam);
  }

  & .c_sub {
    background-color: var(--fundam_accent);
  }

  & .c_thin {
    background-color: var(--fundam_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--fundam);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas: 
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 ."
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 ."
    "key01 key01 key01 key01 title title title title title title . key03 key03 key03 ."
    "key01 key01 key01 key01 title title title title title title . key03 key03 key03 ."
    "key04 key04 key04 key04 key04 key05 key05 key05 key05 key05 key05 key05 key05 key05 ."
    "key04 key04 key04 key04 key04 key06 key06 key06 key06 key06 key07 key07 key07 key07 ."
    ". . . . . key06 key06 key06 key06 key06 key07 key07 key07 key07 ."
    ". . . . . . . . . . key07 key07 key07 key07 ."; 

    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
    }

    & .key03 {
      grid-area: key03;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
    }

    & .key06 {
      grid-area: key06;
    }

    & .key07 {
      grid-area: key07;
    }
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--fundam);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--fundam);
        }

        & .interview_box {
          color: var(--fundam);
          border: 1px solid var(--fundam);
        }

        & article {
          & .work::before {
            background-color: var(--fundam);
          }
        }
      }
    }
  }

  & .pickup-text::before {
    background: var(--fundam);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--fundam);
  }

  & .bunya_list li::before {
    color: var(--fundam);
  }

  & .major {
    font-size: 1.4em;
  }


  /*ここから共通じゃないもの*/
  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
    margin-bottom: 130px;

    & li img {
      width: 100%;
    }
  }

  & .learning_list {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;

    & .learning_item {
      width: calc((100% - (20px * 2)) / 3);
      min-width: 200px;
      background: #f5f2ec;
      border-radius: 25px;
      padding: 15px;
      position: relative;
      margin-bottom: 40px;

      &::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-top: 20px solid var(--fundam);
        border-bottom: 0;
        position: absolute;
        bottom: -25px;
        right: 0;
        left: 0;
        margin: 0 auto;
      }

      &:first-of-type {
        & .learning_title {
          margin: 0.5em 0 0;
        }
      }

      & .learning_title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 1.5;
        min-height: 50px;

        & span {
          display: block;
          font-size: 0.8em;
        }
      }

      & .learning_keyword {
        text-align: center;

        & .learning_keyword_item {
          &:not(:first-child)::before {
            content: '●';
            color: var(--fundam);
          }

          &.subtitle {
            color: var(--fundam);
          }
        }
      }
    }
  }

  & .nurturing8 {
    background: #f5f2ec;
    border-radius: 25px;
    padding: 15px;
    text-align: center;

    & p {
      display: inline-block;
    }

    & .nurturing8_title {
      font-weight: bold;
      margin-bottom: 16px;
    }

    & .nurturing8_list {
      max-width: 600px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      margin: 0 auto 20px;

      & .nurturing8_listItem {
        padding: 8px 14px;
        background: var(--fundam);
        color: var(--white);
        border-radius: 8px;

      }
    }

    & .nurturing8_listItem_plus {
      padding: 8px 14px;
      background: var(--fundam);
      color: var(--white);
      border-radius: 8px;
      position: relative;
      margin-top: 60px;
      margin-bottom: 30px;

      &::before {
        content: '';
        position: absolute;
        top: -65px;
        left: 50%;
        width: 2px;
        /* 棒の太さ */
        height: 50px;
        /* 棒の長さ */
        background-color: #333;
        /* 棒の色 */
        transform: translateX(-50%);
      }

      &::after {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 50px;
        /* 棒の長さ */
        height: 2px;
        /* 棒の太さ */
        background-color: #333;
        /* 棒の色 */
        transform: translateY(-50%);
      }
    }
  }

  & .subject_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;

    /* & .subject_listItem{
    } */
    & .subject_listItem_detail {
      & li {
        margin-bottom: 0.5em;

        &:not(:first-child) {
          text-align: left;
          text-indent: -1em;
          padding-left: 1em;
        }

        &:not(:first-child)::before {
          content: '●';
          color: var(--fundam);
          text-indent: 1em;
        }

        &:first-child {
          padding: 4px;
          background: var(--white);
          border-radius: 8px;
          border: 1px solid var(--fundam);
        }
      }
    }
  }
  & .pickup.career{
    & .pickup-text span {
      color: var(--fundam);
    }
    & .faculead{
      & .l_col .program_list dt,
      & .r_col .program_list dt{
        & span{
          color: var(--fundam);
        }
        &::before {
          color: var(--fundam);
        }
      }
    }
    & .di_caption{
      & .di_title{
        color: var(--fundam);
      }
      & ul{
        & li dl{
          & dt{
            background: var(--fundam);
          }
        }
      }
    }
    & .d_lounge{
      & .l_col{
        & p{
          & span{
            color: var(--fundam);
          }
        }
        & .d_list{
          & ul{
            & li{
              &::before{
                color: var(--fundam);
              }
            }
          }
        }
      }
    }
  }
}

/**********************/
/** ↑ 基幹理工 個別 ↑ **/
/**********************/



/**********************/
/** ↓ 社会理工 個別 ↓ **/
/**********************/
.society {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2025/society_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--society_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #f1debf 50%) no-repeat;
  }

  & .c_new {
    background: var(--society_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--society);
    color: var(--society);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--society);
  }

  & .topics-child {
    border-color: var(--society);
  }

  & .faculty_link li:hover {
    color: var(--society);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--society);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--society);
    color: var(--society);
  }

  & .campname {
    background-color: var(--society);
  }

  & .tex_c {
    color: var(--society);
  }

  & .c_sub {
    background-color: var(--society_accent);
  }

  & .c_thin {
    background-color: var(--society_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--society);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas:
      "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
      "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
      "key01 key01 key01 key01 . key05 key05 key05 key05 . . key03 key03 key03 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 key06 ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 key06 ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 key06 .";

    & .key01 {
      grid-area: key01;
      margin-top: 90px;
      margin-right: 50px;
    }

    & .key02 {
      grid-area: key02;
      margin-left: 30px;
      margin-right: 30px;
    }

    & .key03 {
      grid-area: key03;
      margin-left: 20px;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
      margin-left: 30px;
      margin-right: 30px;
    }

    & .key06 {
      grid-area: key06;
      margin-left: 30px;
    }

    & .key07 {
      grid-area: key07;
    }
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--society);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--society);
        }

        & .interview_box {
          color: var(--society);
          border: 1px solid var(--society);
        }

        & article {
          & .work::before {
            background-color: var(--society);
          }
        }
      }
    }
  }

  & .pickup-text::before {
    background: var(--society);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--society);
  }

  & .bunya_list li::before {
    color: var(--society);
  }

  & .major {
    font-size: 1.4em;
  }

  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
    margin-bottom: 130px;

    & li img {
      width: 100%;
    }
  }

  & .learning_list {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;

    & .learning_item {
      width: calc((100% - (20px * 2)) / 3);
      min-width: 200px;
      background: #f5f2ec;
      border-radius: 25px;
      padding: 15px;
      position: relative;
      margin-bottom: 40px;

      &::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-top: 20px solid var(--society);
        border-bottom: 0;
        position: absolute;
        bottom: -25px;
        right: 0;
        left: 0;
        margin: 0 auto;
      }

      &:first-of-type {
        & .learning_title {
          margin: 0.5em 0 0;
        }
      }

      & .learning_title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 1.5;
        min-height: 50px;

        & span {
          display: block;
          font-size: 0.8em;
        }
      }

      & .learning_keyword {
        text-align: center;

        & .learning_keyword_item {
          &:not(:first-child)::before {
            content: '●';
            color: var(--society);
          }

          &.subtitle {
            color: var(--society);
          }
        }
      }
    }
  }

  & .nurturing8 {
    background: #f5f2ec;
    border-radius: 25px;
    padding: 15px;
    text-align: center;

    & p {
      display: inline-block;
    }

    & .nurturing8_title {
      font-weight: bold;
      margin-bottom: 16px;
    }

    & .nurturing8_list {
      max-width: 600px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      margin: 0 auto 20px;

      & .nurturing8_listItem {
        padding: 8px 14px;
        background: var(--society);
        color: var(--white);
        border-radius: 8px;

      }
    }

    & .nurturing8_listItem_plus {
      padding: 8px 14px;
      background: var(--society);
      color: var(--white);
      border-radius: 8px;
      position: relative;
      margin-top: 60px;
      margin-bottom: 30px;

      &::before {
        content: '';
        position: absolute;
        top: -65px;
        left: 50%;
        width: 2px;
        /* 棒の太さ */
        height: 50px;
        /* 棒の長さ */
        background-color: #333;
        /* 棒の色 */
        transform: translateX(-50%);
      }

      &::after {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 50px;
        /* 棒の長さ */
        height: 2px;
        /* 棒の太さ */
        background-color: #333;
        /* 棒の色 */
        transform: translateY(-50%);
      }
    }
  }

  & .subject_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;

    /* & .subject_listItem{
    } */
    & .subject_listItem_detail {
      & li {
        margin-bottom: 0.5em;

        &:not(:first-child) {
          text-align: left;
          text-indent: -1em;
          padding-left: 1em;
        }

        &:not(:first-child)::before {
          content: '●';
          color: var(--society);
          text-indent: 1em;
        }

        &:first-child {
          padding: 4px;
          background: var(--white);
          border-radius: 8px;
          border: 1px solid var(--society);
        }

        & span {
          font-weight: bold;

          &::after {
            display: block;
            content: '';
          }
        }
      }
    }
  }
  & .pickup.career{
    & .pickup-text span {
      color: var(--society);
    }
    & .faculead{
      & .l_col .program_list dt,
      & .r_col .program_list dt{
        & span{
          color: var(--society);
        }
        &::before {
          color: var(--society);
        }
      }
    }
    & .di_caption{
      & .di_title{
        color: var(--society);
      }
      & ul{
        & li dl{
          & dt{
            background: var(--society);
          }
        }
      }
    }
    & .d_lounge{
      & .l_col{
        & p{
          & span{
            color: var(--society);
          }
        }
        & .d_list{
          & ul{
            & li{
              &::before{
                color: var(--society);
              }
            }
          }
        }
      }
    }
  }}

/**********************/
/** ↑ 社会理工 個別 ↑ **/
/**********************/

/**********************/
/** ↓ 先進理工 個別 ↓ **/
/**********************/
.advanced {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2025/advanced_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--advanced_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #f2ddd0 50%) no-repeat;
  }

  & .c_new {
    background: var(--advanced_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--advanced);
    color: var(--advanced);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--advanced);
  }

  & .topics-child {
    border-color: var(--advanced);
  }

  & .faculty_link li:hover {
    color: var(--advanced);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--advanced);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--advanced);
    color: var(--advanced);
  }

  & .campname {
    background-color: var(--advanced);
  }

  & .tex_c {
    color: var(--advanced);
  }

  & .c_sub {
    background-color: var(--advanced_accent);
  }

  & .c_thin {
    background-color: var(--advanced_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--advanced);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas:
      "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
      "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
      "key01 key01 key01 key01 . key05 key05 key05 key05 . . key03 key03 key03 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 key06 ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 key06 ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 key06 .";

    & .key01 {
      grid-area: key01;
      margin-top: 90px;
      margin-right: 50px;
    }

    & .key02 {
      grid-area: key02;
      margin-left: 30px;
      margin-right: 30px;
    }

    & .key03 {
      grid-area: key03;
      margin-left: 20px;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
      margin-left: 30px;
      margin-right: 30px;
    }

    & .key06 {
      grid-area: key06;
      margin-left: 30px;
    }

    & .key07 {
      grid-area: key07;
    }
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--advanced);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--advanced);
        }

        & .interview_box {
          color: var(--advanced);
          border: 1px solid var(--advanced);
        }

        & article {
          & .work::before {
            background-color: var(--advanced);
          }
        }
      }
    }
  }

  & .pickup-text::before {
    background: var(--advanced);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--advanced);
  }

  & .bunya_list li::before {
    color: var(--advanced);
  }

  & .major {
    font-size: 1.4em;
  }

  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
    margin-bottom: 130px;

    & li img {
      width: 100%;
    }
  }

  & .learning_list {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;

    & .learning_item {
      width: calc((100% - (20px * 2)) / 3);
      min-width: 200px;
      background: #f5f2ec;
      border-radius: 25px;
      padding: 15px;
      position: relative;
      margin-bottom: 40px;

      &::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-top: 20px solid var(--advanced);
        border-bottom: 0;
        position: absolute;
        bottom: -25px;
        right: 0;
        left: 0;
        margin: 0 auto;
      }

      &:first-of-type {
        & .learning_title {
          margin: 0.5em 0 0;
        }
      }

      & .learning_title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 1.5;
        min-height: 50px;

        & span {
          display: block;
          font-size: 0.8em;
        }
      }

      & .learning_keyword {
        text-align: center;

        & .learning_keyword_item {
          &:not(:first-child)::before {
            content: '●';
            color: var(--advanced);
          }

          &.subtitle {
            color: var(--advanced);
          }
        }
      }
    }
  }

  & .nurturing8 {
    background: #f5f2ec;
    border-radius: 25px;
    padding: 15px;
    text-align: center;

    & p {
      display: inline-block;
    }

    & .nurturing8_title {
      font-weight: bold;
      margin-bottom: 16px;
    }

    & .nurturing8_list {
      max-width: 600px;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      gap: 20px;
      justify-content: center;
      margin: 0 auto 20px;

      & .nurturing8_listItem {
        padding: 8px 14px;
        background: var(--advanced);
        color: var(--white);
        border-radius: 8px;

      }
    }

    & .nurturing8_listItem_plus {
      padding: 8px 14px;
      background: var(--advanced);
      color: var(--white);
      border-radius: 8px;
      position: relative;
      margin-top: 60px;
      margin-bottom: 30px;

      &::before {
        content: '';
        position: absolute;
        top: -65px;
        left: 50%;
        width: 2px;
        /* 棒の太さ */
        height: 50px;
        /* 棒の長さ */
        background-color: #333;
        /* 棒の色 */
        transform: translateX(-50%);
      }

      &::after {
        content: '';
        position: absolute;
        top: -40px;
        left: 0;
        right: 0;
        margin: 0 auto;
        width: 50px;
        /* 棒の長さ */
        height: 2px;
        /* 棒の太さ */
        background-color: #333;
        /* 棒の色 */
        transform: translateY(-50%);
      }
    }
  }

  & .subject_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;

    /* & .subject_listItem{
    } */
    & .subject_listItem_detail {
      & li {
        margin-bottom: 0.5em;

        &:not(:first-child) {
          text-align: left;
          text-indent: -1em;
          padding-left: 1em;
        }

        &:not(:first-child)::before {
          content: '●';
          color: var(--advanced);
          text-indent: 1em;
        }

        &:first-child {
          padding: 4px;
          background: var(--white);
          border-radius: 8px;
          border: 1px solid var(--advanced);
        }

        & span {
          font-weight: bold;

          &::after {
            display: block;
            content: '';
          }
        }
      }
    }
  }
  & .pickup.career{
    & .pickup-text span {
      color: var(--advanced);
    }
    & .faculead{
      & .l_col .program_list dt,
      & .r_col .program_list dt{
        & span{
          color: var(--advanced);
        }
        &::before {
          color: var(--advanced);
        }
      }
    }
  }
  & .pickup.career{
    & .pickup-text span {
      color: var(--advanced);
    }
    & .faculead{
      & .l_col .program_list dt,
      & .r_col .program_list dt{
        & span{
          color: var(--advanced);
        }
        &::before {
          color: var(--advanced);
        }
      }
    }
    & .di_caption{
      & .di_title{
        color: var(--advanced);
      }
      & ul{
        & li dl{
          & dt{
            background: var(--advanced);
          }
        }
      }
    }
    & .d_lounge{
      & .l_col{
        & p{
          & span{
            color: var(--advanced);
          }
        }
        & .d_list{
          & ul{
            & li{
              &::before{
                color: var(--advanced);
              }
            }
          }
        }
      }
    }
  }
  & .pickup.study{
    & .study_title{
      font-weight: bold;
      margin-bottom: 10px;
      & span{
        color: var(--advanced);
        font-size: 1.6em;
      }
    }
    & .study_text{
      & span{
        color: var(--advanced);
      }
    }
    & .pickup_r{
      display: flex;
      flex-direction: column;
      align-items: center;
      color: var(--advanced);
      gap: 10px;
      margin: 0 auto;
    }
  }
}

/**********************/
/** ↑ 先進理工 個別 ↑ **/
/**********************/




/******************/
/** ↓ 文学 個別 ↓ **/
/******************/

.letters {
  & .let_major {
    font-size: 1.4em;
  }
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/letters_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--letters_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #feb5dd 50%) no-repeat;
  }

  & .c_new {
    background: var(--letters_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--letters);
    color: var(--letters);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--letters);
  }

  & .topics-child {
    border-color: var(--letters);
  }

  & .faculty_link li:hover {
    color: var(--letters);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--letters);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--letters);
    color: var(--letters);
  }

  & .campname {
    background-color: var(--letters);
  }

  & .tex_c {
    color: var(--letters);
  }

  & .c_sub {
    background-color: var(--letters_accent);
  }

  & .c_thin {
    background-color: var(--letters_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--letters);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
      grid-template-areas: 
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key03 key03 key03 key03 ."
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key03 key03 key03 key03 ."
    "key01 key01 key01 key01 title title title title title title key03 key03 key03 key03 ."
    "key01 key01 key01 key01 title title title title title title key03 key03 key03 key03 ."
    "key04 key04 key04 key04 key04 key04 key04 key04 key05 key05 key05 key05 key05 . ."
    "key06 key06 key06 key06 key07 key07 key07 key07 key05 key05 key05 key05 key05 . ."
    "key06 key06 key06 key06 key07 key07 key07 key07 key08 key08 key08 key08 key08 key08 ."
    "key06 key06 key06 key06 key07 key07 key07 key07 key08 key08 key08 key08 key08 key08 ."; 
}

    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
      padding-top: 20%;
    }

    & .key03 {
      grid-area: key03;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
    }

    & .key06 {
      grid-area: key06;
    }

    & .key07 {
      grid-area: key07;
    }

    & .key08 {
      grid-area: key08;
    }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--letters);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--letters);
        }

        & .interview_box {
          color: var(--letters);
          border: 1px solid var(--letters);
        }

        & article {
          & .work::before {
            background-color: var(--letters);
          }
        }
      }
    }
  }

  & .pickup-text::before {
    background: var(--letters);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--letters);
  }

  & .bunya_list li::before {
    color: var(--letters);
  }

  & .major {
    font-size: 1.4em;
  }

  /*ここから共通じゃないもの*/
  & .gaiyo_flexbox {
    gap: 30px;

    & .r_col {
      & img {
        max-width: 500px;
      }
    }
  }

  & .let_gaiyo_box {
    display: flex;
    background: linear-gradient(transparent 40%, #ef72a2 40%, #ef72a2 60%, transparent 0%);
  }

  & .let_gaiyo {
    display: flex;
    width: 30%;
    flex-direction: column;
    background-color: antiquewhite;
    padding: 20px;
    margin: 0 5% 0 0;
    text-align: justify;
  }

  & .let_gaiyo:last-child {
    margin: 0;
  }

  & .let_gaiyo span {
    font-size: 1.3em;
    font-weight: 500;
    text-align: center;
    padding-bottom: 10px;
  }

  & .let_gaiyo img {
    padding-top: 10px;
    margin: 0 -20px -20px;
  }

  & .let_intro {
    border: 1px solid var(--letters);
    display: inline-block;
    font-size: 1.5em;
    padding: 0.5em;
    font-weight: bold;
    width: 100%;
    text-align: center;
    margin: 30px auto 0;
  }

  & .let_course {
    display: inline-block;
    font-size: 1.5em;
    color: var(--letters);
  }

  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
  }

  & .program_title {
    /* 色文字タイトル */
    font-size: 1.4em;
    font-weight: 700;
    color: var(--letters);
    line-height: 1.5;
    margin-bottom: 15px;
  }

  & .program_list {
    & dt::before {
      /* liststyle代わり */
      content: '◆';
      color: var(--letters);
      margin-right: 3px;
    }

    & dd {
      &.dd_flex {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;

        & span {
          background: var(--letters_accent);
          color: var(--white);
          padding: 6px 10px;
        }
      }

      & img {
        width: 300px;
        display: block;
        margin: 20px auto 0;
      }
    }
  }
  
  & .photo_list {
		display: grid;
		grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
		gap: 15px;
    & li img {
			width: 100%;
		}
	}
}

/******************/
/** ↑ 文学 個別 ↑ **/
/******************/


/******************/
/** ↓ 総政 個別 ↓ **/
/******************/

.policy {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/policystudies_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--policy_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #8ad3d3 50%) no-repeat;
  }

  & .c_new {
    background: var(--policy_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--policy);
    color: var(--policy);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--policy);
  }

  & .topics-child {
    border-color: var(--policy);
  }

  & .faculty_link li:hover {
    color: var(--policy);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--policy);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--policy);
    color: var(--policy);
  }

  & .campname {
    background-color: var(--policy);
  }

  & .tex_c {
    color: var(--policy);
  }

  & .c_sub {
    background-color: var(--policy_accent);
  }

  & .c_thin {
    background-color: var(--policy_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--policy);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas:
      "key01 key01 key01 . key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 . key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
      "key01 key01 key01 . title title title title title title . key03 key03 key03 . ."
      "key01 key01 key01 . title title title title title title . key03 key03 key03 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 . . key03 key03 key03 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 . ."
      "key04 key04 key04 key04 key04 key05 key05 key05 key05 key06 key06 key06 key06 key06 . ."
      ". . . . . key05 key05 key05 key05 key06 key06 key06 key06 key06 . .";

    & .key01 {
      grid-area: key01;
      margin-top: 40px;
    }

    & .key02 {
      grid-area: key02;
      margin-left: 50px;
    }

    & .key03 {
      grid-area: key03;
      margin-top: 25px;
    }

    & .key04 {
      grid-area: key04;
    }

    & .key05 {
      grid-area: key05;
      margin-left: 30px;
    }

    & .key06 {
      grid-area: key06;
      margin-top: 20px;
      margin-left: 20px;
    }
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--policy);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--policy);
        }

        & .interview_box {
          color: var(--policy);
          border: 1px solid var(--policy);
        }

        & article {
          & .work::before {
            background-color: var(--policy);
          }
        }
      }
    }
  }

  & .pickup-text::before {
    background: var(--policy);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--policy);
  }

  & .bunya_list li::before {
    color: var(--policy);
  }

  & .major {
    font-size: 1.4em;
  }

  /*ここから共通じゃないもの*/


  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
  }

  & .gaiyo_flexbox {
    gap: 30px;

    & .r_col {
      & img {
        max-width: 500px;
      }
    }
  }

  & .program_list {
    &>dt {
      color: var(--policy);
      font-weight: bold;
      font-size: 1.1em;
    }

    & dd {
      margin-bottom: 20px;
    }

    & dl.language {
      margin-top: 10px;

      & dt {
        &::before {
          content: '◆';
          color: var(--policy);
          margin-right: 3px;
        }
      }

      & dd {
        font-size: 0.9em;
      }
    }

    & .subject_dd {
      background: beige;
      padding: 20px;

      & p {
        color: var(--policy);
        font-weight: bold;
      }

      & .subject_menu {
        text-align: left;
        &:nth-of-type(1) {
          margin-bottom: 20px;
        }

        & li {
          text-indent: -1.5em;
          padding-left: 1em;

          &::before {
            content: '●';
            color: var(--policy);
            margin-right: 5px;
          }
        }
      }
    }
  }

  & .uniquelearning {
    & h3 {
      background-color: var(--policy);
      color: var(--white);
      font-weight: bold;
      font-size: 1.1em;
      padding: 15px;
      display: inline-block;
      margin-bottom: 20px;
    }

    & ul {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;

      & li {
        display: flex;
        flex-direction: column;

        & figcaption {
          margin-bottom: 20px;
          position: relative;
          & span {
            font-size: 1.3em;
            display: block;
            font-weight: bold;
            &:nth-of-type(2) {
              font-size: 0.8em;
              font-weight: normal;
              line-height: 1.4;
              margin-top: 10px;
            }
          }
          & sup{
            font-variant-position: super;
          }
        }

        & figure {
          margin-top: auto;
        }

        & img {
          width: 100%;
          aspect-ratio: 1 / 1;
          object-fit: cover;
        }
      }
    }
  }






  & .learningpickup {
    background-color: beige;
    flex-direction: column;
    padding: 50px;

    & .pickup-text {
      color: var(--policy);
      font-weight: bold;
      margin-bottom: 20px;
    }

    & h4 {
      width: 100%;
      background: var(--policy);
      text-align: center;
      padding: 10px;
      color: var(--white);
      font-size: 1.5em;
      font-weight: bold;
      margin-bottom: 20px;

      & span {
        font-size: 1.4em;
        margin-left: 0.5em;
      }
    }

    & .learningpickup_theme {
      border: 3px solid var(--policy_accent);
      border-radius: 16px;
      background: var(--white);
      width: 100%;
      padding: 35px;
      margin: 50px 0;
      display: flex;
      flex-direction: column;
      align-items: center;
      text-align: justify;

      & .learningpickup_theme_title {
        position: relative;
        background: var(--policy_accent);
        color: var(--white);
        padding: 0.5em 1em;
        margin: -60px 0 20px;

        &::after {
          content: '';
          position: absolute;
          bottom: -10px;
          left: 0;
          right: 0;
          margin: 0 auto;
          width: 0;
          height: 0;
          border-style: solid;
          border-right: 12px solid transparent;
          border-left: 12px solid transparent;
          border-top: 20px solid var(--policy_accent);
          border-bottom: 0;
        }
      }

      & ul {
        width: 100%;

        & li {
          text-indent: -1.5em;
          padding-left: 1em;
          line-height: 2.3;

          &::before {
            content: '●';
            color: var(--policy);
            margin-right: 0.5em;
          }
        }
      }

      & .caption {
        width: 100%;
        text-align: right;
        font-size: 0.85em;
      }
    }

    & article {
      display: flex;
      gap: 30px;
      margin-bottom: 30px;

      &:nth-of-type(1) {
        & img {
          width: calc((100% - 30px) / 2);
        }
      }

      &:nth-of-type(2) {
        & img {
          width: calc((100% - (30px * 2)) / 3);
        }
      }
    }

    & figcaption {
      margin-bottom: 20px;
    }

    & figure {
      width: 100%;

      & img {
        margin: 0 auto;
        display: block;
        max-width: 800px;
      }
    }
  }

}

/******************/
/** ↑ 総政 個別 ↑ **/
/******************/


/**********************/
/** ↓ 国際経営 個別 ↓ **/
/**********************/
.gm {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/gm_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--gm_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #acb9d3 50%) no-repeat;
  }

  & .c_new {
    background: var(--gm_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--gm);
    color: var(--gm);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--gm);
  }

  & .topics-child {
    border-color: var(--gm);
  }

  & .faculty_link li:hover {
    color: var(--gm);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--gm);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--gm);
    color: var(--gm);
  }

  & .campname {
    background-color: var(--gm);
  }

  & .tex_c {
    color: var(--gm);
  }

  & .c_sub {
    background-color: var(--gm_accent);
  }

  & .c_thin {
    background-color: var(--gm_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--gm);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas:
      "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
    "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
    "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
    "key01 key01 key01 key01 . . key05 key05 key05 . key06 key06 key06 key06 key06 ."
    "key04 key04 key04 key04 key04 key04 key05 key05 key05 . key06 key06 key06 key06 key06 ."
    "key04 key04 key04 key04 key04 key04 key05 key05 key05 key07 key07 key07 key07 key07 key07 ."
    "key04 key04 key04 key04 key04 key04 key05 key05 key05 key07 key07 key07 key07 key07 key07 ."; 

    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
      margin-left: 50px;
      margin-top: 30px;
    }

    & .key03 {
      grid-area: key03;
      margin-left: 60px;
      margin-top: 80px;
    }

    & .key04 {
      grid-area: key04;
      margin-top: 30px;
    }

    & .key05 {
      grid-area: key05;
    }

    & .key06 {
      grid-area: key06;
      margin-top: 50px;
    }

    & .key07 {
      grid-area: key07;
      margin-left: 20px;
    }

  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--gm);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--gm);
        }

        & .interview_box {
          color: var(--gm);
          border: 1px solid var(--gm);
        }

        & article {
          & .work::before {
            background-color: var(--gm);
          }
        }
      }
    }
  }

  & .pickup {
    align-items: unset;
    flex-direction: column;
    background: var(--gm_pale);

    & .pickup-text {
      margin: 0 20px 20px 100px;
      display: flex;
      align-items: center;
      height: 50px;
    }

    & .pickup-text::before {
      /* ざぶとん */
      background: var(--gm);
      white-space: pre;
      content: '4年間の\A成長STEP';
      display: block;
      height: auto;
      line-height: 1.2;
      padding: 10px 0;
    }

    & .pickup-text::after {
      /* ▶ */
      border-left: 13px solid var(--gm);
      top: calc((50px - 8px) / 2);
    }

    & .pickup-text span {
      /* 太字 */
      display: block;
      font-size: 1.2em;
      font-weight: 700;

      &>span {
        font-size: 0.7em;
        display: inline-block;
      }
    }

    & .pickup_caption {
      display: block;
      margin-bottom: 20px;
    }

    & .scroll {
      justify-content: center;
      & img {
        display: block;
				margin: 20px auto 0;
				width: 100%;
				max-width: 1100px;
				min-width: 600px;
      }
    }
  }

  & .bunya_list li::before {
    color: var(--gm);
  }

  & .major {
    font-size: 1.4em;
  }


  /*ここから共通じゃないもの*/

    & .glomac_standard {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
      & li {
        display: flex;
        flex-direction: column;
        margin-bottom: auto;
        &:first-of-type{
          padding: 0 10px 10px;
        }
        & dl{
          display: flex;
          flex-direction: column;
          & dt::before{
            content: '◆';
            color: var(--gm);
            margin-right: 3px;
          }
          & dd {
            background: var(--gm_pale);
            padding: 10px;
            margin-bottom: 15px;
            text-align: justify;
          }
        }
        &.subject{
          & dd{
            display: flex;
            align-items: center;
            & img{
              width: 85px;
            }
            & p{
              word-break: auto-phrase;
              text-align: justify;
            }
          }
        }
      }
    }



  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
    margin-bottom: 130px;

    & li img {
      width: 100%;
    }
  }

  & .learning_list {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;

    & .learning_item {
      width: calc((100% - (20px * 3)) / 4);
      min-width: 200px;
      background: #ecedf5;
      border-radius: 25px;
      padding: 15px;
      position: relative;
      margin-bottom: 40px;

      &::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-top: 20px solid var(--gm);
        border-bottom: 0;
        position: absolute;
        bottom: -25px;
        right: 0;
        left: 0;
        margin: 0 auto;
      }

      &:first-of-type {
        & .learning_title {
          margin: 0.5em 0 0;
        }
      }

      & .learning_title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 1.5;
        min-height: 50px;

        & span {
          display: block;
          font-size: 0.8em;
        }
      }

      & .learning_keyword {
        text-align: center;

        & .learning_keyword_item {
          &:not(:first-child)::before {
            content: '●';
            color: var(--gm);
          }

          &.subtitle {
            color: var(--gm);
          }
        }
      }
    }
  }

  & .subject_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    & .subject_listItem_detail {
      & li {
        margin-bottom: 0.5em;

        &:not(:first-child) {
          text-align: left;
          text-indent: -1em;
          padding-left: 1em;
        }

        &:not(:first-child)::before {
          content: '●';
          color: var(--gm);
          text-indent: 1em;
        }

        &:first-child {
          padding: 4px;
          background: var(--white);
          border-radius: 8px;
          border: 1px solid var(--gm);
        }
      }
    }
  }

  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
  }

  & .gaiyo_flexbox {
    gap: 30px;

    & .r_col {
      & img {
        max-width: 500px;
      }
    }
  }

  & .program_list {
    &>dt {
      color: var(--gm);
      font-weight: bold;
      font-size: 1.1em;
    }

    & dd {
      margin-bottom: 20px;
      & img{
        display: block;
        margin: 0 auto;
        width: 100%;
      }
    }

    & dl.language {
      margin-top: 10px;

      & dt {
        &::before {
          content: '◆';
          color: var(--gm);
          margin-right: 3px;
        }
      }

      & dd {
        font-size: 0.9em;
      }
    }
  }


  & .uniquelearning {
    & h3 {
      background-color: var(--gm);
      color: var(--white);
      font-weight: bold;
      font-size: 1.1em;
      padding: 15px;
      display: inline-block;
      margin: 20px 0;
    }
    & span {
      font-size: 1.6em;
      display: block;
      margin-bottom: 10px;
      line-height: 1.5;
    }
    & figure{
      & img{
        display: block;
        margin: 0 auto;
        width: 100%;
        max-width: 450px;
      }
    }
  }
}

/**********************/
/** ↑ 国際経営 個別 ↑ **/
/**********************/



/**********************/
/** ↓ 国際情報 個別 ↓ **/
/**********************/
.itl {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2022/itl_headimg.png) left/cover no-repeat;
  }

  & .facuimg-r {
    background-color: var(--itl_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, #b3b3b3 50%) no-repeat;
  }

  & .c_new {
    background: var(--itl_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--itl);
    color: var(--itl);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--itl);
  }

  & .topics-child {
    border-color: var(--itl);
  }

  & .faculty_link li:hover {
    color: var(--itl);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--itl);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--itl);
    color: var(--itl);
  }

  & .campname {
    background-color: var(--itl);
  }

  & .tex_c {
    color: var(--itl);
  }

  & .c_sub {
    background-color: var(--itl_accent);
  }

  & .c_thin {
    background-color: var(--itl_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--itl);
    color: var(--white);
    text-align: center;
  }

  & .keyword {
    grid-template-areas:
      "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
    "key01 key01 key01 key01 key02 key02 key02 key02 key02 key02 key02 key03 key03 key03 . ."
    "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
    "key01 key01 key01 key01 title title title title title title . key03 key03 key03 . ."
    "key01 key01 key01 key01 . . key05 key05 key05 . key06 key06 key06 key06 key06 ."
    "key04 key04 key04 key04 key04 key04 key05 key05 key05 . key06 key06 key06 key06 key06 ."
    "key04 key04 key04 key04 key04 key04 key05 key05 key05 key07 key07 key07 key07 key07 key07 ."
    "key04 key04 key04 key04 key04 key04 key05 key05 key05 key07 key07 key07 key07 key07 key07 ."; 

    & .key01 {
      grid-area: key01;
    }

    & .key02 {
      grid-area: key02;
      margin-left: 50px;
      margin-top: 30px;
    }

    & .key03 {
      grid-area: key03;
      margin-left: 60px;
      margin-top: 80px;
    }

    & .key04 {
      grid-area: key04;
      margin-top: 30px;
    }

    & .key05 {
      grid-area: key05;
    }

    & .key06 {
      grid-area: key06;
      margin-top: 50px;
    }

    & .key07 {
      grid-area: key07;
      margin-left: 20px;
    }

  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--itl);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--itl);
        }

        & .interview_box {
          color: var(--itl);
          border: 1px solid var(--itl);
        }

        & article {
          & .work::before {
            background-color: var(--itl);
          }
        }
      }
    }
  }

  & .pickup {
    align-items: unset;
    flex-direction: column;
    background: var(--itl_pale);

    & .pickup-text {
      margin: 0 20px 20px 100px;
      display: flex;
      align-items: center;
      height: 50px;
    }

    & .pickup-text::before {
      /* ざぶとん */
      background: var(--itl);
      white-space: pre;
      content: '4年間の\A成長STEP';
      display: block;
      height: auto;
      line-height: 1.2;
      padding: 10px 0;
    }

    & .pickup-text::after {
      /* ▶ */
      border-left: 13px solid var(--itl);
      top: calc((50px - 8px) / 2);
    }

    & .pickup-text span {
      /* 太字 */
      display: block;
      font-size: 1.2em;
      font-weight: 700;

      &>span {
        font-size: 0.7em;
        display: inline-block;
      }
    }

    & .pickup_caption {
      display: block;
      margin-bottom: 20px;
    }

    & .scroll {
      justify-content: center;
      & img {
        display: block;
				margin: 20px auto 0;
				width: 100%;
				max-width: 1100px;
				min-width: 600px;
      }
    }
  }

  & .bunya_list li::before {
    color: var(--itl);
  }

  & .major {
    font-size: 1.4em;
  }


  /*ここから共通じゃないもの*/

    & .glomac_standard {
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
      gap: 30px;
      & li {
        display: flex;
        flex-direction: column;
        margin-bottom: auto;
        &:first-of-type{
          padding: 0 10px 10px;
        }
        & dl{
          display: flex;
          flex-direction: column;
          & dt::before{
            content: '◆';
            color: var(--itl);
            margin-right: 3px;
          }
          & dd {
            background: var(--gm_pale);
            padding: 10px;
            margin-bottom: 15px;
          }
        }
        &.subject{
          & dd{
            display: flex;
            align-items: center;
            & img{
              width: 85px;
            }
          }
        }
      }
    }



  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    gap: 15px;
    margin-bottom: 130px;

    & li img {
      width: 100%;
    }
  }

  & .learning_list {
    display: flex;
    gap: 30px;
    overflow-x: auto;
    overflow-y: hidden;

    & .learning_item {
      width: calc((100% - (20px * 3)) / 4);
      min-width: 200px;
      background: #ecedf5;
      border-radius: 25px;
      padding: 15px;
      position: relative;
      margin-bottom: 40px;

      &::after {
        content: '';
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 12px solid transparent;
        border-left: 12px solid transparent;
        border-top: 20px solid var(--itl);
        border-bottom: 0;
        position: absolute;
        bottom: -25px;
        right: 0;
        left: 0;
        margin: 0 auto;
      }

      &:first-of-type {
        & .learning_title {
          margin: 0.5em 0 0;
        }
      }

      & .learning_title {
        text-align: center;
        font-weight: bold;
        margin-bottom: 15px;
        line-height: 1.5;
        min-height: 50px;

        & span {
          display: block;
          font-size: 0.8em;
        }
      }

      & .learning_keyword {
        text-align: center;

        & .learning_keyword_item {
          &:not(:first-child)::before {
            content: '●';
            color: var(--itl);
          }

          &.subtitle {
            color: var(--itl);
          }
        }
      }
    }
  }

  & .subject_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
    gap: 20px;
    & .subject_listItem_detail {
      & li {
        margin-bottom: 0.5em;

        &:not(:first-child) {
          text-align: left;
          text-indent: -1em;
          padding-left: 1em;
        }

        &:not(:first-child)::before {
          content: '●';
          color: var(--itl);
          text-indent: 1em;
        }

        &:first-child {
          padding: 4px;
          background: var(--white);
          border-radius: 8px;
          border: 1px solid var(--itl);
        }
      }
    }
  }

  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
  }

  & .gaiyo_flexbox {
    gap: 30px;

    /* & .r_col {
      & img {
        max-width: 500px;
      }
    } */
  }

  & .program_list {
    & > dt {
      color: var(--itl);
      font-weight: bold;
      font-size: 1.1em;
    }

    & dd {
      margin-bottom: 20px;
      & img{
        display: block;
        margin: 0 auto;
      }
    }
  }

  & .l_col{
    & .program_list{
      & dd > ul {
        & li{
          & span{
            display: block;
          }
          & img{
            max-width: 300px;
          }
        }
      }
    }
  }

  & .r_col{
    & .program_list{
      & dd > ul li{
        margin-bottom: 20px;
        & > span{
          display: block;
          &::before {
            content: '◆';
            color: var(--itl);
            margin-right: 3px;
          }
        }
      }
    }
  }


  & .uniquelearning {
    & h3 {
      background-color: var(--itl);
      color: var(--white);
      font-weight: bold;
      font-size: 1.1em;
      padding: 15px;
      display: inline-block;
      margin-bottom: 20px;
    }
    & span {
      font-size: 1.6em;
      display: block;
      margin-bottom: 10px;
      line-height: 1.5;
    }
    & figure{
      & img{
        display: block;
        margin: 0 auto;
      }
    }
  }
}

/**********************/
/** ↑ 国際情報 個別 ↑ **/
/**********************/




/**********************/
/** ↓ スポーツ 個別 ↓ **/
/**********************/

.sdb {
  & .facuimg-l {
    background: url(/common_d/connect/aboutus/faculty/img/2026/sdb/headimg.jpg) top -60px left/cover no-repeat;
    & h2{
      font-size: 2.5em;
      & small{
        font-size: 0.5em;
        margin-top: 10px;
      }
    }
  }

  & .facuimg-r {
    background-color: var(--sdb_pale);
  }

  & .facuimg-r:after {
    background: linear-gradient(to top right, transparent 50%, var(--sdb_accent) 50%) no-repeat;
  }

  & .c_new {
    background: var(--sdb_tra);
  }

  & .bunya_ttl {
    border: 1px solid var(--sdb);
    color: var(--sdb);
  }

  & .chuo_link a:hover {
    background-color: var(--white);
    color: var(--sdb);
  }

  & .topics-child {
    border-color: var(--sdb);
  }

  & .faculty_link li:hover {
    color: var(--sdb);
  }

  & .faculty_link li,
  & .faculty_link li:before,
  & .faculty_link li:after,
  & .faculty_link li:hover a:after {
    background-color: var(--sdb);
  }

  & .faculead h3 span.c_bg {
    border-bottom: 1px solid var(--sdb);
    color: var(--sdb);
    line-height: 1;
    & span{
      display: inline-block;
      text-indent: 0;
    }
  }

  & .campname {
    background-color: var(--sdb);
  }

  & .tex_c {
    color: var(--sdb);
  }

  & .c_sub {
    background-color: var(--sdb_accent);
  }

  & .c_thin {
    background-color: var(--sdb_pale);
  }

  & .chuo_link a {
    width: 16em;
    position: relative;
    display: block;
    border: var(--gray) solid 1px;
    padding: 5px 20px;
    margin: 10px;
    background-color: var(--sdb);
    color: var(--white);
    text-align: center;
  }


  section.interview {
    & h3 {
      &::before {
        background-color: var(--sdb);
      }
    }

    & .interview_contents {
      & .interview_figcaption {
        & .interview_color {
          color: var(--sdb);
        }

        & .interview_box {
          color: var(--sdb);
          border: 1px solid var(--sdb);
        }

        & article {
          & .work::before {
            background-color: var(--sdb);
          }
        }
      }
    }
  }


  & .pickup-text::before {
    background: var(--sdb);
  }

  & .pickup-text::after {
    border-left: 13px solid var(--sdb);
  }

  & .bunya_list li::before {
    color: var(--sdb);
  }

  /*ここから共通じゃないもの*/

  & .photo_list {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 15px;

    & li img {
      width: 100%;
    }
  }


  & .gaiyo_fitgrid {
    /* 左右わけ */
    display: grid;
    gap: 30px;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    margin-top: 10px;
    & .l_col{
      margin-bottom: 20px;
    }

    & li{
      background-color: white;
      & .three_forces{
        & dt {
          text-align: center;
          padding: 10px 0;
          & span{
            color: var(--sdb);
            font-size: 1.3em;
          }
        }
        & dd{
          padding: 10px;
        }
      }
    }
  }

  & .program_title {
    /* 色文字タイトル */
    font-size: 1.4em;
    font-weight: 700;
    color: var(--sdb);
    line-height: 1.5;
    margin-bottom: 15px;
  }

  & .program_list {
    display: flex;
    flex-direction: column;
    gap: 20px;
    & dd {
      & img {
        width:100%;
        max-width:  300px;
        display: block;
        margin: 0 auto;
      }
    }
  }


  & .pickup{
      flex-direction: column;
      &.why{
      gap: 50px;
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(450px, 1fr));
      padding: 0;
      margin-bottom: 50px;
      }
      & .pickup_r,& .pickup_l {
        display: flex;
        gap: 40px;
        flex-direction: column;
        & img.pickup-img {
          width: 100%;
          margin: 0 auto;
        }
      }
  }

  /* 興味にFit! */
  & .course_explanation {
    /* background: var(--sdb_pale); */
    /* padding: 30px; */

    & .course_list {
      /* 左右わけ */
      display: grid;
      grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));
      gap: 30px;
      & .course_item{
        background-color: var(--sdb_pale);
        padding: 15px;
        display: flex;
        gap: 10px;
        flex-direction: column;
        & dt{
          padding: 5px;
          background: var(--sdb);
          color: var(--white);
          font-weight: bold;
          text-align: center;
        }
        & dd{
          display: flex;
          flex-direction: column;
          text-align: justify;
          & span{
            font-weight: bold;
            display: block;
          }
          &:last-of-type{
            display: grid;
            gap: 15px;
            grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
            margin-top: auto;
            & article{
              flex: 1;
              display: flex;
              flex-direction: column;
              color: var(--sdb_pale);
              &:first-of-type{
                position: relative;
                &::after{
                  content: '';
                  position: absolute;
                  right: -10px;
                  top: 50%;
									transform: translateY(-50%);
                  width: 0;
                  height: 0;
                  border-style: solid;
                  border-top: 11px solid transparent;
                  border-bottom: 11px solid transparent;
                  border-left: 10px solid var(--sdb_accent);
                  border-right: 0;
                }
              }
              & p{
                color: var(--sdb);
                font-weight: bold;
              }
              & ul{
                background: var(--sdb_accent);
                padding: 10px;
                flex-grow: 1;
                & li{
                  margin-top: auto;
                  padding-left: 1em;
                  text-indent: -1em;
                  &::before{
                    content: '●';
                    color: var(--sdb);
                    margin-right: 3px;
                  }
                }
                &.none{
                  & li{
                    padding-left: 0;
                    text-indent: 0;
                    &::before{
                      content: none;
                    }
                  }
                }
              }
            }
          }
        }
      }
    }
  }

  & .gaiyo_fitgrid.sports{
    margin-bottom: 30px;
    & li{
      display: flex;
      gap: 20px;
      flex-direction: column;
      padding: 10px;
      & span{
        font-weight: bold;
        color: var(--sdb);
        text-align: center;
      }
      & img{
        width:100%;
        max-width:  300px;
        margin: 0 auto 10px;
        display: block;
      }
      & p{
        text-align: justify;
      }
    }
  }

  & .path{
    border: 1px solid var(--sdb);
    color: var(--sdb);
    border-radius: 15px;
    padding: 10px;
    text-align: center;
    margin-bottom: 20px;
  }
  & .path_list{
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
    gap: 50px;
    & li{
      text-align: justify;
      & span{
        display: block;
        background: var(--sdb_pale);
        color: var(--sdb);
        padding: 10px;
        width: 100%;
      }
    }
  }
  & .path_caption{
    text-align: right;
    font-size: .8em;
    margin-top: 20px;
  }


}

/**********************/
/** ↑ スポーツ 個別 ↑ **/
/**********************/



/**********************************************************/
/****** ページ別設定 終 ************************************/
/**********************************************************/



/* 下部 パンプレット等 リンクボタン */
.faculty_link {
  width: 90%;
  max-width: 1200px;
  margin: 80px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;

  & li {
    width: 45%;
    color: var(--white);
    border: none;
    position: relative;
    padding: 1em 50px 1em 1em;
    cursor: pointer;
    transition: 0.3s ease all;
    outline: none;
    text-align: center;
    font-size: 0.9em;

    &:hover {
      background: var(--white);
      & a:after {
        width: 12%;
        right: 2%;
      }
      &:before,
      &:after {
        width: 100%;
        transition: 0.3s ease all;
      }
    }

    &:before,
    &:after {
      content: '';
      position: absolute;
      top: 0;
      right: 0;
      height: 2px;
      width: 0;
      transition: 0.3s ease all;
    }
    &:after {
      right: inherit;
      top: inherit;
      left: 0;
      bottom: 0;
    }

    & a {
      display: block;
      position: absolute;
      top: 0;
      left: 0;
      color: var(--white);
      width: 100%;
      height: 100%;
      &:after {
        content: "";
        width: 10%;
        height: 1px;
        background: var(--white);
        position: absolute;
        right: 7%;
        top: 0;
        bottom: 0;
        margin: auto;
        transition: 0.3s;
      }
      &:hover {
        opacity: 1;
      }
    }
  }
}

/*:::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::タブレット::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width: 1024px) {

  .facuimg {
    display: block;
  }

  .facuimg-l {
    width: 100%;
    height: 400px;
  }

  .facuimg-r {
    width: 100%;
    padding: 30px 20px;
    &:after {
      display: none;
    }
  }

  .bunya:before {
    margin: 0 auto 5px;
  }

  .bunya_ttl {
    width: 100%;
    text-align: center;
  }

  .bunya_list {
    width: 100%;
    justify-content: center;
    flex-wrap: wrap;
  }

  .gaiyo_area img {
    width: auto;
    height: 500px;
  }

  .gaiyo_flexbox {
      flex-direction: column;

    & .l_col {
      padding: 0;
    }

    & img {
      display: block;
      margin: 20px auto 0;
    }
  }

  .topics {
    flex-direction: column;
  }

  .topics-child {
    width: 100%;
    border-left: none;
  }


  .osusume_photo {
    min-width: 350px;
    text-align: right;
    top: 100px;

    & img {
      width: 300px;
      &.fukidashi_r,
      &.fukidashi_l {
        top: -100px;
      }
    }
  }

  .pickup {
    flex-direction: column;

    & .pickup-text {
      margin: 50px 0 0;
    }

    & .pickup-text::before {
      content: "PICKUP";
      font-size: 1.4em;
      font-weight: 700;
      padding: 5px 20px;
      position: absolute;
      top: -50px;
      left: 0;
      width: auto;
      height: auto;
    }

    & .pickup-text::after {
      display: none;
    }
  }

  img.pickup-img {
    margin: 10px auto 0;
  }

  .facufeature_d {
    display: block;

    & .facufeature_left,
    & .facufeature_right {
      width: 100%;
    }

    & figure img {
      width: 90%;
      margin: 20px auto;
      display: block;
    }
  }

  .facuccareer {
    display: block;
  }

  .career_design {
    width: 100%;
  }

  .facusystem {
    width: 100%;
    display: block;
  }

  .facusystem_w {
    padding: 30px 20px 0;
  }

  .facusystem_cont,
  .facusystem_stu {
    display: block;
    width: 95%;
    margin: auto;
  }

  .facusystem_cont{
    & img {
      display: block;
      margin: 0 auto 25px;
      width: 100%;
    }

    & p.t_l {
      padding: 0px;
      text-align: justify;
    }

    & article {
      & ol {
        display: flex;
        flex-direction: row;
        & li span a {
          min-height: 70px;
          display: flex;
          justify-content: center;
          align-items: center;
        }
      }
    }

  }
  .content_list {
    margin: 50px auto 50px;
  }

  br.tb_no {
    display: none !important;
  }

  .free_felxbox {
    flex-direction: column;
  }

  /*タブレット以下横スクロール表示*/
  .scroll {
    overflow: auto;
  }

  /*ページ独自*/
  .com_pickup_sub {
    padding: 0 20px 20px 20px;
  }

  img.pbl_photo {
    max-width: 500px;
    margin-top: 20px;
  }

  img.pbl_program_icon {
    width: 50px;
    height: 50px;
    margin-right: 10px;
  }


  .facusystem_policy {
    padding: 30px 0 0;
    flex-direction: column;
    align-items: center;
    & p.t_l {
      padding: 20px 20px 0px;
    }
  }


  .facusystem_policy_inbox {
    flex-direction: column-reverse;
    align-items: center;
    width: 100%;
    padding: 0 20px;
    & p {
      padding: 20px 0 0;
    }

    & img {
      max-width: 350px;
    }
  }


  .facusystem_policy_subtxt {
    margin-bottom: 40px;
    padding: 0 10px;
  }

  .pickup-text.fyearstep {
    margin: 50px 0 0;
    &::before {
      content: "4年間の成長ステップ";
      font-size: 1.2em;
      color: #666;
      border: 2px solid #aaa;
      position: absolute;
      top: -50px;
      left: 0;
    }
  }


  .gm_gaiyo_half {
    width: 100%;
  }

  /* 知りたいにFit!(キーワード) */
  .keyword {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    height: 1020px;
    padding-top: 220px;
    overflow-x: scroll;

    & > div {
      width: 100%;
      padding: 0 !important;
      flex: 0 0 80px;

      &.title {
        top: 0;
        position: fixed;
        max-width: 500px;

        &::after {
          content: 'スクロールして見る→';
          display: block;
          text-align: center;
        }
      }
    }
  }

  section.law {
    & .keyword {
      & > div {
        &.key01,&.key03,&.key07 {
          max-width: 220px;
          margin: 0;
        }
        &.key02,&.key04,&.key05,&.key06,&.key08 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.economics {
    & .fleximg {
      display: block;

      & img {
        display: block;
        margin: 0 auto;
      }
    }

    section.lounge {
      & .lounge_img {
        display: flex;
        flex-direction: column;

        & .l_col {
          & img {
            max-width: 500px;
            margin: 0 auto;
            display: block;
          }
        }

        & .r_col {
          & .course_container {
            display: flex;
            flex-direction: column;
          }

          & img {
            max-width: 500px;
            margin: 0 auto;
            display: block;
          }
        }
      }
    }

    & .keyword {
      & > div {
        &.key01,&.key03,&.key05 {
          max-width: 220px;
          margin: 0;
        }
        &.key02,&.key04,&.key06,&.key07 {
          max-width: 320px;
          margin: 0;
        }
      }
    }

  }

  section.commerce {
    & .flex_course_dl {
      display: grid;
      grid-template-columns: 1fr;
      border: none;

      & dt {
        padding: 10px;
        border-top: none;
        border-left: 1px solid var(--darkgray);
        border-right: 1px solid var(--darkgray);
        background: var(--white);
        color: var(--commerce);

        &:first-child {
          border-top: 1px solid var(--darkgray);
        }
      }

      & dd {
        padding: 10px;
        border-top: none;
        border-left: 1px solid var(--darkgray);
        border-right: 1px solid var(--darkgray);
        border-bottom: 1px solid var(--darkgray);
      }
    }

    & .keyword {
      & > div {
        margin: 0;
        &.key01,&.key03 {
          max-width: 200px;
          margin: 0;
        }
        &.key05,&.key06 {
          max-width: 220px;
          margin: 0;
        }
        &.key02,&.key04 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.fundamental {
    & .keyword {
      & > div {
        &.key01,&.key03 {
          max-width: 200px;
          margin: 0;
        }
        &.key02,&.key04,&.key05,&.key06,&.key07 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.society {
    & .keyword {
      & > div {
        &.key01,&.key03,&.key05 {
          max-width: 200px;
          margin: 0;
        }
        &.key02,&.key04,&.key06 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.advanced {
    & .keyword {
      & > div {
        &.key01,&.key03,&.key05 {
          max-width: 200px;
          margin: 0;
        }
        &.key02,&.key04,&.key06 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.fundamental {
    & .keyword {
      & > div {
        &.key01,&.key03,&.key07 {
          max-width: 220px;
          margin: 0;
        }
        &.key02,&.key04,&.key05,&.key06 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.letters {

    & .let_gaiyo_box {
      flex-direction: column;
      background: linear-gradient(90deg, transparent 40%, var(--letters_accent) 40%, var(--letters_accent) 60%, transparent 0%);
    }

    & .let_gaiyo {
      display: block;
      width: 100%;
      margin: 0 0 20px 0;
      &:last-child {
          margin: 0;
      }

      & span {
        display: block;
        text-align: inherit;
      }

      & img {
        display: block;
        /* width: 100%; 
        max-width: 400px;*/
        width: calc(100% + 40px);
      }
    }

    & .keyword {
      & > div {
        &.key01 {
          max-width: 240px;
        }
        &.key03,&.key06 {
          max-width: 220px;
        }
        &.key02,&.key04,&.key05,&.key07 {
          max-width: 320px;
        }
      }

      & .let_gaiyo_box {
        flex-direction: column;
        background: linear-gradient(90deg, transparent 40%, #ef72a2 40%, #ef72a2 60%, transparent 0%);
      }

      & .let_gaiyo {
        display: block;
        width: 100%;
        margin: 0 0 20px 0;
      }

      & .let_gaiyo span {
        display: block;
        text-align: inherit;
      }

      & .let_gaiyo img {
        display: block;
        width: 100%;
        max-width: 400px;
        margin: 0 auto;
      }
    }

  }

  section.policy {
    & .keyword {
      & > div {
        &.key01,&.key03,&.key05 {
          max-width: 200px;
          margin: 0;
        }
        &.key02,&.key04,&.key06 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }


  section.gm {
    & .pickup {
      & .pickup-text {
        margin: 70px 0 0;
        height: auto;
        &::before {
          padding: 10px;
          top: -70px;
        }
      }
    }
    & .keyword {
      & > div {
        &.key01 {
          max-width: 180px;
          margin: 0;
        }
        &.key03,&.key05 {
          max-width: 200px;
          margin: 0;
        }
        &.key02,&.key04,&.key06,&.key07 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }

  section.itl {
    & .pickup {
      & .pickup-text {
        margin: 70px 0 0;
        height: auto;
        &::before {
          padding: 10px;
          top: -70px;
        }
      }
    }
    & .keyword {
      & > div {
        &.key01,&.key03 {
          max-width: 180px;
          margin: 0;
        }
        &.key05 {
          max-width: 200px;
          margin: 0;
        }
        &.key02,&.key04,&.key06,&.key07 {
          max-width: 320px;
          margin: 0;
        }
      }
    }
  }


  section.sdb {
    & .facuimg-l {
      height: 440px;
      background: url(/common_d/connect/aboutus/faculty/img/2026/sdb/headimg.jpg) top 26% left/cover no-repeat;
    }
    & .course_list {
      & .course_item{
        & dd{
          &:last-of-type{
            & article{
              &:first-of-type{
                &::after{
                  right: 0;
                  left: 0;
                  bottom: -16px;
                  margin: auto;
                  transform: none;
                  rotate: 90deg;
                }
              }
            }
          }
        }
      }
    }
  }


}

/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*::::::::::::::::::::::タブレットここまで::::::::::::::::::::::*/
/*::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/

@media screen and (max-width: 714px) {
  .sdb {
    & .faculead {
      /* 〇〇にFit! */
      & h3 {
        &.why{
          margin-top: 0;
          & img{
            margin-top: 96px;
          }
          & > span{
            & > span{
              &.ttl{
                display: block;
                margin-left: 30px;
              }
              &.x{
                display: block;
                margin-left: calc(30px + 1em);
              }
            }
          }

        }
      }
    }
    & .program_list {
      & dd {
        &.list_text{
          order: 1;
        }
        &.list_img{
          order: 2;
        }
      }
    }
  }
}
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::スマホ:::::::::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::*/


@media screen and (max-width: 599px) {

  .renew_wrap_top {
    padding: 10px 0 0;
  }

  .facuimg {
    display: block;
  }

  .facuimg-l h2 span.smp_text_s {
    font-size: 0.25em;
    padding-top: 0;
  }

  section.fundamental,
  section.society {
    & .facuimg-l h2 span {
      font-size: 0.25em;
      padding-top: 0;
      letter-spacing: 0.03em;
    }
  }

  .facuimg-l {
    width: 100%;
    /* height: 300px; */
  }

  .facuimg-r {
    width: 100%;
    padding: 0 10px 30px 10px;
  }

  .facudate {
    padding: 0;
    margin-top: 20px;
  }

  .bunya {
    margin: 30px auto 0;
  }

  .bunya_list {
    justify-content: flex-start;
    gap: 0;
    & li {
      margin: 10px 5px 0;
    }
  }


  .renew_wrap_middle {
    margin: 0 auto 60px;
  }

  .faculead {
    margin: 40px 0 0 0;
    & p.text-l {
      font-size: 1.6em;
    }
  }


  .facucourse p {
    line-height: 1.4;
    text-align: left;
  }

  .facufeature_bl h4 {
    border-bottom: none;
    margin-bottom: 20px;
    padding: 0 10px 0 70px;
    line-height: 1.2;
    height: 60px;
    display: table-cell;
    vertical-align: middle;
    /*min-width:max-content;*/
  }

  .facufeature_d {
    display: block;
    & .facufeature_left,
    & .facufeature_right {
      width: 100%;
    }

    & figure img {
      width: 100%;
    }
  }


  p.pickup_l:before,
  p.pickup_e:before,
  p.pickup_c:before,
  p.pickup_s:before,
  p.pickup_let:before,
  p.pickup_p:before,
  p.pickup_g:before,
  p.pickup_i:before {
    width: 100px;
    height: 50px;
    top: 0;
  }

  .topics-child {
    padding: 30px 10px;
    & .lower {
      flex-direction: column;
      align-items: center;
    }
  }

  .topics-ttl span.tsume {
    padding: 3px 8px;
  }


  .topics-img {
    margin-left: 0;
    margin-top: 10px;
  }

  .ttl_osusume {
    font-size: 1.5em;
  }

  .osusume {
    flex-direction: column;
    padding-bottom: 100px;
  }

  .osusume_photo {
    text-align: center;
  }

  .chuo_link a {
    margin: 10px 0 30px;
    width: 100%;
  }

  .facufeature_bl {
    margin: 40px 0 0 0;
  }

  .facuccareer {
    display: block;
  }

  .career_design {
    width: 100%;
  }

  .career_list_wrap {
    padding: 20px 0 30px 0;
    & div {
      width: 100%;
    }
  }

  .graph {
    padding-bottom: 20px;
    & dl {
      top: 36%;
      right: 0;
    }

    & dt {
      font-size: 0.8em;
    }

    & dd {
      font-size: 1.8em;
    }

    & dd span {
      font-size: 0.5em;
    }

    & img {
      width: 90%;
    }
  }


  .graph_ex_txt {
    font-size: 0.8em;
    text-indent: -1em;
    padding-right: 0;
    max-width: 100%;
    bottom: -10px;
    right: 10px;
  }


  /*::::::::::トグル::::::::::::::*/

  .toggle_contents {
    margin: 40px auto 40px;
    & dd {
      padding: 10px 1em 30px;
      & h3 {
        font-size: 1.3em;
        margin: 20px 0 10px;
      }
    }
  }

  .toggle_title p {
    padding: 13px 60px 8px 20px;
    font-size: 1.2em;
    & span {
      display: block;
    }
  }


  .toggle_btn {
    width: 35px;
    height: 35px;
  }


  .content_list {
    margin: 20px auto 50px;
    & dt {
      padding: 13px 20px 3px;
      font-size: 1.2em;
      & span {
        display: block;
      }
    }

    & dd {
      padding: 10px 1em 30px;
      & h3 {
        font-size: 1.3em;
        margin: 20px 0 10px;
      }
    }
  }


  /*リンクボタン*/
  .faculty_link {
    margin: 0 auto 40px;
    justify-content: center;
    & li {
      width: 90%;
      margin-bottom: 20px;
      &:active {
        background: var(--white);
        &:before,
        &:after {
          width: 100%;
          transition: 0.3s ease all;
        }
      }
    }
  }


  /*特だし*/
  .renew_wrap_middle1 h3 {
    font-size: 1.8em;
    text-align: left;
    padding: 10px 10px;
  }

  .facusystem_cont p.t_l {
    padding-left: 10px;
    padding-right: 10px;
  }

  /*個別ページ*/
  h2.c_fundam_new .smp_text_s {
    letter-spacing: 0.03em
  }

  .com_pickup_sub {
    flex-direction: column;
  }

  .com_pickup_sublist {
    margin-top: 10px;
    & li {
      padding-left: 5px;
    }
  }


  .pbl_box {
    margin-right: 10px;
    margin-left: 10px;
    & .chuo_link_com {
      width: 100%;
    }
  }


  p.pbl_course {
    line-height: 1.6em;
  }

  .let_pick_waku {
    margin: 20px 0;
    padding: 10px 5px;
    font-size: 1.0em;
  }

  .policy_pickup2_ttl {
    font-size: 1.4em;
    line-height: 1.5em;
  }

  .policy_pickup2waku {
    padding: 15px 10px;
    margin: 20px 0;
  }

  .policy_pickup2_img {
    width: 100%;
  }

  .facucourse {
    padding: 50px 10px 0 10px;
  }

  .campname {
    font-size: 0.9em;
  }

  .campsub {
    font-size: 0.9em;
  }

  .pcnone {
    display: block;
  }

  .sp_none {
    display: none !important;
  }

  br.smp_no {
    display: none !important;
  }

  br.pc_no_smp_on {
    display: inline;
  }




  section.interview {
    & h3 {
      display: block;
      text-align: center;

      &::before {
        display: block;
        margin-bottom: 10px;
      }
    }

    & .interview_contents {
      /* & .interview_figcaption {
        & .interview_title {}
        & .interview_color {}
        & .interview_box {}
        & .interview_text {}
        & .interview_article {
          & .course,& .from {}
          & .work {
            &::before {}
          }
        }
      } */

      & figure {
        & img {
          width: 90%;
        }
      }
    }
  }

  .facusystem_cont article,
  .facusystem_cont article ol {
    flex-direction: column;
    min-height: unset !important;
  }

  .letters,
  .policy {
    & .gaiyo_flexbox {
      & .r_col {
        & img {
          max-width: 400px;
        }
      }
    }

  }

  & .policy {

    & .learningpickup {
      padding: 15px;
      & article {
        display: block;
        margin-bottom: 0;

        &:nth-of-type(1) img,
        &:nth-of-type(2) img {
          width: 100%;
          margin-bottom: 30px;
        }
      }

      & figure {
        width: 100%;

        & img {
          margin: 0 auto 20px ;
          display: block;
          max-width: 800px;
        }
      }
      & .learningpickup_theme{
        padding: 35px 15px;
        & ul li{
          line-height: 1.8;
          margin-bottom: 1em;
        }
      }
    }
  }

  .fundamental, .society, .advanced{
    & .pickup.career{
      & .d_lounge{
        grid-template-columns: unset;
      }
    }
  }

  .advanced{
    .graph {
      & dl {
        top: 28%;
      }
    }
  }

  .sdb {
    & .faculead {
      /* 〇〇にFit! */
      & h3 {
        &.why{
          & img{
            margin-top: 80px;
          }
        }
      }
    }
  }


}

/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
/*:::::::::::::::::::::スマホここまで:::::::::::::::::::::*/
/*:::::::::::::::::::::::::::::::::::::::::::::::::::::::*/
@media screen and (max-width: 360px) {

  .sdb {
    & .faculead {
      /* 〇〇にFit! */
      & h3 {
        &.why{
          & > span{
            & > span{
              font-size: .9em;
              letter-spacing: -0.12em;
              &.ttl{
                margin-left: 17px;
              }
              &.x{
                margin-left: calc(17px + 1em);
              }
            }
          }
          & img{
            margin-top: 70px;
          }
        }
      }
    }
  }
}