@charset "UTF-8";
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15;
  /* 1 */
  -webkit-text-size-adjust: 100%;
  /* 2 */ }

/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0; }

/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block; }

/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box;
  /* 1 */
  height: 0;
  /* 1 */
  overflow: visible;
  /* 2 */ }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent; }

/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none;
  /* 1 */
  text-decoration: underline;
  /* 2 */
  text-decoration: underline dotted;
  /* 2 */ }

/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder; }

/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace;
  /* 1 */
  font-size: 1em;
  /* 2 */ }

/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%; }

/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline; }

sub {
  bottom: -0.25em; }

sup {
  top: -0.5em; }

/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none; }

/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  line-height: 1.15;
  /* 1 */
  margin: 0;
  /* 2 */ }

/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input {
  /* 1 */
  overflow: visible; }

/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select {
  /* 1 */
  text-transform: none; }

/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button; }

/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0; }

/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText; }

/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em; }

/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box;
  /* 1 */
  color: inherit;
  /* 2 */
  display: table;
  /* 1 */
  max-width: 100%;
  /* 1 */
  padding: 0;
  /* 3 */
  white-space: normal;
  /* 1 */ }

/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline; }

/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto; }

/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */ }

/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto; }

/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  outline-offset: -2px;
  /* 2 */ }

/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none; }

/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button;
  /* 1 */
  font: inherit;
  /* 2 */ }

/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block; }

/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item; }

/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none; }

/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none; }

/* -------------------------------------------------------------------------*/
/* MIXIN / ARGUMENT / COMMON CLASS
/* -------------------------------------------------------------------------*/
.default_ftz {
  font-size: 18px;
  font-size: 1.125rem; }
  @media only screen and (max-width: 750px) {
    .default_ftz {
      font-size: 16px;
      font-size: 1rem; } }

.text_out, #TP_HD #HD_logo h1, #PG_HD .logo a, .page_cnt_wrp #HD #HD_logo h1 a {
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap; }

.fixed_area {
  max-width: 1200px;
  margin: 0 auto; }

@media only screen and (max-width: 750px) {
  .tbl_scroll {
    overflow-x: auto; }
    .tbl_scroll table {
      min-width: 600px; }
    .tbl_scroll table.tbl_1000 {
      min-width: 1000px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* FONT
/* -------------------------------------------------------------------------*/
.gothic, body {
  font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", "メイリオ", sans-serif; }

.mincho {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif; }

.font_s {
  font-size: 14px;
  font-size: 0.875rem; }

.font_l {
  font-size: 20px;
  font-size: 1.25rem; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* COMMON / BASE
/* -------------------------------------------------------------------------*/
html {
  font-size: 100%;
  line-height: 1.75; }
  @media only screen and (max-width: 980px) {
    html {
      font-size: 90%; } }
  @media only screen and (max-width: 750px) {
    html {
      font-size: 90%; } }
  @media print {
    html {
      width: 1000px !important; } }

* {
  box-sizing: border-box; }

img {
  vertical-align: bottom; }

body {
  margin: 0;
  padding: 0;
  background-color: #f9fbfb; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/*TOP
/* -------------------------------------------------------------------------*/
html.top .outer_wrp {
  position: relative;
  padding: 0 30px 0 60px; }
  @media only screen and (max-width: 980px) {
    html.top .outer_wrp {
      padding: 0 15px 0 50px; } }
  @media only screen and (max-width: 750px) {
    html.top .outer_wrp {
      padding: 0; } }

#TP_HD {
  padding: 50px 0 20px;
  border-bottom: 1px solid #7ca0bd; }
  #TP_HD #HD_logo {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 525px;
    text-align: center;
    border-top: 1px solid #c7d7e2; }
    #TP_HD #HD_logo::before {
      position: absolute;
      left: 50%;
      top: 0;
      transform: translate(-50%, -50%);
      content: '';
      display: block;
      width: 70px;
      height: 70px;
      background: url(/campus_guide/2021/assets/img/logo_icon.png) 0 0 no-repeat;
      background-size: 100% auto; }
    #TP_HD #HD_logo h1 {
      margin: 50px 0 0;
      padding: 45px 0 0;
      display: block;
      background: url(/campus_guide/2021/assets/img/logo.png) center center no-repeat;
      background-size: auto 100%;
      line-height: 0; }
    #TP_HD #HD_logo p {
      font-size: 30px;
      font-size: 1.875rem;
      display: inline-block;
      margin: 20px 0 0;
      padding: 10px 20px 8px;
      font-weight: bold;
      color: #00559c;
      background-color: #fff;
      border: 1px solid #84b9e5;
      line-height: 1; }
  #TP_HD ul {
    margin: 15px 0 0;
    padding: 0;
    list-style: none;
    text-align: right; }
  #TP_HD li {
    display: inline-block; }
    #TP_HD li a {
      display: block;
      padding: 10px 15px 8px 25px;
      text-decoration: none;
      color: #fff;
      background: url(/campus_guide/2021/assets/img/link_arw.png) left center no-repeat #739abf;
      line-height: 1;
      transition: background 0.2s ease; }
      #TP_HD li a:hover {
        background-color: #4198ea; }
  #TP_HD .link_kit {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    padding: 0;
    width: 192px;
    height: 116px;
    background: url(/campus_guide/2021/assets/img/tp_paper.png) 0 0 no-repeat;
    background-size: 100% auto; }
    #TP_HD .link_kit a {
      position: absolute;
      top: 8px;
      right: 10px;
      display: block;
      width: 75px; }
      #TP_HD .link_kit a img {
        width: 100%;
        height: auto; }
        #TP_HD .link_kit a img.sp {
          display: none; }
  @media only screen and (max-width: 980px) {
    #TP_HD {
      padding: 40px 0 10px; }
      #TP_HD #HD_logo::before {
        width: 60px;
        height: 60px; }
      #TP_HD #HD_logo h1 {
        margin: 40px 0 0;
        padding: 31px 0 0; }
      #TP_HD #HD_logo p {
        font-size: 25px;
        font-size: 1.5625rem;
        margin: 12px 0 0;
        padding: 8px 20px 6px; }
      #TP_HD li a {
        padding: 8px 10px 7px 20px; }
      #TP_HD .link_kit {
        width: 140px;
        height: 85px; }
        #TP_HD .link_kit a {
          top: 5px;
          right: 5px;
          width: 60px; } }
  @media only screen and (max-width: 750px) {
    #TP_HD {
      position: relative;
      padding: 40px 0 20px; }
      #TP_HD::before {
        position: absolute;
        top: 0;
        left: 0;
        content: '';
        display: block;
        width: 100%;
        height: 40px;
        background-color: #fff; }
      #TP_HD #HD_logo::before {
        width: 50px;
        height: 50px; }
      #TP_HD #HD_logo h1 {
        margin: 35px 0 0;
        padding: 27px 0 0; }
      #TP_HD #HD_logo p {
        font-size: 20px;
        font-size: 1.25rem;
        margin: 12px 0 0;
        padding: 8px 20px; }
      #TP_HD ul {
        text-align: center; }
      #TP_HD .link_kit {
        background: none; }
        #TP_HD .link_kit a {
          top: 12px;
          right: 10px;
          width: 135px; }
          #TP_HD .link_kit a img.pc {
            display: none; }
          #TP_HD .link_kit a img.sp {
            display: block; } }

