<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";
/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* rem はルートのフォントサイズのみ参照し %やemとは違い、直接の親要素の影響を受けません。
10px font-size:0.714rem;
12px font-size:0.857rem;
14px ---- 基準(SP) ----
16px font-size:1.142rem;
18px font-size:1.285rem;
20px font-size:1.428rem;
24px font-size:1.714rem;
26px font-size:1.857rem;
28px font-size:2rem;
32px font-size:2.28rem;
36px font-size:2.57rem;
42px font-size:3rem;
48px font-size:3.428rem;
56px font-size:4rem;
60px font-size:4.28rem;


10px font-size:0.625rem;
12px font-size:0.75rem;
14px font-size:0.875rem;
16px ---- 基準(PC) ----
18px font-size:1.125rem;
20px font-size:1.25rem;
24px font-size:1.5rem;
26px font-size:1.625rem;
28px font-size:1.75rem;
32px font-size:2rem;
36px font-size:2.25rem;
42px font-size:2.625rem;
48px font-size:3rem;
60px font-size:3.75rem;

10px font-size:0.555rem;
12px font-size:0.666rem;
14px font-size:0.777rem;
16px font-size:0.888rem;
18px ---- 基準 ----
20px font-size:1.111rem;
24px font-size:1.333rem;
26px font-size:1.444rem;
28px font-size:1.555rem;
32px font-size:1.777rem;
36px font-size:2rem;
42px font-size:2.333rem;
48px font-size:2.666rem;
54px font-size:3rem;
60px font-size:3.333rem;
*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* rem はルートのフォントサイズのみ参照し %やemとは違い、直接の親要素の影響を受けません。
10px font-size:0.714rem;
12px font-size:0.857rem;
14px ---- 基準(SP) ----
16px font-size:1.142rem;
18px font-size:1.285rem;
20px font-size:1.428rem;
24px font-size:1.714rem;
26px font-size:1.857rem;
28px font-size:2rem;
32px font-size:2.28rem;
36px font-size:2.57rem;
42px font-size:3rem;
48px font-size:3.428rem;
56px font-size:4rem;
60px font-size:4.28rem;


10px font-size:0.625rem;
12px font-size:0.75rem;
14px font-size:0.875rem;
16px ---- 基準(PC) ----
18px font-size:1.125rem;
20px font-size:1.25rem;
24px font-size:1.5rem;
26px font-size:1.625rem;
28px font-size:1.75rem;
32px font-size:2rem;
36px font-size:2.25rem;
42px font-size:2.625rem;
48px font-size:3rem;
60px font-size:3.75rem;

10px font-size:0.555rem;
12px font-size:0.666rem;
14px font-size:0.777rem;
16px font-size:0.888rem;
18px ---- 基準 ----
20px font-size:1.111rem;
24px font-size:1.333rem;
26px font-size:1.444rem;
28px font-size:1.555rem;
32px font-size:1.777rem;
36px font-size:2rem;
42px font-size:2.333rem;
48px font-size:2.666rem;
54px font-size:3rem;
60px font-size:3.333rem;
*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
/* RESET
======================================== */
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
  font-family: inherit;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
  white-space: normal;
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  background: transparent;
  box-sizing: border-box; }

article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
  display: block;
  box-sizing: border-box; }

ol, ul {
  list-style: none;
  box-sizing: border-box; }

blockquote, q {
  quotes: none;
  box-sizing: border-box; }

table {
  border-collapse: collapse;
  border-spacing: 0;
  box-sizing: border-box; }

td, th {
  text-align: left; }

/* デフォルトデザインリセット */
input[type="submit"],
input[type="image"],
input[type="button"],
input[type="search"] {
  border: solid 1px #9fabc0;
  outline: none;
  -webkit-appearance: none; }