#TP_CNT_area {
  padding: 10px 0; }
  #TP_CNT_area .tp_mn_controller {
    line-height: 1;
    text-align: right; }
    #TP_CNT_area .tp_mn_controller ul {
      display: inline-block;
      list-style: none;
      margin: 0;
      padding: 0; }
    #TP_CNT_area .tp_mn_controller li {
      font-size: 15px;
      font-size: 0.9375rem;
      margin: 0;
      padding: 10px 20px;
      color: #fff;
      background-color: #004680;
      text-align: left;
      cursor: pointer; }
      #TP_CNT_area .tp_mn_controller li::before {
        display: inline-block;
        margin-right: 10px;
        font-weight: bold; }
      #TP_CNT_area .tp_mn_controller li.list_1::before {
        content: '+'; }
      #TP_CNT_area .tp_mn_controller li.list_2::before {
        content: '-'; }
      #TP_CNT_area .tp_mn_controller li.list_2 {
        display: none; }
    #TP_CNT_area .tp_mn_controller.open li.list_1 {
      display: none; }
    #TP_CNT_area .tp_mn_controller.open li.list_2 {
      display: block; }
  #TP_CNT_area .mn_pc {
    display: flex;
    flex-wrap: wrap; }
    #TP_CNT_area .mn_pc .tp_block {
      width: 32.33%;
      overflow: hidden;
      background-color: #fff;
      box-shadow: 0 0 3px rgba(0, 0, 0, 0.1);
      border-radius: 3px;
      margin-top: 1.5%; }
      #TP_CNT_area .mn_pc .tp_block:nth-child(3n-1) {
        margin-right: 1.5%;
        margin-left: 1.5%; }
      #TP_CNT_area .mn_pc .tp_block .title {
        display: flex;
        align-items: center;
        line-height: 1;
        color: #fff;
        background: #6284a2;
        background: linear-gradient(to right, #6284a2 15%, #77a0c6 100%); }
        #TP_CNT_area .mn_pc .tp_block .title .chapter {
          margin: 0;
          padding: 8px 8px 0;
          background-color: #00457f;
          text-align: center; }
          #TP_CNT_area .mn_pc .tp_block .title .chapter .chap {
            font-size: 10px;
            font-size: 0.625rem;
            display: block;
            border-bottom: 1px solid #80a2bf; }
          #TP_CNT_area .mn_pc .tp_block .title .chapter .num {
            font-size: 35px;
            font-size: 2.1875rem;
            font-weight: bold;
            padding: 2px 0;
            display: block; }
        #TP_CNT_area .mn_pc .tp_block .title .text {
          font-size: 23px;
          font-size: 1.4375rem;
          font-weight: bold;
          margin: 4px 0 0 15px;
          text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.2); }
      #TP_CNT_area .mn_pc .tp_block ol {
        margin: 0;
        padding: 10px 20px;
        font-weight: bold;
        color: #005fb0;
        list-style: none;
        counter-reset: titleNum; }
        #TP_CNT_area .mn_pc .tp_block ol a {
          text-decoration: none;
          color: #005fb0; }
          #TP_CNT_area .mn_pc .tp_block ol a:hover {
            text-decoration: underline; }
        #TP_CNT_area .mn_pc .tp_block ol > li {
          position: relative;
          margin: 6px 0; }
          #TP_CNT_area .mn_pc .tp_block ol > li > .mnT, #TP_CNT_area .mn_pc .tp_block ol > li > a {
            position: relative;
            padding-left: 30px; }
            #TP_CNT_area .mn_pc .tp_block ol > li > .mnT:hover, #TP_CNT_area .mn_pc .tp_block ol > li > a:hover {
              text-decoration: underline; }
            #TP_CNT_area .mn_pc .tp_block ol > li > .mnT .numBox, #TP_CNT_area .mn_pc .tp_block ol > li > a .numBox {
              position: absolute;
              top: 0;
              left: 0;
              font-size: 14px;
              font-size: 0.875rem;
              counter-increment: titleNum;
              display: inline-block;
              width: 22px;
              text-align: center;
              line-height: 1;
              padding: 5px;
              margin-right: 5px;
              color: #fff;
              background-color: #006ecb;
              font-weight: normal;
              transition: background 0.2s ease; }
              #TP_CNT_area .mn_pc .tp_block ol > li > .mnT .numBox::before, #TP_CNT_area .mn_pc .tp_block ol > li > a .numBox::before {
                content: counter(titleNum); }
          #TP_CNT_area .mn_pc .tp_block ol > li.plus {
            padding-left: 3px; }
            #TP_CNT_area .mn_pc .tp_block ol > li.plus .pmBox {
              position: absolute;
              left: -17px;
              top: 7px;
              width: 10px;
              height: 10px;
              transition: all 0.2s ease; }
              #TP_CNT_area .mn_pc .tp_block ol > li.plus .pmBox span {
                position: absolute;
                display: block;
                width: 10px;
                height: 2px;
                background-color: #698eaf;
                transition: all 0.2s ease; }
                #TP_CNT_area .mn_pc .tp_block ol > li.plus .pmBox span:nth-child(1) {
                  top: 4px; }
                #TP_CNT_area .mn_pc .tp_block ol > li.plus .pmBox span:nth-child(2) {
                  top: 4px;
                  transform: rotate(-90deg); }
          #TP_CNT_area .mn_pc .tp_block ol > li p.open {
            color: #5fb327; }
            #TP_CNT_area .mn_pc .tp_block ol > li p.open .numBox {
              background-color: #5fb327; }
            #TP_CNT_area .mn_pc .tp_block ol > li p.open .pmBox {
              transform: rotate(90deg); }
              #TP_CNT_area .mn_pc .tp_block ol > li p.open .pmBox span {
                background-color: #5fb327; }
                #TP_CNT_area .mn_pc .tp_block ol > li p.open .pmBox span:first-child {
                  opacity: 0; }
          #TP_CNT_area .mn_pc .tp_block ol > li p.mnT {
            display: inline-block;
            cursor: pointer;
            margin: 0;
            transition: background 0.2s ease; }
          #TP_CNT_area .mn_pc .tp_block ol > li > a {
            margin-left: 3px; }
          #TP_CNT_area .mn_pc .tp_block ol > li > ul {
            display: none;
            font-size: 14px;
            font-size: 0.875rem;
            font-weight: normal;
            margin: 0;
            padding: 5px 0 10px 5px;
            list-style: none; }
            #TP_CNT_area .mn_pc .tp_block ol > li > ul::after {
              content: '';
              display: block;
              height: 10px;
              border-bottom: 1px dotted #c5d5e3; }
            #TP_CNT_area .mn_pc .tp_block ol > li > ul li {
              margin: 0;
              padding: 0; }
              #TP_CNT_area .mn_pc .tp_block ol > li > ul li::before {
                content: '';
                display: inline-block;
                vertical-align: middle;
                margin-right: 7px;
                width: 4px;
                height: 4px;
                background-color: #5fb327;
                border-radius: 100%; }
          #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp {
            display: none;
            padding: 1px 0 10px; }
            #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp::after {
              content: '';
              display: block;
              height: 10px;
              border-bottom: 1px dotted #c5d5e3; }
            #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp .subT {
              font-size: 14px;
              font-size: 0.875rem;
              margin: 5px 0 0; }
              #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp .subT::before {
                content: '['; }
              #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp .subT::after {
                content: ']'; }
              #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp .subT > a::after {
                content: '';
                display: inline-block;
                vertical-align: middle;
                margin-left: 5px;
                margin-top: -4px;
                width: 0;
                height: 0;
                border-style: solid;
                border-width: 3px 0 3px 5.2px;
                border-color: transparent transparent transparent #6694bc; }
            #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp ul {
              font-size: 14px;
              font-size: 0.875rem;
              font-weight: normal;
              margin: 0;
              padding: 1px 0 0 5px;
              list-style: none; }
              #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp ul li {
                margin: 0;
                padding: 0; }
                #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp ul li::before {
                  content: '';
                  display: inline-block;
                  vertical-align: middle;
                  margin-right: 7px;
                  width: 4px;
                  height: 4px;
                  background-color: #5fb327;
                  border-radius: 100%; }
              #TP_CNT_area .mn_pc .tp_block ol > li .sub_wrp ul + ul {
                margin-top: 20px; }
  #TP_CNT_area .mn_sp {
    display: none; }
  #TP_CNT_area .tp_news {
    width: 66.17%;
    margin-top: 1.5%;
    margin-left: 1.5%; }
    #TP_CNT_area .tp_news .news_title {
      font-size: 18px;
      font-size: 1.125rem;
      margin: 0;
      padding: 15px 20px 20px;
      color: #004680;
      border-top: 2px solid #77a0c6;
      line-height: 1;
      font-weight: bold;
      background: url(/campus_guide/2021/assets/img/news_dot.png) left bottom repeat-x; }
      #TP_CNT_area .tp_news .news_title span {
        font-size: 25px;
        font-size: 1.5625rem;
        margin-right: 15px; }
    #TP_CNT_area .tp_news .news_wrp {
      padding: 0 5px; }
    #TP_CNT_area .tp_news .news_block {
      font-size: 14px;
      font-size: 0.875rem;
      display: flex;
      padding: 8px 10px;
      border-bottom: 1px solid #d2e0eb; }
      #TP_CNT_area .tp_news .news_block .date {
        width: 100px;
        color: #737373; }
        #TP_CNT_area .tp_news .news_block .date p {
          margin: 0;
          padding: 0; }
      #TP_CNT_area .tp_news .news_block .text {
        flex: 1; }
        #TP_CNT_area .tp_news .news_block .text p {
          margin: 0; }
          #TP_CNT_area .tp_news .news_block .text p + p {
            margin-top: 10px; }
  #TP_CNT_area #TP_link p {
    margin: 10px 20px;
    text-align: right; }
  #TP_CNT_area #TP_link a {
    position: relative;
    display: inline-block;
    padding: 13px 15px 12px;
    color: #005fb0;
    text-decoration: none;
    font-weight: bold;
    border: 1px solid #aecae3;
    background-color: #fff;
    line-height: 1; }
    #TP_CNT_area #TP_link a::after {
      content: '';
      display: inline-block;
      width: 8px;
      height: 8px;
      border: 2px solid #005fb0;
      transform: rotate(-45deg);
      border-top: none;
      border-left: none; }
    #TP_CNT_area #TP_link a:hover {
      text-decoration: underline; }
  @media only screen and (max-width: 980px) {
    #TP_CNT_area .mn_pc .tp_block {
      width: 48%;
      margin: 1% !important; }
    #TP_CNT_area .tp_news {
      width: 100%;
      margin-top: 5%;
      margin-left: 0;
      margin-bottom: 30px; } }
  @media only screen and (max-width: 750px) {
    #TP_CNT_area .sp_link_arw, #TP_CNT_area .mn_sp .tp_block > ol > li > a, #TP_CNT_area .mn_sp .tp_block > ol ul li a, #TP_CNT_area.sp .tp_block > ol > li > a, #DRW_mn .mn_sp #TP_CNT_area .tp_block > ol > li > a, #TP_CNT_area #DRW_mn.sp .tp_block > ol > li > a, #DRW_mn.sp #TP_CNT_area .tp_block > ol > li > a, #TP_CNT_area.sp .tp_block > ol ul li a, #DRW_mn .mn_sp .tp_block > ol ul li #TP_CNT_area a, #TP_CNT_area #DRW_mn.sp .tp_block > ol ul li a, #DRW_mn.sp .tp_block > ol ul li #TP_CNT_area a {
      position: relative;
      padding-right: 35px !important; }
      #TP_CNT_area .sp_link_arw::after, #TP_CNT_area .mn_sp .tp_block > ol > li > a::after, #TP_CNT_area .mn_sp .tp_block > ol ul li a::after, #TP_CNT_area.sp .tp_block > ol > li > a::after, #DRW_mn .mn_sp #TP_CNT_area .tp_block > ol > li > a::after, #TP_CNT_area #DRW_mn.sp .tp_block > ol > li > a::after, #DRW_mn.sp #TP_CNT_area .tp_block > ol > li > a::after, #TP_CNT_area.sp .tp_block > ol ul li a::after, #DRW_mn .mn_sp .tp_block > ol ul li #TP_CNT_area a::after, #TP_CNT_area #DRW_mn.sp .tp_block > ol ul li a::after, #DRW_mn.sp .tp_block > ol ul li #TP_CNT_area a::after {
        position: absolute;
        top: 50%;
        right: 10px;
        content: '';
        display: block;
        width: 8px;
        height: 8px;
        border: 1px solid;
        border-top: none;
        border-left: none;
        transform: rotate(-45deg) translateY(-50%); }
    #TP_CNT_area .mn_pc {
      display: none; }
    #TP_CNT_area .mn_sp {
      display: block;
      margin-top: 8px; }
      #TP_CNT_area .mn_sp .tp_block {
        margin-top: 1px; }
        #TP_CNT_area .mn_sp .tp_block .title {
          line-height: 1.5;
          display: flex;
          align-items: center;
          color: #fff;
          padding-right: 35px;
          background-color: #6385a4;
          background-image: url(/campus_guide/2021/assets/img/sp_arw_pm_1.png);
          background-position: right center;
          background-repeat: no-repeat;
          cursor: pointer; }
          #TP_CNT_area .mn_sp .tp_block .title .chapter {
            font-size: 28px;
            font-size: 1.75rem;
            margin: 0;
            padding: 4px 10px;
            background-color: #00457f;
            font-weight: bold; }
            #TP_CNT_area .mn_sp .tp_block .title .chapter .chap {
              display: none; }
          #TP_CNT_area .mn_sp .tp_block .title .text {
            font-size: 20px;
            font-size: 1.25rem;
            margin: 0;
            padding: 5px 0 5px 15px;
            font-weight: bold; }
          #TP_CNT_area .mn_sp .tp_block .title.open {
            background-image: url(/campus_guide/2021/assets/img/sp_arw_pm_0.png); }
        #TP_CNT_area .mn_sp .tp_block a {
          text-decoration: none;
          display: block; }
        #TP_CNT_area .mn_sp .tp_block > ol {
          display: none;
          margin: 0;
          padding: 0;
          list-style: none;
          counter-reset: SP_titleNum; }
          #TP_CNT_area .mn_sp .tp_block > ol > li {
            margin: 0;
            padding: 0;
            counter-increment: SP_titleNum; }
            #TP_CNT_area .mn_sp .tp_block > ol > li > a, #TP_CNT_area .mn_sp .tp_block > ol > li .mnT {
              background-color: #fff;
              color: #005fb0;
              padding: 10px;
              margin: 0;
              border-top: 1px solid #b1c2d1; }
              #TP_CNT_area .mn_sp .tp_block > ol > li > a::before, #TP_CNT_area .mn_sp .tp_block > ol > li .mnT::before {
                content: counter(SP_titleNum);
                display: inline-block;
                width: 25px;
                margin-right: 10px;
                color: #fff;
                background-color: #006ecb;
                text-align: center; }
            #TP_CNT_area .mn_sp .tp_block > ol > li .mnT {
              padding-right: 35px;
              background-image: url(/campus_guide/2021/assets/img/sp_arw_pms_1.png);
              background-position: right center;
              background-repeat: no-repeat;
              cursor: pointer; }
              #TP_CNT_area .mn_sp .tp_block > ol > li .mnT > a {
                display: inline;
                color: #005fb0; }
              #TP_CNT_area .mn_sp .tp_block > ol > li .mnT.open {
                background-image: url(/campus_guide/2021/assets/img/sp_arw_pms_0.png);
                border-bottom: 1px solid #e0e7ed;
                color: #368600; }
                #TP_CNT_area .mn_sp .tp_block > ol > li .mnT.open::before {
                  background-color: #5fb327; }
            #TP_CNT_area .mn_sp .tp_block > ol > li > ul {
              display: none; }
          #TP_CNT_area .mn_sp .tp_block > ol ul {
            list-style: none;
            margin: 0;
            padding: 0;
            background-color: #fafff6; }
            #TP_CNT_area .mn_sp .tp_block > ol ul li a {
              position: relative;
              padding: 10px 10px 10px 35px;
              border-bottom: 1px solid #e0e7ed;
              color: #005fb0; }
              #TP_CNT_area .mn_sp .tp_block > ol ul li a::after {
                border-color: #368800; }
              #TP_CNT_area .mn_sp .tp_block > ol ul li a::before {
                position: absolute;
                top: 20px;
                left: 20px;
                content: '';
                width: 3px;
                height: 3px;
                background-color: #5fb327;
                border-radius: 100%; }
            #TP_CNT_area .mn_sp .tp_block > ol ul li:last-child a {
              border: none; }
        #TP_CNT_area .mn_sp .tp_block .sub_wrp {
          display: none; }
        #TP_CNT_area .mn_sp .tp_block .subT {
          margin: 0;
          padding: 0;
          padding: 5px 10px;
          background-color: #e2f2d7;
          font-weight: bold; }
          #TP_CNT_area .mn_sp .tp_block .subT::before {
            font-size: 10px;
            font-size: 0.625rem;
            content: '▼';
            display: inline-block;
            vertical-align: middle;
            margin-right: 8px;
            color: #5fb327; }
          #TP_CNT_area .mn_sp .tp_block .subT > a {
            display: inline-block; } }

@media only screen and (max-width: 750px) {
  #TP_CNT_area .sp_link_arw, #TP_CNT_area .mn_sp .tp_block > ol > li > a, #TP_CNT_area .mn_sp .tp_block > ol ul li a, #TP_CNT_area.sp .tp_block > ol > li > a, #DRW_mn .mn_sp #TP_CNT_area .tp_block > ol > li > a, #TP_CNT_area #DRW_mn.sp .tp_block > ol > li > a, #DRW_mn.sp #TP_CNT_area .tp_block > ol > li > a, #TP_CNT_area.sp .tp_block > ol ul li a, #DRW_mn .mn_sp .tp_block > ol ul li #TP_CNT_area a, #TP_CNT_area #DRW_mn.sp .tp_block > ol ul li a, #DRW_mn.sp .tp_block > ol ul li #TP_CNT_area a, #DRW_mn .sp_link_arw, #TP_CNT_area .mn_sp #DRW_mn .tp_block > ol > li > a, #TP_CNT_area .mn_sp .tp_block > ol ul li #DRW_mn a, #DRW_mn #TP_CNT_area.sp .tp_block > ol > li > a, #TP_CNT_area.sp #DRW_mn .tp_block > ol > li > a, #DRW_mn .mn_sp .tp_block > ol > li > a, #DRW_mn.sp .tp_block > ol > li > a, #DRW_mn #TP_CNT_area.sp .tp_block > ol ul li a, #TP_CNT_area.sp .tp_block > ol ul li #DRW_mn a, #DRW_mn .mn_sp .tp_block > ol ul li a, #DRW_mn.sp .tp_block > ol ul li a {
    position: relative;
    padding-right: 35px !important; }
    #TP_CNT_area .sp_link_arw::after, #TP_CNT_area .mn_sp .tp_block > ol > li > a::after, #TP_CNT_area .mn_sp .tp_block > ol ul li a::after, #TP_CNT_area.sp .tp_block > ol > li > a::after, #DRW_mn .mn_sp #TP_CNT_area .tp_block > ol > li > a::after, #TP_CNT_area #DRW_mn.sp .tp_block > ol > li > a::after, #DRW_mn.sp #TP_CNT_area .tp_block > ol > li > a::after, #TP_CNT_area.sp .tp_block > ol ul li a::after, #DRW_mn .mn_sp .tp_block > ol ul li #TP_CNT_area a::after, #TP_CNT_area #DRW_mn.sp .tp_block > ol ul li a::after, #DRW_mn.sp .tp_block > ol ul li #TP_CNT_area a::after, #DRW_mn .sp_link_arw::after, #TP_CNT_area .mn_sp #DRW_mn .tp_block > ol > li > a::after, #TP_CNT_area .mn_sp .tp_block > ol ul li #DRW_mn a::after, #DRW_mn #TP_CNT_area.sp .tp_block > ol > li > a::after, #TP_CNT_area.sp #DRW_mn .tp_block > ol > li > a::after, #DRW_mn .mn_sp .tp_block > ol > li > a::after, #DRW_mn.sp .tp_block > ol > li > a::after, #DRW_mn #TP_CNT_area.sp .tp_block > ol ul li a::after, #TP_CNT_area.sp .tp_block > ol ul li #DRW_mn a::after, #DRW_mn .mn_sp .tp_block > ol ul li a::after, #DRW_mn.sp .tp_block > ol ul li a::after {
      position: absolute;
      top: 50%;
      right: 10px;
      content: '';
      display: block;
      width: 8px;
      height: 8px;
      border: 1px solid;
      border-top: none;
      border-left: none;
      transform: rotate(-45deg) translateY(-50%); }
  #TP_CNT_area .mn_pc, #DRW_mn .mn_pc {
    display: none; }
  #TP_CNT_area .mn_sp, #TP_CNT_area.sp, #DRW_mn .mn_sp, #DRW_mn.sp {
    display: block;
    margin-top: 8px; }
    #TP_CNT_area .mn_sp .tp_block, #TP_CNT_area.sp .tp_block, #DRW_mn .mn_sp .tp_block, #DRW_mn.sp .tp_block {
      margin-top: 1px; }
      #TP_CNT_area .mn_sp .tp_block .title, #TP_CNT_area.sp .tp_block .title, #DRW_mn .mn_sp .tp_block .title, #DRW_mn.sp .tp_block .title {
        line-height: 1.5;
        display: flex;
        align-items: center;
        color: #fff;
        padding-right: 35px;
        background-color: #6385a4;
        background-image: url(/campus_guide/2021/assets/img/sp_arw_pm_1.png);
        background-position: right center;
        background-repeat: no-repeat;
        cursor: pointer; }
        #TP_CNT_area .mn_sp .tp_block .title .chapter, #TP_CNT_area.sp .tp_block .title .chapter, #DRW_mn .mn_sp .tp_block .title .chapter, #DRW_mn.sp .tp_block .title .chapter {
          font-size: 28px;
          font-size: 1.75rem;
          margin: 0;
          padding: 4px 10px;
          background-color: #00457f;
          font-weight: bold; }
          #TP_CNT_area .mn_sp .tp_block .title .chapter .chap, #TP_CNT_area.sp .tp_block .title .chapter .chap, #DRW_mn .mn_sp .tp_block .title .chapter .chap, #DRW_mn.sp .tp_block .title .chapter .chap {
            display: none; }
        #TP_CNT_area .mn_sp .tp_block .title .text, #TP_CNT_area.sp .tp_block .title .text, #DRW_mn .mn_sp .tp_block .title .text, #DRW_mn.sp .tp_block .title .text {
          font-size: 20px;
          font-size: 1.25rem;
          margin: 0;
          padding: 5px 0 5px 15px;
          font-weight: bold; }
        #TP_CNT_area .mn_sp .tp_block .title.open, #TP_CNT_area.sp .tp_block .title.open, #DRW_mn .mn_sp .tp_block .title.open, #DRW_mn.sp .tp_block .title.open {
          background-image: url(/campus_guide/2021/assets/img/sp_arw_pm_0.png); }
      #TP_CNT_area .mn_sp .tp_block a, #TP_CNT_area.sp .tp_block a, #DRW_mn .mn_sp .tp_block a, #DRW_mn.sp .tp_block a {
        text-decoration: none;
        display: block; }
      #TP_CNT_area .mn_sp .tp_block > ol, #TP_CNT_area.sp .tp_block > ol, #DRW_mn .mn_sp .tp_block > ol, #DRW_mn.sp .tp_block > ol {
        display: none;
        margin: 0;
        padding: 0;
        list-style: none;
        counter-reset: SP_titleNum; }
        #TP_CNT_area .mn_sp .tp_block > ol > li, #TP_CNT_area.sp .tp_block > ol > li, #DRW_mn .mn_sp .tp_block > ol > li, #DRW_mn.sp .tp_block > ol > li {
          margin: 0;
          padding: 0;
          counter-increment: SP_titleNum; }
          #TP_CNT_area .mn_sp .tp_block > ol > li > a,
          #TP_CNT_area .mn_sp .tp_block > ol > li .mnT, #TP_CNT_area.sp .tp_block > ol > li > a,
          #TP_CNT_area.sp .tp_block > ol > li .mnT, #DRW_mn .mn_sp .tp_block > ol > li > a,
          #DRW_mn .mn_sp .tp_block > ol > li .mnT, #DRW_mn.sp .tp_block > ol > li > a,
          #DRW_mn.sp .tp_block > ol > li .mnT {
            background-color: #fff;
            color: #005fb0;
            padding: 10px;
            margin: 0;
            border-top: 1px solid #b1c2d1; }
            #TP_CNT_area .mn_sp .tp_block > ol > li > a::before,
            #TP_CNT_area .mn_sp .tp_block > ol > li .mnT::before, #TP_CNT_area.sp .tp_block > ol > li > a::before,
            #TP_CNT_area.sp .tp_block > ol > li .mnT::before, #DRW_mn .mn_sp .tp_block > ol > li > a::before,
            #DRW_mn .mn_sp .tp_block > ol > li .mnT::before, #DRW_mn.sp .tp_block > ol > li > a::before,
            #DRW_mn.sp .tp_block > ol > li .mnT::before {
              content: counter(SP_titleNum);
              display: inline-block;
              width: 25px;
              margin-right: 10px;
              color: #fff;
              background-color: #006ecb;
              text-align: center; }
          #TP_CNT_area .mn_sp .tp_block > ol > li .mnT, #TP_CNT_area.sp .tp_block > ol > li .mnT, #DRW_mn .mn_sp .tp_block > ol > li .mnT, #DRW_mn.sp .tp_block > ol > li .mnT {
            padding-right: 35px;
            background-image: url(/campus_guide/2021/assets/img/sp_arw_pms_1.png);
            background-position: right center;
            background-repeat: no-repeat;
            cursor: pointer; }
            #TP_CNT_area .mn_sp .tp_block > ol > li .mnT.open, #TP_CNT_area.sp .tp_block > ol > li .mnT.open, #DRW_mn .mn_sp .tp_block > ol > li .mnT.open, #DRW_mn.sp .tp_block > ol > li .mnT.open {
              background-image: url(/campus_guide/2021/assets/img/sp_arw_pms_0.png);
              border-bottom: 1px solid #e0e7ed;
              color: #368600; }
              #TP_CNT_area .mn_sp .tp_block > ol > li .mnT.open::before, #TP_CNT_area.sp .tp_block > ol > li .mnT.open::before, #DRW_mn .mn_sp .tp_block > ol > li .mnT.open::before, #DRW_mn.sp .tp_block > ol > li .mnT.open::before {
                background-color: #5fb327; }
          #TP_CNT_area .mn_sp .tp_block > ol > li > ul, #TP_CNT_area.sp .tp_block > ol > li > ul, #DRW_mn .mn_sp .tp_block > ol > li > ul, #DRW_mn.sp .tp_block > ol > li > ul {
            display: none; }
        #TP_CNT_area .mn_sp .tp_block > ol ul, #TP_CNT_area.sp .tp_block > ol ul, #DRW_mn .mn_sp .tp_block > ol ul, #DRW_mn.sp .tp_block > ol ul {
          list-style: none;
          margin: 0;
          padding: 0;
          background-color: #fafff6; }
          #TP_CNT_area .mn_sp .tp_block > ol ul li a, #TP_CNT_area.sp .tp_block > ol ul li a, #DRW_mn .mn_sp .tp_block > ol ul li a, #DRW_mn.sp .tp_block > ol ul li a {
            position: relative;
            padding: 10px 10px 10px 35px;
            border-bottom: 1px solid #e0e7ed;
            color: #005fb0; }
            #TP_CNT_area .mn_sp .tp_block > ol ul li a::after, #TP_CNT_area.sp .tp_block > ol ul li a::after, #DRW_mn .mn_sp .tp_block > ol ul li a::after, #DRW_mn.sp .tp_block > ol ul li a::after {
              border-color: #368800; }
            #TP_CNT_area .mn_sp .tp_block > ol ul li a::before, #TP_CNT_area.sp .tp_block > ol ul li a::before, #DRW_mn .mn_sp .tp_block > ol ul li a::before, #DRW_mn.sp .tp_block > ol ul li a::before {
              position: absolute;
              top: 20px;
              left: 20px;
              content: '';
              width: 3px;
              height: 3px;
              background-color: #5fb327;
              border-radius: 100%; }
          #TP_CNT_area .mn_sp .tp_block > ol ul li:last-child a, #TP_CNT_area.sp .tp_block > ol ul li:last-child a, #DRW_mn .mn_sp .tp_block > ol ul li:last-child a, #DRW_mn.sp .tp_block > ol ul li:last-child a {
            border: none; }
      #TP_CNT_area .mn_sp .tp_block .sub_wrp, #TP_CNT_area.sp .tp_block .sub_wrp, #DRW_mn .mn_sp .tp_block .sub_wrp, #DRW_mn.sp .tp_block .sub_wrp {
        display: none; }
      #TP_CNT_area .mn_sp .tp_block .subT, #TP_CNT_area.sp .tp_block .subT, #DRW_mn .mn_sp .tp_block .subT, #DRW_mn.sp .tp_block .subT {
        margin: 0;
        padding: 0;
        padding: 5px 10px;
        background-color: #e2f2d7;
        font-weight: bold; }
        #TP_CNT_area .mn_sp .tp_block .subT::before, #TP_CNT_area.sp .tp_block .subT::before, #DRW_mn .mn_sp .tp_block .subT::before, #DRW_mn.sp .tp_block .subT::before {
          font-size: 10px;
          font-size: 0.625rem;
          content: '▼';
          display: inline-block;
          vertical-align: middle;
          margin-right: 8px;
          color: #5fb327; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* FT
/* -------------------------------------------------------------------------*/
#TT_btn {
  display: none;
  position: fixed;
  bottom: 10px;
  right: 10px; }
  #TT_btn p {
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    margin: 0;
    padding: 8px;
    border-radius: 3px;
    color: #fff;
    background-color: #00457f;
    line-height: 1;
    opacity: 0.6;
    cursor: pointer;
    transition: opacity 0.2s ease; }
    #TT_btn p:hover {
      opacity: 1; }
    #TT_btn p::before {
      content: '';
      display: block;
      width: 0;
      height: 0;
      margin: 0 auto 6px;
      border-style: solid;
      border-width: 0 3.5px 6.1px 3.5px;
      border-color: transparent transparent #fff transparent; }
  @media only screen and (max-width: 750px) {
    #TT_btn p span {
      display: none; } }

#FT {
  border-top: 2px solid #c7d7e2;
  margin: 50px 20px 0;
  padding-bottom: 40px; }
  #FT .copyright {
    font-size: 14px;
    font-size: 0.875rem;
    text-align: right;
    color: #80a6c0;
    margin: 0;
    padding: 15px 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* DRW MENU
/* -------------------------------------------------------------------------*/
body.drw_on {
  overflow: hidden; }
  body.drw_on #DRW_mn {
    transition: left .6s ease;
    left: 0;
    overflow: hidden;
    overflow-y: auto;
    cursor: default;
    -webkit-overflow-scrolling: touch; }
    body.drw_on #DRW_mn .mn_btn_bc, body.drw_on #DRW_mn .mn_btn {
      display: none; }
    body.drw_on #DRW_mn .mn_btn_close {
      display: block; }

#DRW_mn {
  position: fixed;
  display: block;
  top: 0;
  left: calc(-100vw + 30px);
  background-color: #00457f;
  width: 100vw;
  height: 100vh;
  cursor: pointer; }
  #DRW_mn .mn_btn_bc {
    position: absolute;
    top: 5px;
    right: -20px;
    width: 50px;
    height: 40px;
    background: #00457f;
    border-radius: 0 50px 50px 0; }
    #DRW_mn .mn_btn_bc::before {
      position: absolute;
      top: 17px;
      right: 5px;
      content: '';
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 3px 0 3px 5px;
      border-color: transparent transparent transparent #fff; }
  #DRW_mn .mn_btn {
    position: absolute;
    top: 10px;
    right: -3px; }
    #DRW_mn .mn_btn span {
      display: block;
      height: 2px;
      background-color: #fff;
      width: 20px;
      border-radius: 10px;
      margin: 6px 0 0 6px; }
  #DRW_mn .mn_btn_close {
    display: none;
    position: fixed;
    top: 5px;
    left: 0;
    width: 45px;
    height: 40px;
    background-color: #fff;
    border-radius: 0 50px 50px 0;
    cursor: pointer; }
    #DRW_mn .mn_btn_close span {
      position: absolute;
      top: 19px;
      right: 15px;
      display: block;
      width: 20px;
      height: 2px;
      background-color: #00457f; }
      #DRW_mn .mn_btn_close span:nth-child(1) {
        transform: rotate(45deg); }
      #DRW_mn .mn_btn_close span:nth-child(2) {
        transform: rotate(-45deg); }
  #DRW_mn .drw_wrp {
    padding: 20px 30px;
    max-width: 1200px;
    margin: 0 auto; }
  #DRW_mn .drw_title {
    margin: 10px 0 0;
    text-align: center; }
    #DRW_mn .drw_title a {
      display: block; }
    #DRW_mn .drw_title img {
      width: 278px;
      height: auto; }
  #DRW_mn .link_info {
    margin-top: 20px;
    padding-bottom: 10px;
    border-bottom: 1px dotted #4d7da6; }
    #DRW_mn .link_info ul {
      margin: 0;
      padding: 0;
      text-align: center;
      font-size: 0; }
    #DRW_mn .link_info li {
      font-size: 15px;
      font-size: 0.9375rem;
      display: inline-block;
      margin: 2px; }
      #DRW_mn .link_info li a {
        display: block;
        padding: 10px;
        color: #fff;
        background-color: #266599;
        text-decoration: none;
        line-height: 1;
        transition: background 0.2s ease; }
        #DRW_mn .link_info li a:hover {
          background-color: #2886d4; }
  body.enlarge #DRW_mn .mn_btn_bc {
    position: absolute;
    top: 0;
    right: -45px;
    width: 50px;
    height: 44px;
    border-radius: 0; }
    body.enlarge #DRW_mn .mn_btn_bc::before {
      display: none; }
  body.enlarge #DRW_mn .mn_btn {
    top: 6px;
    right: -32px; }
  @media only screen and (max-width: 750px) {
    #DRW_mn {
      left: -100vw;
      margin-top: 0 !important; }
      #DRW_mn .mn_btn_bc {
        top: 0;
        right: -40px;
        width: 50px;
        height: 40px;
        border-radius: 0; }
        #DRW_mn .mn_btn_bc::before {
          display: none; }
      #DRW_mn .mn_btn {
        position: absolute;
        top: 5px;
        right: -28px; }
      #DRW_mn .drw_title {
        margin: 10px 0 20px; }
        #DRW_mn .drw_title img {
          width: 180px; }
      #DRW_mn .link_info {
        margin-bottom: 10px; }
        #DRW_mn .link_info li a {
          padding: 7px; }
      #DRW_mn .drw_wrp {
        padding: 0;
        max-width: 1200px;
        margin: 0 auto; }
      #DRW_mn .tp_block > ol > li .mnT > a {
        display: inline;
        color: #005fb0; }
      #DRW_mn .tp_block .subT > a {
        display: inline; } }