a:link {
  text-decoration: none;
  color: #333; }

a:visited {
  text-decoration: none;
  color: #333; }

a:hover {
  text-decoration: none;
  color: #333; }

a:active {
  text-decoration: none;
  color: #333; }

a.phones:link {
  text-decoration: none;
  color: #333; }

a.phones:visited {
  text-decoration: none;
  color: #333; }

a.phones:hover {
  text-decoration: none;
  color: #333; }

a.phones:active {
  text-decoration: none;
  color: #333; }

.links01 a:link {
  text-decoration: none;
  color: #FFF; }
.links01 a:visited {
  text-decoration: none;
  color: #FFF; }
.links01 a:hover {
  text-decoration: none;
  color: #FFF; }
.links01 a:active {
  text-decoration: none;
  color: #FFF; }

img {
  vertical-align: bottom;
  max-width: 100%;
  height: auto; }

a img:hover {
  opacity: 0.6; }

strong, b {
  font-weight: bold; }

@media screen and (min-width: 769px) {
  .phones {
    pointer-events: none; } }

.allef {
  text-align: left !important; }

.alcnt {
  text-align: center !important; }

.alrgt {
  text-align: right !important; }

.kadomaru6 {
  border-radius: 6px; }

.kadomaru10 {
  border-radius: 10px; }

.kadomaru20 {
  border-radius: 20px; }

.capsule {
  line-height: 1rem;
  padding: 1.5em 4em;
  border-radius: 2rem; }

.center {
  margin-left: auto;
  margin-right: auto;
  text-align: center; }

.left {
  margin-right: auto; }

.right {
  margin-left: auto; }

@media screen and (min-width: 769px) {
  .center-pc {
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }

@media screen and (min-width: 769px) {
  .left-pc {
    margin-right: auto; } }

@media screen and (min-width: 769px) {
  .right-pc {
    margin-left: auto; } }

@media screen and (max-width: 768px) {
  .center-sp {
    margin-left: auto;
    margin-right: auto;
    text-align: center; } }

@media screen and (max-width: 768px) {
  .left-sp {
    margin-right: auto; } }

@media screen and (max-width: 768px) {
  .right-sp {
    margin-left: auto; } }

.w75 {
  max-width: 75%; }

.w50 {
  max-width: 50%; }

.minW {
  max-width: 300px; }

.fweight500 {
  font-weight: 500; }

.fweight700 {
  font-weight: 700; }

.fweight900 {
  font-weight: 900; }

/* 最小のフォントサイズ
======================================== */
.sub {
  font-size: 86%; }

.f12 {
  font-size: 12px; }

/* 後付けマージン
======================================== */
.mt0 {
  margin-top: 0px !important; }

.mt10 {
  margin-top: 10px !important; }

.mt20 {
  margin-top: 20px !important; }

.mt30 {
  margin-top: 30px !important; }

.mt40 {
  margin-top: 40px !important; }

.mt50 {
  margin-top: 50px !important; }

.mt60 {
  margin-top: 60px !important; }

.mt70 {
  margin-top: 70px !important; }

.mt80 {
  margin-top: 80px !important; }

.mt90 {
  margin-top: 90px !important; }

.mt100 {
  margin-top: 100px !important; }

.mt110 {
  margin-top: 110px !important; }

.mt120 {
  margin-top: 120px !important; }

.mt130 {
  margin-top: 130px !important; }

.mt140 {
  margin-top: 140px !important; }

.mt150 {
  margin-top: 150px !important; }

.mt160 {
  margin-top: 160px !important; }

@media screen and (max-width: 768px) {
  .mtsp0 {
    margin-top: 0px !important; } }

@media screen and (max-width: 768px) {
  .mtsp10 {
    margin-top: 10px !important; } }

@media screen and (max-width: 768px) {
  .mtsp20 {
    margin-top: 20px !important; } }

@media screen and (max-width: 768px) {
  .mtsp30 {
    margin-top: 30px !important; } }

@media screen and (max-width: 768px) {
  .mtsp40 {
    margin-top: 40px !important; } }

@media screen and (max-width: 768px) {
  .mtsp50 {
    margin-top: 50px !important; } }

@media screen and (max-width: 768px) {
  .mtsp60 {
    margin-top: 60px !important; } }

@media screen and (max-width: 768px) {
  .mtsp70 {
    margin-top: 70px !important; } }

@media screen and (max-width: 768px) {
  .mtsp80 {
    margin-top: 80px !important; } }

@media screen and (max-width: 768px) {
  .mtsp90 {
    margin-top: 90px !important; } }

@media screen and (max-width: 768px) {
  .mtsp100 {
    margin-top: 100px !important; } }

@media screen and (max-width: 768px) {
  .mtsp110 {
    margin-top: 110px !important; } }

@media screen and (max-width: 768px) {
  .mtsp120 {
    margin-top: 120px !important; } }

@media screen and (max-width: 768px) {
  .mtsp130 {
    margin-top: 130px !important; } }

@media screen and (max-width: 768px) {
  .mtsp140 {
    margin-top: 140px !important; } }

@media screen and (max-width: 768px) {
  .mtsp150 {
    margin-top: 150px !important; } }

@media screen and (max-width: 768px) {
  .mtsp160 {
    margin-top: 160px !important; } }

/* 後付け横幅
======================================== */
.boxw50 {
  width: 50% !important; }

.boxw60 {
  width: 60% !important; }

.boxw70 {
  width: 70% !important; }

.boxw80 {
  width: 80% !important; }

.boxw90 {
  width: 90% !important; }

.boxw100 {
  width: 100% !important; }

.mw50 {
  max-width: 50% !important; }

.mw60 {
  max-width: 60% !important; }

.mw70 {
  max-width: 70% !important; }

.mw80 {
  max-width: 80% !important; }

.mw90 {
  max-width: 90% !important; }

.mw100 {
  max-width: 100% !important; }

/* 検索ボックス
======================================== */
#searchBox {
  box-sizing: border-box;
  line-height: 1; }
  #searchBox h2 {
    color: #333;
    font-size: 1.25rem; }
  #searchBox #formArea {
    position: relative; }
    @media screen and (min-width: 769px) {
      #searchBox #formArea {
        width: 80%;
        margin: 30px auto 0px; } }
    @media screen and (max-width: 768px) {
      #searchBox #formArea {
        width: 100%;
        margin: 20px auto 0px; } }

#searchBox form {
  height: 36px;
  padding: 0;
  display: flex;
  justify-content: space-between;
  align-items: center; }

.searchinput {
  height: 36px;
  border-radius: 6px;
  padding: 12px;
  width: calc(100% - 66px);
  box-sizing: border-box;
  margin: 0; }

.searchbt {
  width: 36px;
  height: 36px;
  background-color: #d70146;
  border-radius: 6px;
  font-size: 0 !important;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22width%3A%20512px%3B%20height%3A%20512px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M312.069%2C53.445c-71.26-71.26-187.194-71.26-258.454%2C0c-71.261%2C71.26-71.261%2C187.206%2C0%2C258.466	c71.26%2C71.26%2C187.194%2C71.26%2C258.454%2C0S383.329%2C124.705%2C312.069%2C53.445z%20M286.694%2C286.536	c-57.351%2C57.34-150.353%2C57.34-207.704-0.011s-57.351-150.353%2C0-207.693c57.351-57.351%2C150.342-57.351%2C207.693%2C0	S344.045%2C229.174%2C286.694%2C286.536z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M101.911%2C112.531c-29.357%2C37.725-31.801%2C89.631-7.321%2C129.702c1.877%2C3.087%2C5.902%2C4.048%2C8.978%2C2.182	c3.065-1.888%2C4.037-5.903%2C2.16-8.978c-21.666-35.456-19.506-81.538%2C6.469-114.876c2.226-2.837%2C1.713-6.938-1.135-9.154	C108.227%2C109.193%2C104.125%2C109.695%2C101.911%2C112.531z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M498.544%2C447.722l-132.637-129.2c-7.255-7.07-18.84-6.982-26.008%2C0.174l-21.033%2C21.033	c-7.156%2C7.156-7.234%2C18.742-0.153%2C25.986l129.19%2C132.636c14.346%2C17.324%2C35.542%2C18.35%2C51.917%2C1.964	C516.216%2C483.951%2C515.857%2C462.068%2C498.544%2C447.722z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 20px;
  background-repeat: no-repeat;
  background-position: center center; }
  @media screen and (min-width: 769px) {
    .searchbt {
      margin-left: 15px; } }
  @media screen and (max-width: 768px) {
    .searchbt {
      margin-left: 5px; } }

.searchbt:hover {
  cursor: pointer; }

/* youtube
======================================== */
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%; }

.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important; }

/* ページネーション
======================================== */
.pagination {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 60px 0 0 !important;
  position: relative;
  font-size: 13px;
  border-bottom: none !important; }

.pagination span, .pagination a {
  display: block;
  width: auto;
  margin: 4px;
  padding: 8px;
  background-color: #fff;
  text-decoration: none;
  text-align: center;
  color: #d70146;
  line-height: 16px; }

/* ページ番号 */
.pagination .pager {
  width: 32px; }

/* ホバー時 &amp; 現在のページ */
.pagination a:hover,
.pagination .current {
  color: #d70146;
  font-weight: 700; }

/* 前へ */
.pagination a.prev {
  margin-right: 16px; }

/* 次へ */
.pagination a.next {
  margin-left: 16px; }

/* 最初へ */
/* 最後へ */
/* Page x / y */
.pagination span.page_num {
  display: none; }

.halftone {
  background-color: #F4F4F4;
  color: #999 !important; }

/* 後付けプロパティ
======================================== */
.marginless {
  margin: 0 !important; }

.paddingless {
  padding: 0 !important; }

/* 回り込み解除 
WPで左寄せ?右寄せを行う際にFloatを使っているため
親要素につけてください。
======================================== */
.clfix {
  clear: both;
  content: '';
  display: block; }

/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* rem はルートのフォントサイズのみ参照し %やemとは違い、直接の親要素の影響を受けません。
10px font-size:0.714rem;
12px font-size:0.857rem;
14px ---- 基準(SP) ----
16px font-size:1.142rem;
18px font-size:1.285rem;
20px font-size:1.428rem;
24px font-size:1.714rem;
26px font-size:1.857rem;
28px font-size:2rem;
32px font-size:2.28rem;
36px font-size:2.57rem;
42px font-size:3rem;
48px font-size:3.428rem;
56px font-size:4rem;
60px font-size:4.28rem;


10px font-size:0.625rem;
12px font-size:0.75rem;
14px font-size:0.875rem;
16px ---- 基準(PC) ----
18px font-size:1.125rem;
20px font-size:1.25rem;
24px font-size:1.5rem;
26px font-size:1.625rem;
28px font-size:1.75rem;
32px font-size:2rem;
36px font-size:2.25rem;
42px font-size:2.625rem;
48px font-size:3rem;
60px font-size:3.75rem;

10px font-size:0.555rem;
12px font-size:0.666rem;
14px font-size:0.777rem;
16px font-size:0.888rem;
18px ---- 基準 ----
20px font-size:1.111rem;
24px font-size:1.333rem;
26px font-size:1.444rem;
28px font-size:1.555rem;
32px font-size:1.777rem;
36px font-size:2rem;
42px font-size:2.333rem;
48px font-size:2.666rem;
54px font-size:3rem;
60px font-size:3.333rem;
*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
table.def {
  width: 100%;
  margin-top: 20px;
  border-top: solid 1px #9d9d9d;
  border-left: solid 1px #9d9d9d; }
  table.def th, table.def td {
    padding: 1em;
    border-bottom: solid 1px #9d9d9d;
    border-right: solid 1px #9d9d9d;
    line-height: 1.4;
    vertical-align: middle; }
  table.def thead th {
    text-align: center;
    font-weight: 900;
    background-color: #E4E4E4; }
  table.def thead th + th {
    border-left: solid 1px #FFF; }
  table.def td {
    text-align: left;
    vertical-align: middle; }

table.def.noborder {
  border-top: solid 1px #FFF;
  border-left: solid 1px #FFF; }
  table.def.noborder th, table.def.noborder td {
    border-bottom: solid 1px #FFF;
    border-right: solid 1px #FFF; }

table.onbg tr:nth-child(odd) {
  border-top: solid 2px #FFF;
  background-color: #F1F0F0; }

table.onbg tr:nth-child(even) {
  border-top: solid 2px #FFF;
  background-color: #F7F7F7; }

table.fixth {
  margin: 40px auto 0;
  border-top: solid 2px #FFF;
  border-left: solid 2px #FFF; }
  @media screen and (min-width: 769px) {
    table.fixth {
      width: 100%;
      max-width: 1400px; } }
  table.fixth tbody &gt; tr th, table.fixth tbody &gt; tr td {
    border-bottom: solid 2px #FFF;
    border-right: solid 2px #FFF;
    padding: .5em; }
  @media screen and (min-width: 769px) {
    table.fixth tbody &gt; tr {
      display: flex; } }
  table.fixth tbody &gt; tr th {
    background-color: #D5D5D5; }
    @media screen and (min-width: 769px) {
      table.fixth tbody &gt; tr th {
        flex-basis: 25%;
        max-width: 200px; } }
    @media screen and (max-width: 768px) {
      table.fixth tbody &gt; tr th {
        white-space: nowrap; } }
  table.fixth tbody &gt; tr td {
    background-color: #EDEDED; }
    @media screen and (min-width: 769px) {
      table.fixth tbody &gt; tr td {
        flex-grow: 1; } }
    @media screen and (max-width: 768px) {
      table.fixth tbody &gt; tr td {
        min-width: 70vw; } }

@media screen and (max-width: 768px) {
  .tableContainer {
    overflow: auto; } }

/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* rem はルートのフォントサイズのみ参照し %やemとは違い、直接の親要素の影響を受けません。
10px font-size:0.714rem;
12px font-size:0.857rem;
14px ---- 基準(SP) ----
16px font-size:1.142rem;
18px font-size:1.285rem;
20px font-size:1.428rem;
24px font-size:1.714rem;
26px font-size:1.857rem;
28px font-size:2rem;
32px font-size:2.28rem;
36px font-size:2.57rem;
42px font-size:3rem;
48px font-size:3.428rem;
56px font-size:4rem;
60px font-size:4.28rem;


10px font-size:0.625rem;
12px font-size:0.75rem;
14px font-size:0.875rem;
16px ---- 基準(PC) ----
18px font-size:1.125rem;
20px font-size:1.25rem;
24px font-size:1.5rem;
26px font-size:1.625rem;
28px font-size:1.75rem;
32px font-size:2rem;
36px font-size:2.25rem;
42px font-size:2.625rem;
48px font-size:3rem;
60px font-size:3.75rem;

10px font-size:0.555rem;
12px font-size:0.666rem;
14px font-size:0.777rem;
16px font-size:0.888rem;
18px ---- 基準 ----
20px font-size:1.111rem;
24px font-size:1.333rem;
26px font-size:1.444rem;
28px font-size:1.555rem;
32px font-size:1.777rem;
36px font-size:2rem;
42px font-size:2.333rem;
48px font-size:2.666rem;
54px font-size:3rem;
60px font-size:3.333rem;
*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
ul.def {
  text-align: left;
  line-height: 1.6;
  margin-top: 1rem; }
  ul.def &gt; li {
    position: relative;
    margin-top: 5px;
    padding-left: 1.5rem; }
  ul.def.notice &gt; li.n1, ul.def.notice &gt; li.n2, ul.def.notice &gt; li.n3, ul.def.notice &gt; li.n4, ul.def.notice &gt; li.n5, ul.def.noticeNumber &gt; li {
    padding-left: 2rem; }
  ul.def.note &gt; li {
    padding-left: 3rem; }
  ul.def.note2 &gt; li, ul.def.note3 &gt; li {
    padding-left: 3.5rem; }
  ul.def &gt; li &gt; ul {
    margin-top: 0; }
  ul.def &gt; li:before {
    position: absolute;
    top: 0;
    left: 0; }
  ul.def.notice &gt; li:before {
    content: "※"; }
  ul.def.notice &gt; li.n1:before {
    content: "※1"; }
  ul.def.notice &gt; li.n2:before {
    content: "※2"; }
  ul.def.notice &gt; li.n3:before {
    content: "※3"; }
  ul.def.notice &gt; li.n4:before {
    content: "※4"; }
  ul.def.notice &gt; li.n5:before {
    content: "※5"; }
  ul.def.noticeNumber li:nth-child(1):before {
    content: "※1" !important; }
  ul.def.noticeNumber li:nth-child(2):before {
    content: "※2" !important; }
  ul.def.noticeNumber li:nth-child(3):before {
    content: "※3" !important; }
  ul.def.noticeNumber li:nth-child(4):before {
    content: "※4" !important; }
  ul.def.noticeNumber li:nth-child(40):before {
    content: "※40" !important; }
  ul.def.noticeNumber li:nth-child(5):before {
    content: "※5" !important; }
  ul.def.nakaguro &gt; li:before {
    content: "?"; }
  ul.def.circle &gt; li:before {
    content: "● "; }
  ul.def.circle2 &gt; li:before {
    content: "◎ "; }
  ul.def.square &gt; li:before {
    content: "■ "; }
  ul.def.asterisk &gt; li:before {
    content: "* "; }
  ul.def.note &gt; li:before {
    content: "Note "; }
  ul.def.note2 &gt; li:before {
    content: "Note: "; }
  ul.def.notes3 &gt; li:before {
    content: "Notes: "; }

ul.linklist {
  text-align: left;
  line-height: 1.6;
  margin-top: 1rem; }
  ul.linklist &gt; li {
    position: relative;
    margin-top: 1rem;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 14px 14px;
    padding-left: 20px;
    background-repeat: no-repeat;
    background-position: left center; }

ol {
  counter-reset: item;
  text-align: left;
  line-height: 1.7; }
  ol li {
    position: relative;
    margin-top: .5rem;
    padding-left: 1.5rem; }
  ol li:before {
    counter-increment: item;
    content: counter(item) ".";
    position: absolute;
    left: 0;
    top: 0; }

ol.lines {
  margin-left: 1rem; }
  ol.lines li {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: dotted 1px #9fabc0; }

/* Scss Document */
/* CSS Document */
@media screen and (max-width: 768px) {
  .pc_ver {
    display: none; } }

@media screen and (min-width: 769px) {
  .sp_ver {
    display: none; } }

/* rem はルートのフォントサイズのみ参照し %やemとは違い、直接の親要素の影響を受けません。
10px font-size:0.714rem;
12px font-size:0.857rem;
14px ---- 基準(SP) ----
16px font-size:1.142rem;
18px font-size:1.285rem;
20px font-size:1.428rem;
24px font-size:1.714rem;
26px font-size:1.857rem;
28px font-size:2rem;
32px font-size:2.28rem;
36px font-size:2.57rem;
42px font-size:3rem;
48px font-size:3.428rem;
56px font-size:4rem;
60px font-size:4.28rem;


10px font-size:0.625rem;
12px font-size:0.75rem;
14px font-size:0.875rem;
16px ---- 基準(PC) ----
18px font-size:1.125rem;
20px font-size:1.25rem;
24px font-size:1.5rem;
26px font-size:1.625rem;
28px font-size:1.75rem;
32px font-size:2rem;
36px font-size:2.25rem;
42px font-size:2.625rem;
48px font-size:3rem;
60px font-size:3.75rem;

10px font-size:0.555rem;
12px font-size:0.666rem;
14px font-size:0.777rem;
16px font-size:0.888rem;
18px ---- 基準 ----
20px font-size:1.111rem;
24px font-size:1.333rem;
26px font-size:1.444rem;
28px font-size:1.555rem;
32px font-size:1.777rem;
36px font-size:2rem;
42px font-size:2.333rem;
48px font-size:2.666rem;
54px font-size:3rem;
60px font-size:3.333rem;
*/
/**
 * SVG画像をアイコンに使いたい的ないろいろ
 *
 *  [Html] SVG塗りつぶしの色をBackground-Imageとして扱うときに変更する
 * https://code.i-harness.com/ja/q/cbfa3c
 */
/**
 * 下記SVGを変更した場合、インポートする側のCSSもアップする必要があります。注意してください。
 *
*/
a.bt00 {
  display: table;
  width: 100%;
  line-height: 1.2;
  color: #333 !important; }

a.bt00 span.arw {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 14px 14px;
  padding-left: 20px;
  background-repeat: no-repeat;
  background-position: left center; }

/* 背景あり画像
======================================== */
a.bt01 {
  position: relative;
  display: table;
  box-sizing: border-box;
  padding: 1em 2em 1em;
  line-height: 1em;
  color: #333;
  border-radius: 2em;
  box-sizing: border-box; }
  a.bt01.white {
    color: #333;
    border: solid 2px #333;
    background-color: #FFF; }
  a.bt01.meijo {
    color: #FFF;
    background-color: #d70146; }
  a.bt01.black {
    color: #FFF;
    border: solid 2px #333;
    background-color: #333; }
  a.bt01.lawgc, a.bt01.lawbg, a.bt01.bizgc, a.bt01.bizbg, a.bt01.ecmgc, a.bt01.ecmbg, a.bt01.frggc, a.bt01.frgbg, a.bt01.hmngc, a.bt01.hmnbg, a.bt01.urbgc, a.bt01.urbbg, a.bt01.scigc, a.bt01.scibg, a.bt01.infgc, a.bt01.infbg, a.bt01.agrgc, a.bt01.agrbg, a.bt01.phagc, a.bt01.phabg {
    color: #FFF; }
  a.bt01.logo {
    display: inline-block;
    background-image: url(/admissions/academics/manabigate/common/img/flogo.svg);
    background-position: left .75em center;
    background-repeat: no-repeat;
    background-size: 53% auto; }
  a.bt01 span {
    padding-left: 60%;
    min-height: 1.2em; }

a.bt01.arwh:after, a.bt01.arwb:after {
  position: absolute;
  top: 50%;
  right: 1em;
  transform: translateY(-50%);
  content: "";
  width: 14px;
  height: 14px; }

a.bt01.arwh:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat; }

a.bt01.arwb:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: 100% auto;
  background-repeat: no-repeat; }

/*
hover 処理
*/
a.bt01.meijo:hover {
  background-color: #ff0052;
  transition: background-color 0.5s ease 0s; }

a.bt01.white:hover {
  color: #FFF;
  background-color: #333;
  transition: all 0.5s ease 0s; }

a.bt01.black:hover {
  color: #333;
  background-color: #FFF;
  transition: all 0.5s ease 0s; }

a.bt01.black.arwh:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

a.bt01.white.arwh:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23333%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

a.bt01.arwb:hover:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E"); }

a.bt01:hover.lawgc, a.bt01:hover.lawbg, a.bt01:hover.bizgc, a.bt01:hover.bizbg, a.bt01:hover.ecmgc, a.bt01:hover.ecmbg, a.bt01:hover.frggc, a.bt01:hover.frgbg, a.bt01:hover.hmngc, a.bt01:hover.hmnbg, a.bt01:hover.urbgc, a.bt01:hover.urbbg, a.bt01:hover.scigc, a.bt01:hover.scibg, a.bt01:hover.infgc, a.bt01:hover.infbg, a.bt01:hover.agrgc, a.bt01:hover.agrbg, a.bt01:hover.phagc, a.bt01:hover.phabg {
  opacity: .8;
  transition: opacity 0.5s ease 0s; }

.backanker {
  display: flex;
  justify-content: flex-end;
  margin-top: 20px; }
  .backanker a {
    position: relative;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 0 0 1.5em;
    line-height: 1em;
    color: #000;
    box-sizing: border-box; }
    @media screen and (min-width: 769px) {
      .backanker a {
        font-size: 0.875rem; } }
    @media screen and (max-width: 768px) {
      .backanker a {
        font-size: 0.888rem; } }
  .backanker a:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-size: auto 100%;
    background-repeat: no-repeat;
    position: absolute;
    left: 0px;
    top: 50%;
    transform: translateY(-50%) rotate(-90deg); }

.law .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.biz .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23e83828%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.ecm .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23f39800%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.frg .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23ffce00%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.hmn .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23e85298%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.urb .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%2326b7bc%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.sci .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23227bc0%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.inf .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23a1a3a0%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.agr .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%2322ac38%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

.pha .backanker a:after {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23a688bd%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 14px; }

@media screen and (min-width: 769px) {
  html {
    font-size: 16px; } }
@media screen and (max-width: 768px) {
  html {
    font-size: 14px; } }

body {
  position: relative;
  text-align: center;
  font-family: "Noto Sans JP", "メイリオ", "Meiryo", "Helvetica", "Arial", sans-serif;
  font-weight: 500;
  line-height: 2rem;
  color: #333;
  background-color: #FFF;
  -webkit-text-size-adjust: 100%; }
  @media screen and (min-width: 769px) {
    body {
      font-size: 16px; } }
  @media screen and (max-width: 768px) {
    body {
      font-size: 14px; } }

.minfont {
  font-size: 0.714rem;
  line-height: 1.8; }

body.law {
  background-color: #d70146;
  background: linear-gradient(90deg, rgba(215, 1, 70, 0.4) 0%, rgba(234, 91, 110, 0.4) 100%); }

body.biz {
  background: #e83828;
  background: linear-gradient(90deg, rgba(232, 56, 40, 0.4) 0%, rgba(238, 99, 93, 0.4) 100%); }

body.ecm {
  background: #f39800;
  background: linear-gradient(90deg, rgba(243, 152, 0, 0.4) 0%, rgba(233, 185, 114, 0.4) 100%); }

body.frg {
  background: #d4b42f;
  background: linear-gradient(90deg, rgba(212, 180, 47, 0.4) 0%, rgba(255, 206, 0, 0.4) 100%); }

body.hmn {
  background: #e83828;
  background: linear-gradient(90deg, rgba(232, 56, 40, 0.4) 0%, rgba(238, 99, 93, 0.4) 100%); }

body.urb {
  background: #26b7bc;
  background: linear-gradient(90deg, rgba(38, 183, 188, 0.4) 0%, rgba(91, 212, 216, 0.4) 100%); }

body.sci {
  background: #227bc0;
  background: linear-gradient(90deg, rgba(34, 123, 192, 0.4) 0%, rgba(127, 150, 215, 0.4) 100%); }

body.inf {
  background: #a1a3a0;
  background: linear-gradient(90deg, rgba(161, 163, 160, 0.4) 0%, rgba(198, 203, 195, 0.4) 100%); }

body.agr {
  background: #22ac38;
  background: linear-gradient(90deg, rgba(34, 172, 56, 0.4) 0%, rgba(125, 200, 138, 0.4) 100%); }

body.pha {
  background: #8561a1;
  background: linear-gradient(90deg, rgba(133, 97, 161, 0.4) 0%, rgba(166, 136, 189, 0.4) 100%); }

/* ヘッダー
======================================== */
header {
  width: 100%;
  background-color: #FFF;
  padding: 5px 5%; }
  header img {
    max-width: 62.5%; }

#contactLink {
  pointer-events: none;
  width: 96%;
  height: 100vh;
  position: fixed;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
  padding: 5% 2%; }
  @media screen and (max-width: 768px) {
    #contactLink {
      display: none; } }
  #contactLink a {
    pointer-events: auto;
    display: block;
    width: 190px;
    height: 190px;
    position: absolute;
    bottom: 30px;
    right: 0;
    background-color: rgba(0, 0, 0, 0.8);
    border-radius: 95px;
    color: #FFF; }
    #contactLink a span.texts {
      position: absolute;
      top: 40%;
      left: 50%;
      transform: translate(-50%, -50%);
      line-height: 1.5; }
    #contactLink a span.arwicon {
      position: absolute;
      bottom: 30%;
      left: 50%;
      transform: translateX(-50%); }
  #contactLink a:hover {
    background-color: black;
    transition: background-color 0.5s ease 0s; }

.arwicon {
  display: inline-block;
  width: 24px;
  height: 24px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 100%;
  background-repeat: no-repeat;
  background-position: left center; }

/* フッター
======================================== */
.pagetop {
  margin-top: 100px;
  background-color: #b4b4b4;
  height: 60px;
  position: relative;
  z-index: 9; }

.pagetop a {
  display: block;
  width: 100%;
  height: 100%;
  position: relative; }

.pagetop a:before {
  position: absolute;
  top: 30px;
  left: 50%;
  transform: translateX(-50%) rotate(-45deg);
  display: block;
  width: 12px;
  height: 12px;
  border-top: solid 3px #FFF;
  border-right: solid 3px #FFF;
  content: ""; }

footer {
  background-color: #2c363d;
  color: #FFF;
  font-size: 0.777rem;
  padding: 50px 5% 0;
  position: relative;
  z-index: 8; }
  footer &gt; .inner {
    max-width: 1020px;
    margin: 0 auto;
    text-align: left; }
  @media screen and (min-width: 769px) {
    footer #ft1 {
      display: flex;
      justify-content: space-between;
      align-items: center;
      text-align: left; } }
  @media screen and (max-width: 768px) {
    footer #ft1 {
      text-align: center; } }
  @media screen and (max-width: 768px) {
    footer #ft1 #flogo {
      max-width: 76%; } }
  footer #ft2 {
    margin-top: 50px; }
  footer #ft3 {
    margin-top: 1rem; }
  @media screen and (max-width: 768px) {
    footer #ft1 .rightparts {
      margin-top: 25px; } }
  @media screen and (min-width: 769px) {
    footer #ft1 .rightparts dl {
      display: flex;
      justify-content: flex-start;
      align-items: center; } }
  @media screen and (max-width: 768px) {
    footer #ft1 .rightparts dl {
      font-size: 0.666rem; } }
  @media screen and (min-width: 769px) {
    footer #ft1 .rightparts dl dt {
      width: 10rem; } }
  @media screen and (max-width: 768px) {
    footer #ft1 .rightparts dl dt {
      width: 100%;
      text-align: left; } }
  footer #ft1 .rightparts dl dd {
    line-height: 1.8; }
    @media screen and (min-width: 769px) {
      footer #ft1 .rightparts dl dd {
        width: calc(100% - 10rem); } }
    @media screen and (max-width: 768px) {
      footer #ft1 .rightparts dl dd {
        width: 100%;
        text-align: left; } }
  footer .rightparts a {
    color: #FFF;
    text-decoration: underline; }
  footer #ft2 ul {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    margin: 0 auto; }
  footer #ft2 li {
    padding: 0 1rem;
    line-height: 1; }
    footer #ft2 li a {
      color: #FFF; }
  footer #ft2 li:not(:last-child) {
    border-right: solid 1px #FFF; }
  @media screen and (max-width: 768px) {
    footer #ft2 li:last-child {
      margin-top: .75em;
      display: table; } }
  footer #snslinks ul {
    display: flex;
    justify-content: center; }
    @media screen and (min-width: 769px) {
      footer #snslinks ul {
        margin: 1.5rem auto 0; } }
    @media screen and (max-width: 768px) {
      footer #snslinks ul {
        margin: 2rem auto 0; } }
  footer #snslinks li {
    padding: 0 .25rem;
    line-height: 1; }
    footer #snslinks li a {
      color: #FFF; }
  footer .copyright {
    margin-top: 40px;
    color: #FFF;
    padding-bottom: .5em; }
    @media screen and (min-width: 769px) {
      footer .copyright {
        font-size: 0.777rem; } }
    @media screen and (min-width: 769px) {
      footer .copyright {
        font-size: 0.666rem; } }