#DRW_mn.pc .mn_area {
  color: #fff; }
  #DRW_mn.pc .mn_area a {
    color: #fff;
    text-decoration: none; }

#DRW_mn.pc .tp_block {
  margin: 30px 0;
  line-height: 1.6; }
  #DRW_mn.pc .tp_block .title {
    margin: 0 0 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #4d7da6; }
    #DRW_mn.pc .tp_block .title .chapter {
      font-size: 12px;
      font-size: 0.75rem;
      display: inline-block;
      vertical-align: middle;
      margin: 0 8px 0 0;
      padding: 4px 8px;
      font-weight: bold;
      line-height: 1;
      background-color: #fff;
      color: #00457f; }
    #DRW_mn.pc .tp_block .title .text {
      font-size: 20px;
      font-size: 1.25rem;
      font-weight: bold;
      display: inline-block;
      vertical-align: middle;
      margin: 0; }
  #DRW_mn.pc .tp_block .subT {
    font-size: 15px;
    font-size: 0.9375rem;
    margin: 0 0 -10px 0;
    padding: 8px 10px 0; }
    #DRW_mn.pc .tp_block .subT::before {
      content: '['; }
    #DRW_mn.pc .tp_block .subT::after {
      content: ']'; }
  #DRW_mn.pc .tp_block ol ul li span {
    font-size: 12px;
    font-size: 0.75rem;
    display: inline-block;
    line-height: 1.3; }

#DRW_mn.pc #CHAPTER_1 ol {
  display: block !important;
  margin: 0;
  padding: 0;
  color: #005fb0;
  list-style: none;
  counter-reset: drw_titleNum;
  font-size: 0; }
  #DRW_mn.pc #CHAPTER_1 ol li {
    font-size: 15px;
    font-size: 0.9375rem;
    display: inline-block;
    counter-increment: drw_titleNum;
    margin: 0 3px 3px 0; }
    #DRW_mn.pc #CHAPTER_1 ol li a {
      display: block;
      padding: 8px 10px;
      background-color: #266599;
      transition: background 0.2s ease; }
      #DRW_mn.pc #CHAPTER_1 ol li a::before {
        content: "[" counter(drw_titleNum) "]";
        margin-right: 5px; }
      #DRW_mn.pc #CHAPTER_1 ol li a:hover {
        background-color: #2886d4; }

#DRW_mn.pc #CHAPTER_2 ol, #DRW_mn.pc #CHAPTER_3 ol, #DRW_mn.pc #CHAPTER_4 ol, #DRW_mn.pc #CHAPTER_5 ol, #DRW_mn.pc #CHAPTER_6 ol, #DRW_mn.pc #CHAPTER_7 ol {
  display: flex !important;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
  list-style: none;
  counter-reset: drw_titleNum_2; }
  #DRW_mn.pc #CHAPTER_2 ol > li, #DRW_mn.pc #CHAPTER_3 ol > li, #DRW_mn.pc #CHAPTER_4 ol > li, #DRW_mn.pc #CHAPTER_5 ol > li, #DRW_mn.pc #CHAPTER_6 ol > li, #DRW_mn.pc #CHAPTER_7 ol > li {
    width: 33%;
    background-color: #1f5b8f;
    padding: 0 0 1px;
    margin-top: .5%;
    margin-bottom: 0;
    counter-increment: drw_titleNum_2; }
    #DRW_mn.pc #CHAPTER_2 ol > li:nth-child(3n-1), #DRW_mn.pc #CHAPTER_3 ol > li:nth-child(3n-1), #DRW_mn.pc #CHAPTER_4 ol > li:nth-child(3n-1), #DRW_mn.pc #CHAPTER_5 ol > li:nth-child(3n-1), #DRW_mn.pc #CHAPTER_6 ol > li:nth-child(3n-1), #DRW_mn.pc #CHAPTER_7 ol > li:nth-child(3n-1) {
      margin-left: 0.5%;
      margin-right: 0.5%; }
    #DRW_mn.pc #CHAPTER_2 ol > li > a, #DRW_mn.pc #CHAPTER_2 ol > li .mnT, #DRW_mn.pc #CHAPTER_3 ol > li > a, #DRW_mn.pc #CHAPTER_3 ol > li .mnT, #DRW_mn.pc #CHAPTER_4 ol > li > a, #DRW_mn.pc #CHAPTER_4 ol > li .mnT, #DRW_mn.pc #CHAPTER_5 ol > li > a, #DRW_mn.pc #CHAPTER_5 ol > li .mnT, #DRW_mn.pc #CHAPTER_6 ol > li > a, #DRW_mn.pc #CHAPTER_6 ol > li .mnT, #DRW_mn.pc #CHAPTER_7 ol > li > a, #DRW_mn.pc #CHAPTER_7 ol > li .mnT {
      display: block;
      margin: 0;
      padding: 8px 10px;
      background-color: #266599; }
      #DRW_mn.pc #CHAPTER_2 ol > li > a::before, #DRW_mn.pc #CHAPTER_2 ol > li .mnT::before, #DRW_mn.pc #CHAPTER_3 ol > li > a::before, #DRW_mn.pc #CHAPTER_3 ol > li .mnT::before, #DRW_mn.pc #CHAPTER_4 ol > li > a::before, #DRW_mn.pc #CHAPTER_4 ol > li .mnT::before, #DRW_mn.pc #CHAPTER_5 ol > li > a::before, #DRW_mn.pc #CHAPTER_5 ol > li .mnT::before, #DRW_mn.pc #CHAPTER_6 ol > li > a::before, #DRW_mn.pc #CHAPTER_6 ol > li .mnT::before, #DRW_mn.pc #CHAPTER_7 ol > li > a::before, #DRW_mn.pc #CHAPTER_7 ol > li .mnT::before {
        content: "[" counter(drw_titleNum_2) "]";
        margin-right: 5px; }
  #DRW_mn.pc #CHAPTER_2 ol ul, #DRW_mn.pc #CHAPTER_3 ol ul, #DRW_mn.pc #CHAPTER_4 ol ul, #DRW_mn.pc #CHAPTER_5 ol ul, #DRW_mn.pc #CHAPTER_6 ol ul, #DRW_mn.pc #CHAPTER_7 ol ul {
    font-size: 14px;
    font-size: 0.875rem;
    list-style: none;
    margin: 0;
    padding: 10px; }
    #DRW_mn.pc #CHAPTER_2 ol ul li, #DRW_mn.pc #CHAPTER_3 ol ul li, #DRW_mn.pc #CHAPTER_4 ol ul li, #DRW_mn.pc #CHAPTER_5 ol ul li, #DRW_mn.pc #CHAPTER_6 ol ul li, #DRW_mn.pc #CHAPTER_7 ol ul li {
      position: relative;
      padding-left: 15px; }
      #DRW_mn.pc #CHAPTER_2 ol ul li::before, #DRW_mn.pc #CHAPTER_3 ol ul li::before, #DRW_mn.pc #CHAPTER_4 ol ul li::before, #DRW_mn.pc #CHAPTER_5 ol ul li::before, #DRW_mn.pc #CHAPTER_6 ol ul li::before, #DRW_mn.pc #CHAPTER_7 ol ul li::before {
        position: absolute;
        left: 0;
        content: '?';
        display: block; }
      #DRW_mn.pc #CHAPTER_2 ol ul li a:hover, #DRW_mn.pc #CHAPTER_3 ol ul li a:hover, #DRW_mn.pc #CHAPTER_4 ol ul li a:hover, #DRW_mn.pc #CHAPTER_5 ol ul li a:hover, #DRW_mn.pc #CHAPTER_6 ol ul li a:hover, #DRW_mn.pc #CHAPTER_7 ol ul li a:hover {
        text-decoration: underline; }

#DRW_mn.pc #CHAPTER_6 ol > li:first-child {
  background: none; }
  #DRW_mn.pc #CHAPTER_6 ol > li:first-child a {
    transition: background 0.2s ease; }
    #DRW_mn.pc #CHAPTER_6 ol > li:first-child a:hover {
      background-color: #2886d4; }

#DRW_mn.pc #CHAPTER_5 ol {
  display: block !important; }
  #DRW_mn.pc #CHAPTER_5 ol > li {
    width: 100%; }
    #DRW_mn.pc #CHAPTER_5 ol > li ul li {
      display: inline-block;
      vertical-align: top;
      width: 33%; }

body.enlarge #DRW_mn.pc {
  left: -100vw; }

body.drw_on #DRW_mn.pc {
  left: 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* PAGE
/* -------------------------------------------------------------------------*/
html.page body {
  background-color: #f9fbfb; }

.page_cnt_wrp {
  display: flex;
  flex-direction: row-reverse;
  padding: 0 15px 0 50px; }
  .page_cnt_wrp #CNT {
    flex: 1;
    margin-top: 40px;
    transition: opacity 0.1s ease; }
  .page_cnt_wrp #HD {
    width: 220px;
    margin-top: -20px; }
  body.enlarge .page_cnt_wrp {
    padding: 0 10px 0; }
    body.enlarge .page_cnt_wrp #CNT {
      margin-top: 20px; }
    body.enlarge .page_cnt_wrp #HD {
      display: none; }
  body.smn_on .page_cnt_wrp #CNT {
    opacity: 0.4;
    cursor: default; }
  @media only screen and (max-width: 980px) {
    .page_cnt_wrp #HD {
      width: 180px;
      margin-top: -20px; } }
  @media only screen and (max-width: 750px) {
    .page_cnt_wrp {
      display: block;
      padding: 0 8px; }
      .page_cnt_wrp #HD {
        display: none; }
      .page_cnt_wrp #CNT {
        margin-top: 20px; } }

#PG_HD {
  position: relative;
  background-color: #fff;
  text-align: right;
  line-height: 1; }
  #PG_HD .logo {
    display: none;
    position: absolute;
    top: 12px;
    left: 60px;
    margin: 0;
    padding: 0; }
    #PG_HD .logo a {
      display: block;
      width: 179px;
      height: 18px;
      background: url(/campus_guide/2021/assets/img/logo_2.png) 0 0 no-repeat;
      background-size: 100% auto; }
  #PG_HD .link_kit {
    margin: 0;
    display: inline-block; }
    #PG_HD .link_kit a {
      display: block;
      padding: 12px 10px; }
      #PG_HD .link_kit a img {
        width: 170px;
        height: auto; }
  body.enlarge #PG_HD {
    border-bottom: 1px solid #e9e9e9; }
    body.enlarge #PG_HD .logo {
      display: block; }
  @media only screen and (max-width: 750px) {
    #PG_HD .logo {
      display: block;
      left: 50px; }
    #PG_HD .link_kit {
      margin-right: 5px;
      width: 73px;
      overflow: hidden; } }