.pagetop + footer {
  margin: 0px auto 0; }

/* 法学部 */
.lawfc {
  color: #d70146; }

.lawbc {
  border-color: #d70146; }

.lawbg {
  background-color: #d70146; }

.lawgc {
  background-color: #d70146;
  background: linear-gradient(90deg, #d70146 0%, #ea5b6e 100%); }

/* 経営学部 */
.bizfc {
  color: #e83828; }

.bizbc {
  border-color: #e83828; }

.bizbg {
  background-color: #e83828; }

.bizgc {
  background: #e83828;
  background: linear-gradient(90deg, #e83828 0%, #ee635d 100%); }

/* 経済学部 */
.ecmfc {
  color: #f39800; }

.ecmbc {
  border-color: #f39800; }

.ecmbg {
  background-color: #f39800; }

.ecmgc {
  background: #f39800;
  background: linear-gradient(90deg, #f39800 0%, #e9b972 100%); }

/* 外国語学部 */
.frgfc {
  color: #ffce00; }

.frgbc {
  border-color: #ffce00; }

.frgbg {
  background-color: #ffce00; }

.frggc {
  background: #d4b42f;
  background: linear-gradient(90deg, #d4b42f 0%, #ffce00 100%); }

/* 人間学部 */
.hmnfc {
  color: #e85298; }

.hmnbc {
  border-color: #e85298; }

.hmnbg {
  background-color: #e85298; }

.hmngc {
  background: #e85298;
  background: linear-gradient(90deg, #e85298 0%, #f97cb6 100%); }

/* 都市情報学部 */
.urbfc {
  color: #26b7bc; }

.urbbc {
  border-color: #26b7bc; }

.urbbg {
  background-color: #26b7bc; }

.urbgc {
  background: #26b7bc;
  background: linear-gradient(90deg, #26b7bc 0%, #5bd4d8 100%); }

/* 理工学部 */
.scifc {
  color: #227bc0; }

.scibc {
  border-color: #227bc0; }

.scibg {
  background-color: #227bc0; }

.scigc {
  background: #227bc0;
  background: linear-gradient(90deg, #227bc0 0%, #7f96d7 100%); }

/* 情報工学部 */
.inffc {
  color: #a1a3a0; }

.infbc {
  border-color: #a1a3a0; }

.infbg {
  background-color: #a1a3a0; }

.infgc {
  background: #a1a3a0;
  background: linear-gradient(90deg, #a1a3a0 0%, #c6cbc3 100%); }

/* 農学部 */
.agrfc {
  color: #22ac38; }

.agrbc {
  border-color: #22ac38; }

.agrbg {
  background-color: #22ac38; }

.agrgc {
  background: #22ac38;
  background: linear-gradient(90deg, #22ac38 0%, #7dc88a 100%); }

/* 薬学部 */
.phafc {
  color: #a688bd; }

.phabc {
  border-color: #a688bd; }

.phabg {
  background-color: #a688bd; }

.phagc {
  background: #8561a1;
  background: linear-gradient(90deg, #8561a1 0%, #a688bd 100%); }

/* パン屑リスト
======================================== */
#bread_crumb {
  width: 100%;
  text-align: left;
  font-size: 0;
  padding: 7px 3% 10px; }

.law #bread_crumb {
  background-color: #f9d8e3; }

.biz #bread_crumb {
  background-color: #ee635d; }

.ecm #bread_crumb {
  background-color: #e9b972; }

.frg #bread_crumb {
  background-color: #ffce00; }

.hmn #bread_crumb {
  background-color: #f97cb6; }

.urb #bread_crumb {
  background-color: #5bd4d8; }

.sci #bread_crumb {
  background-color: #4e95cd; }

.inf #bread_crumb {
  background-color: #c6cbc3; }

.agr #bread_crumb {
  background-color: #7dc88a; }

.pha #bread_crumb {
  background-color: #a688bd; }

#bread_crumb ol {
  margin: 0 auto;
  max-width: 1080px; }

#bread_crumb ol &gt; li {
  font-size: 0.777rem;
  line-height: 1.4;
  display: inline-block;
  vertical-align: top;
  padding-left: 0;
  text-indent: 0; }

#bread_crumb ol &gt; li + li:before {
  position: relative;
  display: inline-block;
  counter-increment: none;
  content: " &gt; ";
  padding-left: 5px;
  padding-right: 5px; }

#bread_crumb ol li:before {
  display: inline-block;
  content: ""; }

#bread_crumb ol li:last-child {
  color: #333; }

#bread_crumb a {
  color: #333;
  text-decoration: none; }

/* ============================
下層共通
============================ */
.wrapper {
  padding: 0 5%; }

.wrapper + .wrapper {
  margin: 50px auto 0; }

.wrapper &gt; .inner {
  max-width: 1080px;
  background-color: #FFF;
  border-radius: 10px;
  box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.2); }
  @media screen and (min-width: 769px) {
    .wrapper &gt; .inner {
      margin: 100px auto 0;
      padding: 80px 8%; } }
  @media screen and (max-width: 768px) {
    .wrapper &gt; .inner {
      margin: 40px auto 0;
      padding: 40px 8%; } }

.undergraduate h1 {
  font-weight: 700;
  padding-bottom: 1em;
  border-bottom-style: solid;
  border-bottom-width: 2px; }
  @media screen and (min-width: 769px) {
    .undergraduate h1 {
      font-size: 2rem; } }
  @media screen and (max-width: 768px) {
    .undergraduate h1 {
      font-size: 1.714rem; } }

.undergraduate dt {
  font-weight: 700;
  text-align: center; }
  @media screen and (min-width: 769px) {
    .undergraduate dt {
      font-size: 1.25rem; } }
  @media screen and (max-width: 768px) {
    .undergraduate dt {
      font-size: 1.285rem; } }
.undergraduate h3 {
  font-weight: 700;
  text-align: left; }
  @media screen and (min-width: 769px) {
    .undergraduate h3 {
      font-size: 1.25rem; } }
  @media screen and (max-width: 768px) {
    .undergraduate h3 {
      font-size: 1.285rem; } }
.undergraduate h3.listTitle {
  margin-top: 3em;
  text-align: center; }

.movies li {
  margin-top: 1rem; }
.movies dd {
  margin-top: 1rem; }
.movies p {
  margin-top: 1rem;
  text-align: left;
  line-height: 1.8; }

.law .undergraduate h1 {
  color: #d70146;
  border-color: #d70146; }

.biz .undergraduate h1 {
  color: #e83828;
  border-color: #e83828; }

.ecm .undergraduate h1 {
  color: #f39800;
  border-color: #f39800; }

.frg .undergraduate h1 {
  color: #ffce00;
  border-color: #ffce00; }

.hmn .undergraduate h1 {
  color: #e85298;
  border-color: #e85298; }

.urb .undergraduate h1 {
  color: #26b7bc;
  border-color: #26b7bc; }

.sci .undergraduate h1 {
  color: #227bc0;
  border-color: #227bc0; }

.inf .undergraduate h1 {
  color: #a1a3a0;
  border-color: #a1a3a0; }

.agr .undergraduate h1 {
  color: #22ac38;
  border-color: #22ac38; }

.pha .undergraduate h1 {
  color: #a688bd;
  border-color: #a688bd; }

.law .undergraduate dt, .law .undergraduate h3.listTitle {
  color: #d70146; }

.biz .undergraduate dt, .biz .undergraduate h3.listTitle {
  color: #e83828; }

.ecm .undergraduate dt, .ecm .undergraduate h3.listTitle {
  color: #f39800; }

.frg .undergraduate dt, .frg .undergraduate h3.listTitle {
  color: #ffce00; }

.hmn .undergraduate dt, .hmn .undergraduate h3.listTitle {
  color: #e85298; }

.urb .undergraduate dt, .urb .undergraduate h3.listTitle {
  color: #26b7bc; }

.sci .undergraduate dt, .sci .undergraduate h3.listTitle {
  color: #227bc0; }

.inf .undergraduate dt, .inf .undergraduate h3.listTitle {
  color: #a1a3a0; }

.agr .undergraduate dt, .agr .undergraduate h3.listTitle {
  color: #22ac38; }

.pha .undergraduate dt, .pha .undergraduate h3.listTitle {
  color: #a688bd; }

/* ========================================================
学科名
*/
.departments {
  position: relative;
  margin-top: 3rem; }
  @media screen and (min-width: 769px) {
    .departments {
      margin-top: 120px;
      font-size: 1.75rem; } }
  @media screen and (max-width: 768px) {
    .departments {
      margin-top: 60px;
      font-size: 1.428rem; } }
  .departments span {
    position: relative;
    display: table;
    z-index: 2;
    background-color: #FFF;
    padding: 0 1em;
    margin-left: auto;
    margin-right: auto;
    font-weight: 700; }

.departments:after {
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  content: "";
  width: 100%;
  height: 3px;
  z-index: 1; }

.law .departments {
  color: #d70146; }

.biz .departments {
  color: #e83828; }

.ecm .departments {
  color: #f39800; }

.frg .departments {
  color: #ffce00; }

.hmn .departments {
  color: #e85298; }

.urb .departments {
  color: #26b7bc; }

.sci .departments {
  color: #227bc0; }

.inf .departments {
  color: #a1a3a0; }

.agr .departments {
  color: #22ac38; }

.pha .departments {
  color: #a688bd; }

.law .departments:after {
  background-color: #d70146; }

.biz .departments:after {
  background-color: #e83828; }

.ecm .departments:after {
  background-color: #f39800; }

.frg .departments:after {
  background-color: #ffce00; }

.hmn .departments:after {
  background-color: #e85298; }

.urb .departments:after {
  background-color: #26b7bc; }

.sci .departments:after {
  background-color: #227bc0; }

.inf .departments:after {
  background-color: #a1a3a0; }

.agr .departments:after {
  background-color: #22ac38; }

.pha .departments:after {
  background-color: #a688bd; }

@media screen and (min-width: 769px) {
  .departments + * {
    margin-top: 40px !important; } }
@media screen and (max-width: 768px) {
  .departments + * {
    margin-top: 20px !important; } }

/* ========================================================
専門科目　PICK UP
*/
@media screen and (min-width: 769px) {
  .pickup {
    margin-top: 120px; } }
@media screen and (max-width: 768px) {
  .pickup {
    margin-top: 60px; } }
.pickup h2 {
  position: relative;
  vertical-align: bottom;
  display: table;
  font-weight: 700;
  padding-top: calc(45px - 1.333rem);
  padding-left: 60px;
  min-height: 45px;
  margin: 0 auto;
  line-height: 1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20450%20512%22%20width%3D%22450%22%20height%3D%22512%22%20style%3D%22width%3A%20450px%3B%20height%3A%20512px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M469.5%2C317A45%2C45%2C0%2C0%2C0%2C436%2C242H348.7c8.6-26.2%2C12.3-61.1%2C12.3-76V151a60%2C60%2C0%2C0%2C0-60-60H286a14.9%2C14.9%2C0%2C0%2C0-14.5%2C11.4l-8.2%2C32.7c-11.5%2C45.7-47.8%2C96.2-85.4%2C105.4A45.1%2C45.1%2C0%2C0%2C0%2C136%2C212H46a15%2C15%2C0%2C0%2C0-15%2C15V497a15%2C15%2C0%2C0%2C0%2C15%2C15h90a45%2C45%2C0%2C0%2C0%2C40.6-25.6l51.6%2C17.1a164.8%2C164.8%2C0%2C0%2C0%2C52.1%2C8.5H406a45.1%2C45.1%2C0%2C0%2C0%2C45-45%2C43.4%2C43.4%2C0%2C0%2C0-3.2-16.6A44.9%2C44.9%2C0%2C0%2C0%2C469.5%2C377%2C44.6%2C44.6%2C0%2C0%2C0%2C481%2C347%2C45.1%2C45.1%2C0%2C0%2C0%2C469.5%2C317ZM151%2C467a15%2C15%2C0%2C0%2C1-15%2C15H61V242h75a15%2C15%2C0%2C0%2C1%2C15%2C15ZM406%2C332h30a15%2C15%2C0%2C0%2C1%2C0%2C30H406a15%2C15%2C0%2C0%2C0%2C0%2C30h30a15%2C15%2C0%2C0%2C1%2C0%2C30H406a15%2C15%2C0%2C0%2C0%2C0%2C30%2C15%2C15%2C0%2C0%2C1%2C0%2C30H280.3a134.9%2C134.9%2C0%2C0%2C1-42.7-6.9L181%2C456.2V270.6c23.5-4.5%2C46.6-19.4%2C67.4-43.8s36.7-55.4%2C44-84.5l5.3-21.3H301a30.1%2C30.1%2C0%2C0%2C1%2C30%2C30v15c0%2C20.1-6.3%2C58.8-14.4%2C76H286a15%2C15%2C0%2C0%2C0%2C0%2C30H436a15%2C15%2C0%2C0%2C1%2C0%2C30H406a15%2C15%2C0%2C0%2C0%2C0%2C30Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3Ccircle%20%20fill%3D%22%23d70146%22%20cx%3D%2275%22%20cy%3D%22437%22%20r%3D%2215%22%2F%3E%3Cpath%20%20fill%3D%22%23d70146%22%20d%3D%22M316%2C0a15%2C15%2C0%2C0%2C0-15%2C15V46a15%2C15%2C0%2C0%2C0%2C30%2C0V15A15%2C15%2C0%2C0%2C0%2C316%2C0Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3Cpath%20%20fill%3D%22%23d70146%22%20d%3D%22M252.4%2C66.1%2C231.1%2C44.9a15%2C15%2C0%2C0%2C0-21.2%2C21.2l21.2%2C21.3a15.1%2C15.1%2C0%2C0%2C0%2C21.3-21.3Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3Cpath%20%20fill%3D%22%23d70146%22%20d%3D%22M422.1%2C44.9a15.1%2C15.1%2C0%2C0%2C0-21.2%2C0L379.6%2C66.1a15.1%2C15.1%2C0%2C0%2C0%2C21.3%2C21.3l21.2-21.3A15.1%2C15.1%2C0%2C0%2C0%2C422.1%2C44.9Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3C%2Fsvg%3E");
  background-size: auto 45px;
  background-repeat: no-repeat;
  background-position: left center; }
  @media screen and (min-width: 769px) {
    .pickup h2 {
      font-size: 1.5rem; } }
  @media screen and (max-width: 768px) {
    .pickup h2 {
      font-size: 1.285rem; } }
.pickup h2:before {
  position: absolute;
  top: .25em;
  left: 0;
  display: block;
  margin: 0 auto;
  line-height: 1;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%20450%20512%22%20width%3D%22450%22%20height%3D%22512%22%20style%3D%22width%3A%20450px%3B%20height%3A%20512px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M469.5%2C317A45%2C45%2C0%2C0%2C0%2C436%2C242H348.7c8.6-26.2%2C12.3-61.1%2C12.3-76V151a60%2C60%2C0%2C0%2C0-60-60H286a14.9%2C14.9%2C0%2C0%2C0-14.5%2C11.4l-8.2%2C32.7c-11.5%2C45.7-47.8%2C96.2-85.4%2C105.4A45.1%2C45.1%2C0%2C0%2C0%2C136%2C212H46a15%2C15%2C0%2C0%2C0-15%2C15V497a15%2C15%2C0%2C0%2C0%2C15%2C15h90a45%2C45%2C0%2C0%2C0%2C40.6-25.6l51.6%2C17.1a164.8%2C164.8%2C0%2C0%2C0%2C52.1%2C8.5H406a45.1%2C45.1%2C0%2C0%2C0%2C45-45%2C43.4%2C43.4%2C0%2C0%2C0-3.2-16.6A44.9%2C44.9%2C0%2C0%2C0%2C469.5%2C377%2C44.6%2C44.6%2C0%2C0%2C0%2C481%2C347%2C45.1%2C45.1%2C0%2C0%2C0%2C469.5%2C317ZM151%2C467a15%2C15%2C0%2C0%2C1-15%2C15H61V242h75a15%2C15%2C0%2C0%2C1%2C15%2C15ZM406%2C332h30a15%2C15%2C0%2C0%2C1%2C0%2C30H406a15%2C15%2C0%2C0%2C0%2C0%2C30h30a15%2C15%2C0%2C0%2C1%2C0%2C30H406a15%2C15%2C0%2C0%2C0%2C0%2C30%2C15%2C15%2C0%2C0%2C1%2C0%2C30H280.3a134.9%2C134.9%2C0%2C0%2C1-42.7-6.9L181%2C456.2V270.6c23.5-4.5%2C46.6-19.4%2C67.4-43.8s36.7-55.4%2C44-84.5l5.3-21.3H301a30.1%2C30.1%2C0%2C0%2C1%2C30%2C30v15c0%2C20.1-6.3%2C58.8-14.4%2C76H286a15%2C15%2C0%2C0%2C0%2C0%2C30H436a15%2C15%2C0%2C0%2C1%2C0%2C30H406a15%2C15%2C0%2C0%2C0%2C0%2C30Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3Ccircle%20%20fill%3D%22%23d70146%22%20cx%3D%2275%22%20cy%3D%22437%22%20r%3D%2215%22%2F%3E%3Cpath%20%20fill%3D%22%23d70146%22%20d%3D%22M316%2C0a15%2C15%2C0%2C0%2C0-15%2C15V46a15%2C15%2C0%2C0%2C0%2C30%2C0V15A15%2C15%2C0%2C0%2C0%2C316%2C0Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3Cpath%20%20fill%3D%22%23d70146%22%20d%3D%22M252.4%2C66.1%2C231.1%2C44.9a15%2C15%2C0%2C0%2C0-21.2%2C21.2l21.2%2C21.3a15.1%2C15.1%2C0%2C0%2C0%2C21.3-21.3Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3Cpath%20%20fill%3D%22%23d70146%22%20d%3D%22M422.1%2C44.9a15.1%2C15.1%2C0%2C0%2C0-21.2%2C0L379.6%2C66.1a15.1%2C15.1%2C0%2C0%2C0%2C21.3%2C21.3l21.2-21.3A15.1%2C15.1%2C0%2C0%2C0%2C422.1%2C44.9Z%22%20transform%3D%22translate%28-31%29%22%2F%3E%3C%2Fsvg%3E");
  background-size: auto 36px;
  background-repeat: no-repeat;
  background-position: left center; }
.pickup h3 {
  margin-top: 50px;
  font-weight: 700; }
  @media screen and (min-width: 769px) {
    .pickup h3 {
      font-size: 1.25rem; } }
  @media screen and (max-width: 768px) {
    .pickup h3 {
      font-size: 1.285rem; } }
.pickup .inner {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (min-width: 769px) {
    .pickup .inner {
      justify-content: space-between;
      margin-top: 10px; } }
  @media screen and (min-width: 769px) {
    .pickup .inner &gt; div {
      width: 48%; } }
  @media screen and (max-width: 768px) {
    .pickup .inner &gt; div {
      width: 100%; } }
.pickup .texts {
  text-align: left; }
  @media screen and (min-width: 769px) {
    .pickup .texts {
      font-size: 0.888rem; } }
  @media screen and (max-width: 768px) {
    .pickup .texts {
      order: 2;
      margin-top: 25px; } }
@media screen and (max-width: 768px) {
  .pickup .photo {
    order: 1;
    margin-top: 20px;
    text-align: center; }
    .pickup .photo img {
      max-width: 80%;
      margin: 0 auto; } }

/* アイコンの色を学部ごとに変えたい場合
 .law .pickup h2 { @include svg-pickup($lawColor); background-size: auto 45px; }
 .biz .pickup h2 { @include svg-pickup($bizColor); background-size: auto 45px; }
 .ecm .pickup h2 { @include svg-pickup($ecmColor); background-size: auto 45px; }
 .frg .pickup h2 { @include svg-pickup($frgColor); background-size: auto 45px; }
 .hmn .pickup h2 { @include svg-pickup($hmnColor); background-size: auto 45px; }
 .urb .pickup h2 { @include svg-pickup($urbColor); background-size: auto 45px; }
 .sci .pickup h2 { @include svg-pickup($sciColor); background-size: auto 45px; }
 .inf .pickup h2 { @include svg-pickup($infColor); background-size: auto 45px; }
 .agr .pickup h2 { @include svg-pickup($agrColor); background-size: auto 45px; }
 .pha .pickup h2 { @include svg-pickup($phaColor); background-size: auto 45px; }
*/
.law .pickup h3 {
  color: #d70146; }

.biz .pickup h3 {
  color: #e83828; }

.ecm .pickup h3 {
  color: #f39800; }

.frg .pickup h3 {
  color: #ffce00; }

.hmn .pickup h3 {
  color: #e85298; }

.urb .pickup h3 {
  color: #26b7bc; }

.sci .pickup h3 {
  color: #227bc0; }

.inf .pickup h3 {
  color: #a1a3a0; }

.agr .pickup h3 {
  color: #22ac38; }

.pha .pickup h3 {
  color: #a688bd; }

/* ========================================================
他にもこんな学びがたくさん
*/
.andmore h2 {
  vertical-align: bottom;
  display: table;
  font-weight: 700;
  margin: 0 auto;
  line-height: 1.5rem;
  padding: 0 2rem;
  position: relative; }
  @media screen and (min-width: 769px) {
    .andmore h2 {
      font-size: 1.5rem; } }
  @media screen and (max-width: 768px) {
    .andmore h2 {
      font-size: 1.285rem; } }
.andmore h2:before {
  content: "";
  width: 3px;
  height: 110%;
  background-color: #333;
  position: absolute;
  bottom: 0;
  left: .5rem;
  transform: rotate(-30deg); }
.andmore h2:after {
  content: "";
  width: 3px;
  height: 110%;
  background-color: #333;
  position: absolute;
  bottom: 0;
  right: .5rem;
  transform: rotate(30deg); }
.andmore ul {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  max-width: 720px;
  margin: 0 auto; }
  .andmore ul &gt; li {
    margin-top: 40px;
    text-align: left; }
    @media screen and (min-width: 769px) {
      .andmore ul &gt; li {
        width: 25%;
        margin-right: 12.5%; } }
    @media screen and (max-width: 768px) {
      .andmore ul &gt; li {
        width: 48%;
        margin-right: 4%; } }
    .andmore ul &gt; li h3 {
      margin-top: 10px;
      display: table;
      padding: 8px 5px;
      font-size: 0.777rem;
      line-height: 1;
      color: #FFF !important; }
      @media screen and (min-width: 769px) {
        .andmore ul &gt; li h3 {
          font-size: 0.875rem; } }
      @media screen and (max-width: 768px) {
        .andmore ul &gt; li h3 {
          font-size: 0.857rem; } }
    .andmore ul &gt; li p {
      margin-top: 10px;
      font-size: 0.888rem;
      line-height: 1.8;
      text-align: left; }
  @media screen and (max-width: 768px) {
    .andmore ul &gt; li:nth-child(2n) {
      margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .andmore ul &gt; li:nth-child(3n) {
      margin-right: 0; } }

.law .andmore h3 {
  background-color: #d70146; }

.biz .andmore h3 {
  background-color: #e83828; }

.ecm .andmore h3 {
  background-color: #f39800; }

.frg .andmore h3 {
  background-color: #ffce00; }

.hmn .andmore h3 {
  background-color: #e85298; }

.urb .andmore h3 {
  background-color: #26b7bc; }

.sci .andmore h3 {
  background-color: #227bc0; }

.inf .andmore h3 {
  background-color: #a1a3a0; }

.agr .andmore h3 {
  background-color: #22ac38; }

.pha .andmore h3 {
  background-color: #a688bd; }

/* ========================================================
他学部を見る
*/
.linkarea h2 {
  position: relative;
  display: table;
  font-weight: 700;
  padding-top: .75rem;
  padding-left: 60px;
  height: 100%;
  min-height: 45px;
  margin: 0 auto;
  line-height: 1; }
  @media screen and (min-width: 769px) {
    .linkarea h2 {
      font-size: 1.5rem; } }
  @media screen and (max-width: 768px) {
    .linkarea h2 {
      font-size: 1.285rem; } }
.linkarea h2:before {
  content: "";
  position: absolute;
  left: 0;
  top: .25em;
  display: block;
  width: 40px;
  height: 36px;
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%20%20width%3D%22512%22%20height%3D%22512%22%20style%3D%22width%3A%20512px%3B%20height%3A%20512px%3B%20opacity%3A%201%3B%22%20xml%3Aspace%3D%22preserve%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M312.069%2C53.445c-71.26-71.26-187.194-71.26-258.454%2C0c-71.261%2C71.26-71.261%2C187.206%2C0%2C258.466	c71.26%2C71.26%2C187.194%2C71.26%2C258.454%2C0S383.329%2C124.705%2C312.069%2C53.445z%20M286.694%2C286.536	c-57.351%2C57.34-150.353%2C57.34-207.704-0.011s-57.351-150.353%2C0-207.693c57.351-57.351%2C150.342-57.351%2C207.693%2C0	S344.045%2C229.174%2C286.694%2C286.536z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M101.911%2C112.531c-29.357%2C37.725-31.801%2C89.631-7.321%2C129.702c1.877%2C3.087%2C5.902%2C4.048%2C8.978%2C2.182	c3.065-1.888%2C4.037-5.903%2C2.16-8.978c-21.666-35.456-19.506-81.538%2C6.469-114.876c2.226-2.837%2C1.713-6.938-1.135-9.154	C108.227%2C109.193%2C104.125%2C109.695%2C101.911%2C112.531z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%23d70146%22%20d%3D%22M498.544%2C447.722l-132.637-129.2c-7.255-7.07-18.84-6.982-26.008%2C0.174l-21.033%2C21.033	c-7.156%2C7.156-7.234%2C18.742-0.153%2C25.986l129.19%2C132.636c14.346%2C17.324%2C35.542%2C18.35%2C51.917%2C1.964	C516.216%2C483.951%2C515.857%2C462.068%2C498.544%2C447.722z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-size: auto 36px;
  background-repeat: no-repeat;
  background-position: left center; }

/* アイコンの色を学部ごとに変えたい場合
 .law .linkarea h2 { @include svg-search($lawColor); background-size: auto 45px; }
 .biz .linkarea h2 { @include svg-search($bizColor); background-size: auto 45px; }
 .ecm .linkarea h2 { @include svg-search($ecmColor); background-size: auto 45px; }
 .frg .linkarea h2 { @include svg-search($frgColor); background-size: auto 45px; }
 .hmn .linkarea h2 { @include svg-search($hmnColor); background-size: auto 45px; }
 .urb .linkarea h2 { @include svg-search($urbColor); background-size: auto 45px; }
 .sci .linkarea h2 { @include svg-search($sciColor); background-size: auto 45px; }
 .inf .linkarea h2 { @include svg-search($infColor); background-size: auto 45px; }
 .agr .linkarea h2 { @include svg-search($agrColor); background-size: auto 45px; }
 .pha .linkarea h2 { @include svg-search($phaColor); background-size: auto 45px; }
*/
/* ========================================================
ボタンのリスト
*/
.btnlist {
  margin: 20px auto 0; }
  @media screen and (min-width: 769px) {
    .btnlist {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      width: 720px; } }
  .btnlist li {
    margin-top: 20px; }
    @media screen and (min-width: 769px) {
      .btnlist li {
        width: 340px; } }
    .btnlist li a {
      width: 100%;
      line-height: 1.25;
      border-radius: 2.5em; }
  @media screen and (min-width: 769px) {
    .btnlist li:nth-child(odd) {
      margin-right: 20px; } }
  @media screen and (min-width: 769px) {
    .btnlist li:nth-child(even) {
      margin-left: 20px; } }

.ankerlist {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  margin-top: 40px; }
  .ankerlist.centering {
    justify-content: center; }
  @media screen and (min-width: 769px) {
    .ankerlist &gt; li {
      width: 31.3%;
      margin-top: 20px;
      margin-right: 2%; } }
  @media screen and (max-width: 768px) {
    .ankerlist &gt; li {
      width: 49%;
      margin-top: 10px;
      margin-right: 2%; } }
  @media screen and (max-width: 768px) {
    .ankerlist &gt; li:nth-child(2n) {
      margin-right: 0; } }
  @media screen and (min-width: 769px) {
    .ankerlist &gt; li:nth-child(3n) {
      margin-right: 0; } }
  .ankerlist a {
    position: relative;
    display: block;
    box-sizing: border-box;
    padding: 1em 2em 1em;
    line-height: 1em;
    color: #FFF;
    border-radius: 2em;
    box-sizing: border-box; }
    @media screen and (min-width: 769px) {
      .ankerlist a {
        font-size: 0.875rem;
        line-height: 1.5; } }
    @media screen and (max-width: 768px) {
      .ankerlist a {
        font-size: 0.888rem;
        line-height: 1.5; } }
  .ankerlist a:after {
    content: "";
    display: block;
    width: 14px;
    height: 14px;
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M255.992%2C0C114.615%2C0%2C0%2C114.615%2C0%2C256s114.615%2C256%2C255.992%2C256C397.385%2C512%2C512%2C397.385%2C512%2C256%20S397.385%2C0%2C255.992%2C0z%20M232.213%2C389.57l-44.097-44.106L277.572%2C256l-89.456-89.464l44.097-44.097L365.782%2C256L232.213%2C389.57z%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center center;
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%) rotate(90deg); }

.law .ankerlist a {
  background-color: #d70146; }

.biz .ankerlist a {
  background-color: #e83828; }

.ecm .ankerlist a {
  background-color: #f39800; }

.frg .ankerlist a {
  background-color: #ffce00; }

.hmn .ankerlist a {
  background-color: #e85298; }

.urb .ankerlist a {
  background-color: #26b7bc; }

.sci .ankerlist a {
  background-color: #227bc0; }

.inf .ankerlist a {
  background-color: #a1a3a0; }

.agr .ankerlist a {
  background-color: #22ac38; }

.pha .ankerlist a {
  background-color: #a688bd; }

@media screen and (min-width: 769px) {
  .btnlist + .notice {
    width: 720px;
    margin-left: auto;
    margin-right: auto; } }

/* ========================================================
資料
*/
a.bt01.contact {
  margin-left: auto;
  margin-right: auto;
  color: #FFF;
  background-color: #d70146; }
  @media screen and (min-width: 769px) {
    a.bt01.contact {
      min-width: 450px; } }
  @media screen and (max-width: 768px) {
    a.bt01.contact {
      width: 80%; } }

/* アイコンの色を学部ごとに変えたい場合
 .law a.bt01.contact { background-color:$lawColor; }
 .biz a.bt01.contact { background-color:$bizColor; }
 .ecm a.bt01.contact { background-color:$ecmColor; }
 .frg a.bt01.contact { background-color:$frgColor; }
 .hmn a.bt01.contact { background-color:$hmnColor; }
 .urb a.bt01.contact { background-color:$urbColor; }
 .sci a.bt01.contact { background-color:$sciColor; }
 .inf a.bt01.contact { background-color:$infColor; }
 .agr a.bt01.contact { background-color:$agrColor; }
 .pha a.bt01.contact { background-color:$phaColor; }
*/
a.bt01.contact:hover {
  opacity: .8;
  transition: opacity 0.5s ease 0s; }

/* ============================
横並び　カラム
============================ */
.clmBlock {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap; }
  .clmBlock.clm2 &gt; * {
    width: 48%;
    margin-top: 2rem;
    margin-right: 4%; }
  .clmBlock.clm2 &gt; *:nth-child(2n) {
    margin-right: 0; }
  .clmBlock.clm3 &gt; * {
    width: 31%;
    margin-top: 2rem;
    margin-right: 3.5%; }
  .clmBlock.clm3 &gt; *:nth-child(3n) {
    margin-right: 0; }
  .clmBlock.clm4 &gt; * {
    width: 23%;
    margin-top: 2rem;
    margin-right: 2%; }
  .clmBlock.clm4 &gt; *:nth-child(4n) {
    margin-right: 0; }
  .clmBlock.clm5 &gt; * {
    width: 18%;
    margin-top: 1.5rem;
    margin-right: 2%; }
  .clmBlock.clm5 &gt; *:nth-child(5n) {
    margin-right: 0; }
  @media screen and (max-width: 768px) {
    .clmBlock.sp1clm &gt; * {
      width: 100%;
      margin-top: 2rem;
      margin-right: 0; } }
  @media screen and (max-width: 768px) {
    .clmBlock.sp2clm &gt; * {
      width: 48%;
      margin-top: 2rem;
      margin-right: 4%; } }
  @media screen and (max-width: 768px) {
    .clmBlock.sp2clm &gt; *:nth-child(2n) {
      margin-right: 0; } }

/* ============================
イレギュラーなclass
============================ */
.miraibnr {
  margin-top: 50px;
  margin-bottom: 50px; }
  .miraibnr a {
    display: table;
    margin-top: 25px;
    margin-bottom: 20px; }
  @media screen and (min-width: 769px) {
    .miraibnr img {
      max-width: 80%; } }
  .miraibnr ul {
    display: table;
    margin-left: auto;
    margin-right: auto; }

.info01 p.gray {
  margin-top: 30px;
  padding: .5em;
  background-color: #ECECEC; }
  @media screen and (max-width: 768px) {
    .info01 p.gray {
      padding: 1em;
      text-align: left;
      line-height: 1.7; } }
.info01 p.gray + p {
  margin-top: 30px; }

@media screen and (min-width: 769px) {
  .info02 {
    min-height: 6em; } }
.info02 p {
  font-weight: 700; }

.info03 {
  display: table;
  margin: 80px auto 0 !important; }


  /*20210319*/
.btnlist sup {
  font-size: 0.7rem;
  vertical-align: super;
  position: relative;
  top: .1em;
}
.topBtn img {
  position: relative;
  top: 48px;
}
@media screen and (min-width: 769px) {
  .topBtn {
    max-width: 1080px;
    position: relative;
    margin: 0 auto;
  }
  .topBtn img {
    position: absolute;
    right: 0;
    bottom: 0;
    transform: translate(0,-120px);
  }
}
.clmBlock.center {
  justify-content: center;
}

/*20210421*/
.andmore .andmore_note {
  font-size: 0.7rem;
  text-align: right;
  margin: 35px 0 0 0;
  line-height: 1.6;
}

@media screen and (max-width:767px){
  .andmore .andmore_note {
    font-size: 0.6rem;
    text-align: left;
    margin: 25px 0 0 0;
  }
}</pre></body></html>