#CNT {
  background-color: #fff;
  border-radius: 5px;
  overflow: hidden;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.1);
  /* ---- CONTENTS ITEMS ----- */
  /* LIST MENU */
  /* Title */ }
  #CNT .cnt_hd {
    position: relative;
    background-color: #5f809e;
    color: #fff;
    display: flex; }
    #CNT .cnt_hd .chapterNum {
      font-size: 30px;
      font-size: 1.875rem;
      padding: 5px 10px;
      font-weight: bold;
      background-color: #00457f;
      line-height: 1;
      text-align: center; }
      #CNT .cnt_hd .chapterNum::before {
        font-size: 12px;
        font-size: 0.75rem;
        content: 'chapter';
        border-bottom: 1px solid #7c9db8;
        display: block;
        padding-bottom: 2px;
        margin-bottom: 5px;
        font-weight: normal; }
      #CNT .cnt_hd .chapterNum.noChap {
        display: none; }
    #CNT .cnt_hd .chapterText {
      flex: 1; }
      #CNT .cnt_hd .chapterText h2 {
        margin: 0;
        padding: 18px 60px 18px 20px;
        line-height: 1; }
        #CNT .cnt_hd .chapterText h2 span.btn_list {
          display: inline-block;
          vertical-align: middle;
          margin-left: 20px; }
          #CNT .cnt_hd .chapterText h2 span.btn_list a {
            font-size: 15px;
            font-size: 0.9375rem;
            display: block;
            padding: 4px 20px 3px;
            background-color: #fff;
            text-decoration: none;
            color: #005196;
            opacity: 0.7;
            font-weight: normal;
            border-radius: 3px;
            transition: opacity 0.2s ease; }
            #CNT .cnt_hd .chapterText h2 span.btn_list a:hover {
              opacity: 1; }
            #CNT .cnt_hd .chapterText h2 span.btn_list a::before {
              content: '';
              display: inline-block;
              vertical-align: middle;
              margin-right: 5px;
              width: 0;
              height: 0;
              transform: translateY(-1px);
              border-style: solid;
              border-width: 3px 0 3px 6px;
              border-color: transparent transparent transparent #005096; }
    #CNT .cnt_hd .chapter_mn {
      display: none; }
      #CNT .cnt_hd .chapter_mn ul {
        margin: 0;
        padding: 5px;
        border-top: 1px solid #7f99b1;
        font-size: 0;
        counter-reset: CHAP_mnNum; }
      #CNT .cnt_hd .chapter_mn li {
        font-size: 15px;
        font-size: 0.9375rem;
        display: inline-block;
        padding: 0;
        margin: 0;
        counter-increment: CHAP_mnNum;
        border-right: 1px solid #7f99b1; }
      #CNT .cnt_hd .chapter_mn a {
        padding: 2px 10px;
        margin: 2px;
        color: #fff;
        line-height: 1.3; }
        #CNT .cnt_hd .chapter_mn a::before {
          content: "[" counter(CHAP_mnNum) "] "; }
      #CNT .cnt_hd .chapter_mn li.noNum {
        padding-left: 10px; }
        #CNT .cnt_hd .chapter_mn li.noNum a {
          padding: 2px 5px;
          text-decoration: underline !important;
          color: #fff !important;
          cursor: pointer !important; }
          #CNT .cnt_hd .chapter_mn li.noNum a::before {
            display: none; }
      #CNT .cnt_hd .chapter_mn .slct_2_U li.noNum .list_U,
      #CNT .cnt_hd .chapter_mn .slct_2_D li.noNum .list_D {
        text-decoration: none !important;
        color: #ff0 !important;
        cursor: default !important; }
      #CNT .cnt_hd .chapter_mn ul.slct_1 li:nth-child(1) a,
      #CNT .cnt_hd .chapter_mn ul.slct_2 li:nth-child(2) a,
      #CNT .cnt_hd .chapter_mn ul.slct_3 li:nth-child(3) a,
      #CNT .cnt_hd .chapter_mn ul.slct_4 li:nth-child(4) a,
      #CNT .cnt_hd .chapter_mn ul.slct_5 li:nth-child(5) a,
      #CNT .cnt_hd .chapter_mn ul.slct_6 li:nth-child(6) a,
      #CNT .cnt_hd .chapter_mn ul.slct_7 li:nth-child(7) a,
      #CNT .cnt_hd .chapter_mn ul.slct_8 li:nth-child(8) a,
      #CNT .cnt_hd .chapter_mn ul.slct_9 li:nth-child(9) a,
      #CNT .cnt_hd .chapter_mn ul.slct_10 li:nth-child(10) a,
      #CNT .cnt_hd .chapter_mn ul.slct_11 li:nth-child(11) a,
      #CNT .cnt_hd .chapter_mn ul.slct_12 li:nth-child(12) a,
      #CNT .cnt_hd .chapter_mn ul.slct_13 li:nth-child(13) a,
      #CNT .cnt_hd .chapter_mn ul.slct_14 li:nth-child(14) a,
      #CNT .cnt_hd .chapter_mn ul.slct_15 li:nth-child(15) a,
      #CNT .cnt_hd .chapter_mn ul.slct_16 li:nth-child(16) a,
      #CNT .cnt_hd .chapter_mn ul.slct_17 li:nth-child(17) a,
      #CNT .cnt_hd .chapter_mn ul.slct_18 li:nth-child(18) a,
      #CNT .cnt_hd .chapter_mn ul.slct_19 li:nth-child(19) a,
      #CNT .cnt_hd .chapter_mn ul.slct_20 li:nth-child(20) a {
        text-decoration: none;
        color: #ff0;
        cursor: default; }
    #CNT .cnt_hd .btn {
      position: absolute;
      display: block;
      right: 15px;
      top: 15px;
      width: 26px;
      height: 26px;
      background-position: 0 0;
      background-repeat: no-repeat;
      background-image: url(/campus_guide/2021/assets/img/btn_kkd_1.png);
      background-size: 100% auto;
      cursor: pointer;
      transition: background 0.2s ease; }
      #CNT .cnt_hd .btn:hover {
        background-color: #77a0c6; }
    body.enlarge #CNT .cnt_hd .chapter_mn {
      display: block; }
    body.enlarge #CNT .cnt_hd .btn {
      background-image: url(/campus_guide/2021/assets/img/btn_kkd_0.png); }
  #CNT .cnt_area {
    padding: 30px 40px; }
  #CNT .cnt_block {
    margin: 60px 0; }
  #CNT .list_mn {
    background-color: #dfe6ec;
    padding: 10px;
    margin-top: -20px; }
    #CNT .list_mn + .list_mn {
      margin-top: 1px; }
    #CNT .list_mn .title {
      font-size: 15px;
      font-size: 0.9375rem;
      margin: 0;
      color: #00457f;
      font-weight: bold; }
    #CNT .list_mn ul {
      list-style: none;
      margin: 0;
      padding: 0;
      font-size: 0; }
    #CNT .list_mn li {
      font-size: 15px;
      font-size: 0.9375rem;
      display: inline-block;
      vertical-align: top;
      margin: 3px; }
      #CNT .list_mn li a {
        display: block;
        padding: 8px 10px 6px;
        text-decoration: none;
        line-height: 1.3;
        background-color: #fff;
        border-radius: 2px;
        box-shadow: 1px 1px 0 rgba(0, 0, 0, 0.1); }
        #CNT .list_mn li a span {
          font-size: 13px;
          font-size: 0.8125rem;
          display: none; }
      #CNT .list_mn li.link_info a {
        background-color: rgba(255, 255, 255, 0.66); }
    #CNT .list_mn .slct_1 li:nth-child(1) a,
    #CNT .list_mn .slct_2 li:nth-child(2) a,
    #CNT .list_mn .slct_3 li:nth-child(3) a,
    #CNT .list_mn .slct_4 li:nth-child(4) a,
    #CNT .list_mn .slct_5 li:nth-child(5) a,
    #CNT .list_mn .slct_6 li:nth-child(6) a,
    #CNT .list_mn .slct_7 li:nth-child(7) a,
    #CNT .list_mn .slct_8 li:nth-child(8) a,
    #CNT .list_mn .slct_9 li:nth-child(9) a,
    #CNT .list_mn .slct_10 li:nth-child(10) a,
    #CNT .list_mn .slct_11 li:nth-child(11) a,
    #CNT .list_mn .slct_12 li:nth-child(12) a,
    #CNT .list_mn .slct_13 li:nth-child(13) a,
    #CNT .list_mn .slct_14 li:nth-child(14) a,
    #CNT .list_mn .slct_15 li:nth-child(15) a,
    #CNT .list_mn .slct_16 li:nth-child(16) a,
    #CNT .list_mn .slct_17 li:nth-child(17) a,
    #CNT .list_mn .slct_18 li:nth-child(18) a,
    #CNT .list_mn .slct_19 li:nth-child(19) a,
    #CNT .list_mn .slct_20 li:nth-child(20) a {
      background-color: #ffe47d;
      box-shadow: none; }
  #CNT .list_title h3 {
    font-size: 32px;
    font-size: 2rem;
    margin: 10px 0 20px;
    padding: 0 0 15px;
    color: #00457f;
    font-weight: bold;
    border-bottom: 2px solid; }
  #CNT .cnt_title_1_hd {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    margin: 0;
    padding: 5px 20px;
    border: 1px solid;
    line-height: 1.2;
    font-weight: bold; }
    #CNT .cnt_title_1_hd + .cnt_title_1 {
      margin-top: 5px; }
  #CNT .cnt_title_1 {
    font-size: 28px;
    font-size: 1.75rem;
    margin: 30px 0;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px solid #999; }
    #CNT .cnt_title_1 span {
      font-size: 20px;
      font-size: 1.25rem; }
  #CNT .cnt_title_2 {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 50px 0 25px;
    padding-bottom: 10px;
    font-weight: bold;
    border-bottom: 1px dotted #cfcfcf; }
    #CNT .cnt_title_2 span {
      font-size: 18px;
      font-size: 1.125rem;
      font-weight: normal; }
  #CNT .cnt_title_3 {
    font-size: 22px;
    font-size: 1.375rem;
    margin: 50px 0 25px;
    padding: 5px 10px 3px;
    font-weight: bold;
    background-color: #ddd; }
  @media only screen and (max-width: 980px) {
    #CNT .cnt_block {
      margin: 40px 0; }
    #CNT .list_title h3 {
      font-size: 28px;
      font-size: 1.75rem;
      margin: 10px 0;
      padding: 0 0 10px; }
    #CNT .list_mn {
      margin-top: -10px; }
    #CNT .cnt_area {
      padding: 20px 20px; }
    #CNT .cnt_title_1 {
      font-size: 24px;
      font-size: 1.5rem;
      margin: 20px 0; }
    #CNT .cnt_title_2 {
      font-size: 22px;
      font-size: 1.375rem;
      margin: 40px 0 20px; } }
  @media only screen and (max-width: 750px) {
    #CNT .cnt_hd .btn {
      display: none; }
    #CNT .cnt_hd .chapter_mn {
      display: block; }
      #CNT .cnt_hd .chapter_mn ul {
        padding: 5px 0; }
      #CNT .cnt_hd .chapter_mn li {
        font-size: 14px;
        font-size: 0.875rem; }
    #CNT .cnt_area {
      padding: 20px 10px; }
    #CNT .cnt_block {
      margin: 30px 0; }
    #CNT .cnt_title_2 {
      margin: 30px 0 15px; } }

/* -- TOOLs -- */
.emph {
  background-color: #e1f3f7; }

.ta_C {
  text-align: center; }

.ta_R {
  text-align: right; }

.ta_L {
  text-align: left; }

ol.brackets {
  list-style: none;
  counter-reset: chp7_ol_cnt;
  margin: 0;
  padding: 0 0 0 15px; }
  ol.brackets li {
    position: relative;
    counter-increment: chp7_ol_cnt;
    padding-left: 30px; }
    ol.brackets li::before {
      position: absolute;
      left: 0;
      content: "(" counter(chp7_ol_cnt) ") "; }

p.itemTitle {
  margin-bottom: 5px; }
  p.itemTitle + * {
    margin-top: 0; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* SM
/* -------------------------------------------------------------------------*/
.page_cnt_wrp #HD #HD_logo {
  width: 190px;
  position: relative;
  display: block;
  margin: 0;
  text-align: center;
  display: block; }
  .page_cnt_wrp #HD #HD_logo::before {
    display: inline-block;
    content: '';
    width: 50px;
    height: 50px;
    background: url(/campus_guide/2021/assets/img/logo_icon.png) 0 0 no-repeat;
    background-size: 100% auto; }
  .page_cnt_wrp #HD #HD_logo h1 {
    margin: 0;
    padding: 0; }
    .page_cnt_wrp #HD #HD_logo h1 a {
      display: inline-block;
      width: 175px;
      height: 45px;
      background: url(/campus_guide/2021/assets/img/sm_logo.png) center center no-repeat;
      background-size: auto 100%; }

.page_cnt_wrp #NV {
  padding-right: 30px;
  position: relative; }
  .page_cnt_wrp #NV .tp_block {
    width: 190px; }
    .page_cnt_wrp #NV .tp_block .title {
      position: relative;
      display: block;
      margin-bottom: 1px;
      padding: 7px 15px 7px 10px;
      background-color: #6284a3;
      color: #fff;
      line-height: 1.5;
      cursor: pointer;
      transition: background 0.2s ease; }
      .page_cnt_wrp #NV .tp_block .title:hover {
        background-color: #4b97dd; }
      .page_cnt_wrp #NV .tp_block .title > * {
        pointer-events: none; }
      .page_cnt_wrp #NV .tp_block .title::before {
        content: '';
        display: block;
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        width: 18px;
        background-color: #004680; }
      .page_cnt_wrp #NV .tp_block .title::after {
        content: '';
        display: block;
        position: absolute;
        top: 50%;
        right: 5px;
        transform: translateY(-50%);
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #fff;
        opacity: 0.5; }
      .page_cnt_wrp #NV .tp_block .title .chapter {
        font-size: 12px;
        font-size: 0.75rem;
        margin: 0;
        padding: 0;
        font-weight: bold; }
      .page_cnt_wrp #NV .tp_block .title .text {
        margin: 2px 0 0;
        padding: 0; }
      .page_cnt_wrp #NV .tp_block .title.open {
        background-color: #5a9fdb; }
        .page_cnt_wrp #NV .tp_block .title.open::before {
          background-color: #0070cc; }
        .page_cnt_wrp #NV .tp_block .title.open::after {
          opacity: 1; }
    .page_cnt_wrp #NV .tp_block ol {
      font-size: 14px;
      font-size: 0.875rem;
      display: none;
      position: absolute;
      top: 0;
      left: 190px;
      margin: 0;
      padding: 0;
      list-style: none;
      min-height: 300px;
      background-color: #0070cc;
      counter-reset: SM_mnNum; }
      .page_cnt_wrp #NV .tp_block ol a {
        position: relative;
        display: block;
        padding: 10px 20px 10px 10px;
        color: #fff;
        text-decoration: none;
        transition: background 0.2s ease; }
        .page_cnt_wrp #NV .tp_block ol a:hover {
          background-color: rgba(255, 255, 255, 0.15); }
        .page_cnt_wrp #NV .tp_block ol a::after {
          content: '';
          display: block;
          position: absolute;
          width: 6px;
          height: 6px;
          border: 1px solid #fff;
          border-top: none;
          border-left: none;
          transform: rotate(-45deg) translateY(-50%);
          right: 5px;
          top: 50%; }
      .page_cnt_wrp #NV .tp_block ol > li {
        margin: 0;
        padding: 0;
        width: 240px;
        counter-increment: SM_mnNum; }
        .page_cnt_wrp #NV .tp_block ol > li > a, .page_cnt_wrp #NV .tp_block ol > li .mnT {
          position: relative;
          display: block;
          margin: 0;
          padding: 10px 20px 10px 10px;
          color: #fff;
          text-decoration: none;
          transition: background 0.2s ease; }
          .page_cnt_wrp #NV .tp_block ol > li > a:hover, .page_cnt_wrp #NV .tp_block ol > li .mnT:hover {
            background-color: #338dd6; }
          .page_cnt_wrp #NV .tp_block ol > li > a::before, .page_cnt_wrp #NV .tp_block ol > li .mnT::before {
            content: "[" counter(SM_mnNum) "] "; }
          .page_cnt_wrp #NV .tp_block ol > li > a.open, .page_cnt_wrp #NV .tp_block ol > li .mnT.open {
            background-color: #338dd6; }
            .page_cnt_wrp #NV .tp_block ol > li > a.open::after, .page_cnt_wrp #NV .tp_block ol > li .mnT.open::after {
              opacity: 1; }
        .page_cnt_wrp #NV .tp_block ol > li .mnT {
          cursor: pointer; }
          .page_cnt_wrp #NV .tp_block ol > li .mnT::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 5px;
            transform: translateY(-50%);
            width: 0;
            height: 0;
            border-style: solid;
            border-width: 4px 0 4px 6px;
            border-color: transparent transparent transparent #fff;
            opacity: 0.5; }
          .page_cnt_wrp #NV .tp_block ol > li .mnT > a {
            display: inline;
            padding: 0; }
            .page_cnt_wrp #NV .tp_block ol > li .mnT > a::after {
              display: none; }
            .page_cnt_wrp #NV .tp_block ol > li .mnT > a:hover {
              background: none; }
        .page_cnt_wrp #NV .tp_block ol > li > ul, .page_cnt_wrp #NV .tp_block ol > li .sub_wrp {
          display: none;
          position: absolute;
          top: 0;
          left: 240px;
          margin: 0;
          padding: 0;
          background-color: #005dac;
          width: 240px;
          list-style: none; }
          .page_cnt_wrp #NV .tp_block ol > li > ul li a, .page_cnt_wrp #NV .tp_block ol > li .sub_wrp li a {
            position: relative;
            padding: 5px 25px 5px 17px; }
            .page_cnt_wrp #NV .tp_block ol > li > ul li a::before, .page_cnt_wrp #NV .tp_block ol > li .sub_wrp li a::before {
              position: absolute;
              top: 5px;
              left: 3px;
              content: '?'; }
      .page_cnt_wrp #NV .tp_block ol .sub_wrp .subT {
        position: relative;
        color: #fff;
        margin: 0;
        padding: 7px 5px 7px 17px;
        font-weight: bold;
        background-color: #015498;
        line-height: 1.3;
        border-top: 1px solid #3b7fb7; }
        .page_cnt_wrp #NV .tp_block ol .sub_wrp .subT::before {
          position: absolute;
          top: 15px;
          left: 5px;
          content: '';
          display: block;
          width: 0;
          height: 0;
          border-style: solid;
          border-width: 4.3px 2.5px 0 2.5px;
          border-color: #fff transparent transparent transparent; }
        .page_cnt_wrp #NV .tp_block ol .sub_wrp .subT a {
          padding: 2px 10px; }
          .page_cnt_wrp #NV .tp_block ol .sub_wrp .subT a::after {
            right: 0; }
      .page_cnt_wrp #NV .tp_block ol .sub_wrp ul {
        list-style: none;
        margin: 0;
        padding: 0; }
        .page_cnt_wrp #NV .tp_block ol .sub_wrp ul + ul {
          border-top: 1px solid #3b7fb7;
          margin-top: 10px; }
    .page_cnt_wrp #NV .tp_block.in .title {
      background: #216cab;
      color: #ffff00; }

@media only screen and (max-width: 980px) {
  .page_cnt_wrp #HD #HD_logo {
    width: 160px; }
    .page_cnt_wrp #HD #HD_logo h1 a {
      width: 150px;
      height: 39px; }
  .page_cnt_wrp #NV .tp_block {
    width: 160px; }
    .page_cnt_wrp #NV .tp_block ol {
      left: 160px; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER COMMON
/* -------------------------------------------------------------------------*/
/* MARGIN */
.maring_T_0 {
  margin-top: 0 !important; }

.maring_B_0 {
  margin-bottom: 0 !important; }

.box2_f_t {
  display: flex; }
  .box2_f_t .cell_fig {
    width: 30%;
    max-width: 500px;
    margin-right: 30px; }
    .box2_f_t .cell_fig figure {
      margin: 20px 0; }
      .box2_f_t .cell_fig figure img {
        width: auto;
        height: auto;
        max-width: 100%; }
  .box2_f_t .cell_text {
    flex: 1px; }
  @media only screen and (max-width: 750px) {
    .box2_f_t {
      display: block; }
      .box2_f_t .cell_fig {
        width: 100%;
        max-width: 400px;
        margin: 0 auto 30px; } }

.cnt_box_ccc {
  display: flex; }
  .cnt_box_ccc .cnt_cell {
    flex: 1;
    margin: 0 10px; }
  @media only screen and (max-width: 980px) {
    .cnt_box_ccc {
      display: block; }
      .cnt_box_ccc .cnt_cell {
        margin: 10px 0; } }

.cnt_fig_C {
  margin: 50px 0;
  text-align: center; }
  .cnt_fig_C img {
    width: auto;
    height: auto;
    max-width: 100%; }
  @media only screen and (max-width: 980px) {
    .cnt_fig_C {
      margin: 35px 0; } }
  @media only screen and (max-width: 750px) {
    .cnt_fig_C {
      margin: 20px 0; } }

.cnt_fig_2 {
  margin: 50px auto;
  font-size: 0;
  text-align: center;
  max-width: 1200px; }
  .cnt_fig_2 figure {
    display: inline-block;
    width: 48%;
    margin: 1%; }
    .cnt_fig_2 figure img {
      width: auto;
      height: auto;
      max-width: 100%; }
  .cnt_fig_2 figcaption {
    font-size: 14px;
    font-size: 0.875rem;
    margin: 5px 0 0; }
  @media only screen and (max-width: 980px) {
    .cnt_fig_2 {
      margin: 40px 0; } }
  @media only screen and (max-width: 750px) {
    .cnt_fig_2 {
      margin: 30px 0; }
      .cnt_fig_2 figure {
        display: block;
        width: 100%;
        max-width: 500px;
        margin: 30px auto; } }

.cnt_fig_pdf {
  margin: 50px 0;
  text-align: center; }
  .cnt_fig_pdf a {
    display: inline-block; }
    .cnt_fig_pdf a img {
      width: auto;
      height: auto;
      max-width: 100%;
      border: 2px solid #d3d3d3;
      transition: border 0.2s ease; }
    .cnt_fig_pdf a:hover img {
      border-color: #4494d8; }
  .cnt_fig_pdf figcaption {
    font-size: 15px;
    font-size: 0.9375rem;
    margin-top: 10px; }

.cnt_block_cc {
  display: flex;
  margin: 60px 0; }
  .cnt_block_cc img {
    width: auto;
    height: auto;
    max-width: 100%; }
  .cnt_block_cc .cell_1 {
    width: 60%; }
  .cnt_block_cc .cell {
    flex: 1px; }
  .cnt_block_cc > *:nth-child(1) {
    margin-right: 15px; }
  .cnt_block_cc > *:nth-child(2) {
    margin-left: 15px; }
  @media only screen and (max-width: 980px) {
    .cnt_block_cc {
      margin: 40px 0; }
      .cnt_block_cc > *:nth-child(1) {
        margin-right: 10px; }
      .cnt_block_cc > *:nth-child(2) {
        margin-left: 10px; } }
  @media only screen and (max-width: 750px) {
    .cnt_block_cc {
      display: block;
      margin: 30px 0; }
      .cnt_block_cc > * {
        width: 100% !important;
        margin: 20px 0 !important; } }

.cnt_tbl_common, .cnt_tbl_1 {
  font-size: 15px;
  font-size: 0.9375rem;
  margin: 30px 0;
  border-collapse: collapse;
  line-height: 1.3; }
  .cnt_tbl_common th, .cnt_tbl_1 th, .cnt_tbl_common td, .cnt_tbl_1 td {
    padding: 5px;
    border: 1px solid #bfbfbf; }
  .cnt_tbl_common th, .cnt_tbl_1 th {
    background-color: #ececec;
    font-weight: normal; }
  .cnt_tbl_common + .tbl_caption, .cnt_tbl_1 + .tbl_caption {
    margin-top: -20px; }
  .tbl_caption_top + .cnt_tbl_common, .tbl_caption_top + .cnt_tbl_1 {
    margin-top: -10px; }
  @media only screen and (max-width: 750px) {
    .cnt_tbl_common, .cnt_tbl_1 {
      margin: 20px 0; } }

.tbl_caption {
  font-size: 15px;
  font-size: 0.9375rem; }

.tbl_caption_top {
  font-size: 15px;
  font-size: 0.9375rem; }

.tbl_title {
  margin-bottom: -25px; }
  .tbl_title + .cnt_tbl_common, .tbl_title + .cnt_tbl_1 {
    margin-top: 0; }
  @media only screen and (max-width: 750px) {
    .tbl_title {
      margin-bottom: -15px; } }

.bd_box {
  margin: 20px 0;
  border: 1px solid;
  padding: 20px; }
  .bd_box p {
    margin: 0; }
    .bd_box p + p {
      margin-top: 15px; }
  @media only screen and (max-width: 750px) {
    .bd_box {
      padding: 10px; } }

.bd_box_2 {
  margin: 20px 0;
  border: 1px dotted #606060;
  padding: 20px; }
  .bd_box_2 p {
    margin: 0; }
    .bd_box_2 p + p {
      margin-top: 15px; }
  @media only screen and (max-width: 750px) {
    .bd_box_2 {
      padding: 10px; } }

ul.ul_1 {
  list-style: none;
  margin-left: 10px;
  padding-left: 0; }
  ul.ul_1 li {
    position: relative;
    padding-left: 18px; }
    ul.ul_1 li::before {
      position: absolute;
      left: 0;
      top: 8px;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: #000;
      border-radius: 100%; }

ul.ul_2 {
  list-style: none;
  margin: 0 0 15px 10px;
  padding: 0; }
  ul.ul_2 li {
    position: relative;
    padding-left: 18px; }
    ul.ul_2 li::before {
      position: absolute;
      left: 0;
      top: 8px;
      content: '';
      display: block;
      width: 10px;
      height: 10px;
      background-color: #000;
      border-radius: 100%; }
  p + ul.ul_2 {
    margin-top: -12px; }

span.ul_mark {
  display: inline-block;
  vertical-align: middle;
  width: 10px;
  height: 10px;
  margin-right: 10px;
  background-color: #000;
  border-radius: 100%;
  transform: translateY(-2px); }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 1
/* -------------------------------------------------------------------------*/
.chp1_name p {
  font-size: 25px;
  font-size: 1.5625rem;
  margin: 0;
  font-weight: bold; }
  .chp1_name p span {
    font-size: 16px;
    font-size: 1rem;
    display: block; }

.chp1_name + .cnt_block {
  margin-top: 40px !important; }

.chp1_tbl_1 {
  border-collapse: collapse;
  border-top: 2px solid #eee; }
  .chp1_tbl_1 th, .chp1_tbl_1 td {
    padding: 8px 0;
    vertical-align: top;
    border-bottom: 2px solid #eee; }
  .chp1_tbl_1 th {
    white-space: nowrap;
    padding-right: 15px; }

@media only screen and (max-width: 750px) {
  .chp1_emblem {
    max-width: 230px !important; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 2
/* -------------------------------------------------------------------------*/
.chp2_tblArea_1 {
  max-width: 1000px; }
  .chp2_tblArea_1 > p {
    font-size: 14px;
    font-size: 0.875rem;
    margin-top: -20px; }
  @media only screen and (max-width: 750px) {
    .chp2_tblArea_1 > p {
      margin-top: -10px; } }

.chp2_tblArea_2 {
  max-width: 1000px;
  margin-bottom: 40px; }
  .chp2_tblArea_2 .wrp {
    display: flex; }
    .chp2_tblArea_2 .wrp + p {
      font-size: 14px;
      font-size: 0.875rem;
      margin-top: -20px; }
  .chp2_tblArea_2 .cell {
    flex: 1px; }
    .chp2_tblArea_2 .cell:nth-child(1) {
      margin-right: 1%; }
    .chp2_tblArea_2 .cell:nth-child(2) {
      margin-left: 1%; }
  @media only screen and (max-width: 750px) {
    .chp2_tblArea_2 .wrp {
      display: block; }
      .chp2_tblArea_2 .wrp + p {
        margin-top: -10px; }
    .chp2_tblArea_2 .cell {
      margin: 10px 0 !important; } }

.chp2_tblArea_3 {
  max-width: 1000px; }

.chp_2_clubList + .cnt_title_2 {
  margin-top: 60px !important; }

.chp_2_clubList .title {
  font-size: 18px;
  font-size: 1.125rem;
  font-weight: bold;
  margin: 30px 0 0; }

.chp_2_clubList ul {
  margin: 10px 0 30px; }

.chp2_anpiBox {
  padding: 20px;
  background-color: #e2effb;
  border-radius: 5px; }
  .chp2_anpiBox p {
    margin: 0; }
  .chp2_anpiBox .title_1 {
    font-size: 18px;
    font-size: 1.125rem; }
  .chp2_anpiBox .title_2 {
    font-size: 20px;
    font-size: 1.25rem;
    font-weight: bold;
    margin-bottom: 10px; }

.chp2_anpiInfo {
  margin: 30px 0;
  padding: 10px;
  background-color: #666666; }
  .chp2_anpiInfo p {
    margin: 0;
    color: #fff; }

.chp2_anpiTbl .wrp {
  display: flex; }
  .chp2_anpiTbl .wrp .cell {
    flex: 1;
    margin: 0 10px; }

@media only screen and (max-width: 750px) {
  .chp2_anpiTbl {
    display: block; }
    .chp2_anpiTbl .cell {
      margin: 20px 0; } }

.chp2_anpiTbl {
  margin-bottom: 30px; }
  .chp2_anpiTbl .wrp {
    display: flex; }
    .chp2_anpiTbl .wrp .cell {
      flex: 1; }
      .chp2_anpiTbl .wrp .cell table {
        width: 100%;
        border-collapse: collapse;
        line-height: 1.5; }
        .chp2_anpiTbl .wrp .cell table th, .chp2_anpiTbl .wrp .cell table td {
          padding: 5px 10px;
          border: 1px solid #acacac; }
        .chp2_anpiTbl .wrp .cell table th {
          background-color: #e8e8e8; }
  @media only screen and (max-width: 750px) {
    .chp2_anpiTbl .wrp {
      display: block; }
      .chp2_anpiTbl .wrp .cell {
        margin: 20px 0; } }

.chp2_dial {
  display: inline-block;
  border: 1px solid #868686;
  padding: 8px 10px 6px;
  border-radius: 3px;
  margin: 2px;
  line-height: 1;
  font-weight: bold; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 3
/* -------------------------------------------------------------------------*/
.chp3_box_1 {
  background-color: #f0f0f0; }
  .chp3_box_1 .title {
    font-size: 18px;
    font-size: 1.125rem;
    font-weight: bold;
    margin: 0;
    padding: 5px 10px;
    color: #fff;
    background-color: #7a7a7a; }
  .chp3_box_1 .text {
    padding: 15px; }
    .chp3_box_1 .text p {
      margin: 0; }
      .chp3_box_1 .text p + p {
        margin-top: 120px; }

@mediad only screen and (max-width:750px) {
  .chp3_box_1 .text {
    padding: 10px; } }

.chp3_tbl_1_ttl {
  margin-bottom: 10px;
  margin-top: 20px; }

.chp3_tbl_1 td {
  padding-left: 20px;
  vertical-align: top; }
  .chp3_tbl_1 td:first-child {
    width: 310px; }

@media only screen and (max-width: 980px) {
  .chp3_tbl_1 td {
    padding-left: 10px; }
    .chp3_tbl_1 td:first-child {
      width: auto; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 4
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 5
/* -------------------------------------------------------------------------*/
.chp5_block, .chp5_block_2 {
  display: flex; }
  .chp5_block .cell_1, .chp5_block_2 .cell_1 {
    margin-right: 10px; }
  .chp5_block .cell_2, .chp5_block_2 .cell_2 {
    margin-left: 10px; }
    .chp5_block .cell_2 figure, .chp5_block_2 .cell_2 figure {
      margin: 20px 0; }
      .chp5_block .cell_2 figure img, .chp5_block_2 .cell_2 figure img {
        width: auto;
        height: auto;
        max-width: 100%; }
  @media only screen and (max-width: 980px) {
    .chp5_block, .chp5_block_2 {
      display: block; }
      .chp5_block .cell_1, .chp5_block_2 .cell_1 {
        width: 100% !important;
        margin: 0 0 20px; }
      .chp5_block .cell_2, .chp5_block_2 .cell_2 {
        width: 100% !important;
        margin: 20px 0; }
        .chp5_block .cell_2 figure, .chp5_block_2 .cell_2 figure {
          text-align: center;
          display: block; }
        .chp5_block .cell_2 img, .chp5_block_2 .cell_2 img {
          max-width: 500px; } }

.chp5_block .cell_1, .chp5_block .cell_2 {
  flex: 1px; }

.chp5_block_2 .cell_1 {
  flex: 1px; }

.chp5_block_2 .cell_2 {
  width: 30%; }

.chap5_timeBox {
  background-color: #f4f4f4;
  padding: 10px 20px;
  margin: -10px 0 10px; }
  .chap5_timeBox p {
    margin: 0;
    font-weight: bold; }
    .chap5_timeBox p span {
      font-weight: normal; }

.chp5_atm_box {
  margin-left: 20px;
  margin-bottom: 40px; }
  .chp5_atm_box .title {
    margin: 5px; }
  .chp5_atm_box table th, .chp5_atm_box table td {
    padding: 5px 20px 5px 10px;
    line-height: 1; }

.chp5_srvc_box .title {
  margin: 5px;
  font-weight: bold; }

.chp5_srvc_box table th, .chp5_srvc_box table td {
  padding: 5px 20px 5px 10px;
  line-height: 1.3; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 6
/* -------------------------------------------------------------------------*/
.chp6_title {
  margin-top: 40px; }
  .chp6_title h4 {
    font-size: 30px;
    font-size: 1.875rem;
    margin: 0;
    padding: 30px 20px;
    line-height: 1;
    border-top: 3px solid; }

.chp6_nv {
  padding: 10px; }
  .chp6_nv ul {
    list-style: none;
    margin: 0;
    padding: 0;
    font-size: 0; }
  .chp6_nv li {
    font-size: 16px;
    font-size: 1rem;
    display: inline-block;
    margin: 3px;
    padding-right: 10px;
    border-right: 1px solid rgba(255, 255, 255, 0.26); }
    .chp6_nv li a {
      color: #fff;
      text-decoration: none;
      opacity: 0.75;
      transition: opacity 0.2s ease; }
      .chp6_nv li a:hover {
        opacity: 1; }
      .chp6_nv li a::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 5px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 3px 0 3px 5.2px;
        border-color: transparent transparent transparent #fff; }
    .chp6_nv li.in a {
      font-weight: bold;
      cursor: default;
      opacity: 1; }
      .chp6_nv li.in a::before {
        transform: rotate(90deg); }

.chp6_keyword ul {
  list-style: none;
  margin: 0;
  padding: 0; }

.chp6_keyword li {
  display: inline-block;
  margin: 3px 1px;
  padding: 8px 15px 5px;
  background-color: #fff6af;
  border-radius: 3px; }

.chp6_link ul {
  list-style: none;
  margin: 0;
  padding: 0;
  font-size: 0; }

.chp6_link li {
  font-size: 18px;
  font-size: 1.125rem;
  display: inline-block;
  margin-right: 8px;
  margin-bottom: 8px; }
  .chp6_link li a {
    display: block;
    padding: 10px 30px;
    text-decoration: none;
    color: #fff;
    border-radius: 3px;
    box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
    transition: opacity 0.2s ease; }
    .chp6_link li a:hover {
      opacity: 0.8; }
    .chp6_link li a::before {
      content: '';
      display: inline-block;
      vertical-align: middle;
      margin-right: 10px;
      width: 0;
      height: 0;
      border-style: solid;
      border-width: 4px 0 4px 6px;
      border-color: transparent transparent transparent #fff; }

@media only screen and (max-width: 750px) {
  .chp6_link li {
    display: block;
    margin-right: 0; } }

#CHP6_listBox ul {
  display: flex;
  flex-wrap: wrap;
  list-style: none;
  margin: 0;
  padding: 0; }

#CHP6_listBox li {
  font-size: 15px;
  font-size: 0.9375rem;
  width: 32%;
  overflow: hidden; }
  #CHP6_listBox li:nth-child(3n-1) {
    margin-left: 2%;
    margin-right: 2%; }
  #CHP6_listBox li .name {
    font-size: 16px;
    font-size: 1rem;
    position: relative;
    display: block;
    background-color: #000;
    color: #fff;
    margin: 0 0 10px;
    padding: 12px 25px 10px 10px;
    cursor: pointer;
    line-height: 1.3;
    transition: opacity 0.2s ease;
    box-shadow: 0 2px 0 #e0e0e0; }
    #CHP6_listBox li .name:hover {
      opacity: 0.8; }
    #CHP6_listBox li .name::before {
      position: absolute;
      top: 20px;
      right: 8px;
      content: '';
      width: 10px;
      height: 2px;
      background-color: #fff;
      transition: all 0.4s ease;
      opacity: 0.6; }
    #CHP6_listBox li .name::after {
      position: absolute;
      top: 16px;
      right: 12px;
      content: '';
      width: 2px;
      height: 10px;
      background-color: #fff;
      transition: all 0.4s ease;
      opacity: 0.6; }
  #CHP6_listBox li p.hidden {
    display: none;
    margin: 0;
    padding: 0 0 20px; }
  #CHP6_listBox li.open .name {
    opacity: 1 !important;
    box-shadow: none; }
    #CHP6_listBox li.open .name::before, #CHP6_listBox li.open .name::after {
      transform: rotate(90deg); }
    #CHP6_listBox li.open .name::before {
      opacity: 0; }

@media only screen and (max-width: 1200px) {
  #CHP6_listBox li {
    width: 49%; }
    #CHP6_listBox li:nth-child(odd) {
      margin: 0 1% 0 0; }
    #CHP6_listBox li:nth-child(even) {
      margin: 0 0 0 1%; } }

@media only screen and (max-width: 980px) {
  #CHP6_listBox li {
    width: 100%;
    margin: 0 !important; } }

#CHP6_listBox_btn {
  margin-bottom: 10px;
  text-align: right; }
  #CHP6_listBox_btn ul {
    list-style: none;
    margin: 0;
    padding: 0; }
  #CHP6_listBox_btn li {
    position: relative;
    display: inline-block;
    width: 150px;
    padding: 7px 20px;
    line-height: 1;
    text-align: center;
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    cursor: pointer;
    transition: background 0.2s ease; }
    #CHP6_listBox_btn li:hover {
      background-color: #f4f4f4; }
    #CHP6_listBox_btn li::before {
      position: absolute;
      top: 14px;
      left: 10px;
      display: block;
      content: '';
      width: 10px;
      height: 2px;
      background-color: #acacac; }
    #CHP6_listBox_btn li.btn_open::after {
      position: absolute;
      top: 10px;
      left: 14px;
      display: block;
      content: '';
      width: 2px;
      height: 10px;
      background-color: #acacac; }
    #CHP6_listBox_btn li.btn_close {
      display: none; }
  #CHP6_listBox_btn.open .btn_open {
    display: none; }
  #CHP6_listBox_btn.open .btn_close {
    display: inline-block; }
  #CHP6_listBox_btn.close .btn_open {
    display: inline-block; }
  #CHP6_listBox_btn.close .btn_close {
    display: none; }
  #CHP6_listBox_btn + .cnt_block {
    margin-top: -30px; }
  @media only screen and (max-width: 980px) {
    #CHP6_listBox_btn + .cnt_block {
      margin-top: -20px; } }

.mn_u_basic {
  margin: 30px 0;
  list-style: none;
  padding: 0;
  font-size: 0; }
  .mn_u_basic li {
    font-size: 18px;
    font-size: 1.125rem;
    display: inline-block;
    margin-right: 8px;
    margin-bottom: 8px; }
    .mn_u_basic li a {
      display: block;
      padding: 10px 30px;
      text-decoration: none;
      color: #fff;
      border-radius: 3px;
      box-shadow: 2px 2px 0 rgba(0, 0, 0, 0.1);
      transition: opacity 0.2s ease;
      background-color: #37afc8; }
      .mn_u_basic li a:hover {
        opacity: 0.8; }
      .mn_u_basic li a::before {
        content: '';
        display: inline-block;
        vertical-align: middle;
        margin-right: 10px;
        width: 0;
        height: 0;
        border-style: solid;
        border-width: 4px 0 4px 6px;
        border-color: transparent transparent transparent #fff; }
  @media only screen and (max-width: 750px) {
    .mn_u_basic {
      margin: 20px 0; }
      .mn_u_basic li {
        display: block;
        margin-right: 0; } }

.chp6_u_area, .chp6_d_area {
  display: flex;
  margin: 50px 0 0;
  flex-wrap: wrap; }
  .chp6_u_area .block, .chp6_d_area .block {
    width: 31.3333%;
    margin: 1%;
    background-color: #f4f4f4; }
    .chp6_u_area .block.chp6_u_info, .chp6_d_area .block.chp6_u_info {
      border-top: 1px solid #d2d2d2; }
    .chp6_u_area .block .title, .chp6_d_area .block .title {
      font-size: 18px;
      font-size: 1.125rem; }
      .chp6_u_area .block .title a, .chp6_d_area .block .title a {
        display: block;
        padding: 15px;
        line-height: 1;
        text-decoration: none;
        color: #fff;
        font-weight: bold;
        transition: opacity 0.2s ease; }
        .chp6_u_area .block .title a:hover, .chp6_d_area .block .title a:hover {
          opacity: 0.8; }
    .chp6_u_area .block ul, .chp6_d_area .block ul {
      list-style: none;
      margin: 0;
      padding: 0; }
    .chp6_u_area .block li, .chp6_d_area .block li {
      margin: 0;
      padding: 0; }
      .chp6_u_area .block li a, .chp6_d_area .block li a {
        display: block;
        text-decoration: none;
        color: #000;
        padding: 5px 10px;
        background-color: #fff;
        border: 1px solid #d2d2d2;
        border-top: none;
        transition: background 0.2s ease; }
        .chp6_u_area .block li a:hover, .chp6_d_area .block li a:hover {
          background-color: #f4f4f4; }
  @media only screen and (max-width: 980px) {
    .chp6_u_area, .chp6_d_area {
      margin-top: 40px; }
      .chp6_u_area .block, .chp6_d_area .block {
        width: 48%;
        margin: 1%; } }
  @media only screen and (max-width: 750px) {
    .chp6_u_area, .chp6_d_area {
      display: block;
      margin-top: 30px; }
      .chp6_u_area .block, .chp6_d_area .block {
        width: 100%;
        margin: 20px 0; } }

.chp6_u_basic .chp6_title h4 {
  background-color: #e8fafe;
  color: #0090ad;
  border-color: #37afc8; }

.chp6_u_basic .chp6_nv, .chp6_u_basic .chp6_link li a, .chp6_u_basic #CHP6_listBox .name {
  background-color: #37afc8; }

.chp6_u_area .chp6_u_basic .title a {
  background-color: #37afc8; }

.chp6_u_area .chp6_u_basic li a:hover {
  background-color: #e8fafe; }

.chp6_u_engineering .chp6_title h4, .chp6_d_1 .chp6_title h4 {
  background-color: #e5f4ff;
  color: #2d71a1;
  border-color: #2d71a1; }

.chp6_u_engineering .chp6_nv, .chp6_u_engineering .chp6_link li a, .chp6_u_engineering #CHP6_listBox .name, .chp6_d_1 .chp6_nv, .chp6_d_1 .chp6_link li a, .chp6_d_1 #CHP6_listBox .name {
  background-color: #2d71a1; }

.chp6_u_area .chp6_u_engineering .title a,
.chp6_d_area .chp6_u_engineering .title a, .chp6_u_area .chp6_d_1 .title a,
.chp6_d_area .chp6_d_1 .title a {
  background-color: #2d71a1; }

.chp6_u_area .chp6_u_engineering li a:hover,
.chp6_d_area .chp6_u_engineering li a:hover, .chp6_u_area .chp6_d_1 li a:hover,
.chp6_d_area .chp6_d_1 li a:hover {
  background-color: #e5f4ff; }

.chp6_u_informatics .chp6_title h4 {
  background-color: #fff6f9;
  color: #a74e6e;
  border-color: #a74e6e; }

.chp6_u_informatics .chp6_nv, .chp6_u_informatics .chp6_link li a, .chp6_u_informatics #CHP6_listBox .name {
  background-color: #a74e6e; }

.chp6_u_area .chp6_u_informatics .title a {
  background-color: #a74e6e; }

.chp6_u_area .chp6_u_informatics li a:hover {
  background-color: #fff6f9; }

.chp6_u_architecture .chp6_title h4 {
  background-color: #e7fbf8;
  color: #2d7e71;
  border-color: #2d7e71; }

.chp6_u_architecture .chp6_nv, .chp6_u_architecture .chp6_link li a, .chp6_u_architecture #CHP6_listBox .name {
  background-color: #2d7e71; }

.chp6_u_area .chp6_u_architecture .title a {
  background-color: #2d7e71; }

.chp6_u_area .chp6_u_architecture li a:hover {
  background-color: #e7fbf8; }

.chp6_u_chemistry .chp6_title h4 {
  background-color: #f3eefb;
  color: #3c2a5b;
  border-color: #3c2a5b; }

.chp6_u_chemistry .chp6_nv, .chp6_u_chemistry .chp6_link li a, .chp6_u_chemistry #CHP6_listBox .name {
  background-color: #3c2a5b; }

.chp6_u_area .chp6_u_chemistry .title a {
  background-color: #3c2a5b; }

.chp6_u_area .chp6_u_chemistry li a:hover {
  background-color: #f5f0ff; }

.chp6_u_teaching .chp6_title h4 {
  background-color: #f0f3f7;
  color: #545b66;
  border-color: #545b66;
  border-bottom: 1px solid; }

.chp6_u_teaching .chp6_nv, .chp6_u_teaching .chp6_link li a, .chp6_u_teaching #CHP6_listBox .name {
  background-color: #545b66; }

.chp6_u_major .chp6_title h4 {
  background-color: #f7f7f7;
  color: #4e4e4e;
  border-color: #4e4e4e;
  border-bottom: 1px solid; }

.chp6_d_2 .chp6_title h4 {
  background-color: #fff7fa;
  color: #a74e6e;
  border-color: #a74e6e; }

.chp6_d_2 .chp6_nv, .chp6_d_2 .chp6_link li a, .chp6_d_2 #CHP6_listBox .name {
  background-color: #a74e6e; }

.chp6_u_area .chp6_d_2 .title a,
.chp6_d_area .chp6_d_2 .title a {
  background-color: #a74e6e; }

.chp6_u_area .chp6_d_2 li a:hover,
.chp6_d_area .chp6_d_2 li a:hover {
  background-color: #fff7fa; }

.chp6_subTitle {
  font-size: 20px;
  font-size: 1.25rem;
  padding: 0 0 10px;
  margin: 30px 0 15px;
  color: #3a3a3a;
  font-weight: bold;
  border-bottom: 1px dotted #cfcfcf; }

.chp6_tbl_1 {
  width: 100%;
  border-collapse: collapse;
  line-height: 1.2; }
  .chp6_tbl_1 th, .chp6_tbl_1 td {
    padding: 5px;
    border: 1px solid #d2d2d2;
    text-align: center; }
  .chp6_tbl_1 th {
    background-color: #f0f0f0; }
  @media only screen and (max-width: 750px) {
    .chp6_tbl_1 {
      font-size: 15px;
      font-size: 0.9375rem; }
      .chp6_tbl_1 th, .chp6_tbl_1 td {
        padding: 2px; } }

.chp6_tp_wrp {
  max-width: 800px;
  margin: 0 auto;
  font-weight: bold; }
  .chp6_tp_wrp a {
    display: block;
    color: #000;
    text-decoration: none;
    text-align: center;
    background-color: #739abf;
    border-radius: 10px;
    box-shadow: 2px 2px 0 #e8e8e8;
    color: #fff;
    transition: background 0.2s ease, box-shadow 0.2s ease; }
    .chp6_tp_wrp a:hover {
      box-shadow: none;
      background-color: #4198ea; }
  .chp6_tp_wrp .btn_1 {
    font-size: 24px;
    font-size: 1.5rem; }
    .chp6_tp_wrp .btn_1 a {
      padding: 10px; }
  .chp6_tp_wrp .btn_2 {
    font-size: 30px;
    font-size: 1.875rem;
    display: flex;
    margin-top: 60px; }
    .chp6_tp_wrp .btn_2 p {
      flex: 1px; }
    .chp6_tp_wrp .btn_2 a {
      padding: 30px 10px; }
    .chp6_tp_wrp .btn_2 p:nth-child(1) {
      margin: 10px 10px 10px 0; }
    .chp6_tp_wrp .btn_2 p:nth-child(2) {
      margin: 10px 0 10px 10px; }
  @media only screen and (max-width: 750px) {
    .chp6_tp_wrp .btn_1 {
      font-size: 18px;
      font-size: 1.125rem; }
    .chp6_tp_wrp .btn_2 {
      font-size: 24px;
      font-size: 1.5rem;
      margin-top: 30px; }
      .chp6_tp_wrp .btn_2 a {
        padding: 20px 10px !important; } }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CHAPTER 7
/* -------------------------------------------------------------------------*/
#CHP7_top {
  margin-top: -30px; }
  #CHP7_top a {
    text-decoration: none; }
    #CHP7_top a:hover {
      text-decoration: underline; }
  #CHP7_top > ol {
    padding: 0;
    list-style: none;
    counter-reset: chp7_top_ol; }
    #CHP7_top > ol > li {
      background-color: #f7f7f7;
      padding: 20px;
      margin: 10px 0;
      counter-increment: chp7_top_ol; }
      #CHP7_top > ol > li .mnT {
        font-size: 18px;
        font-size: 1.125rem;
        font-weight: bold;
        margin: 0 0 10px; }
        #CHP7_top > ol > li .mnT::before {
          content: "[" counter(chp7_top_ol) "] "; }
    #CHP7_top > ol ul {
      list-style-type: disc; }

.cnt_block_chp7 h5 {
  font-size: 20px;
  font-size: 1.25rem;
  margin: 30px 0 0; }

.cnt_block_chp7 p {
  margin: 0;
  padding-left: 1em;
  text-indent: -1em;
  padding-left: 1em;
  text-indent: -1em; }

.cnt_block_chp7 ol {
  list-style: none;
  counter-reset: chp7_ol_cnt;
  margin: 0;
  padding: 0 0 0 15px; }
  .cnt_block_chp7 ol li {
    position: relative;
    counter-increment: chp7_ol_cnt;
    padding-left: 30px; }
    .cnt_block_chp7 ol li::before {
      position: absolute;
      left: 0;
      content: "(" counter(chp7_ol_cnt) ") "; }

.cnt_block_chp7 .cnt_tbl_1 {
  margin: 10px 0 !important; }

.chp7_tbl {
  border-collapse: collapse;
  margin: 10px 0; }
  .chp7_tbl th, .chp7_tbl td {
    padding: 3px;
    border: 1px solid #bfbfbf; }
  .chp7_tbl th {
    background-color: #ececec;
    font-weight: normal; }
  @media only screen and (max-width: 750px) {
    .chp7_tbl {
      font-size: 14px;
      font-size: 0.875rem; }
      .chp7_tbl th, .chp7_tbl td {
        padding: 2px; } }

.chp7_imgArea_1 figure {
  display: inline-block; }
  .chp7_imgArea_1 figure img {
    width: auto;
    height: auto;
    max-width: 100%; }

@media only screen and (max-width: 750px) {
  .chp7_imgArea_1 figure {
    margin: 20px 0; } }

.chp7_imgArea_2 {
  margin: 30px auto 0;
  font-size: 0;
  max-width: 820px; }
  .chp7_imgArea_2 img {
    display: inline-block;
    margin: 2%;
    width: auto;
    height: auto;
    max-width: 46%; }
  @media only screen and (max-width: 750px) {
    .chp7_imgArea_2 {
      text-align: center; }
      .chp7_imgArea_2 img {
        margin: 20px 0;
        max-width: 100%; } }

.chp7_tblScroll table {
  width: 100%; }
  .chp7_tblScroll table .td_info {
    width: 20%; }

@media only screen and (max-width: 750px) {
  .chp7_tblScroll {
    overflow-x: auto; }
    .chp7_tblScroll table {
      width: 1200px; } }

.chp7_unit {
  text-align: right;
  margin-bottom: 5px; }
  .chp7_unit > table {
    margin-top: 0 !important; }

.chp7_pageLink {
  font-size: 14px;
  font-size: 0.875rem;
  margin-top: 30px; }
  .chp7_pageLink table {
    border-collapse: collapse;
    width: 100%; }
  .chp7_pageLink th, .chp7_pageLink td {
    padding: 8px 10px;
    vertical-align: top;
    text-align: left;
    border-bottom: 2px solid #fff; }
  .chp7_pageLink th {
    white-space: nowrap;
    background-color: #e6eff6; }
  .chp7_pageLink td {
    background-color: #f7f7f7; }
  .chp7_pageLink ul {
    margin: 0;
    padding: 0; }
  .chp7_pageLink li {
    display: inline-block; }
    .chp7_pageLink li::before {
      content: '/';
      display: inline-block;
      vertical-align: middle;
      margin: 0 5px; }
    .chp7_pageLink li:first-child::before {
      display: none; }
  .chp7_pageLink a {
    text-decoration: none; }
    .chp7_pageLink a:hover {
      text-decoration: underline; }

.chp7_tbTitle {
  padding-top: 10px;
  margin-top: 40px !important; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* CAMPUS MAP
/* -------------------------------------------------------------------------*/
figure.cmap_fig {
  margin: 30px 0; }
  figure.cmap_fig img {
    width: auto;
    height: auto;
    max-width: 100%; }

/* -------------------------------------------------------------------------*/
/* -------------------------------------------------------------------------*/
/* KIT IDEALS
/* -------------------------------------------------------------------------*/
.ideals_title {
  text-align: center; }

.ideals_block h4 {
  font-size: 24px;
  font-size: 1.5rem;
  margin: 30px 0;
  text-align: center; }

.ideals_block h5 {
  font-size: 16px;
  font-size: 1rem;
  padding: 15px 10px;
  text-align: center;
  font-weight: normal;
  border: 1px solid #999999;
  border-right: none;
  border-left: none;
  background-color: #f4f4f4; }

.ideals_block .idals_tbl_area table {
  width: 100%;
  margin: 10px 0;
  line-height: 1.3;
  border-collapse: collapse; }
  .ideals_block .idals_tbl_area table th, .ideals_block .idals_tbl_area table td {
    border: 1px solid #999999; }
  .ideals_block .idals_tbl_area table th {
    font-size: 50px;
    font-size: 3.125rem;
    width: 90px;
    vertical-align: middle;
    line-height: 1;
    font-weight: bold;
    color: #6b6b6b;
    background-color: #f8f8f8; }
  .ideals_block .idals_tbl_area table td {
    padding: 10px; }
  .ideals_block .idals_tbl_area table p {
    margin: 0; }
  .ideals_block .idals_tbl_area table .title {
    margin-bottom: 10px; }
    .ideals_block .idals_tbl_area table .title img {
      width: 100%;
      height: auto;
      max-width: 355px; }

@media only screen and (max-width: 750px) {
  .ideals_block .idals_tbl_area table th {
    font-size: 30px;
    font-size: 1.875rem;
    width: 40px; }
  .ideals_block .idals_tbl_area table td {
    padding: 5px; } }

/* -------------------------------------------------------------------------*/