@charset "UTF-8";
@font-face {
  font-family: 'meijo';
  src: url("../fonts/hcib67a.eot?8gv99b");
  src: url("../fonts/hcib67a.eot?8gv99b#iefix") format("embedded-opentype"), url("../fonts/hcib67a.ttf?8gv99b") format("truetype"), url("../fonts/hcib67a.woff?8gv99b") format("woff"), url("../fonts/hcib67a.svg?8gv99b#meijo") format("svg");
  font-weight: normal;
  font-style: normal;
}

body{
font-weight: bold;
}

[class^="icon-"], [class*=" icon-"] {
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-students:before{
  content: "\e935";
}

.icon-arrow-left_03:before {
  content: "\e933";
}

.icon-arrow-right_03:before {
  content: "\e90a";
}

.icon-arrow-down_04:before {
  content: "\e931";
}

.icon-arrow-right_04:before {
  content: "\e932";
}

.icon-pc_01:before {
  content: "\e930";
}

.icon-mail_01:before {
  content: "\e92e";
}

.icon-smartphone_01:before {
  content: "\e92f";
}

.icon-know_01:before {
  content: "\e92d";
}

.icon-shien_01:before {
  content: "\e92c";
}

.icon-kenkyu_01:before {
  content: "\e929";
}

.icon-kokusaikouryu_01:before {
  content: "\e92a";
}

.icon-syakaikouken_01:before {
  content: "\e92b";
}

.icon-arrow-down_02:before {
  content: "\e925";
}

.icon-arrow-up_02:before {
  content: "\e927";
}

.icon-back_01:before {
  content: "\e928";
}

.icon-chain_01:before {
  content: "\e926";
}

.icon-document_01:before {
  content: "\e921";
}

.icon-document_02:before {
  content: "\e922";
}

.icon-document_03:before {
  content: "\e923";
}

.icon-document_04:before {
  content: "\e924";
}

.icon-pen_01:before {
  content: "\e91e";
}

.icon-person_01:before {
  content: "\e91f";
}

.icon-device_01:before {
  content: "\e920";
}

.icon-library_01:before {
  content: "\e91d";
}

.icon-minus_01:before {
  content: "\e91b";
}

.icon-plus_01:before {
  content: "\e91c";
}

.icon-close_01:before {
  content: "\e917";
}

.icon-arrow-left_02:before {
  content: "\e900";
}

.icon-menu_01:before {
  content: "\e918";
}

.icon-arrow-right_02:before {
  content: "\e908";
}

.icon-more_01:before {
  content: "\e909";
}

.icon-play_01:before {
  content: "\e90b";
}

.icon-career_01:before {
  content: "\e902";
}

.icon-news-event_01:before {
  content: "\e903";
}

.icon-admissions_01:before {
  content: "\e904";
}

.icon-academics_01:before {
  content: "\e905";
}

.icon-campuslife_01:before {
  content: "\e906";
}

.icon-about_01:before {
  content: "\e907";
}

.icon-photo_01:before {
  content: "\e90c";
}

.icon-rss_01:before {
  content: "\e90d";
}

.icon-meijo-symbolmark_01:before {
  content: "\e90e";
}

.icon-facebook_01:before {
  content: "\e90f";
}

.icon-instagram_01:before {
  content: "\e910";
}

.icon-line_01:before {
  content: "\e911";
}

.icon-twitter_01:before {
  content: "\e912";
}

.icon-arrow-up_01:before {
  content: "\e913";
}

.icon-arrow-right_01:before {
  content: "\e914";
}

.icon-arrow-down_01:before {
  content: "\e915";
}

.icon-arrow-left_01:before {
  content: "\e916";
}

.icon-search_01:before {
  content: "\e919";
}

.icon-access_01:before {
  content: "\e91a";
}

.icon-link_01:before {
  content: "\e901";
}

.icon-campuslife_02:before {
  content: "\e934";
}

.icon-calendar:before {
  content: "\f073";
}

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  transition: opacity .3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  opacity: 0;
  transition: opacity .3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease;
}

.lity-loading .lity-content, .lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close {
  z-index: 9994;
  width: 35px;
  height: 35px;
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:hover, .lity-close:focus, .lity-close:active, .lity-close:visited {
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial,Baskerville,monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  outline: none;
  box-shadow: none;
}

.lity-close:active {
  top: 1px;
}

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

.lity-iframe .lity-container, .lity-youtube .lity-container, .lity-vimeo .lity-container, .lity-facebookvideo .lity-container, .lity-googlemaps .lity-container {
  width: 100%;
  max-width: 964px;
}

.lity-iframe-container {
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  position: absolute;
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

.lity-hide {
  display: none;
}


html {
  font-family: sans-serif;
  overflow-x: auto;
  overflow-y: scroll;
}

body {
  margin: 0;
  padding: 0;
  -webkit-text-size-adjust: none;
}

a {
  background: transparent;
  outline: 0 !important;
}

a:focus {
  outline: thin dotted;
}

a:active,
a:hover {
  outline: 0;
}

html, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code, del, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  vertical-align: baseline;
  font-weight: bold;
}

article, aside, footer, header, small, nav, section, figure, figcaption, main {
  margin: 0;
  padding: 0;
  display: block;
  vertical-align: baseline;
  list-style: none;
  background-color: transparent;
  outline: none;
}

audio, canvas, video {
  display: inline-block;
}

ul, ol {
  list-style-type: none;
}

table {
  border: none;
  border-collapse: collapse;
  border-spacing: 0;
}

img {
  line-height: 1;
  vertical-align: middle;
}

a img {
  border: none;
}

img[usemap], map area {
  border: none !important;
  outline: none !important;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

hr {
  box-sizing: content-box;
  height: 0;
}

dt, dd, li,
th, td,
input, textarea {
  text-align: left;
  vertical-align: top;
}

input, textarea, button {
  margin: 0;
  padding: 0;
}

button, label {
  background-color: transparent;
  cursor: pointer;
}

button, select {
  text-transform: none;
}

button, html input[type="button"], input[type="reset"], input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
}

button[disabled], html input[disabled] {
  cursor: default;
}

input[type="checkbox"], input[type="radio"] {
  box-sizing: content-box;
  padding: 0;
}

input[type="search"] {
  -webkit-appearance: textfield;
  box-sizing: content-box;
}

input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

button::-moz-focus-inner, input::-moz-focus-inner {
  padding: 0;
  border: 0;
}

textarea {
  overflow: auto;
  vertical-align: top;
}

html {
  font-family: "Microsoft JhengHei ,arial, sans-serif";
  font-size: 10px;
  -webkit-font-smoothing: antialiased;
  font-weight: 300;

}

body {
  color: #222222;
  font-size: 1.4rem;
  line-height: 1;
  text-align: justify;

}

@media (min-width: 992px) {
  body {
    font-size: 1.6rem;
  }
}

h1, h2, h3, h4, h5, h6,
th, td {
  line-height: 1.4;
  font-size: 100%;
}

p,
li,
input,
textarea,
figcaption {
  line-height: 1.4;
}

input, textarea, button, select {
  font-size: 100%;
  outline: none;
}

strong {
  font-weight: bold;
}

em {
  font-weight: bold;
}

a {
  color: #222222;
  text-decoration: none;
}

a:hover,
a:active {
  text-decoration: none;
}

a, input, label {
  -webkit-tap-highlight-color: transparent;
}

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

* {
  box-sizing: border-box;
}


.l-document {
  overflow: hidden;

}

@media (max-width: 991px) {
  .l-document {
    height: 100%;
    padding-bottom: 50px;
    transition: padding 0.5s;
  }
}

@media (min-width: 992px) {
  .l-document {
    padding-top: 90px;
    transition: all 0.5s;
  }
  .js-status-scrolled .l-document {
    padding-top: 51px;
  }
}

.l-main {

}

.l-main p {
  margin-bottom: 1.9em;
  line-height: 1.9;
  font-weight: bold;
}
.p-acitivity-box-detail p{
  margin-bottom: 0;
}

.l-main p[class^="b-ti"] {
  margin-bottom: .4em;
}

.l-main p a {
  color: #9a0000;
  text-decoration: underline;
}

.l-main p a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.l-main p a[href$="pdf"], .l-main p a[href$="xls"], .l-main p a[href$="xlsx"], .l-main p a[href$="xlsm"], .l-main p a[href$="ppt"], .l-main p a[href$="pptx"], .l-main p a[href$="pptm"], .l-main p a[href$="doc"], .l-main p a[href$="docx"], .l-main p a[href$="docm"] {
  padding-right: 1em;
}

.l-main p a[href$="pdf"]:after, .l-main p a[href$="xls"]:after, .l-main p a[href$="xlsx"]:after, .l-main p a[href$="xlsm"]:after, .l-main p a[href$="ppt"]:after, .l-main p a[href$="pptx"]:after, .l-main p a[href$="pptm"]:after, .l-main p a[href$="doc"]:after, .l-main p a[href$="docx"]:after, .l-main p a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.l-main p a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.l-main p a[href$="xls"]:after, .l-main p a[href$="xlsx"]:after, .l-main p a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.l-main p a[href$="ppt"]:after, .l-main p a[href$="pptx"]:after, .l-main p a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.l-main p a[href$="doc"]:after, .l-main p a[href$="docx"]:after, .l-main p a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.l-main a:hover {
  color: #9a0000;
  text-decoration: underline;
}

@media (max-width: 991px) {
  .l-main {
    min-height: calc(100vh - 490px);
    padding-top: 50px;
  }
}

@media (min-width: 992px) {
  .l-main {
    min-height: calc(100vh - 429px);
  }
}

/* --------------------------------
l-contents
----------------------------------- */
.l-contents {
  margin-top: 25px;
  padding: 0 6.25%;

}

@media (min-width: 992px) {
  .l-contents {
    max-width: 1213px;
    margin: 90px auto 0;
    padding: 0 20px;
  }
  .l-contents-thin {
    max-width: 1073px;
    margin: 0 auto;
    padding: 0 50px;
  }
  .l-contents-thin:after {
    content: " ";
    display: block;
    clear: both;
  }
  .l-contents-thin2 {
    max-width: 720px;
    margin: 0 auto;
  }
}

/* --------------------------------
l-header
----------------------------------- */
.l-header {

}

@media (max-width: 991px) {
  .l-header {
    background: #000000;
    color: #ffffff;
    font-size: 1.3rem;
  }
  .l-header a {
    display: block;
    color: #ffffff;
  }
  .l-header_logo {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 50px;
    background: #9a0000;
    z-index: 2000;
  }
  .l-header_logo > a {
    display: block;
    height: 50px;
    padding-top: 11px;
    padding-left: 5px;
  }
  .l-header_logo > a > i {
    font-size: 3.8rem;
    line-height: 0.68;
  }
  .l-header_logo > a > img {
    width: 142px;
    height: 25px;
    margin-left: 5px;
    vertical-align: 4px;
  }
  .l-header_gnav {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 50px;
    background: #9a0000;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 2100;
    transition: all 0.5s;
  }
  .js-status-header .l-header_gnav {
    display: block;
  }
  .l-header_gnav_list {
    padding: 15px 0;
    overflow: hidden;
  }
  .l-header_gnav_list a {
    display: block;
    color: #ffffff;
    font-size: 18px;
  }
  .l-header_gnav_list a > i:first-child {
    display: inline-block;
    margin-right: .5em;
    transition: all 0.2s;
  }
  .l-header_gnav_list a.js-status-active > i.icon-plus_01:first-child {
    -webkit-transform: rotate(180deg);
        -ms-transform: rotate(180deg);
            transform: rotate(180deg);
  }
  .l-header_gnav_list a.js-status-active > i.icon-plus_01:first-child:before {
    content: "\e91b";
  }
  .l-header_gnav_list > li > p > a {
    padding: 15px;
  }
  .l-header_gnav_list > li ul {
    height: 0;
    border-radius: 5px 0 0 5px;
    visibility: hidden;
    opacity: 0;
  }
  .l-header_gnav_list > li ul.js-status-active {
    height: auto;
    padding: 5px 0;
    visibility: visible;
    opacity: 1;
  }
  .l-header_gnav_list > li > ul {
    margin-left: 15px;
    background: #aa1333;
  }
  .l-header_gnav_list > li > ul > li > p > a {
    padding: 12px 15px;
  }
  .l-header_gnav_list > li > ul > li > ul {
    margin-left: 30px;
    background: #a0102b;
  }
  .l-header_gnav_list > li > ul > li > ul > li > p > a {
    padding: 9px 15px;
  }
  .l-header_gnav_special {
    display: table;
    width: 100%;
    margin: 15px 0;
  }
  .l-header_gnav_special > li {
    display: table-cell;
    width: 50%;
  }
  .l-header_gnav_special > li > a {
    display: block;
    position: relative;
    padding: 20px 0 36px;
    background: #a4082e;
    text-align: center;
  }
  .l-header_gnav_special > li > a > i {
    position: absolute;
    bottom: 14px;
    left: 50%;
    margin-left: -.5em;
  }
  .l-header_gnav_special > li > a > span {
    display: block;
    height: 20px;
    line-height: 20px;
    font-size: 1.7rem;
  }
  .l-header_gnav_special > li:first-child > a {
    background: #ffffff;
    color: #9a0000;
  }
  .l-header_gnav_contact {
    margin: 30px 20px;
    border-bottom: 1px solid #ffffff;
  }
  .l-header_gnav_contact > li > a {
    display: block;
    padding: 16px 10px 17px;
    border: 1px solid #ffffff;
    border-bottom: none;
    text-align: center;
  }
  .l-header_gnav_other {
    display: table;
    margin: 40px auto;
  }
  .l-header_gnav_other > li {
    display: table-cell;
  }
  .l-header_gnav_other > li > a {
    padding-left: 30px;
    border-left: 1px solid #dedede;
    font-size: 1.4rem;
  }
  .l-header_gnav_other > li:first-child > a {
    padding-left: 0;
    padding-right: 30px;
    border-left: none;
  }
  .l-header_toggle {
    position: fixed;
    top: 0;
    right: 0;
    width: 50px;
    height: 50px;
    z-index: 9999;
    transition: all 0.1875s linear;
  }
  .l-header_toggle > button {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #8f0000;
    border: none;
    border-radius: 0;
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
  }
  .l-header_toggle > button:before, .l-header_toggle > button:after,
  .l-header_toggle > button > i:before {
    content: '';
    position: absolute;
    left: 15px;
    width: 20px;
    height: 1px;
    background: #ffffff;
    transition: all 0.3s;
  }
  .l-header_toggle > button:before {
    top: 19px;
  }
  .l-header_toggle > button:after {
    top: 31px;
  }
  .l-header_toggle > button > i:before {
    top: 25px;
  }
  .js-status-header .l-header_toggle > button:before {
    top: 25px;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .js-status-header .l-header_toggle > button:after {
    top: 25px;
    -webkit-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
            transform: rotate(-225deg);
  }
  .js-status-header .l-header_toggle > button > i:before {
    right: 0;
    opacity: 0;
    height: 0;
  }
  .l-header_snav {
    position: fixed;
    top: 0;
    right: 6px;
    z-index: 2000;
  }
  .l-header_snav_list {
    display: table;
  }
  .l-header_snav_list_item {
    display: table-cell;
    padding-right: 9px;
  }
  .l-header_snav_list_item > a {
    display: block;
    position: relative;
    width: 28px;
    height: 50px;
    padding-top: 7px;
    color: #ffffff;
    text-align: center;
    transition: all 0.5s;
  }
  .l-header_snav_list_item > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffffff;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    transition: all 0.3s;
  }
  .l-header_snav_list_item > a > i {
    display: block;
    height: 30px;
    font-size: 2.8rem;
    line-height: 30px;
  }
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 2.4rem;
  }
  .l-header_snav_list_item > a > span {
    display: inline-block;
    position: relative;
    top: -7px;
    left: 50%;
    font-size: 10px;
    white-space: nowrap;
    -webkit-transform: translateX(-50%) scale(0.5);
        -ms-transform: translateX(-50%) scale(0.5);
            transform: translateX(-50%) scale(0.5);
  }
  .js-status-headermodal[data-headermodal="access"] .l-header_snav_list_item-access > a:before,
  .js-status-headermodal[data-headermodal="search"] .l-header_snav_list_item-search > a:before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .l-header_language {
    display: none;
  }
  .l-header_modal {
    position: fixed;
    top: 50px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: 2000;
    transition: all 0.5s, visibility 0.1s 0.5s;
  }
  .l-header_modal_inner {
    position: relative;
    padding: 35px 0 40px 0;
    border-bottom: 1px solid #dedede;
    background: #f6f5f2;
    z-index: 2;
  }
  .l-header_modal_hdg {
    margin-bottom: 10px;
    color: #9a0000;
    text-align: center;
  }
  .l-header_modal_hdg > i {
    font-size: 2.2rem;
  }
  .l-header_modal_hdg > span {
    display: block;
    font-family: YakuHanMP, "Cinzel", serif;
    font-size: 1.8rem;
    font-weight: 400;
  }
  .l-header_modal_list {
    margin: 0 6.25%;
  }
  .l-header_modal_list > li {
    padding: 0 16px;
  }
  .l-header_modal_list > li > a {
    display: block;
    padding: 15px 0;
    border-bottom: 1px solid #dedede;
    color: #222222;
    font-size: 1.4rem;
  }
  .l-header_modal_list > li > a > i {
    color: #9a0000;
  }
  .l-header_modal_search {
    margin: 0 6.25%;
  }
  .l-header_modal_search > form {
    position: relative;
    width: 100%;
    height: 40px;
    border: 1px solid #7c7c7c;
    border-radius: 4px;
    background: #ffffff;
  }
  .l-header_modal_search > form > input[type="text"] {
    position: absolute;
    top: 4px;
    left: 4px;
    right: 40px;
    min-width: 235px;
    height: 30px;
    padding: 6px 5px 4px;
    border: none;
    background: #ffffff;
  }
  .l-header_modal_search > form > button {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 30px;
    height: 30px;
    border: none;
    border-radius: 3px;
    background: #444444;
    color: #ffffff;
    font-size: 1.6rem;
    line-height: 22px;
  }
  .l-header_modal_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 52px;
    height: 52px;
    border: none;
    background: #444444;
    z-index: 2;
    transition: all 0.5s;
  }
  .l-header_modal_close > i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    font-size: 4rem;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .l-header_modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    height: 100vh;
    background: #000000;
    opacity: 0.5;
    z-index: 1;
  }
  .js-status-headermodal[data-headermodal="more"] .l-header_modal[data-headermodal="more"],
  .js-status-headermodal[data-headermodal="access"] .l-header_modal[data-headermodal="access"],
  .js-status-headermodal[data-headermodal="search"] .l-header_modal[data-headermodal="search"] {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) {
  .l-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 90px;
    background: #9a0000;
    z-index: 1000;
    transition: all 0.5s;
  }
  .js-status-scrolled .l-header {
    height: 51px;
  }
  .l-header_logo {
    position: absolute;
    top: 0;
    left: 0;
  }
  .l-header_logo > a {
    display: block;
    height: 90px;
    line-height: 90px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_logo > a {
    padding-left: 12px;
    padding-right: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_logo > a {
    padding-left: 9px;
    padding-right: 9px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_logo > a {
    padding-left: 6px;
    padding-right: 6px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_logo > a {
    padding-left: 3px;
    padding-right: 3px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_logo > a {
    padding-left: 0px;
    padding-right: 0px;
  }
}

@media (min-width: 992px) {
  .l-header_logo > a > i {
    display: block;
    position: absolute;
    top: 50%;
    left: 15px;
    color: #ffffff;
    line-height: 0.68;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: all 0.5s;
  }
  .l-header_logo > a > i:before {
    font-size: 6.4rem;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_logo > a > i:before {
    font-size: 6.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_logo > a > i:before {
    font-size: 6rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_logo > a > i:before {
    font-size: 5.8rem;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_logo > a > i:before {
    font-size: 5.6rem;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_logo > a > i:before {
    font-size: 5.4rem;
  }
}

@media (min-width: 992px) {
  .l-header_logo > a > img {
    position: absolute;
    top: 50%;
    width: 150px;
    max-width: inherit;
    height: 26px;
    left: 85px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_logo > a > img {
    /* width: 226px;
    height: 16px; */
    left: 82px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_logo > a > img {
    /* width: 221px;
    height: 16px; */
    left: 79px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_logo > a > img {
    /* width: 216px;
    height: 38px; */
    left: 76px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_logo > a > img {
    /* width: 211px;
    height: 37px; */
    left: 73px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_logo > a > img {
    /* width: 206px;
    height: 36px; */
    left: 70px;
  }
}

@media (min-width: 992px) {
  .js-status-scrolled .l-header_logo > a {
    height: 51px;
  }
  .js-status-scrolled .l-header_logo > a > i {
    opacity: 0;
  }
  .js-status-scrolled .l-header_logo > a > i:before {
    font-size: 1rem;
  }
  .js-status-scrolled .l-header_logo > a > img {
    left: 15px;
  }
  .l-header_gnav {
    position: absolute;
    top: 0;
    /* left: 315px; */
    right: 210px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_gnav {
    left: 305px;
    right: 195px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_gnav {
    left: 295px;
    right: 180px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_gnav {
    left: 285px;
    right: 165px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_gnav {
    left: 275px;
    right: 155px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_gnav {
    left: 265px;
    right: 140px;
  }
}

@media (min-width: 992px) {
  .l-header_gnav_list {
    display: table;
    max-width: 740px;
    margin: 0 auto;
  }
  .l-header_gnav_list i:first-child {
    display: none;
  }
  .l-header_gnav_list_item {
    display: table-cell;
    padding: 0 20px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1400px) {
  .l-header_gnav_list_item {
    padding: 0 16px;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_gnav_list_item {
    padding: 0 16px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_gnav_list_item {
    padding: 0 14px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_gnav_list_item {
    padding: 0 12px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_gnav_list_item {
    padding: 0 10px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_gnav_list_item {
    padding: 0 8px;
  }
}

@media (min-width: 992px) and (max-width: 1050px) {
  .l-header_gnav_list_item {
    padding: 0 5px;
  }
}

@media (min-width: 992px) {
  .l-header_gnav_list_item > p > a {
    display: block;
    position: relative;
    height: 90px;
    color: #ffffff;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    line-height: 90px;
    white-space: nowrap;
    transition: all 0.5s;
  }
  .l-header_gnav_list_item > p > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffffff;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    transition: all 0.3s;
  }
  .l-header_gnav_list_item > p > a:hover:before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .l-header_gnav_list_item > ul {
    display: none;
  }
  .l-header_gnav_list_item.js-status-active > p > a:before,
  .js-status-headermodal[data-headermodal="more"] .l-header_gnav_list_item-more > p > a:before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .l-header_gnav_toggle, .l-header_gnav_special, .l-header_gnav_contact, .l-header_gnav_other {
    display: none;
  }
  .js-status-scrolled .l-header_gnav {
    /* left: 265px; */
    right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .js-status-scrolled .l-header_gnav {
    /* left: 255px; */
    right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .js-status-scrolled .l-header_gnav {
    /* left: 255px; */
    right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .js-status-scrolled .l-header_gnav {
    /* left: 255px; */
    right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .js-status-scrolled .l-header_gnav {
    /* left: 255px; */
    right: 30px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .js-status-scrolled .l-header_gnav {
    /* left: 255px; */
    right: 30px;
  }
}

@media (min-width: 992px) {
  .js-status-scrolled .l-header_gnav_list_item > p > a {
    height: 51px;
    line-height: 51px;
  }
  .l-header_toggle {
    display: none;
  }
  .l-header_snav {
    position: absolute;
    top: 0;
    right: 82px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_snav {
    right: 75px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_snav {
    right: 68px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_snav {
    right: 61px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_snav {
    right: 54px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_snav {
    right: 47px;
  }
}

@media (min-width: 992px) {
  .l-header_snav_list {
    display: table;
  }
  .l-header_snav_list_item {
    display: table-cell;
  }
  .l-header_snav_list_item > a {
    display: block;
    position: relative;
    width: 74px;
    height: 90px;
    padding-top: 12px;
    color: #ffffff;
    text-align: center;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_snav_list_item > a {
    width: 69px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_snav_list_item > a {
    width: 64px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_snav_list_item > a {
    width: 59px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_snav_list_item > a {
    width: 54px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_snav_list_item > a {
    width: 49px;
  }
}

@media (min-width: 992px) {
  .l-header_snav_list_item > a:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 5px;
    background: #ffffff;
    -webkit-transform: scaleX(0);
        -ms-transform: scaleX(0);
            transform: scaleX(0);
    transition: all 0.3s;
  }
  .l-header_snav_list_item > a:hover:before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .l-header_snav_list_item > a > i {
    display: block;
    height: 47px;
    font-size: 4.8rem;
    line-height: 47px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_snav_list_item > a > i {
    font-size: 4.6rem;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_snav_list_item > a > i {
    font-size: 4.4rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_snav_list_item > a > i {
    font-size: 4.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_snav_list_item > a > i {
    font-size: 4rem;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_snav_list_item > a > i {
    font-size: 3.8rem;
  }
}

@media (min-width: 992px) {
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 4rem;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.8rem;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.6rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.4rem;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) {
  .l-header_snav_list_item > a > i.icon-students {
    font-size: 3.4rem;
  }
}

@media (max-width: 991px) {
  .l-header_snav_list_item > a > i.icon-students {
    font-size: 2.2rem;
  }
}


@media (min-width: 992px) {
  .l-header_snav_list_item > a > span {
    display: block;
    font-size: 10px;
    font-weight: 500;
    white-space: nowrap;
    -webkit-transform: scale(0.8);
        -ms-transform: scale(0.8);
            transform: scale(0.8);
    transition: all 0.5s;
  }
  .js-status-headermodal[data-headermodal="access"] .l-header_snav_list_item-access > a:before,
  .js-status-headermodal[data-headermodal="search"] .l-header_snav_list_item-search > a:before {
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .js-status-scrolled .l-header_snav {
    right: 0;
  }
  .js-status-scrolled .l-header_snav_list_item > a {
    width: 67px;
    height: 51px;
    padding-top: 0;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .js-status-scrolled .l-header_snav_list_item > a {
    width: 62px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .js-status-scrolled .l-header_snav_list_item > a {
    width: 57px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .js-status-scrolled .l-header_snav_list_item > a {
    width: 52px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .js-status-scrolled .l-header_snav_list_item > a {
    width: 47px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .js-status-scrolled .l-header_snav_list_item > a {
    width: 42px;
  }
}

@media (min-width: 992px) {
  .js-status-scrolled .l-header_snav_list_item > a > i {
    height: 51px;
    font-size: 4.4rem;
    line-height: 51px;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .js-status-scrolled .l-header_snav_list_item > a > i {
    font-size: 4.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .js-status-scrolled .l-header_snav_list_item > a > i {
    font-size: 4rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .js-status-scrolled .l-header_snav_list_item > a > i {
    font-size: 3.8rem;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .js-status-scrolled .l-header_snav_list_item > a > i {
    font-size: 3.6rem;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .js-status-scrolled .l-header_snav_list_item > a > i {
    font-size: 3.4rem;
  }
}

@media (min-width: 992px) {
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.6rem;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.4rem;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3.2rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 3rem;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 2.8rem;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-search_01 {
    font-size: 2.6rem;
  }
}

@media (min-width: 992px){
  .js-status-scrolled .l-header_snav_list_item > a > i.icon-students {
    font-size: 3.2rem;
  }
}

@media (min-width: 992px) {
  .js-status-scrolled .l-header_snav_list_item > a > span {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.1s 0.5s;
  }
  .l-header_language {
    position: absolute;
    top: 0;
    right: 0;
  }
  .l-header_language > ul > li > a, .l-header_language > ul > li > span {
    display: block;
    width: 67px;
    height: 30px;
    background: #a4082e;
    color: #ffffff;
    font-size: 1.2rem;
    text-align: center;
    line-height: 25px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_language > ul > li > a, .l-header_language > ul > li > span {
    width: 62px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_language > ul > li > a, .l-header_language > ul > li > span {
    width: 57px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_language > ul > li > a, .l-header_language > ul > li > span {
    width: 52px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_language > ul > li > a, .l-header_language > ul > li > span {
    width: 47px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_language > ul > li > a, .l-header_language > ul > li > span {
    width: 42px;
  }
}

@media (min-width: 992px) {
  .l-header_language > ul > li > a.is-active, .l-header_language > ul > li > span.is-active {
    background: #9a0000;
  }
  .l-header_language > ul > li > a:hover span {
    text-decoration: underline;
  }
  .js-status-scrolled .l-header_language > ul > li > a, .js-status-scrolled .l-header_language > ul > li > span {
    width: 0px;
    height: 25px;
    opacity: 0;
    transition: all 0.5s, height 0.2s;
  }
  .l-header_modal {
    position: absolute;
    top: 90px;
    left: 0;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    transition: all 0.5s, visibility 0.1s 0.5s;
  }
  .l-header_modal_inner {
    position: relative;
    padding: 35px 67px 40px 0;
    border-bottom: 1px solid #dedede;
    background: #f6f5f2;
    z-index: 2;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_modal_inner {
    padding-right: 62px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_modal_inner {
    padding-right: 57px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_modal_inner {
    padding-right: 52px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_modal_inner {
    padding-right: 47px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_modal_inner {
    padding-right: 42px;
  }
}

@media (min-width: 992px) {
  .l-header_modal_hdg {
    margin-bottom: 25px;
    color: #9a0000;
    text-align: center;
  }
  .l-header_modal_hdg > i {
    font-size: 4rem;
  }
  .l-header_modal_hdg > span {
    display: block;
    font-family: YakuHanMP, "Cinzel", serif;
    font-size: 2.6rem;
    font-weight: 400;
  }
  .l-header_modal_list {
    margin: 0 auto;
  }
  .l-header_modal_list > li {
    padding: 5px 18px;
  }
  .l-header_modal_list > li > a {
    font-size: 1.4rem;
  }
  .l-header_modal_list > li > a > i {
    color: #9a0000;
    display: inline-block;
  }
  .l-header_modal_list > li > a:hover {
    text-decoration: underline;
    color: #9a0000;
  }
  .l-header_modal_list > li > a.m-btn:hover > i {
    color: #fff;
  }
  .l-header_modal_list-more {
    display: table;
    margin-top: 25px;
  }
  .l-header_modal_list-more > li {
    display: table-cell;
    text-align: center;
    vertical-align: middle;
  }
  .l-header_modal_list-more-btn > li {
    padding: 5px 13px;
  }
  .l-header_modal_list-access {
    width: 900px;
  }
  .l-header_modal_list-access:after {
    content: " ";
    display: block;
    clear: both;
  }
  .l-header_modal_list-access > li {
    float: left;
    width: 300px;
  }
  .l-header_modal_search {
    position: relative;
    width: 640px;
    margin: 0 auto;
    padding: 9px;
    border: 1px solid #7c7c7c;
    border-radius: 8px;
    background: #ffffff;
  }
  .l-header_modal_search > form > input[type="text"] {
    width: 565px;
    height: 45px;
    padding: 10px;
    border: none;
    background: #ffffff;
    font-size: 1.8rem;
  }
  .l-header_modal_search > form > button {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 6px;
    background: #444444;
    color: #ffffff;
    font-size: 2.8rem;
    line-height: 45px;
  }
  .l-header_modal_close {
    position: absolute;
    top: 0;
    right: 0;
    bottom: -1px;
    width: 67px;
    border: none;
    background: #444444;
    z-index: 2;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1300px) {
  .l-header_modal_close {
    width: 62px;
  }
}

@media (min-width: 992px) and (max-width: 1250px) {
  .l-header_modal_close {
    width: 57px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .l-header_modal_close {
    width: 52px;
  }
}

@media (min-width: 992px) and (max-width: 1150px) {
  .l-header_modal_close {
    width: 47px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-header_modal_close {
    width: 42px;
  }
}

@media (min-width: 992px) {
  .l-header_modal_close > i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #ffffff;
    font-size: 4rem;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .l-header_modal_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1000px;
    height: 100vh;
    background: #000000;
    opacity: 0.5;
    z-index: 1;
  }
  .js-status-scrolled .l-header_modal {
    top: 51px;
  }
  .js-status-headermodal[data-headermodal="more"] .l-header_modal[data-headermodal="more"],
  .js-status-headermodal[data-headermodal="access"] .l-header_modal[data-headermodal="access"],
  .js-status-headermodal[data-headermodal="search"] .l-header_modal[data-headermodal="search"] {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
  }
}

/* --------------------------------
l-pagetop
----------------------------------- */
.l-pagetop {
  border-bottom: 2px solid #9a0000;
}

.l-pagetop > a {
  display: block;
  padding: 11px 0;
  background: #f6f5f2;
  color: #9a0000;
  font-size: 25px;
  text-align: center;
  transition: all 0.3s;
}

.l-pagetop > a:hover {
  background: #e8e5dd;
}

@media (min-width: 992px) {
  .l-pagetop > a {
    padding: 20px 0;
    font-size: 25px;
  }
}

/* --------------------------------
l-footer
----------------------------------- */
.l-footer {
  background: #444444;
  color: #ffffff;
}

.l-footer a {
  color: #ffffff;
}

.l-footer_logo > a {
  display: block;
}

.l-footer_snav_siryo {
  margin-bottom: 10px;
}

.l-footer_snav_siryo > a {
  display: block;
  padding: 13px;
  border: 1px solid #7c7c7c;
  text-align: center;
}

.l-footer_snav_sns > ul > li {
  float: left;
  width: 50%;
  margin-bottom: 4px;
}

.l-footer_snav_sns > ul > li:nth-of-type(odd) {
  padding-right: 2px;
}

.l-footer_snav_sns > ul > li:nth-of-type(even) {
  padding-left: 2px;
}

.l-footer_snav_sns > ul > li > a {
  display: block;
  color: #ffffff;
  font-size: 3rem;
  text-align: center;
}

.l-footer_snav_sns > ul > li > a.facebook {
  background: #3b5998;
}

.l-footer_snav_sns > ul > li > a.twitter {
  background: #55acee;
}

.l-footer_snav_sns > ul > li > a.line {
  background: #00c200;
}

.l-footer_snav_sns > ul > li > a.instagram {
  background: #bc30ab;
}

.l-footer_gnav_sub > ul {
  display: table;
}

.l-footer_gnav_sub > ul > li {
  display: table-cell;
}

.l-footer_gnav_sub > ul > li > a {
  display: block;
}

.l-footer_copy {
  padding: 7px 0;
  background: #3a3a3a;
  font-size: 1rem;
  text-align: center;
}

@media (max-width: 991px) {
  .l-footer_inner {
    padding: 0 6.25%;
  }
  .l-footer_logo {
    padding: 20px 0 25px;
  }
  .l-footer_logo > a {
    text-align: center;
  }
  .l-footer_logo > a > i {
    display: block;
    font-size: 37px;
  }
  .l-footer_logo > a > img {
    width: 187px;
    height: 13px;
    margin: 5px auto 0;
  }
}

@media (max-width: 991px) and (min-width: 640px) {
  .l-footer_snav_sns > ul > li {
    width: 25%;
  }
  .l-footer_snav_sns > ul > li:nth-of-type(1) {
    padding-right: 3px;
  }
  .l-footer_snav_sns > ul > li:nth-of-type(2) {
    padding-left: 1px;
    padding-right: 2px;
  }
  .l-footer_snav_sns > ul > li:nth-of-type(3) {
    padding-left: 2px;
    padding-right: 1px;
  }
  .l-footer_snav_sns > ul > li:nth-of-type(4) {
    padding-left: 3px;
  }
}

@media (max-width: 991px) {
  .l-footer_gnav_main {
    margin: 17px 0;
  }
  .l-footer_gnav_main > ul > li {
    float: left;
    width: 50%;
  }
}

@media (max-width: 991px) and (min-width: 640px) {
  .l-footer_gnav_main > ul > li {
    width: 33.333%;
  }
}

@media (max-width: 991px) and (min-width: 768px) {
  .l-footer_gnav_main > ul > li {
    width: 20%;
  }

}

.wrappper {
    text-align: center;
}

  .vison-tex {
    width: 700px !important;
    display: inline-block;
    font-weight: bold;
    text-align: justify;
    /* outline: 1px solid #0f0; */
    margin: 0 auto;
}
@media (max-width: 991px) {
  .l-footer_gnav_main > ul > li > a {
    display: block;
    padding: 8px 0;
    font-size: 1rem;
    text-align: center;
  }
  .l-footer_gnav_icon {
    padding: 18px 0 22px;
    border-top: 1px solid #353535;
    border-bottom: 1px solid #353535;
  }
  .l-footer_gnav_icon > ul {
    display: table;
    width: 100%;
  }
  .l-footer_gnav_icon > ul > li {
    display: table-cell;
    width: 50%;
  }
  .l-footer_gnav_icon > ul > li:first-child {
    border-right: 1px solid #353535;
  }
  .l-footer_gnav_icon > ul > li > a {
    display: block;
    font-size: 1.2rem;
    text-align: center;
  }
  .l-footer_gnav_icon > ul > li > a > i {
    display: block;
    font-size: 3.6rem;
  }
  .l-footer_gnav_sub > ul {
    margin: 0 auto;
  }
  .l-footer_gnav_sub > ul > li > a {
    padding: 12px 7px;
    font-size: 1rem;
  }
}

@media (min-width: 992px) {
  .l-footer {
    position: relative;
    overflow: hidden;
  }
  .l-footer_inner {
    max-width: 1180px;
    margin: 0 auto;
    padding: 0 20px;
  }
  .l-footer_logo {
    float: left;
    width: 73%;
    padding: 40px 0 40px;
  }
  .l-footer_logo > a {
    display: inline-block;
  }
  .l-footer_logo > a > i {
    position: relative;
    left: -8px;
    color: #ffffff;
    font-size: 5.8rem;
    line-height: 0.68;
  }
  .l-footer_logo > a > img {
    width: 230px;
    height: 16px;
    vertical-align: 13px;
  }
  .l-footer_snav {
    position: relative;
    float: right;
    width: 26%;
    padding: 35px 0 30px 3.6%;
    background: #404040;
  }
  .l-footer_snav:before {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 300%;
    height: 100%;
    background: #404040;
  }
  .l-footer_snav_siryo > a {
    padding: 18px;
    font-size: 1.4rem;
  }
  .l-footer_snav_sns > li {
    margin-bottom: 6px;
  }
  .l-footer_snav_sns > li:nth-of-type(odd) {
    padding-right: 3px;
  }
  .l-footer_snav_sns > li:nth-of-type(even) {
    padding-left: 3px;
  }
  .l-footer_snav_sns > li > a {
    font-size: 3.4rem;
  }
  .l-footer_snav_sns > li:first-child > a {
    padding-left: 0;
  }
  .l-footer_gnav {
    width: 74%;
  }
  .l-footer_gnav_main {
    float: left;
    width: 59%;
    transition: all 0.5s;
    margin-top: 15px;
  }

  .l-footer_gnav_main p{
    line-height: 25px;
    font-size: 16px;
  }
}

@media (min-width: 992px) and (max-width: 1140px) {
  .l-footer_gnav_main {
    width: 60%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-footer_gnav_main {
    width: 61%;
  }
}

@media (min-width: 992px) and (max-width: 1060px) {
  .l-footer_gnav_main {
    width: 62%;
  }
}

@media (min-width: 992px) and (max-width: 1020px) {
  .l-footer_gnav_main {
    width: 63%;
  }
}

@media (min-width: 992px) {
  .l-footer_gnav_main > ul {
    display: table;
  }
  .l-footer_gnav_main > ul > li {
    display: table-cell;
  }
  .l-footer_gnav_main > ul > li > a {
    display: block;
    padding: 10px 15px;
    font-size: 1.3rem;
    white-space: nowrap;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1140px) {
  .l-footer_gnav_main > ul > li > a {
    padding-right: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-footer_gnav_main > ul > li > a {
    padding-right: 13px;
  }
}

@media (min-width: 992px) and (max-width: 1060px) {
  .l-footer_gnav_main > ul > li > a {
    padding-right: 11px;
  }
}

@media (min-width: 992px) and (max-width: 1020px) {
  .l-footer_gnav_main > ul > li > a {
    padding-right: 10px;
  }
}

@media (min-width: 992px) {
  .l-footer_gnav_main > ul > li:first-child > a {
    padding-left: 0;
  }
  .l-footer_gnav_icon {
    float: right;
    width: 41%;
    margin-top: 10px;
    transition: all 0.5s;
  }
}

@media (min-width: 992px) and (max-width: 1140px) {
  .l-footer_gnav_icon {
    width: 40%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-footer_gnav_icon {
    width: 39%;
  }
}

@media (min-width: 992px) and (max-width: 1060px) {
  .l-footer_gnav_icon {
    width: 38%;
  }
}

@media (min-width: 992px) and (max-width: 1020px) {
  .l-footer_gnav_icon {
    width: 37%;
  }
}

@media (min-width: 992px) {
  .l-footer_gnav_icon > ul {
    display: table;
    width: 95%;
  }
  .l-footer_gnav_icon > ul > li {
    display: table-cell;
    width: 40%;
  }
  .l-footer_gnav_icon > ul > li:first-child {
    width: 60%;
  }
  .l-footer_gnav_icon > ul > li > a {
    display: block;
    border-left: 1px solid #353535;
    font-size: 1.3rem;
    text-align: center;
  }
  .l-footer_gnav_icon > ul > li > a > i {
    display: block;
    margin-bottom: 8px;
    font-size: 4rem;
    line-height: 0.68;
  }
  .l-footer_gnav_sub {
    float: left;
    width: 59%;
  }
}

@media (min-width: 992px) and (max-width: 1140px) {
  .l-footer_gnav_sub {
    width: 60%;
  }
}

@media (min-width: 992px) and (max-width: 1100px) {
  .l-footer_gnav_sub {
    width: 61%;
  }
}

@media (min-width: 992px) and (max-width: 1060px) {
  .l-footer_gnav_sub {
    width: 62%;
  }
}

@media (min-width: 992px) and (max-width: 1020px) {
  .l-footer_gnav_sub {
    width: 63%;
  }
}

@media (min-width: 992px) {
  .l-footer_gnav_sub > ul {
    margin-left: -10px;
  }
  .l-footer_gnav_sub > ul > li > a {
    padding: 5px 10px;
    font-size: 1rem;
  }
  .l-footer_copy {
    padding: 19px 0;
    background: #3a3a3a;
    font-size: 1.2rem;
  }
}

/* --------------------------------
l-pagenav
----------------------------------- */
.l-pagenav {
  position: fixed;
  bottom: 0;
  left: 50px;
  right: 0;
  height: 50px;
  background: #ffffff;
  overflow: hidden;
  z-index: 1000;
  transition: all 0.075s;
  opacity: 1;
  /* pc */
}

.js-status-nomenubar .l-pagenav {
  opacity: 0.3;
}

.js-status-header .l-pagenav {
  opacity: 1;
}

.l-pagenav_wrap {
  width: 100%;
  height: 70px;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

.l-pagenav_list {
  display: inline-table;
  max-width: 100%;
}

.l-pagenav_list_item {
  position: relative;
  display: table-cell;
  white-space: nowrap;
}

.l-pagenav_list_item > a {
  display: block;
  min-width: 4em;
  max-width: 5em;
  height: 50px;
  background: #f6f5f2;
  text-align: center;
}

.l-pagenav_list_item > a > i,
.l-pagenav_list_item > a > span {
  display: block;
  position: relative;
  top: 0;
  height: 35px;
  color: #9a0000;
  line-height: 38px;
}

.l-pagenav_list_item > a > i {
  font-size: 3rem;
}

.l-pagenav_list_item > a > span {
  font-size: 1rem;
}

.l-pagenav_list_item > a > span:first-letter {
  font-size: 1.8rem;
}

.l-pagenav_list_item > a > p {
  position: relative;
  top: -8px;
  width: 6em;
  height: 2.3em;
  font-size: 1rem;
  line-height: 1.15;
}

.l-pagenav_list_item > a > p > span {
  display: block;
  position: absolute;
  top: 50%;
  left: -.5em;
  right: -.5em;
  text-align: center;
  white-space: pre-wrap;
  -webkit-transform: translateY(-50%) scale(0.7);
      -ms-transform: translateY(-50%) scale(0.7);
          transform: translateY(-50%) scale(0.7);
}

.l-pagenav_list_item-noellipsis > a {
  max-width: inherit;
}

.l-pagenav_list_item-noellipsis > a > p {
  text-overflow: inherit;
}

@media (min-width: 992px) {
  .l-pagenav {
    display: none;
  }
}

/* --------------------------------
l-breadcrumb
----------------------------------- */
.l-breadcrumb {
  border-bottom: 1px solid #dedede;
  /* pc */
}

.l-breadcrumb > a {
  display: inline-block;
  padding: 14px 25px;
  background: #f6f5f2;
  color: #9a0000;
  font-size: 1.2rem;
}

@media (min-width: 992px) {
  .l-breadcrumb {
    display: a none;
  }
}

/* -----------------------------------------------
 Clearfix
-------------------------------------------------- */
.clearfix:after {
  content: " ";
  display: block;
  clear: both;
}

.clear{
clear: both;
}

/* -----------------------------------------------
Status
-------------------------------------------------- */
.b-is-hidden {
  display: none;
}

@media (max-width: 991px) {
  .b-is-hidden-sp {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .b-is-hidden-pc {
    display: none !important;
  }
}

.b-is-visible {
  display: block;
}

@media (max-width: 991px) {
  .b-is-visible-sp {
    display: block !important;
  }
}

@media (min-width: 992px) {
  .b-is-visible-pc {
    display: block !important;
  }
}

/* -----------------------------------------------
 Float
-------------------------------------------------- */
.b-float-left {
  float: left;
}

@media (max-width: 991px) {
  .b-float-left-sp {
    float: left !important;
  }
}

@media (min-width: 992px) {
  .b-float-left-pc {
    float: left !important;
  }
}

.b-float-right {
  float: right;
}

@media (max-width: 991px) {
  .b-float-right-sp {
    float: right !important;
  }
}

@media (min-width: 992px) {
  .b-float-right-pc {
    float: right !important;
  }
}

.b-clear-left {
  clear: left;
}

@media (max-width: 991px) {
  .b-clear-left-sp {
    clear: left !important;
  }
}

@media (min-width: 992px) {
  .b-clear-left-pc {
    clear: left !important;
  }
}

.b-clear-right {
  clear: right;
}

@media (max-width: 991px) {
  .b-clear-right-sp {
    clear: right !important;
  }
}

@media (min-width: 992px) {
  .b-clear-right-pc {
    clear: right !important;
  }
}

.b-clear-both {
  clear: both;
}

@media (max-width: 991px) {
  .b-clear-both-sp {
    clear: both !important;
  }
}

@media (min-width: 992px) {
  .b-clear-both-pc {
    clear: both !important;
  }
}

.b-clear-odd li:nth-child(odd) {
  clear: both;
}

@media (max-width: 991px) {
  .b-clear-odd li:nth-child(odd)-sp {
    clear: both !important;
  }
}

@media (min-width: 992px) {
  .b-clear-odd li:nth-child(odd)-pc {
    clear: both !important;
  }
}

.b-clear-3n li:nth-child(3n+1) {
  clear: both;
}

@media (max-width: 991px) {
  .b-clear-3n li:nth-child(3n+1)-sp {
    clear: both !important;
  }
}

@media (min-width: 992px) {
  .b-clear-3n li:nth-child(3n+1)-pc {
    clear: both !important;
  }
}

.b-clear-4n li:nth-child(4n+1) {
  clear: both;
}

@media (max-width: 991px) {
  .b-clear-4n li:nth-child(4n+1)-sp {
    clear: both !important;
  }
}

@media (min-width: 992px) {
  .b-clear-4n li:nth-child(4n+1)-pc {
    clear: both !important;
  }
}

/* -----------------------------------------------
ALIGN Module
-------------------------------------------------- */
.b-align-left {
  text-align: left !important;
}

@media (max-width: 991px) {
  .b-align-left-sp {
    text-align: left !important;
  }
}

@media (min-width: 992px) {
  .b-align-left-pc {
    text-align: left !important;
  }
}

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

@media (max-width: 991px) {
  .b-align-center-sp {
    text-align: center !important;
  }
}

@media (min-width: 992px) {
  .b-align-center-pc {
    text-align: center !important;
  }
}

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

@media (max-width: 991px) {
  .b-align-right-sp {
    text-align: right !important;
  }
}

@media (min-width: 992px) {
  .b-align-right-pc {
    text-align: right !important;
  }
}

.b-align-top {
  vertical-align: top !important;
}

@media (max-width: 991px) {
  .b-align-top-sp {
    vertical-align: top !important;
  }
}

@media (min-width: 992px) {
  .b-align-top-pc {
    vertical-align: top !important;
  }
}

.b-align-middle {
  vertical-align: middle !important;
}

@media (max-width: 991px) {
  .b-align-middle-sp {
    vertical-align: middle !important;
  }
}

@media (min-width: 992px) {
  .b-align-middle-pc {
    vertical-align: middle !important;
  }
}

.b-align-bottom {
  vertical-align: bottom !important;
}

@media (max-width: 991px) {
  .b-align-bottom-sp {
    vertical-align: bottom !important;
  }
}

@media (min-width: 992px) {
  .b-align-bottom-pc {
    vertical-align: bottom !important;
  }
}

/* ----------------------------------------------- */
/* Background Module
-------------------------------------------------- */
[class^="b-bg-"], [class*=" b-bg-"] {
  background-position: center !important;
  background-repeat: no-repeat !important;
  background-size: cover !important;
}

.b-bg {

}

.b-bg-main {
  background-image: url(../images/bg/bg-main.jpg);
}

@media (min-width: 992px) {
  .b-bg-color {
    padding: 90px 0;
    background: #f6f5f2;
  }
  .b-bg-color_inner {
    max-width: 1173px;
    margin: 0 auto;
    padding: 30px 0 70px;
    background: #ffffff;
  }
}


/* -----------------------------------------------
margin, padding
-------------------------------------------------- */
.b-m0 {
  margin: 0px;
}

.b-mt0 {
  margin-top: 0px;
}

.b-mr0 {
  margin-right: 0px;
}

.b-mb0 {
  margin-bottom: 0px;
}

.b-ml0 {
  margin-left: 0px;
}

.b-p0 {
  padding: 0px;
}

.b-pt0 {
  padding-top: 0px;
}

.b-pr0 {
  padding-right: 0px;
}

.b-pb0 {
  padding-bottom: 0px;
}

.b-pl0 {
  padding-left: 0px;
}

@media (max-width: 991px) {
  .b-m0-sp {
    margin: 0px !important;
  }
  .b-mt0-sp {
    margin-top: 0px !important;
  }
  .b-mr0-sp {
    margin-right: 0px !important;
  }
  .b-mb0-sp {
    margin-bottom: 0px !important;
  }
  .b-ml0-sp {
    margin-left: 0px !important;
  }
  .b-p0-sp {
    padding: 0px !important;
  }
  .b-pt0-sp {
    padding-top: 0px !important;
  }
  .b-pr0-sp {
    padding-right: 0px !important;
  }
  .b-pb0-sp {
    padding-bottom: 0px !important;
  }
  .b-pl0-sp {
    padding-left: 0px !important;
  }
}

@media (min-width: 992px) {
  .b-m0-pc {
    margin: 0px !important;
  }
  .b-mt0-pc {
    margin-top: 0px !important;
  }
  .b-mr0-pc {
    margin-right: 0px !important;
  }
  .b-mb0-pc {
    margin-bottom: 0px !important;
  }
  .b-ml0-pc {
    margin-left: 0px !important;
  }
  .b-p0-pc {
    padding: 0px !important;
  }
  .b-pt0-pc {
    padding-top: 0px !important;
  }
  .b-pr0-pc {
    padding-right: 0px !important;
  }
  .b-pb0-pc {
    padding-bottom: 0px !important;
  }
  .b-pl0-pc {
    padding-left: 0px !important;
  }
}

.b-m1 {
  margin: 1px;
}

.b-mt1 {
  margin-top: 1px;
}

.b-mr1 {
  margin-right: 1px;
}

.b-mb1 {
  margin-bottom: 1px;
}

.b-ml1 {
  margin-left: 1px;
}

.b-p1 {
  padding: 1px;
}

.b-pt1 {
  padding-top: 1px;
}

.b-pr1 {
  padding-right: 1px;
}

.b-pb1 {
  padding-bottom: 1px;
}

.b-pl1 {
  padding-left: 1px;
}

@media (max-width: 991px) {
  .b-m1-sp {
    margin: 1px !important;
  }
  .b-mt1-sp {
    margin-top: 1px !important;
  }
  .b-mr1-sp {
    margin-right: 1px !important;
  }
  .b-mb1-sp {
    margin-bottom: 1px !important;
  }
  .b-ml1-sp {
    margin-left: 1px !important;
  }
  .b-p1-sp {
    padding: 1px !important;
  }
  .b-pt1-sp {
    padding-top: 1px !important;
  }
  .b-pr1-sp {
    padding-right: 1px !important;
  }
  .b-pb1-sp {
    padding-bottom: 1px !important;
  }
  .b-pl1-sp {
    padding-left: 1px !important;
  }
}

@media (min-width: 992px) {
  .b-m1-pc {
    margin: 1px !important;
  }
  .b-mt1-pc {
    margin-top: 1px !important;
  }
  .b-mr1-pc {
    margin-right: 1px !important;
  }
  .b-mb1-pc {
    margin-bottom: 1px !important;
  }
  .b-ml1-pc {
    margin-left: 1px !important;
  }
  .b-p1-pc {
    padding: 1px !important;
  }
  .b-pt1-pc {
    padding-top: 1px !important;
  }
  .b-pr1-pc {
    padding-right: 1px !important;
  }
  .b-pb1-pc {
    padding-bottom: 1px !important;
  }
  .b-pl1-pc {
    padding-left: 1px !important;
  }
}

.b-m2 {
  margin: 2px;
}

.b-mt2 {
  margin-top: 2px;
}

.b-mr2 {
  margin-right: 2px;
}

.b-mb2 {
  margin-bottom: 2px;
}

.b-ml2 {
  margin-left: 2px;
}

.b-p2 {
  padding: 2px;
}

.b-pt2 {
  padding-top: 2px;
}

.b-pr2 {
  padding-right: 2px;
}

.b-pb2 {
  padding-bottom: 2px;
}

.b-pl2 {
  padding-left: 2px;
}

@media (max-width: 991px) {
  .b-m2-sp {
    margin: 2px !important;
  }
  .b-mt2-sp {
    margin-top: 2px !important;
  }
  .b-mr2-sp {
    margin-right: 2px !important;
  }
  .b-mb2-sp {
    margin-bottom: 2px !important;
  }
  .b-ml2-sp {
    margin-left: 2px !important;
  }
  .b-p2-sp {
    padding: 2px !important;
  }
  .b-pt2-sp {
    padding-top: 2px !important;
  }
  .b-pr2-sp {
    padding-right: 2px !important;
  }
  .b-pb2-sp {
    padding-bottom: 2px !important;
  }
  .b-pl2-sp {
    padding-left: 2px !important;
  }
}

@media (min-width: 992px) {
  .b-m2-pc {
    margin: 2px !important;
  }
  .b-mt2-pc {
    margin-top: 2px !important;
  }
  .b-mr2-pc {
    margin-right: 2px !important;
  }
  .b-mb2-pc {
    margin-bottom: 2px !important;
  }
  .b-ml2-pc {
    margin-left: 2px !important;
  }
  .b-p2-pc {
    padding: 2px !important;
  }
  .b-pt2-pc {
    padding-top: 2px !important;
  }
  .b-pr2-pc {
    padding-right: 2px !important;
  }
  .b-pb2-pc {
    padding-bottom: 2px !important;
  }
  .b-pl2-pc {
    padding-left: 2px !important;
  }
}

.b-m3 {
  margin: 3px;
}

.b-mt3 {
  margin-top: 3px;
}

.b-mr3 {
  margin-right: 3px;
}

.b-mb3 {
  margin-bottom: 3px;
}

.b-ml3 {
  margin-left: 3px;
}

.b-p3 {
  padding: 3px;
}

.b-pt3 {
  padding-top: 3px;
}

.b-pr3 {
  padding-right: 3px;
}

.b-pb3 {
  padding-bottom: 3px;
}

.b-pl3 {
  padding-left: 3px;
}

@media (max-width: 991px) {
  .b-m3-sp {
    margin: 3px !important;
  }
  .b-mt3-sp {
    margin-top: 3px !important;
  }
  .b-mr3-sp {
    margin-right: 3px !important;
  }
  .b-mb3-sp {
    margin-bottom: 3px !important;
  }
  .b-ml3-sp {
    margin-left: 3px !important;
  }
  .b-p3-sp {
    padding: 3px !important;
  }
  .b-pt3-sp {
    padding-top: 3px !important;
  }
  .b-pr3-sp {
    padding-right: 3px !important;
  }
  .b-pb3-sp {
    padding-bottom: 3px !important;
  }
  .b-pl3-sp {
    padding-left: 3px !important;
  }
}

@media (min-width: 992px) {
  .b-m3-pc {
    margin: 3px !important;
  }
  .b-mt3-pc {
    margin-top: 3px !important;
  }
  .b-mr3-pc {
    margin-right: 3px !important;
  }
  .b-mb3-pc {
    margin-bottom: 3px !important;
  }
  .b-ml3-pc {
    margin-left: 3px !important;
  }
  .b-p3-pc {
    padding: 3px !important;
  }
  .b-pt3-pc {
    padding-top: 3px !important;
  }
  .b-pr3-pc {
    padding-right: 3px !important;
  }
  .b-pb3-pc {
    padding-bottom: 3px !important;
  }
  .b-pl3-pc {
    padding-left: 3px !important;
  }
}

.b-m4 {
  margin: 4px;
}

.b-mt4 {
  margin-top: 4px;
}

.b-mr4 {
  margin-right: 4px;
}

.b-mb4 {
  margin-bottom: 4px;
}

.b-ml4 {
  margin-left: 4px;
}

.b-p4 {
  padding: 4px;
}

.b-pt4 {
  padding-top: 4px;
}

.b-pr4 {
  padding-right: 4px;
}

.b-pb4 {
  padding-bottom: 4px;
}

.b-pl4 {
  padding-left: 4px;
}

@media (max-width: 991px) {
  .b-m4-sp {
    margin: 4px !important;
  }
  .b-mt4-sp {
    margin-top: 4px !important;
  }
  .b-mr4-sp {
    margin-right: 4px !important;
  }
  .b-mb4-sp {
    margin-bottom: 4px !important;
  }
  .b-ml4-sp {
    margin-left: 4px !important;
  }
  .b-p4-sp {
    padding: 4px !important;
  }
  .b-pt4-sp {
    padding-top: 4px !important;
  }
  .b-pr4-sp {
    padding-right: 4px !important;
  }
  .b-pb4-sp {
    padding-bottom: 4px !important;
  }
  .b-pl4-sp {
    padding-left: 4px !important;
  }
}

@media (min-width: 992px) {
  .b-m4-pc {
    margin: 4px !important;
  }
  .b-mt4-pc {
    margin-top: 4px !important;
  }
  .b-mr4-pc {
    margin-right: 4px !important;
  }
  .b-mb4-pc {
    margin-bottom: 4px !important;
  }
  .b-ml4-pc {
    margin-left: 4px !important;
  }
  .b-p4-pc {
    padding: 4px !important;
  }
  .b-pt4-pc {
    padding-top: 4px !important;
  }
  .b-pr4-pc {
    padding-right: 4px !important;
  }
  .b-pb4-pc {
    padding-bottom: 4px !important;
  }
  .b-pl4-pc {
    padding-left: 4px !important;
  }
}

.b-m5 {
  margin: 5px;
}

.b-mt5 {
  margin-top: 5px;
}

.b-mr5 {
  margin-right: 5px;
}

.b-mb5 {
  margin-bottom: 5px;
}

.b-ml5 {
  margin-left: 5px;
}

.b-p5 {
  padding: 5px;
}

.b-pt5 {
  padding-top: 5px;
}

.b-pr5 {
  padding-right: 5px;
}

.b-pb5 {
  padding-bottom: 5px;
}

.b-pl5 {
  padding-left: 5px;
}

@media (max-width: 991px) {
  .b-m5-sp {
    margin: 5px !important;
  }
  .b-mt5-sp {
    margin-top: 5px !important;
  }
  .b-mr5-sp {
    margin-right: 5px !important;
  }
  .b-mb5-sp {
    margin-bottom: 5px !important;
  }
  .b-ml5-sp {
    margin-left: 5px !important;
  }
  .b-p5-sp {
    padding: 5px !important;
  }
  .b-pt5-sp {
    padding-top: 5px !important;
  }
  .b-pr5-sp {
    padding-right: 5px !important;
  }
  .b-pb5-sp {
    padding-bottom: 5px !important;
  }
  .b-pl5-sp {
    padding-left: 5px !important;
  }
}

@media (min-width: 992px) {
  .b-m5-pc {
    margin: 5px !important;
  }
  .b-mt5-pc {
    margin-top: 5px !important;
  }
  .b-mr5-pc {
    margin-right: 5px !important;
  }
  .b-mb5-pc {
    margin-bottom: 5px !important;
  }
  .b-ml5-pc {
    margin-left: 5px !important;
  }
  .b-p5-pc {
    padding: 5px !important;
  }
  .b-pt5-pc {
    padding-top: 5px !important;
  }
  .b-pr5-pc {
    padding-right: 5px !important;
  }
  .b-pb5-pc {
    padding-bottom: 5px !important;
  }
  .b-pl5-pc {
    padding-left: 5px !important;
  }
}

.b-m6 {
  margin: 6px;
}

.b-mt6 {
  margin-top: 6px;
}

.b-mr6 {
  margin-right: 6px;
}

.b-mb6 {
  margin-bottom: 6px;
}

.b-ml6 {
  margin-left: 6px;
}

.b-p6 {
  padding: 6px;
}

.b-pt6 {
  padding-top: 6px;
}

.b-pr6 {
  padding-right: 6px;
}

.b-pb6 {
  padding-bottom: 6px;
}

.b-pl6 {
  padding-left: 6px;
}

@media (max-width: 991px) {
  .b-m6-sp {
    margin: 6px !important;
  }
  .b-mt6-sp {
    margin-top: 6px !important;
  }
  .b-mr6-sp {
    margin-right: 6px !important;
  }
  .b-mb6-sp {
    margin-bottom: 6px !important;
  }
  .b-ml6-sp {
    margin-left: 6px !important;
  }
  .b-p6-sp {
    padding: 6px !important;
  }
  .b-pt6-sp {
    padding-top: 6px !important;
  }
  .b-pr6-sp {
    padding-right: 6px !important;
  }
  .b-pb6-sp {
    padding-bottom: 6px !important;
  }
  .b-pl6-sp {
    padding-left: 6px !important;
  }
}

@media (min-width: 992px) {
  .b-m6-pc {
    margin: 6px !important;
  }
  .b-mt6-pc {
    margin-top: 6px !important;
  }
  .b-mr6-pc {
    margin-right: 6px !important;
  }
  .b-mb6-pc {
    margin-bottom: 6px !important;
  }
  .b-ml6-pc {
    margin-left: 6px !important;
  }
  .b-p6-pc {
    padding: 6px !important;
  }
  .b-pt6-pc {
    padding-top: 6px !important;
  }
  .b-pr6-pc {
    padding-right: 6px !important;
  }
  .b-pb6-pc {
    padding-bottom: 6px !important;
  }
  .b-pl6-pc {
    padding-left: 6px !important;
  }
}

.b-m7 {
  margin: 7px;
}

.b-mt7 {
  margin-top: 7px;
}

.b-mr7 {
  margin-right: 7px;
}

.b-mb7 {
  margin-bottom: 7px;
}

.b-ml7 {
  margin-left: 7px;
}

.b-p7 {
  padding: 7px;
}

.b-pt7 {
  padding-top: 7px;
}

.b-pr7 {
  padding-right: 7px;
}

.b-pb7 {
  padding-bottom: 7px;
}

.b-pl7 {
  padding-left: 7px;
}

@media (max-width: 991px) {
  .b-m7-sp {
    margin: 7px !important;
  }
  .b-mt7-sp {
    margin-top: 7px !important;
  }
  .b-mr7-sp {
    margin-right: 7px !important;
  }
  .b-mb7-sp {
    margin-bottom: 7px !important;
  }
  .b-ml7-sp {
    margin-left: 7px !important;
  }
  .b-p7-sp {
    padding: 7px !important;
  }
  .b-pt7-sp {
    padding-top: 7px !important;
  }
  .b-pr7-sp {
    padding-right: 7px !important;
  }
  .b-pb7-sp {
    padding-bottom: 7px !important;
  }
  .b-pl7-sp {
    padding-left: 7px !important;
  }
}

@media (min-width: 992px) {
  .b-m7-pc {
    margin: 7px !important;
  }
  .b-mt7-pc {
    margin-top: 7px !important;
  }
  .b-mr7-pc {
    margin-right: 7px !important;
  }
  .b-mb7-pc {
    margin-bottom: 7px !important;
  }
  .b-ml7-pc {
    margin-left: 7px !important;
  }
  .b-p7-pc {
    padding: 7px !important;
  }
  .b-pt7-pc {
    padding-top: 7px !important;
  }
  .b-pr7-pc {
    padding-right: 7px !important;
  }
  .b-pb7-pc {
    padding-bottom: 7px !important;
  }
  .b-pl7-pc {
    padding-left: 7px !important;
  }
}

.b-m8 {
  margin: 8px;
}

.b-mt8 {
  margin-top: 8px;
}

.b-mr8 {
  margin-right: 8px;
}

.b-mb8 {
  margin-bottom: 8px;
}

.b-ml8 {
  margin-left: 8px;
}

.b-p8 {
  padding: 8px;
}

.b-pt8 {
  padding-top: 8px;
}

.b-pr8 {
  padding-right: 8px;
}

.b-pb8 {
  padding-bottom: 8px;
}

.b-pl8 {
  padding-left: 8px;
}

@media (max-width: 991px) {
  .b-m8-sp {
    margin: 8px !important;
  }
  .b-mt8-sp {
    margin-top: 8px !important;
  }
  .b-mr8-sp {
    margin-right: 8px !important;
  }
  .b-mb8-sp {
    margin-bottom: 8px !important;
  }
  .b-ml8-sp {
    margin-left: 8px !important;
  }
  .b-p8-sp {
    padding: 8px !important;
  }
  .b-pt8-sp {
    padding-top: 8px !important;
  }
  .b-pr8-sp {
    padding-right: 8px !important;
  }
  .b-pb8-sp {
    padding-bottom: 8px !important;
  }
  .b-pl8-sp {
    padding-left: 8px !important;
  }
}

@media (min-width: 992px) {
  .b-m8-pc {
    margin: 8px !important;
  }
  .b-mt8-pc {
    margin-top: 8px !important;
  }
  .b-mr8-pc {
    margin-right: 8px !important;
  }
  .b-mb8-pc {
    margin-bottom: 8px !important;
  }
  .b-ml8-pc {
    margin-left: 8px !important;
  }
  .b-p8-pc {
    padding: 8px !important;
  }
  .b-pt8-pc {
    padding-top: 8px !important;
  }
  .b-pr8-pc {
    padding-right: 8px !important;
  }
  .b-pb8-pc {
    padding-bottom: 8px !important;
  }
  .b-pl8-pc {
    padding-left: 8px !important;
  }
}

.b-m9 {
  margin: 9px;
}

.b-mt9 {
  margin-top: 9px;
}

.b-mr9 {
  margin-right: 9px;
}

.b-mb9 {
  margin-bottom: 9px;
}

.b-ml9 {
  margin-left: 9px;
}

.b-p9 {
  padding: 9px;
}

.b-pt9 {
  padding-top: 9px;
}

.b-pr9 {
  padding-right: 9px;
}

.b-pb9 {
  padding-bottom: 9px;
}

.b-pl9 {
  padding-left: 9px;
}

@media (max-width: 991px) {
  .b-m9-sp {
    margin: 9px !important;
  }
  .b-mt9-sp {
    margin-top: 9px !important;
  }
  .b-mr9-sp {
    margin-right: 9px !important;
  }
  .b-mb9-sp {
    margin-bottom: 9px !important;
  }
  .b-ml9-sp {
    margin-left: 9px !important;
  }
  .b-p9-sp {
    padding: 9px !important;
  }
  .b-pt9-sp {
    padding-top: 9px !important;
  }
  .b-pr9-sp {
    padding-right: 9px !important;
  }
  .b-pb9-sp {
    padding-bottom: 9px !important;
  }
  .b-pl9-sp {
    padding-left: 9px !important;
  }
}

@media (min-width: 992px) {
  .b-m9-pc {
    margin: 9px !important;
  }
  .b-mt9-pc {
    margin-top: 9px !important;
  }
  .b-mr9-pc {
    margin-right: 9px !important;
  }
  .b-mb9-pc {
    margin-bottom: 9px !important;
  }
  .b-ml9-pc {
    margin-left: 9px !important;
  }
  .b-p9-pc {
    padding: 9px !important;
  }
  .b-pt9-pc {
    padding-top: 9px !important;
  }
  .b-pr9-pc {
    padding-right: 9px !important;
  }
  .b-pb9-pc {
    padding-bottom: 9px !important;
  }
  .b-pl9-pc {
    padding-left: 9px !important;
  }
}

.b-m10 {
  margin: 10px;
}

.b-mt10 {
  margin-top: 10px;
}

.b-mr10 {
  margin-right: 10px;
}

.b-mb10 {
  margin-bottom: 10px;
}

.b-ml10 {
  margin-left: 10px;
}

.b-p10 {
  padding: 10px;
}

.b-pt10 {
  padding-top: 10px;
}

.b-pr10 {
  padding-right: 10px;
}

.b-pb10 {
  padding-bottom: 10px;
}

.b-pl10 {
  padding-left: 10px;
}

@media (max-width: 991px) {
  .b-m10-sp {
    margin: 10px !important;
  }
  .b-mt10-sp {
    margin-top: 10px !important;
  }
  .b-mr10-sp {
    margin-right: 10px !important;
  }
  .b-mb10-sp {
    margin-bottom: 10px !important;
  }
  .b-ml10-sp {
    margin-left: 10px !important;
  }
  .b-p10-sp {
    padding: 10px !important;
  }
  .b-pt10-sp {
    padding-top: 10px !important;
  }
  .b-pr10-sp {
    padding-right: 10px !important;
  }
  .b-pb10-sp {
    padding-bottom: 10px !important;
  }
  .b-pl10-sp {
    padding-left: 10px !important;
  }
}

@media (min-width: 992px) {
  .b-m10-pc {
    margin: 10px !important;
  }
  .b-mt10-pc {
    margin-top: 10px !important;
  }
  .b-mr10-pc {
    margin-right: 10px !important;
  }
  .b-mb10-pc {
    margin-bottom: 10px !important;
  }
  .b-ml10-pc {
    margin-left: 10px !important;
  }
  .b-p10-pc {
    padding: 10px !important;
  }
  .b-pt10-pc {
    padding-top: 10px !important;
  }
  .b-pr10-pc {
    padding-right: 10px !important;
  }
  .b-pb10-pc {
    padding-bottom: 10px !important;
  }
  .b-pl10-pc {
    padding-left: 10px !important;
  }
}

.b-m20 {
  margin: 20px;
}

.b-mt20 {
  margin-top: 20px;
}

.b-mr20 {
  margin-right: 20px;
}

.b-mb20 {
  margin-bottom: 20px;
}

.b-ml20 {
  margin-left: 20px;
}

.b-p20 {
  padding: 20px;
}

.b-pt20 {
  padding-top: 20px;
}

.b-pr20 {
  padding-right: 20px;
}

.b-pb20 {
  padding-bottom: 20px;
}

.b-pl20 {
  padding-left: 20px;
}

@media (max-width: 991px) {
  .b-m20-sp {
    margin: 20px !important;
  }
  .b-mt20-sp {
    margin-top: 20px !important;
  }
  .b-mr20-sp {
    margin-right: 20px !important;
  }
  .b-mb20-sp {
    margin-bottom: 20px !important;
  }
  .b-ml20-sp {
    margin-left: 20px !important;
  }
  .b-p20-sp {
    padding: 20px !important;
  }
  .b-pt20-sp {
    padding-top: 20px !important;
  }
  .b-pr20-sp {
    padding-right: 20px !important;
  }
  .b-pb20-sp {
    padding-bottom: 20px !important;
  }
  .b-pl20-sp {
    padding-left: 20px !important;
  }
}

@media (min-width: 992px) {
  .b-m20-pc {
    margin: 20px !important;
  }
  .b-mt20-pc {
    margin-top: 20px !important;
  }
  .b-mr20-pc {
    margin-right: 20px !important;
  }
  .b-mb20-pc {
    margin-bottom: 20px !important;
  }
  .b-ml20-pc {
    margin-left: 20px !important;
  }
  .b-p20-pc {
    padding: 20px !important;
  }
  .b-pt20-pc {
    padding-top: 20px !important;
  }
  .b-pr20-pc {
    padding-right: 20px !important;
  }
  .b-pb20-pc {
    padding-bottom: 20px !important;
  }
  .b-pl20-pc {
    padding-left: 20px !important;
  }
}

.b-m30 {
  margin: 30px;
}

.b-mt30 {
  margin-top: 30px;
}

.b-mr30 {
  margin-right: 30px;
}

.b-mb30 {
  margin-bottom: 30px;
}

.b-ml30 {
  margin-left: 30px;
}

.b-p30 {
  padding: 30px;
}

.b-pt30 {
  padding-top: 30px;
}

.b-pr30 {
  padding-right: 30px;
}

.b-pb30 {
  padding-bottom: 30px;
}

.b-pl30 {
  padding-left: 30px;
}

@media (max-width: 991px) {
  .b-m30-sp {
    margin: 30px !important;
  }
  .b-mt30-sp {
    margin-top: 30px !important;
  }
  .b-mr30-sp {
    margin-right: 30px !important;
  }
  .b-mb30-sp {
    margin-bottom: 30px !important;
  }
  .b-ml30-sp {
    margin-left: 30px !important;
  }
  .b-p30-sp {
    padding: 30px !important;
  }
  .b-pt30-sp {
    padding-top: 30px !important;
  }
  .b-pr30-sp {
    padding-right: 30px !important;
  }
  .b-pb30-sp {
    padding-bottom: 30px !important;
  }
  .b-pl30-sp {
    padding-left: 30px !important;
  }
}

@media (min-width: 992px) {
  .b-m30-pc {
    margin: 30px !important;
  }
  .b-mt30-pc {
    margin-top: 30px !important;
  }
  .b-mr30-pc {
    margin-right: 30px !important;
  }
  .b-mb30-pc {
    margin-bottom: 30px !important;
  }
  .b-ml30-pc {
    margin-left: 30px !important;
  }
  .b-p30-pc {
    padding: 30px !important;
  }
  .b-pt30-pc {
    padding-top: 30px !important;
  }
  .b-pr30-pc {
    padding-right: 30px !important;
  }
  .b-pb30-pc {
    padding-bottom: 30px !important;
  }
  .b-pl30-pc {
    padding-left: 30px !important;
  }
}

.b-m40 {
  margin: 40px;
}

.b-mt40 {
  margin-top: 40px;
}

.b-mr40 {
  margin-right: 40px;
}

.b-mb40 {
  margin-bottom: 40px;
}

.b-ml40 {
  margin-left: 40px;
}

.b-p40 {
  padding: 40px;
}

.b-pt40 {
  padding-top: 40px;
}

.b-pr40 {
  padding-right: 40px;
}

.b-pb40 {
  padding-bottom: 40px;
}

.b-pl40 {
  padding-left: 40px;
}

@media (max-width: 991px) {
  .b-m40-sp {
    margin: 40px !important;
  }
  .b-mt40-sp {
    margin-top: 40px !important;
  }
  .b-mr40-sp {
    margin-right: 40px !important;
  }
  .b-mb40-sp {
    margin-bottom: 40px !important;
  }
  .b-ml40-sp {
    margin-left: 40px !important;
  }
  .b-p40-sp {
    padding: 40px !important;
  }
  .b-pt40-sp {
    padding-top: 40px !important;
  }
  .b-pr40-sp {
    padding-right: 40px !important;
  }
  .b-pb40-sp {
    padding-bottom: 40px !important;
  }
  .b-pl40-sp {
    padding-left: 40px !important;
  }
}

@media (min-width: 992px) {
  .b-m40-pc {
    margin: 40px !important;
  }
  .b-mt40-pc {
    margin-top: 40px !important;
  }
  .b-mr40-pc {
    margin-right: 40px !important;
  }
  .b-mb40-pc {
    margin-bottom: 40px !important;
  }
  .b-ml40-pc {
    margin-left: 40px !important;
  }
  .b-p40-pc {
    padding: 40px !important;
  }
  .b-pt40-pc {
    padding-top: 40px !important;
  }
  .b-pr40-pc {
    padding-right: 40px !important;
  }
  .b-pb40-pc {
    padding-bottom: 40px !important;
  }
  .b-pl40-pc {
    padding-left: 40px !important;
  }
}

.b-m50 {
  margin: 50px;
}

.b-mt50 {
  margin-top: 50px;
}

.b-mr50 {
  margin-right: 50px;
}

.b-mb50 {
  margin-bottom: 50px;
}

.b-ml50 {
  margin-left: 50px;
}

.b-p50 {
  padding: 50px;
}

.b-pt50 {
  padding-top: 50px;
}

.b-pr50 {
  padding-right: 50px;
}

.b-pb50 {
  padding-bottom: 50px;
}

.b-pl50 {
  padding-left: 50px;
}

@media (max-width: 991px) {
  .b-m50-sp {
    margin: 50px !important;
  }
  .b-mt50-sp {
    margin-top: 50px !important;
  }
  .b-mr50-sp {
    margin-right: 50px !important;
  }
  .b-mb50-sp {
    margin-bottom: 50px !important;
  }
  .b-ml50-sp {
    margin-left: 50px !important;
  }
  .b-p50-sp {
    padding: 50px !important;
  }
  .b-pt50-sp {
    padding-top: 50px !important;
  }
  .b-pr50-sp {
    padding-right: 50px !important;
  }
  .b-pb50-sp {
    padding-bottom: 50px !important;
  }
  .b-pl50-sp {
    padding-left: 50px !important;
  }
}

@media (min-width: 992px) {
  .b-m50-pc {
    margin: 50px !important;
  }
  .b-mt50-pc {
    margin-top: 50px !important;
  }
  .b-mr50-pc {
    margin-right: 50px !important;
  }
  .b-mb50-pc {
    margin-bottom: 50px !important;
  }
  .b-ml50-pc {
    margin-left: 50px !important;
  }
  .b-p50-pc {
    padding: 50px !important;
  }
  .b-pt50-pc {
    padding-top: 50px !important;
  }
  .b-pr50-pc {
    padding-right: 50px !important;
  }
  .b-pb50-pc {
    padding-bottom: 50px !important;
  }
  .b-pl50-pc {
    padding-left: 50px !important;
  }
}

.b-m60 {
  margin: 60px;
}

.b-mt60 {
  margin-top: 60px;
}

.b-mr60 {
  margin-right: 60px;
}

.b-mb60 {
  margin-bottom: 60px;
}

.b-ml60 {
  margin-left: 60px;
}

.b-p60 {
  padding: 60px;
}

.b-pt60 {
  padding-top: 60px;
}

.b-pr60 {
  padding-right: 60px;
}

.b-pb60 {
  padding-bottom: 60px;
}

.b-pl60 {
  padding-left: 60px;
}

@media (max-width: 991px) {
  .b-m60-sp {
    margin: 60px !important;
  }
  .b-mt60-sp {
    margin-top: 60px !important;
  }
  .b-mr60-sp {
    margin-right: 60px !important;
  }
  .b-mb60-sp {
    margin-bottom: 60px !important;
  }
  .b-ml60-sp {
    margin-left: 60px !important;
  }
  .b-p60-sp {
    padding: 60px !important;
  }
  .b-pt60-sp {
    padding-top: 60px !important;
  }
  .b-pr60-sp {
    padding-right: 60px !important;
  }
  .b-pb60-sp {
    padding-bottom: 60px !important;
  }
  .b-pl60-sp {
    padding-left: 60px !important;
  }
}

@media (min-width: 992px) {
  .b-m60-pc {
    margin: 60px !important;
  }
  .b-mt60-pc {
    margin-top: 60px !important;
  }
  .b-mr60-pc {
    margin-right: 60px !important;
  }
  .b-mb60-pc {
    margin-bottom: 60px !important;
  }
  .b-ml60-pc {
    margin-left: 60px !important;
  }
  .b-p60-pc {
    padding: 60px !important;
  }
  .b-pt60-pc {
    padding-top: 60px !important;
  }
  .b-pr60-pc {
    padding-right: 60px !important;
  }
  .b-pb60-pc {
    padding-bottom: 60px !important;
  }
  .b-pl60-pc {
    padding-left: 60px !important;
  }
}

.b-m70 {
  margin: 70px;
}

.b-mt70 {
  margin-top: 70px;
}

.b-mr70 {
  margin-right: 70px;
}

.b-mb70 {
  margin-bottom: 70px;
}

.b-ml70 {
  margin-left: 70px;
}

.b-p70 {
  padding: 70px;
}

.b-pt70 {
  padding-top: 70px;
}

.b-pr70 {
  padding-right: 70px;
}

.b-pb70 {
  padding-bottom: 70px;
}

.b-pl70 {
  padding-left: 70px;
}

@media (max-width: 991px) {
  .b-m70-sp {
    margin: 70px !important;
  }
  .b-mt70-sp {
    margin-top: 70px !important;
  }
  .b-mr70-sp {
    margin-right: 70px !important;
  }
  .b-mb70-sp {
    margin-bottom: 70px !important;
  }
  .b-ml70-sp {
    margin-left: 70px !important;
  }
  .b-p70-sp {
    padding: 70px !important;
  }
  .b-pt70-sp {
    padding-top: 70px !important;
  }
  .b-pr70-sp {
    padding-right: 70px !important;
  }
  .b-pb70-sp {
    padding-bottom: 70px !important;
  }
  .b-pl70-sp {
    padding-left: 70px !important;
  }
}

@media (min-width: 992px) {
  .b-m70-pc {
    margin: 70px !important;
  }
  .b-mt70-pc {
    margin-top: 70px !important;
  }
  .b-mr70-pc {
    margin-right: 70px !important;
  }
  .b-mb70-pc {
    margin-bottom: 70px !important;
  }
  .b-ml70-pc {
    margin-left: 70px !important;
  }
  .b-p70-pc {
    padding: 70px !important;
  }
  .b-pt70-pc {
    padding-top: 70px !important;
  }
  .b-pr70-pc {
    padding-right: 70px !important;
  }
  .b-pb70-pc {
    padding-bottom: 70px !important;
  }
  .b-pl70-pc {
    padding-left: 70px !important;
  }
}

.b-m80 {
  margin: 80px;
}

.b-mt80 {
  margin-top: 80px;
}

.b-mr80 {
  margin-right: 80px;
}

.b-mb80 {
  margin-bottom: 80px;
}

.b-ml80 {
  margin-left: 80px;
}

.b-p80 {
  padding: 80px;
}

.b-pt80 {
  padding-top: 80px;
}

.b-pr80 {
  padding-right: 80px;
}

.b-pb80 {
  padding-bottom: 80px;
}

.b-pl80 {
  padding-left: 80px;
}

@media (max-width: 991px) {
  .b-m80-sp {
    margin: 80px !important;
  }
  .b-mt80-sp {
    margin-top: 80px !important;
  }
  .b-mr80-sp {
    margin-right: 80px !important;
  }
  .b-mb80-sp {
    margin-bottom: 80px !important;
  }
  .b-ml80-sp {
    margin-left: 80px !important;
  }
  .b-p80-sp {
    padding: 80px !important;
  }
  .b-pt80-sp {
    padding-top: 80px !important;
  }
  .b-pr80-sp {
    padding-right: 80px !important;
  }
  .b-pb80-sp {
    padding-bottom: 80px !important;
  }
  .b-pl80-sp {
    padding-left: 80px !important;
  }
}

@media (min-width: 992px) {
  .b-m80-pc {
    margin: 80px !important;
  }
  .b-mt80-pc {
    margin-top: 80px !important;
  }
  .b-mr80-pc {
    margin-right: 80px !important;
  }
  .b-mb80-pc {
    margin-bottom: 80px !important;
  }
  .b-ml80-pc {
    margin-left: 80px !important;
  }
  .b-p80-pc {
    padding: 80px !important;
  }
  .b-pt80-pc {
    padding-top: 80px !important;
  }
  .b-pr80-pc {
    padding-right: 80px !important;
  }
  .b-pb80-pc {
    padding-bottom: 80px !important;
  }
  .b-pl80-pc {
    padding-left: 80px !important;
  }
}

.b-m90 {
  margin: 90px;
}

.b-mt90 {
  margin-top: 90px;
}

.b-mr90 {
  margin-right: 90px;
}

.b-mb90 {
  margin-bottom: 90px;
}

.b-ml90 {
  margin-left: 90px;
}

.b-p90 {
  padding: 90px;
}

.b-pt90 {
  padding-top: 90px;
}

.b-pr90 {
  padding-right: 90px;
}

.b-pb90 {
  padding-bottom: 90px;
}

.b-pl90 {
  padding-left: 90px;
}

@media (max-width: 991px) {
  .b-m90-sp {
    margin: 90px !important;
  }
  .b-mt90-sp {
    margin-top: 90px !important;
  }
  .b-mr90-sp {
    margin-right: 90px !important;
  }
  .b-mb90-sp {
    margin-bottom: 90px !important;
  }
  .b-ml90-sp {
    margin-left: 90px !important;
  }
  .b-p90-sp {
    padding: 90px !important;
  }
  .b-pt90-sp {
    padding-top: 90px !important;
  }
  .b-pr90-sp {
    padding-right: 90px !important;
  }
  .b-pb90-sp {
    padding-bottom: 90px !important;
  }
  .b-pl90-sp {
    padding-left: 90px !important;
  }
}

@media (min-width: 992px) {
  .b-m90-pc {
    margin: 90px !important;
  }
  .b-mt90-pc {
    margin-top: 90px !important;
  }
  .b-mr90-pc {
    margin-right: 90px !important;
  }
  .b-mb90-pc {
    margin-bottom: 90px !important;
  }
  .b-ml90-pc {
    margin-left: 90px !important;
  }
  .b-p90-pc {
    padding: 90px !important;
  }
  .b-pt90-pc {
    padding-top: 90px !important;
  }
  .b-pr90-pc {
    padding-right: 90px !important;
  }
  .b-pb90-pc {
    padding-bottom: 90px !important;
  }
  .b-pl90-pc {
    padding-left: 90px !important;
  }
}

.b-m100 {
  margin: 100px;
}

.b-mt100 {
  margin-top: 100px;
}

.b-mr100 {
  margin-right: 100px;
}

.b-mb100 {
  margin-bottom: 100px;
}

.b-ml100 {
  margin-left: 100px;
}

.b-p100 {
  padding: 100px;
}

.b-pt100 {
  padding-top: 100px;
}

.b-pr100 {
  padding-right: 100px;
}

.b-pb100 {
  padding-bottom: 100px;
}

.b-pl100 {
  padding-left: 100px;
}

@media (max-width: 991px) {
  .b-m100-sp {
    margin: 100px !important;
  }
  .b-mt100-sp {
    margin-top: 100px !important;
  }
  .b-mr100-sp {
    margin-right: 100px !important;
  }
  .b-mb100-sp {
    margin-bottom: 100px !important;
  }
  .b-ml100-sp {
    margin-left: 100px !important;
  }
  .b-p100-sp {
    padding: 100px !important;
  }
  .b-pt100-sp {
    padding-top: 100px !important;
  }
  .b-pr100-sp {
    padding-right: 100px !important;
  }
  .b-pb100-sp {
    padding-bottom: 100px !important;
  }
  .b-pl100-sp {
    padding-left: 100px !important;
  }
}

@media (min-width: 992px) {
  .b-m100-pc {
    margin: 100px !important;
  }
  .b-mt100-pc {
    margin-top: 100px !important;
  }
  .b-mr100-pc {
    margin-right: 100px !important;
  }
  .b-mb100-pc {
    margin-bottom: 100px !important;
  }
  .b-ml100-pc {
    margin-left: 100px !important;
  }
  .b-p100-pc {
    padding: 100px !important;
  }
  .b-pt100-pc {
    padding-top: 100px !important;
  }
  .b-pr100-pc {
    padding-right: 100px !important;
  }
  .b-pb100-pc {
    padding-bottom: 100px !important;
  }
  .b-pl100-pc {
    padding-left: 100px !important;
  }
}

.b-m110 {
  margin: 110px;
}

.b-mt110 {
  margin-top: 110px;
}

.b-mr110 {
  margin-right: 110px;
}

.b-mb110 {
  margin-bottom: 110px;
}

.b-ml110 {
  margin-left: 110px;
}

.b-p110 {
  padding: 110px;
}

.b-pt110 {
  padding-top: 110px;
}

.b-pr110 {
  padding-right: 110px;
}

.b-pb110 {
  padding-bottom: 110px;
}

.b-pl110 {
  padding-left: 110px;
}

@media (max-width: 991px) {
  .b-m110-sp {
    margin: 110px !important;
  }
  .b-mt110-sp {
    margin-top: 110px !important;
  }
  .b-mr110-sp {
    margin-right: 110px !important;
  }
  .b-mb110-sp {
    margin-bottom: 110px !important;
  }
  .b-ml110-sp {
    margin-left: 110px !important;
  }
  .b-p110-sp {
    padding: 110px !important;
  }
  .b-pt110-sp {
    padding-top: 110px !important;
  }
  .b-pr110-sp {
    padding-right: 110px !important;
  }
  .b-pb110-sp {
    padding-bottom: 110px !important;
  }
  .b-pl110-sp {
    padding-left: 110px !important;
  }
}

@media (min-width: 992px) {
  .b-m110-pc {
    margin: 110px !important;
  }
  .b-mt110-pc {
    margin-top: 110px !important;
  }
  .b-mr110-pc {
    margin-right: 110px !important;
  }
  .b-mb110-pc {
    margin-bottom: 110px !important;
  }
  .b-ml110-pc {
    margin-left: 110px !important;
  }
  .b-p110-pc {
    padding: 110px !important;
  }
  .b-pt110-pc {
    padding-top: 110px !important;
  }
  .b-pr110-pc {
    padding-right: 110px !important;
  }
  .b-pb110-pc {
    padding-bottom: 110px !important;
  }
  .b-pl110-pc {
    padding-left: 110px !important;
  }
}

.b-m120 {
  margin: 120px;
}

.b-mt120 {
  margin-top: 120px;
}

.b-mr120 {
  margin-right: 120px;
}

.b-mb120 {
  margin-bottom: 120px;
}

.b-ml120 {
  margin-left: 120px;
}

.b-p120 {
  padding: 120px;
}

.b-pt120 {
  padding-top: 120px;
}

.b-pr120 {
  padding-right: 120px;
}

.b-pb120 {
  padding-bottom: 120px;
}

.b-pl120 {
  padding-left: 120px;
}

@media (max-width: 991px) {
  .b-m120-sp {
    margin: 120px !important;
  }
  .b-mt120-sp {
    margin-top: 120px !important;
  }
  .b-mr120-sp {
    margin-right: 120px !important;
  }
  .b-mb120-sp {
    margin-bottom: 120px !important;
  }
  .b-ml120-sp {
    margin-left: 120px !important;
  }
  .b-p120-sp {
    padding: 120px !important;
  }
  .b-pt120-sp {
    padding-top: 120px !important;
  }
  .b-pr120-sp {
    padding-right: 120px !important;
  }
  .b-pb120-sp {
    padding-bottom: 120px !important;
  }
  .b-pl120-sp {
    padding-left: 120px !important;
  }
}

@media (min-width: 992px) {
  .b-m120-pc {
    margin: 120px !important;
  }
  .b-mt120-pc {
    margin-top: 120px !important;
  }
  .b-mr120-pc {
    margin-right: 120px !important;
  }
  .b-mb120-pc {
    margin-bottom: 120px !important;
  }
  .b-ml120-pc {
    margin-left: 120px !important;
  }
  .b-p120-pc {
    padding: 120px !important;
  }
  .b-pt120-pc {
    padding-top: 120px !important;
  }
  .b-pr120-pc {
    padding-right: 120px !important;
  }
  .b-pb120-pc {
    padding-bottom: 120px !important;
  }
  .b-pl120-pc {
    padding-left: 120px !important;
  }
}

.b-m130 {
  margin: 130px;
}

.b-mt130 {
  margin-top: 130px;
}

.b-mr130 {
  margin-right: 130px;
}

.b-mb130 {
  margin-bottom: 130px;
}

.b-ml130 {
  margin-left: 130px;
}

.b-p130 {
  padding: 130px;
}

.b-pt130 {
  padding-top: 130px;
}

.b-pr130 {
  padding-right: 130px;
}

.b-pb130 {
  padding-bottom: 130px;
}

.b-pl130 {
  padding-left: 130px;
}

@media (max-width: 991px) {
  .b-m130-sp {
    margin: 130px !important;
  }
  .b-mt130-sp {
    margin-top: 130px !important;
  }
  .b-mr130-sp {
    margin-right: 130px !important;
  }
  .b-mb130-sp {
    margin-bottom: 130px !important;
  }
  .b-ml130-sp {
    margin-left: 130px !important;
  }
  .b-p130-sp {
    padding: 130px !important;
  }
  .b-pt130-sp {
    padding-top: 130px !important;
  }
  .b-pr130-sp {
    padding-right: 130px !important;
  }
  .b-pb130-sp {
    padding-bottom: 130px !important;
  }
  .b-pl130-sp {
    padding-left: 130px !important;
  }
}

@media (min-width: 992px) {
  .b-m130-pc {
    margin: 130px !important;
  }
  .b-mt130-pc {
    margin-top: 130px !important;
  }
  .b-mr130-pc {
    margin-right: 130px !important;
  }
  .b-mb130-pc {
    margin-bottom: 130px !important;
  }
  .b-ml130-pc {
    margin-left: 130px !important;
  }
  .b-p130-pc {
    padding: 130px !important;
  }
  .b-pt130-pc {
    padding-top: 130px !important;
  }
  .b-pr130-pc {
    padding-right: 130px !important;
  }
  .b-pb130-pc {
    padding-bottom: 130px !important;
  }
  .b-pl130-pc {
    padding-left: 130px !important;
  }
}

/* ----------------------------------------------- */
/* Text Module
-------------------------------------------------- */
.b-c-primary {
  color: #9a0000 !important;
}

.b-c-secondary {
  color: #a4082e !important;
}

.b-c-tertiary {
  color: #eae5d7 !important;
}

.b-c-white {
  color: #ffffff !important;
}

.b-c-law {
  color: #f1391d !important;
}

.b-c-business {
  color: #fc6333 !important;
}

.b-c-economics {
  color: #ffbb00 !important;
}

.b-c-foreign {
  color: #f3d924 !important;
}

.b-c-human {
  color: #f16690 !important;
}

.b-c-urban {
  color: #40caca !important;
}

.b-c-sci_tech {
  color: #0f84e1 !important;
}

.b-c-agriculture {
  color: #05a176 !important;
}

.b-c-pharmacy {
  color: #8056ba !important;
}

.b-c-border2 {
  color: #7f7f7f !important;
}

.b-c-txt1 {
  color: #4219b7;
}

.b-c-txt2 {
  color: #19b720;
}

.b-c-txt4 {
  color: #155f9f !important;
}

.b-ff-jp-sansserif {
  font-family: Microsoft JhengHei , "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.b-ff-jp-sansserifold {
  font-family: Microsoft JhengHei , "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

.b-ff-jp-serif {
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
}

.b-ff-jp-serif .b-fw-medium{
  font-weight: 300!important;
}

.b-ff-en-sansserif {
  font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
}

.b-ff-en-serif {
  font-family: YakuHanMP, "Cinzel", serif;
}

.b-ff-en-title {
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
}

.b-ff-en-hci {
  font-family: "Montserrat", cursive;
}

.b-fs-10 {
  font-size: 1rem !important;
}

.b-fs-11 {
  font-size: 1.1rem !important;
}

.b-fs-12 {
  font-size: 1.2rem !important;
}

.b-fs-13 {
  font-size: 1.3rem !important;
}

.b-fs-14 {
  font-size: 1.4rem !important;
}

.b-fs-15 {
  font-size: 1.5rem !important;
}

.b-fs-16 {
  font-size: 1.6rem !important;
}

.b-fs-18 {
  font-size: 1.8rem !important;
}

.b-fs-20 {
  font-size: 2rem !important;
}

.b-fs-22 {
  font-size: 2.2rem !important;
}

.b-fs-24 {
  font-size: 2.4rem !important;
}

.b-fs-28 {
  font-size: 2.8rem !important;
}

.b-fs-30 {
  font-size: 3rem !important;
}

.b-fs-34 {
  font-size: 3.4rem !important;
}

.b-fs-38 {
  font-size: 3.8rem !important;
}

@media (max-width: 991px) {
  .b-fs-10-sp {
    font-size: 1rem !important;
  }
  .b-fs-11-sp {
    font-size: 1.1rem !important;
  }
  .b-fs-12-sp {
    font-size: 1.2rem !important;
  }
  .b-fs-13-sp {
    font-size: 1.3rem !important;
  }
  .b-fs-14-sp {
    font-size: 1.4rem !important;
  }
  .b-fs-15-sp {
    font-size: 1.5rem !important;
  }
  .b-fs-16-sp {
    font-size: 1.6rem !important;
  }
  .b-fs-18-sp {
    font-size: 1.8rem !important;
  }
  .b-fs-20-sp {
    font-size: 2rem !important;
  }
  .b-fs-22-sp {
    font-size: 2.2rem !important;
  }
  .b-fs-24-sp {
    font-size: 2.4rem !important;
  }
  .b-fs-28-sp {
    font-size: 2.8rem !important;
  }
  .b-fs-30-sp {
    font-size: 3rem !important;
  }
  .b-fs-34-sp {
    font-size: 3.4rem !important;
  }
  .b-fs-38-sp {
    font-size: 3.8rem !important;
  }
}

@media (min-width: 992px) {
  .b-fs-10-pc {
    font-size: 1rem !important;
  }
  .b-fs-11-pc {
    font-size: 1.1rem !important;
  }
  .b-fs-12-pc {
    font-size: 1.2rem !important;
  }
  .b-fs-13-pc {
    font-size: 1.3rem !important;
  }
  .b-fs-14-pc {
    font-size: 1.4rem !important;
  }
  .b-fs-15-pc {
    font-size: 1.5rem !important;
  }
  .b-fs-16-pc {
    font-size: 1.6rem !important;
  }
  .b-fs-18-pc {
    font-size: 1.8rem !important;
  }
  .b-fs-20-pc {
    font-size: 2rem !important;
  }
  .b-fs-22-pc {
    font-size: 2.2rem !important;
  }
  .b-fs-24-pc {
    font-size: 2.4rem !important;
  }
  .b-fs-28-pc {
    font-size: 2.8rem !important;
  }
  .b-fs-30-pc {
    font-size: 3rem !important;
  }
  .b-fs-34-pc {
    font-size: 3.4rem !important;
  }
  .b-fs-38-pc {
    font-size: 3.8rem !important;
  }
}

.b-fw-thin {
  font-weight: 100 !important;
}

.b-fw-normal {
  font-weight: 300 !important;
}

.b-fw-medium {
  font-weight: 500 !important;
}

.b-fw-bold {
  font-weight: bold !important;
}

.b-ti-1 {
  padding-left: 1em !important;
  text-indent: -1em !important;
}

.b-ti-2 {
  padding-left: 2em !important;
  text-indent: -2em !important;
}

.b-ti-3 {
  padding-left: 3em !important;
  text-indent: -3em !important;
}

.b-ti-4 {
  padding-left: 4em !important;
  text-indent: -4em !important;
}

.b-ti-5 {
  padding-left: 5em !important;
  text-indent: -5em !important;
}

.b-ti-6 {
  padding-left: 6em !important;
  text-indent: -6em !important;
}

.b-ti-7 {
  padding-left: 7em !important;
  text-indent: -7em !important;
}

.b-ws-normal {
  white-space: normal !important;
}

.b-ws-nowrap {
  white-space: nowrap !important;
}

.b-ls-0 {
  letter-spacing: 0em !important;
}

.b-ls-1 {
  letter-spacing: 0.1em !important;
}

.b-ls-2 {
  letter-spacing: 0.2em !important;
}

.b-ls-3 {
  letter-spacing: 0.3em !important;
}

.b-ls-4 {
  letter-spacing: 0.4em !important;
}

.b-ls-5 {
  letter-spacing: 0.5em !important;
}

.b-lh-1 {
  line-height: 1em !important;
}

.b-lh-2 {
  line-height: 2em !important;
}

.b-lh-2_5 {
  line-height: 2.5em !important;
}

.b-lh-3 {
  line-height: 3em !important;
}

.b-lh-3_5 {
  line-height: 3.5em !important;
}

.b-lh-4 {
  line-height: 4em !important;
}

.b-lh-4_5 {
  line-height: 4.5em !important;
}

.b-lh-5 {
  line-height: 5em !important;
}

/* ----------------------------------------------- */
/* Border Module
-------------------------------------------------- */
.b-border {
  border: 1px solid;
  border-color: #dedede;
}

.b-border-primary {
  border-color: #9a0000;
}

.b-border-none {
  border: none;
}

/* -----------------------------------------------
* heading Module
* 見出し用
-------------------------------------------------- */
/* -----------------------------------------------
* .m-hdg_lv1
* 
-------------------------------------------------- */
.m-hdg_lv1 {
  position: relative;
  height: 228px;
  text-align: center;
}

.m-hdg_lv1 > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #ffffff;
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 2rem;
  font-weight: 300;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.m-hdg_lv1 > span .b-fw-medium{
  font-weight: 300!important;
}

@media (min-width: 992px) {
  .m-hdg_lv1 {
    height: 456px;
  }
  .m-hdg_lv1 > span {
    font-size: 4rem;
  }
}

/* -----------------------------------------------
* .m-hdg_lv2
* 
-------------------------------------------------- */
.m-hdg_lv2 {
  position: relative;
  margin: 60px 0 30px;
  padding: 9px 15px 9px 22px;
  border-left: 3px solid #9a0000;
  color: #9a0000;
  font-size: 1.8rem;
  font-weight: 200;
}

.m-hdg_lv2:nth-of-type(1) {
  margin-top: 45px;
}

.m-hdg_lv2 > a {
  display: block;
  margin: -9px -15px -9px -25px;
  padding: 9px 0 9px 45px;
  color: #9a0000;
}

.m-hdg_lv2 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 9px;
  left: 20px;
  margin-top: .15em;
}

.m-hdg_lv2 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv2 > a[href$="pdf"], .m-hdg_lv2 > a[href$="xls"], .m-hdg_lv2 > a[href$="xlsx"], .m-hdg_lv2 > a[href$="xlsm"], .m-hdg_lv2 > a[href$="ppt"], .m-hdg_lv2 > a[href$="pptx"], .m-hdg_lv2 > a[href$="pptm"], .m-hdg_lv2 > a[href$="doc"], .m-hdg_lv2 > a[href$="docx"], .m-hdg_lv2 > a[href$="docm"] {
  padding-right: 1em;
}

.m-hdg_lv2 > a[href$="pdf"]:after, .m-hdg_lv2 > a[href$="xls"]:after, .m-hdg_lv2 > a[href$="xlsx"]:after, .m-hdg_lv2 > a[href$="xlsm"]:after, .m-hdg_lv2 > a[href$="ppt"]:after, .m-hdg_lv2 > a[href$="pptx"]:after, .m-hdg_lv2 > a[href$="pptm"]:after, .m-hdg_lv2 > a[href$="doc"]:after, .m-hdg_lv2 > a[href$="docx"]:after, .m-hdg_lv2 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.m-hdg_lv2 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv2 > a[href$="xls"]:after, .m-hdg_lv2 > a[href$="xlsx"]:after, .m-hdg_lv2 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.m-hdg_lv2 > a[href$="ppt"]:after, .m-hdg_lv2 > a[href$="pptx"]:after, .m-hdg_lv2 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.m-hdg_lv2 > a[href$="doc"]:after, .m-hdg_lv2 > a[href$="docx"]:after, .m-hdg_lv2 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

@media (min-width: 992px) {
  .m-hdg_lv2 {
    margin: 120px 0 60px;
    padding: 24px 20px 24px 44px;
    border-left-width: 6px;
    font-size: 2.4rem;
  }
  .m-hdg_lv2:nth-of-type(1) {
    margin-top: 90px;
  }
  .m-hdg_lv2 > a {
    margin: -24px -20px -24px -44px;
    padding: 24px 0 24px 70px;
  }
  .m-hdg_lv2 > a:before {
    top: 24px;
    left: 40px;
  }
}

/* -----------------------------------------------
* .m-hdg_lv2-headline
* 
-------------------------------------------------- */
.m-hdg_lv2-headline, .p-top_faculties_header > h2 {
  margin: 45px 0;
  color: #9a0000;
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
  font-size: 2rem;
  text-align: center;
  letter-spacing: .1em;
}

@media (min-width: 992px) {
  .m-hdg_lv2-headline, .p-top_faculties_header > h2 {
    margin: 90px 0;
    font-size: 3rem;
  }
}

/* -----------------------------------------------
 * .m-hdg_lv3
 * 
 -------------------------------------------------- */
.m-hdg_lv3 {
  position: relative;
  margin: 45px 0 25px;
  padding-bottom: 7px;
  border-bottom: 1px solid #222222;
  font-size: 1.5rem;
  font-weight: 300;
}

.m-hdg_lv2 + .m-hdg_lv3 {
  margin-top: 30px;
}

.m-hdg_lv3 > a {
  display: block;
  margin-bottom: -7px;
  padding-bottom: 7px;
  padding-left: 1.2em;
}

.m-hdg_lv3 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: -.2em;
  color: #9a0000;
  margin-top: .15em;
}

.m-hdg_lv3 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv3 > a[href$="pdf"], .m-hdg_lv3 > a[href$="xls"], .m-hdg_lv3 > a[href$="xlsx"], .m-hdg_lv3 > a[href$="xlsm"], .m-hdg_lv3 > a[href$="ppt"], .m-hdg_lv3 > a[href$="pptx"], .m-hdg_lv3 > a[href$="pptm"], .m-hdg_lv3 > a[href$="doc"], .m-hdg_lv3 > a[href$="docx"], .m-hdg_lv3 > a[href$="docm"] {
  padding-right: 1em;
}

.m-hdg_lv3 > a[href$="pdf"]:after, .m-hdg_lv3 > a[href$="xls"]:after, .m-hdg_lv3 > a[href$="xlsx"]:after, .m-hdg_lv3 > a[href$="xlsm"]:after, .m-hdg_lv3 > a[href$="ppt"]:after, .m-hdg_lv3 > a[href$="pptx"]:after, .m-hdg_lv3 > a[href$="pptm"]:after, .m-hdg_lv3 > a[href$="doc"]:after, .m-hdg_lv3 > a[href$="docx"]:after, .m-hdg_lv3 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.m-hdg_lv3 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv3 > a[href$="xls"]:after, .m-hdg_lv3 > a[href$="xlsx"]:after, .m-hdg_lv3 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.m-hdg_lv3 > a[href$="ppt"]:after, .m-hdg_lv3 > a[href$="pptx"]:after, .m-hdg_lv3 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.m-hdg_lv3 > a[href$="doc"]:after, .m-hdg_lv3 > a[href$="docx"]:after, .m-hdg_lv3 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

@media (min-width: 992px) {
  .m-hdg_lv3 {
    margin: 90px 0 30px;
    padding-bottom: 10px;
    border-bottom-width: 2px;
    font-size: 2rem;
  }
  .m-hdg_lv2 + .m-hdg_lv3 {
    margin-top: 60px;
  }
  .m-hdg_lv3 > a {
    margin-bottom: -10px;
    padding-bottom: 10px;
  }
}

/* -----------------------------------------------
* .m-hdg_lv4
* 
-------------------------------------------------- */
.m-hdg_lv4 {
  position: relative;
  margin: 30px 0 15px;
  padding-left: 9px;
  color: #9a0000;
  font-size: 1.4rem;
  font-weight: 400;
}

.m-hdg_lv4:before {
  content: '';
  position: absolute;
  top: .2em;
  left: 0;
  width: 2px;
  height: .95em;
  background: #9a0000;
}

.m-hdg_lv4 > a {
  display: block;
  margin-left: -9px;
  padding-left: 24px;
  padding-left: calc(1.2em + 7px);
  color: #9a0000;
}

.m-hdg_lv4 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 7px;
  left: calc(-.2em + 9px);
  color: #9a0000;
  margin-top: .15em;
}

.m-hdg_lv4 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv4 > a[href$="pdf"], .m-hdg_lv4 > a[href$="xls"], .m-hdg_lv4 > a[href$="xlsx"], .m-hdg_lv4 > a[href$="xlsm"], .m-hdg_lv4 > a[href$="ppt"], .m-hdg_lv4 > a[href$="pptx"], .m-hdg_lv4 > a[href$="pptm"], .m-hdg_lv4 > a[href$="doc"], .m-hdg_lv4 > a[href$="docx"], .m-hdg_lv4 > a[href$="docm"] {
  padding-right: 1em;
}

.m-hdg_lv4 > a[href$="pdf"]:after, .m-hdg_lv4 > a[href$="xls"]:after, .m-hdg_lv4 > a[href$="xlsx"]:after, .m-hdg_lv4 > a[href$="xlsm"]:after, .m-hdg_lv4 > a[href$="ppt"]:after, .m-hdg_lv4 > a[href$="pptx"]:after, .m-hdg_lv4 > a[href$="pptm"]:after, .m-hdg_lv4 > a[href$="doc"]:after, .m-hdg_lv4 > a[href$="docx"]:after, .m-hdg_lv4 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.m-hdg_lv4 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv4 > a[href$="xls"]:after, .m-hdg_lv4 > a[href$="xlsx"]:after, .m-hdg_lv4 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.m-hdg_lv4 > a[href$="ppt"]:after, .m-hdg_lv4 > a[href$="pptx"]:after, .m-hdg_lv4 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.m-hdg_lv4 > a[href$="doc"]:after, .m-hdg_lv4 > a[href$="docx"]:after, .m-hdg_lv4 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

@media (min-width: 992px) {
  .m-hdg_lv4 {
    margin: 60px 0 30px;
    padding-left: 18px;
    font-size: 1.6rem;
  }
  .m-hdg_lv4:before {
    top: .25em;
    width: 3px;
  }
  .m-hdg_lv4 > a {
    margin-left: -18px;
    padding-left: 24px;
    padding-left: calc(1.2em + 18px);
  }
  .m-hdg_lv4 > a:before {
    left: 7px;
    left: calc(-.2em + 20px);
  }
}

/* -----------------------------------------------
* .m-hdg_lv5
* 
-------------------------------------------------- */
.m-hdg_lv5 {
  position: relative;
  margin: 15px 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.m-hdg_lv5 > a {
  display: block;
  padding-left: 1.2em;
}

.m-hdg_lv5 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: -.2em;
  color: #9a0000;
  margin-top: .15em;
}

.m-hdg_lv5 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv5 > a[href$="pdf"], .m-hdg_lv5 > a[href$="xls"], .m-hdg_lv5 > a[href$="xlsx"], .m-hdg_lv5 > a[href$="xlsm"], .m-hdg_lv5 > a[href$="ppt"], .m-hdg_lv5 > a[href$="pptx"], .m-hdg_lv5 > a[href$="pptm"], .m-hdg_lv5 > a[href$="doc"], .m-hdg_lv5 > a[href$="docx"], .m-hdg_lv5 > a[href$="docm"] {
  padding-right: 1em;
}

.m-hdg_lv5 > a[href$="pdf"]:after, .m-hdg_lv5 > a[href$="xls"]:after, .m-hdg_lv5 > a[href$="xlsx"]:after, .m-hdg_lv5 > a[href$="xlsm"]:after, .m-hdg_lv5 > a[href$="ppt"]:after, .m-hdg_lv5 > a[href$="pptx"]:after, .m-hdg_lv5 > a[href$="pptm"]:after, .m-hdg_lv5 > a[href$="doc"]:after, .m-hdg_lv5 > a[href$="docx"]:after, .m-hdg_lv5 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.m-hdg_lv5 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-hdg_lv5 > a[href$="xls"]:after, .m-hdg_lv5 > a[href$="xlsx"]:after, .m-hdg_lv5 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.m-hdg_lv5 > a[href$="ppt"]:after, .m-hdg_lv5 > a[href$="pptx"]:after, .m-hdg_lv5 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.m-hdg_lv5 > a[href$="doc"]:after, .m-hdg_lv5 > a[href$="docx"]:after, .m-hdg_lv5 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

@media (min-width: 992px) {
  .m-hdg_lv5 {
    margin: 30px 0;
    font-size: 1.4rem;
  }
}

/* -----------------------------------------------
* btn Module
* ボタン用
-------------------------------------------------- */
/* -----------------------------------------------
* .m-btn
* 
-------------------------------------------------- */
.m-btn {
  display: inline-block;
  padding: 9px 25px;
  border: 1px solid #9a0000;
  border-radius: 18px;
  color: #9a0000;
  transition: all 0.3s;
  /* pc */
  /* ------------------------------------
  * .m-btn-bg
  --------------------------------------- */
  /* ------------------------------------
  * .m-btn-square
  --------------------------------------- */
}

.m-btn:hover {
  background: #9a0000;
  color: #ffffff !important;
  text-decoration: none !important;
}

.m-btn-red {
  border: 1px solid #ffffff;
  color: #ffffff;
  background: #9a0000;
}

.m-btn-red:hover {
  background: #ffffff;
  color: #9a0000 !important;
}

@media (min-width: 992px) {
  .m-btn {
    padding: 16px 50px;
    border-radius: 26px;
  }
  .m-btn-s {
    padding: 10px 30px;
  }
}

.m-btn-bg {
  display: inline-block;
  padding: 9px 25px;
  border: 1px solid #9a0000;
  border-radius: 18px;
  background: #ffffff;
  color: #9a0000;
  transition: all 0.3s;
  /* pc */
}

.m-btn-bg:hover {
  border-color: #ffffff;
  background: #9a0000;
  color: #ffffff !important;
  text-decoration: none !important;
}

@media (min-width: 992px) {
  .m-btn-bg {
    padding: 16px 50px;
    border-radius: 26px;
  }
  .m-btn-bg-s {
    padding: 10px 30px;
  }
}

.m-btn-square {
  display: inline-block;
  position: relative;
  padding: 5px 5px 4px;
  border-radius: 4px;
  background: #f6f5f2;
  color: #9a0000;
  /* sp */
  /* pc */
}

.m-btn-square i {
  font-size: 2.4rem;
}

.m-btn-square[target="_blank"]:before,
a[target="_blank"] .m-btn-square:before, .m-btn-square[href="javascript:void(0);"]:before,
a[href="javascript:void(0);"] .m-btn-square:before {
  position: absolute;
  top: 1px;
  right: 1px;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  font-size: 1rem;
}

@media (max-width: 991px) {
  .m-btn-square[target="_blank"]:before,
  a[target="_blank"] .m-btn-square:before, .m-btn-square[href="javascript:void(0);"]:before,
  a[href="javascript:void(0);"] .m-btn-square:before {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
  }
}

@media (min-width: 992px) {
  .m-btn-square {
    padding: 10px 10px 9px;
  }
  .m-btn-square i {
    font-size: 5rem;
  }
  .m-btn-square[target="_blank"]:before,
  a[target="_blank"] .m-btn-square:before, .m-btn-square[href="javascript:void(0);"]:before,
  a[href="javascript:void(0);"] .m-btn-square:before {
    top: 5px;
    right: 5px;
    font-size: 1.4rem;
  }
}

/* -----------------------------------------------
* label Module
* ラベル用
-------------------------------------------------- */
/* -----------------------------------------------
* .m-label
* 
-------------------------------------------------- */
.m-label {
  display: inline-block;
  margin: 0 2px;
  padding: 2px;
  border-radius: 2px;
  background: #404040;
  color: #ffffff;
  font-size: 1.2rem;
  line-height: 1;
}

@media (min-width: 992px) {
  .m-label {
    padding: 3px 4px 5px;
    border-radius: 4px;
    font-size: 1.4rem;
  }
}

/* -----------------------------------------------
* box Module
* ボックス用
-------------------------------------------------- */
/* -----------------------------------------------
* .m-box_pagenav
* ***
-------------------------------------------------- */
.m-box_pagenav {
  position: relative;
  /* sp */
  /* pc */
}

.m-box_pagenav .m-list_localnav {
  margin-top: 0;
  border-top: none;
}

.m-box_pagenav .m-list_localnav_inner {
  position: relative;
}

.m-box_pagenav .m-list_localnav_inner:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 50%;
  height: 1px;
  background: #9a0000;
}

.m-box_pagenav_inner {
  position: relative;
  z-index: 100;
}

.m-box_pagenav_toggle {
  display: none;
}

@media (max-width: 991px) {
  .m-box_pagenav {
    min-height: 40px;
    border-bottom: 1px solid #dedede;
    background: #f8f8f8;
  }
  .m-box_pagenav .m-list_localnav_back {
    margin: 0;
    border-bottom: none;
  }
  .m-box_pagenav .m-list_localnav_back > a {
    margin: 0;
    padding: 13px 0 13px 1.5em;
  }
  .m-box_pagenav .m-list_localnav_hdg, .m-box_pagenav .m-list_localnav_list {
    display: none !important;
  }
}

@media (min-width: 992px) {
  .m-box_pagenav {
    min-height: 88px;
  }
  .m-box_pagenav .m-list_localnav {
    background: none;
  }
  .m-box_pagenav .m-list_localnav_inner {
    padding: 0;
    transition: padding 0.5s;
  }
  .m-box_pagenav .m-list_localnav_inner:before {
    width: 150px;
    height: 2px;
  }
  .js-status-localnav .m-box_pagenav .m-list_localnav_inner {
    padding: 60px 0;
  }
  .m-box_pagenav .m-list_localnav_back {
    min-width: 150px;
  }
  .m-box_pagenav .m-list_localnav_hdg {
    opacity: 0;
    visibility: hidden;
    transition: opacity 0.5s, visibility 0.1s 0.5s;
  }
  .js-status-localnav .m-box_pagenav .m-list_localnav_hdg {
    opacity: 1;
    visibility: visible;
    transition: all 0.5s;
  }
  .m-box_pagenav .m-list_localnav_list {
    display: none;
  }
  .m-box_pagenav .m-list_localnav_list > div {
    opacity: 0;
    transition: opacity 0.5s;
  }
  .js-status-localnav .m-box_pagenav .m-list_localnav_list > div {
    opacity: 1;
  }
  .m-box_pagenav_inner {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    min-height: 88px;
    padding-bottom: 19px;
    background: #f6f5f2;
  }
  .m-box_pagenav_inner:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 19px;
    left: 0;
    right: 0;
    border-bottom: 1px solid #dedede;
    background: #f8f8f8;
  }
  .m-box_pagenav_toggle {
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    width: 100%;
    max-width: 973px;
    margin: 0 auto;
    z-index: 101;
  }
  .m-box_pagenav_toggle_btn {
    position: absolute;
    bottom: 6px;
    right: 0;
    width: 80px;
    height: 80px;
    border: none;
    background: #f8f8f8;
    cursor: pointer;
  }
  .m-box_pagenav_toggle_btn:before {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 12px;
    border: 1px solid #dedede;
    border-top: none;
  }
  .m-box_pagenav_toggle_btn:after {
    content: 'MENU';
    position: absolute;
    bottom: 8px;
    left: 0;
    width: 100%;
    color: #9a0000;
    font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
    font-size: 1.2rem;
    text-align: center;
  }
  .js-status-localnav .m-box_pagenav_toggle_btn:after {
    content: 'CLOSE';
  }
  .m-box_pagenav_toggle_btn > i:before, .m-box_pagenav_toggle_btn > i:after,
  .m-box_pagenav_toggle_btn > i > i:before {
    content: '';
    position: absolute;
    right: 27px;
    width: 28px;
    height: 1px;
    background: #9a0000;
    transition: all 0.3s;
  }
  .m-box_pagenav_toggle_btn > i:before {
    top: 24px;
  }
  .m-box_pagenav_toggle_btn > i:after {
    top: 36px;
  }
  .m-box_pagenav_toggle_btn > i > i:before {
    top: 30px;
  }
  .js-status-localnav .m-box_pagenav_toggle_btn > i:before {
    top: 28px;
    right: 24px;
    width: 18px;
    -webkit-transform: rotate(225deg);
        -ms-transform: rotate(225deg);
            transform: rotate(225deg);
  }
  .js-status-localnav .m-box_pagenav_toggle_btn > i:after {
    top: 28px;
    right: 36px;
    width: 18px;
    -webkit-transform: rotate(-225deg);
        -ms-transform: rotate(-225deg);
            transform: rotate(-225deg);
  }
  .js-status-localnav .m-box_pagenav_toggle_btn > i > i:before {
    right: 0px;
    opacity: 0;
    height: 0;
  }
}

/* -----------------------------------------------
* .m-box_related
* ***
-------------------------------------------------- */
.m-box_related {
  position: relative;
  padding-top: 56.92%;
}

.m-box_related:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f5f2 url(../images/bg-related.png) top center no-repeat;
  background-size: 100% auto;
}

.m-box_related .l-contents {
  margin-top: 0;
}

.m-box_related_inner {
  position: relative;
  padding-bottom: 50px;
}

.m-box_related_hdg {
  position: relative;
  margin-bottom: 30px;
  padding-top: 10px;
  padding-right: 1em;
  font-size: 1.8rem;
  font-weight: 300;
  text-align: center;
}

.m-box_related_hdg:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #9a0000;
}

.m-box_related_hdg > i {
  position: relative;
  top: .2em;
  margin-right: .1em;
  color: #9a0000;
  font-size: 4.4rem;
}

.m-box_related_list > ul > li {
  padding-bottom: 20px;
}

.m-box_related_list > ul > li > a {
  display: block;
}

.m-box_related_list > ul > li > a > figure {
  margin-bottom: 10px;
}

.m-box_related_list > ul > li > a > p {
  margin-bottom: 0;
  line-height: 1.4;
}

.m-box_related_list > ul > li > a > p:before {
  display: inline-block;
  position: relative;
  top: 0;
  left: -.2em;
  color: #9a0000;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.m-box_related_list > ul > li > a[target="_blank"] > p:after {
  display: inline-block;
  position: relative;
  top: 0;
  margin-left: .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-box_related_list-main + .m-box_related_list-sub {
  margin-top: 20px;
}

.m-box_related_list-sub > ul > li {
  padding-bottom: 15px;
}

.m-box_related_list-sub > ul > li > a {
  display: table;
}

.m-box_related_list-sub > ul > li > a > div,
.m-box_related_list-sub > ul > li > a > p {
  display: table-cell;
  vertical-align: middle;
}

.m-box_related_list-sub > ul > li > a > div {
  width: 71px;
  padding: 15px;
  background: #edebe6;
}

.m-box_related_list-sub > ul > li > a > div > i {
  color: #9a0000;
  font-size: 4rem;
}

.m-box_related_list-sub > ul > li > a > p {
  padding-left: 15px;
}

.m-box_related_list-sub > ul > li > a:hover {
  text-decoration: none;
}

.m-box_related_list-sub > ul > li > a:hover > p {
  text-decoration: underline;
}

@media (min-width: 992px) {
  .m-box_related {
    min-height: 680px;
    margin-bottom: 100px;
    padding-top: 160px;
  }
  .m-box_related:before {
    height: 520px;
    background-color: transparent;
    background-position: center;
    background-size: cover;
  }
  .m-box_related_inner {
    position: relative;
    background: #f6f5f2;
  }
  .m-box_related_inner:before {
    content: '';
    position: absolute;
    top: 100px;
    left: 0;
    width: 100%;
    height: 1px;
    background: #dedede;
  }
  .m-box_related_hdg {
    min-height: 101px;
    margin-bottom: 30px;
    padding-top: 19px;
    font-size: 2rem;
    text-align: left;
  }
  .m-box_related_hdg:before {
    width: 230px;
    height: 2px;
  }
  .m-box_related_hdg > i {
    font-size: 4.4rem;
  }
  .m-box_related_list > ul {
    margin: 0 -17px;
  }
  .flexbox .m-box_related_list > ul {
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-flow: row wrap;
        -ms-flex-flow: row wrap;
            flex-flow: row wrap;
  }
  .no-flexbox .m-box_related_list > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .m-box_related_list > ul > li {
    width: 25%;
    padding: 0 17px 30px;
    font-size: 1.4rem;
  }
  .no-flexbox .m-box_related_list > ul > li {
    float: left;
  }
  .m-box_related_list-main + .m-box_related_list-sub {
    margin-top: 0;
    padding-top: 35px;
    border-top: 1px solid #dedede;
  }
  .m-box_related_list-sub > ul > li {
    padding-bottom: 25px;
  }
}

/* -----------------------------------------------
* .m-box_feature
* ***
-------------------------------------------------- */
.m-box_feature {
  overflow: hidden;
}

@media (min-width: 992px) {
  .m-box_related + .m-box_feature > .m-hdg_lv2-headline, .m-box_related + .p-top_faculties_header.m-box_feature > h2 {
    margin-top: 20px;
  }
}

.m-box_feature_slider {
  position: relative;
  margin-top: 60px;
}

.m-box_feature_slider.js-status-alone {
  margin-top: -25px;
}

@media (min-width: 992px) {
  .m-box_feature_slider {
    margin-top: 115px;
  }
  .m-box_feature-mresearch .m-box_feature_slider {
    margin-bottom: 40px;
  }
}

.m-box_feature_slider_list {
  width: 1000%;
  background: #000000;
}

.m-box_feature-mresearch .m-box_feature_slider_list {
  background: #ffffff;
}

.m-box_feature_slider_list > li {
  position: relative;
  float: left;
}

.m-box_feature_slider_list > li > a {
  display: block;
  position: relative;
}

.m-box_feature_slider_list > li > a:hover {
  text-decoration: none;
  color: inherit;
}

.m-box_feature_slider_list > li > a:before {
  content: attr(data-index);
  position: absolute;
  right: 15px;
  bottom: 10px;
  padding-bottom: 8px;
  border-bottom: 2px solid #ffffff;
  color: #ffffff;
  font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
  font-size: 1.5rem;
  letter-spacing: .1em;
  z-index: 2;
  transition: all 0.6s 0.2s;
}

@media (min-width: 992px) {
  .m-box_feature_slider_list > li > a:before {
    right: 45px;
    bottom: 40px;
    padding-bottom: 13px;
    border-bottom-width: 3px;
    font-size: 1.8rem;
  }
}

.m-box_feature_slider_list > li > a:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 3px;
  background: #9a0000;
  z-index: 2;
}

@media (min-width: 992px) {
  .m-box_feature_slider_list > li > a:after {
    height: 6px;
  }
}

.m-box_feature-mresearch .m-box_feature_slider_list > li > a:after {
  display: none;
}

.m-box_feature_slider_list > li > a > img {
  position: relative;
  opacity: 0.5;
  z-index: 1;
  transition: opacity 0.6s 0.2s;
}

.m-box_feature-mresearch .m-box_feature_slider_list > li > a > img {
  opacity: 1;
}

.m-box_feature_slider_list > li.js-status-active > a:before {
  right: inherit;
  left: 15px;
  opacity: 0;
  transition: all 0.3s;
}

@media (min-width: 992px) {
  .m-box_feature_slider_list > li.js-status-active > a:before {
    left: 45px;
  }
}

.m-box_feature_slider_list > li.js-status-active > a:after {
  width: 100%;
  transition: width 4.9s linear;
}

.m-box_feature_slider_list > li.js-status-active > a > img {
  opacity: 1;
}

.m-box_feature_slider_list > li.js-status-active + li > a:before,
.m-box_feature_slider_list > li.js-status-active + li + li > a:before {
  right: inherit;
  left: 15px;
}

@media (min-width: 992px) {
  .m-box_feature_slider_list > li.js-status-active + li > a:before,
  .m-box_feature_slider_list > li.js-status-active + li + li > a:before {
    left: 45px;
  }
}

.m-box_feature_slider_list > li.js-status-active + li + li > a:before {
  opacity: 0;
}

.m-box_feature_slider_list > li.js-status-active .m-box_feature_slider_list_content {
  opacity: 1;
}

.m-box_feature_slider_list > li.js-status-active .m-box_feature_slider_list_content:after {
  width: 100%;
  transition: width 4.9s linear;
}

.js-status-alone .m-box_feature_slider_list {
  width: 100%;
  margin-top: 0;
}

.js-status-alone .m-box_feature_slider_list > li {
  float: none;
  width: 70%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .js-status-alone .m-box_feature_slider_list > li {
    width: 973px;
  }
}

.js-status-alone .m-box_feature_slider_list > li > a > img {
  opacity: 1;
}

.js-status-alone .m-box_feature_slider_list .m-box_feature_slider_list_content {
  opacity: 1;
}

.m-box_feature_slider_list_content {
  position: relative;
  opacity: 0;
}

.m-box_feature_slider_list_content:after {
  content: '';
  position: absolute;
  top: -3px;
  left: 0;
  width: 0;
  height: 3px;
  background: #9a0000;
  z-index: 2;
}

@media (min-width: 992px) {
  .m-box_feature_slider_list_content:after {
    top: -6px;
    height: 6px;
  }
}

.m-box_feature_slider_controll > a {
  display: block;
  position: absolute;
  top: 0px;
  bottom: 0;
  cursor: pointer;
}

.m-box_feature_slider_controll > a.prev {
  left: 0;
  right: 85%;
}

@media (min-width: 992px) {
  .m-box_feature_slider_controll > a.prev {
    right: 50%;
    margin-right: 486px;
  }
}

.m-box_feature_slider_controll > a.next {
  left: 85%;
  right: 0;
}

@media (min-width: 992px) {
  .m-box_feature_slider_controll > a.next {
    left: 50%;
    margin-left: 486px;
  }
}

.js-status-alone .m-box_feature_slider_controll {
  display: none;
}

.m-box_feature_slider .bx-wrapper {
  width: 70%;
  margin: 0 auto;
}

@media (min-width: 992px) {
  .m-box_feature_slider .bx-wrapper {
    width: 973px;
  }
}

.m-box_feature_slider .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction {
  position: absolute;
  top: -35px;
  right: 0;
  z-index: 2;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction > a {
  position: absolute;
  top: 0;
  display: block;
  width: 63px;
  height: 35px;
  padding-top: 11px;
  background: #9a0000;
  color: #ffffff;
  font-size: 1.3rem;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction > a:hover {
  text-decoration: none;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction .bx-prev {
  right: 65px;
  padding-left: 1em;
  text-align: left;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction .bx-prev:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction .bx-next {
  right: 1px;
  padding-right: 1em;
  text-align: right;
}

.m-box_feature_slider .bx-wrapper .bx-controls-direction .bx-next:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

@media (min-width: 992px) {
  .m-box_feature_slider .bx-wrapper .bx-controls-direction {
    top: -30px;
  }
  .m-box_feature_slider .bx-wrapper .bx-controls-direction > a {
    width: 126px;
    height: 60px;
    padding-top: 19px;
    font-size: 2rem;
  }
  .m-box_feature_slider .bx-wrapper .bx-controls-direction .bx-prev {
    right: 128px;
  }
}

.m-box_feature_slider .bx-wrapper .bx-pager {
  position: absolute;
}

.m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link {
  color: #9a0000;
  font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
  transition: all 0.3s;
}

.m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link:before {
  content: '0';
}

.m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link:after {
  content: '.';
}

.m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link:hover {
  text-decoration: none;
}

.m-box_feature-mresearch .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link {
  color: transparent;
  display: block;
  padding: 0;
  width: 22px;
  height: 3px;
  font-size: 1.4rem;
  border-bottom: 1px solid #9a0000;
}

.m-box_feature-mresearch .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link.active {
  left: 0;
  border-bottom: 3px solid #9a0000;
}

@media (max-width: 992px) {
  .m-box_feature_slider .bx-wrapper .bx-pager {
    display: inline-table;
    top: -35px;
    left: 6px;
    width: 180px;
  }
  .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item {
    display: table-cell;
    vertical-align: top;
  }
  .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link {
    display: block;
    position: relative;
    left: 0;
    width: 30px;
    height: 35px;
    padding: 5px 3px 0;
    font-size: 1rem;
  }
  .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link.active {
    left: -5px;
    font-size: 2rem;
  }
  .m-box_feature-mresearch .m-box_feature_slider .bx-wrapper .bx-pager {
    top: -25px;
  }
}

@media (min-width: 992px) {
  .m-box_feature_slider .bx-wrapper .bx-pager {
    top: -70px;
    left: 0;
    width: 100%;
    text-align: center;
  }
  .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item {
    display: inline-block;
  }
  .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link {
    display: block;
    width: 94px;
    padding-bottom: 13px;
    font-size: 1.4rem;
    font-weight: bold;
    text-align: left;
    letter-spacing: .1em;
    border-bottom: 3px solid #f6f5f2;
  }
  .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link.active {
    border-bottom-color: #9a0000;
  }
  .m-box_feature-mresearch .m-box_feature_slider .bx-wrapper .bx-pager > .bx-pager-item > .bx-pager-link {
    color: transparent;
    padding-bottom: 13px;
    width: 94px;
    height: auto;
    border-bottom: 3px solid #f6f5f2;
  }
}

/* -----------------------------------------------
* .m-box_title
* ***
-------------------------------------------------- */
.m-box_title {
  position: relative;
  height: 113px;
  background: #f6f5f2;
  /* sp */
}

.m-box_title_inner {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  color: #ffffff;
  text-align: center;
  z-index: 2;
}

.m-box_title_hdg {
  position: relative;
  margin-bottom: .5em;
  padding: 0 1em .5em;
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 2rem;
  font-weight: 300;
  transition: all 0.2s;
}

.m-box_title_hdg.js-status-fs-s {
  font-size: 1.6rem;
}

.m-box_title_hdg.js-status-fs-xs {
  font-size: 1.3rem;
}

.m-box_title_hdg.js-status-fs-xxs {
  font-size: 1rem;
}

#mresearch .m-box_title_hdg {
  font-family: YakuHanMP, "Cinzel", serif;
}

.m-box_title_hdg:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 8px;
  height: 1px;
  margin-left: -4px;
  background: #ffffff;
}

.m-box_title_hdg > span:not(.b-ff-jp-sansserifold) {
  display: block;
  margin-bottom: .8em;
  font-family: Microsoft JhengHei , "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.2rem;
}

.m-box_title_hdg > span.b-ff-jp-sansserifold {
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
}

.m-box_title_hdg > span.b-fw-medium{
  font-weight: 300!important;
  display: inline;
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 1.3rem;
}

.m-box_title_hdg > span.b-ff-jp-sansserifold .b-fw-medium{
  font-weight: 300!important;
}

.m-box_title_lead {
  margin: 0 20px;
  margin-bottom: 0 !important;
  font-size: 1.2rem;
}

.m-box_title_logo {
  margin-bottom: 0 !important;
  color: #989898;
}

.m-box_title_bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1;
}

@media (max-width: 991px) {
  .m-box_title_logo {
    display: none;
  }
}

@media (min-width: 992px) {
  .m-box_title {
    height: 226px;
  }
  .m-box_title_hdg {
    padding-right: 250px;
    padding-left: 250px;
    font-size: 4rem;
  }
  .m-box_title_hdg.js-status-fs-s {
    font-size: 3.4rem;
  }
  .m-box_title_hdg.js-status-fs-xs {
    font-size: 2.8rem;
  }
  .m-box_title_hdg.js-status-fs-xxs {
    font-size: 2.2rem;
  }
  .m-box_title_hdg > span:not(.b-ff-jp-sansserifold) {
    font-size: 1.5rem;
  }
  .m-box_title_hdg > span.b-fw-medium{
    font-size: 2.8rem;
  }
  .m-box_title_lead {
    margin: 0 280px;
    font-size: 1.6rem;
  }
  .m-box_title_logo {
    position: absolute;
    top: 50%;
    right: 6px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .m-box_title_logo_text {
    position: absolute;
    top: 24px;
    right: 115px;
    width: 78px;
  }
  .m-box_title_logo_logo {
    width: 124px;
  }
}

@media (min-width: 992px) {
  .m-box_title-academy:before, .m-box_title-academy:after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    height: 100%;
    z-index: 1;
  }
  .m-box_title-academy:before {
    width: 242px;
    background: #2e2e2e;
  }
  .m-box_title-academy:after {
    width: 67px;
    background: #292929;
  }
  .m-box_title-academy .m-box_title_bg {
    right: 242px;
  }
}

.m-box_title-nobg .m-box_title_inner {
  color: #222222;
}

.m-box_title-nobg .m-box_title_hdg:before {
  background: #222222;
}

.m-box_title-nobg .m-box_title_bg {
  background: none !important;
}

.m-box_title-big {
  height: 228px;
}

@media (min-width: 992px) {
  .m-box_title-big {
    height: 456px;
  }
}

.m-box_title-library {
  height: 450px;
}

.m-box_title-library_schedule {
  position: absolute;
  display: block;
  padding: 10px 0 14px;
  top: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 2;
  color: #ffffff;
}

.m-box_title-library_schedule .l-contents {
  margin-top: 0;
}

.m-box_title-library_schedule_head {
  text-align: center;
  margin-bottom: 10px;
}

.m-box_title-library_schedule_head h1 {
  display: inline-block;
  font-weight: normal;
  font-size: 1.4rem;
}

.m-box_title-library_schedule_head p {
  display: inline-block;
  margin-bottom: 0;
  font-size: 1.4rem;
}

.m-box_title-library_schedule_list {
  display: table;
  width: 100%;
}

.m-box_title-library_schedule_item {
  display: table-cell;
  width: 33.3%;
  font-size: 1rem;
  text-align: center;
  border-left: 1px solid #7f7f7f;
}

.m-box_title-library_schedule_item:first-child {
  border-left: none;
}

.m-box_title-library_schedule_item p {
  line-height: 1.4;
  margin-bottom: 0;
}

.m-box_title-library_schedule_item span {
  display: block;
  font-size: 1.5rem;
}

.m-box_title-library_search {
  position: absolute;
  display: block;
  top: 110px;
  width: 100%;
  z-index: 2;
}

.m-box_title-library_search .l-contents {
  margin-top: 0;
}

.m-box_title-library_search_inner {
  background: #f6f5f2;
}

.m-box_title-library_search_inner .m-box_tab {
  margin: 0;
}

.m-box_title-library_search_inner .m-box_tab a {
  padding: 9px;
}

.m-box_title-library_search_inner_item {
  padding: 15px 10px 10px;
}

.m-box_title-library_search_inner_item p {
  margin-bottom: 0;
  font-size: 1.2rem;
  line-height: 1.25;
}

.m-box_title-library_search_inner_item .m-list_common {
  margin: 5px 0;
}

.m-box_title-library_search_inner_item .m-list_common:after {
  content: " ";
  display: block;
  clear: both;
}

.m-box_title-library_search_inner_item .m-list_common li {
  display: block;
  width: 50%;
  float: left;
}

.m-box_title-library_search_inner_item .m-list_common li a {
  font-size: 1.2rem;
}

.m-box_title-library_search_inner_item .m-list_common li a[target="_blank"]:after {
  margin-right: 0;
}

.m-box_title-library_search_inner form {
  margin-bottom: 5px;
}

.m-box_title-library_search_inner_link {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.m-box_title-library_search_inner_link ul {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}

.m-box_title-library_search_inner_link li {
  width: 33.3%;
  border-top: 1px solid #dedede;
  border-right: 1px solid #dedede;
}

.m-box_title-library_search_inner_link li:last-child {
  border-right: none;
}

.m-box_title-library_search_inner_link a {
  display: block;
  padding: 5px 0;
  text-align: center;
  font-size: 1rem;
}

.m-box_title-library_search_inner_link a:hover {
  text-decoration: none;
}

.m-box_title-library_search_inner_link a i {
  display: block;
  color: #9a0000;
  font-size: 3.2rem;
}

ul .m-box_title-library_search_inner_link-big {
  width: 50%;
}

.m-box_title-library_search_inner_link-big:last-child {
  border-right: none;
}

.m-box_title-library_search_inner_link-big a i {
  font-size: 5rem;
}

@media (min-width: 992px) {
  .m-box_title-library {
    height: 690px;
  }
  .m-box_title-library_schedule {
    padding: 24px 0;
  }
  .m-box_title-library_schedule_head {
    display: block;
    float: left;
    margin-bottom: 0;
    width: 25%;
    text-align: left;
  }
  .m-box_title-library_schedule_head h1 {
    display: block;
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .m-box_title-library_schedule_head p {
    font-size: 1.8rem;
    line-height: 1.3;
  }
  .m-box_title-library_schedule_head p span > span {
    font-size: 1.3rem;
  }
  .m-box_title-library_schedule_list {
    display: block;
    float: left;
    width: 75%;
  }
  .m-box_title-library_schedule_list:after {
    content: " ";
    display: block;
    clear: both;
  }
  .m-box_title-library_schedule_item {
    display: block;
    float: left;
  }
  .m-box_title-library_schedule_item:first-child {
    border-left: 1px solid #7f7f7f;
  }
  .m-box_title-library_schedule_item p {
    line-height: 1.6;
    font-size: 1.2rem;
  }
  .m-box_title-library_schedule_item span {
    font-size: 2rem;
  }
  .m-box_title-library_search {
    top: 200px;
  }
  .m-box_title-library_search_inner .m-box_tab a {
    padding: 14px;
  }
  .m-box_title-library_search_inner_item {
    padding: 40px 100px 20px;
  }
  .m-box_title-library_search_inner_item p {
    font-size: 1.4rem;
  }
  .m-box_title-library_search_inner_item .m-list_common {
    margin: 10px 0;
  }
  .m-box_title-library_search_inner_item .m-list_common li {
    display: block;
    width: 25%;
  }
  .m-box_title-library_search_inner_item .m-list_common li a {
    font-size: 1.4rem;
  }
  .m-box_title-library_search_inner form {
    margin-bottom: 20px;
  }
  .m-box_title-library_search_inner_link li {
    width: 20%;
  }
  .m-box_title-library_search_inner_link a {
    padding: 10px 0 20px;
    font-size: 1.4rem;
  }
  .m-box_title-library_search_inner_link a i {
    font-size: 7rem;
  }
  ul .m-box_title-library_search_inner_link-big {
    width: 20%;
  }
}

/* -----------------------------------------------
* .m-box_tab
* ***
-------------------------------------------------- */
.easyTabs > div[id] {
  opacity: 0;
}

.easyTabs > div.js-status-active {
  opacity: 1;
  transition: 0.8s 0.1s;
}

.m-box_tab {
  margin: 50px 0;
  overflow-y: hidden;
  overflow-x: auto;
  /* sp */
}

.m-box_tab > ul {
  display: inline-table;
  min-width: 100%;
  border-bottom: 1px solid #db8c9f;
}

.m-box_tab > ul > li {
  display: table-cell;
}

.m-box_tab > ul > li > a {
  display: block;
  position: relative;
  padding: 9px 15px;
  font-size: 1.2rem;
  text-align: center;
  cursor: pointer;
  transition: all 0.3s;
}

.m-box_tab > ul > li > a:before {
  content: '';
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2px;
  background: #9a0000;
  -webkit-transform: scaleX(0);
      -ms-transform: scaleX(0);
          transform: scaleX(0);
  transition: all 0.5s;
}

.m-box_tab > ul > li > a:hover {
  text-decoration: none;
}

.m-box_tab > ul > li > a:hover:before {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.m-box_tab > ul > li.active > a {
  border-bottom-color: #9a0000;
  background: #f6f5f2;
}

.m-box_tab > ul > li.active > a:before {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.m-box_tab[data-cols="2"] > ul > li {
  width: 50%;
}

.m-box_tab[data-cols="3"] > ul > li {
  width: 33.33%;
}

.m-box_tab[data-cols="4"] > ul > li {
  width: 25%;
}

.m-box_tab[data-cols="5"] > ul > li {
  width: 20%;
}

@media (max-width: 991px) {
  .m-box_tab {
    margin-left: -7.145%;
    margin-right: -7.145%;
  }
  .m-box_tab > ul > li > a {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  .m-box_tab {
    margin: 100px 0;
  }
  .m-box_tab > ul > li > a {
    padding: 14px 10px;
    font-size: 1.5rem;
  }
}

/* -----------------------------------------------
* .m-box_link
* ***
-------------------------------------------------- */
.m-box_link {
  overflow-y: hidden;
  overflow-x: auto;
  margin: 40px -7.145%;
  border-top: 2px solid #9a0000;
  background: #f6f5f2;
}

.m-box_link ul {
  display: inline-table;
  min-width: 100%;
}

.m-box_link ul li {
  display: table-cell;
  vertical-align: top;
  padding: 10px 12px;
  font-size: 1.2rem;
  white-space: nowrap;
}

.m-box_link ul li:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  margin-right: 3px;
  color: #9a0000;
}

@media (min-width: 992px) {
  .m-box_link {
    margin: 100px auto;
  }
  .m-box_link ul {
    display: block;
    padding-top: 25px;
    text-align: left;
  }
  .m-box_link ul li {
    display: inline-block;
    font-size: 1.5rem;
    margin-bottom: 25px;
    padding: 0 30px;
    border-right: 1px solid #ccc;
    white-space: normal;
  }
}

/* -----------------------------------------------
* .m-box_lead
* ***
-------------------------------------------------- */
.m-box_lead {
  margin: 40px 0 20px;
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 2rem;
  line-height: 1.5em;
}

.m-box_lead .b-fw-medium{
  font-weight: 300!important;
}

@media (min-width: 992px) {
  .m-box_lead {
    margin: 80px 0 60px;
    font-size: 3rem;
  }
}

/* -----------------------------------------------
* .m-box_table
* ***
-------------------------------------------------- */
.m-box_table {
  margin: 30px 0;
  /* sp */
}

.m-box_table_item > img {
  width: 100%;
  margin-bottom: .5em;
}

.m-box_table_item > img + p {
  margin-bottom: 1em;
  font-size: 1.2rem;
  line-height: 1.4;
}

@media (max-width: 991px) {
  .m-box_table_item {
    margin-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .m-box_table {
    margin: 60px -25px;
  }
  .m-box_table_inner {
    display: table;
    width: 100%;
  }
  .m-box_table_item {
    display: table-cell;
    width: 50%;
    padding: 0 25px;
    vertical-align: top;
  }
  .m-box_table_item > *:first-child {
    margin-top: 0 !important;
  }
  .m-box_table_item > img + p {
    font-size: 1.4rem;
  }
  .m-box_table-col1 .m-box_table_inner {
    width: 50%;
  }
  .m-box_table-col3 {
    margin-left: -15px;
    margin-right: -15px;
  }
  .m-box_table-col3 .m-box_table_item {
    width: 33.333%;
    padding: 0 15px;
  }
  .m-box_table-col4 {
    margin-left: -10px;
    margin-right: -10px;
  }
  .m-box_table-col4 .m-box_table_item {
    width: 25%;
    padding: 0 10px;
  }
  .m-box_table-col5 {
    margin-left: -5px;
    margin-right: -5px;
  }
  .m-box_table-col5 .m-box_table_item {
    width: 20%;
    padding: 0 5px;
  }
}

/* -----------------------------------------------
* .m-box_select
* ***
-------------------------------------------------- */
.m-box_select {
  display: block;
  position: relative;
  cursor: pointer;
  max-width: 155px;
}

.m-box_select > p {
  min-height: 36px;
  padding: 8px 15px;
  font-size: 1.2rem;
  cursor: pointer;
  border: solid 1px #000;
}

.m-box_select > p:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 50%;
  right: 0;
  width: 30px;
  color: #9a0000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.m-box_select > select {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  opacity: 0;
  cursor: pointer;
}

.m-box_select_after {
  display: inline-block;
  margin-left: .5em;
}

@media (min-width: 768px) {
  .m-box_select {
    max-width: 230px;
  }
  .m-box_select > p {
    min-height: 51px;
    padding: 11px 25px;
    font-size: 1.5rem;
  }
  .m-box_select > p:before {
    right: 15px;
    font-size: 1.8rem;
  }
}

/* -----------------------------------------------
* .m-box_note
* ***
-------------------------------------------------- */
.m-box_note {
  margin: 30px 0;
  padding: 20px;
  background: #f6f5f2;
}

.m-box_note > *:first-child {
  margin-top: 0 !important;
}

.m-box_note p {
  margin-bottom: 0;
}

.m-box_note-line {
  border-top: 1px solid #9a0000;
}

@media (min-width: 992px) {
  .m-box_note {
    margin: 50px 0;
    padding: 40px 50px;
  }
  .m-box_note-line {
    border-top: 2px solid #9a0000;
  }
}

/* -----------------------------------------------
* .m-box_left
* ***
-------------------------------------------------- */
.m-box_left {
  padding-bottom: 15px;
}

@media (min-width: 992px) {
  .m-box_left {
    float: left;
    max-width: 65%;
    padding-bottom: 20px;
  }
}

/* -----------------------------------------------
* .m-box_right
* ***
-------------------------------------------------- */
.m-box_right {
  padding-bottom: 15px;
}

@media (min-width: 992px) {
  .m-box_right {
    float: right;
    max-width: 33%;
    padding: 0 0 20px 20px;
  }
  .m-box_right-message {
    width: 40%;
    padding: 0 0 50px 50px;
    max-width: unset;
  }
  .m-box_right-message img {
    width: 100%;
  }
}

/* -----------------------------------------------
* .m-box_right
* ***
-------------------------------------------------- */
@media (min-width: 992px) {
  .m-box_side {
    overflow: hidden;
  }
  .m-box_side-left {
    padding-right: 40px;
  }
  .m-box_side-right {
    padding-left: 40px;
  }
}

/* -----------------------------------------------
* .m-box_img
* ***
-------------------------------------------------- */
.m-box_img {
  max-width: 660px;
  margin: 0 auto;
}

.m-box_img > img {
  margin-bottom: .5em;
}

.m-box_img > img + p {
  margin-bottom: 1em;
  font-size: 1.2rem;
  line-height: 1.4;
}

@media (min-width: 992px) {
  .m-box_img > img + p {
    font-size: 1.4rem;
  }
}

/* -----------------------------------------------
* .m-box_movie
* ***
-------------------------------------------------- */
.m-box_movie {
  position: relative;
  width: 100%;
  margin: 0 auto;
  padding-top: 56.25%;
}

.m-box_movie iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
  border: none;
  outline: none;
}

/* -----------------------------------------------
* .m-box_flow
* ***
-------------------------------------------------- */
.m-box_flow {
  margin-bottom: 20px;
}

.m-box_flow li {
  position: relative;
  background: #f6f5f2;
  padding: 15px 20px;
  margin-bottom: 10px;
  text-align: center;
  width: 100%;
  display: block;
}

.m-box_flow li:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
  position: absolute;
  top: -20px;
  left: 50%;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  font-size: 30px;
}

.m-box_flow li:first-child:before {
  content: none;
}

@media (min-width: 992px) {
  .m-box_flow li {
    padding: 20px 30px;
  }
  .m-box_flow li:before {
    top: -25px;
    font-size: 40px;
  }
}

/* -----------------------------------------------
* list Module
* リスト用
-------------------------------------------------- */
/* -----------------------------------------------
* .m-list_common
* ***
-------------------------------------------------- */
.m-list_common {
  margin: 15px 0;
  /* pc */
}

.m-list_common a {
  position: relative;
}

.m-list_common li {
  padding: 5px 0 5px 1.2em;
}

.m-list_common li a {
  margin: -5px 0 -5px -1.2em;
  padding: 5px 0 5px 1.2em;
}

.m-list_common li a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: -.2em;
  color: #9a0000;
  margin-top: .15em;
}

.m-list_common li a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-list_common li a[href$="pdf"], .m-list_common li a[href$="xls"], .m-list_common li a[href$="xlsx"], .m-list_common li a[href$="xlsm"], .m-list_common li a[href$="ppt"], .m-list_common li a[href$="pptx"], .m-list_common li a[href$="pptm"], .m-list_common li a[href$="doc"], .m-list_common li a[href$="docx"], .m-list_common li a[href$="docm"] {
  padding-right: 1em;
}

.m-list_common li a[href$="pdf"]:after, .m-list_common li a[href$="xls"]:after, .m-list_common li a[href$="xlsx"]:after, .m-list_common li a[href$="xlsm"]:after, .m-list_common li a[href$="ppt"]:after, .m-list_common li a[href$="pptx"]:after, .m-list_common li a[href$="pptm"]:after, .m-list_common li a[href$="doc"]:after, .m-list_common li a[href$="docx"]:after, .m-list_common li a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.m-list_common li a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-list_common li a[href$="xls"]:after, .m-list_common li a[href$="xlsx"]:after, .m-list_common li a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.m-list_common li a[href$="ppt"]:after, .m-list_common li a[href$="pptx"]:after, .m-list_common li a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.m-list_common li a[href$="doc"]:after, .m-list_common li a[href$="docx"]:after, .m-list_common li a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.m-list_common li ul {
  margin-top: 10px;
}

.m-list_common-link {
  margin: 35px 0;
  border-top: 2px solid #9a0000;
}

.m-list_common-link > ul > li > a {
  display: block;
  min-height: 100%;
  padding: 15px 0 15px 1.5em;
  border-bottom: 1px solid #dedede;
}

.m-list_common-link > ul > li > a:before {
  top: 15px;
}

@media (min-width: 992px) {
  .m-list_common-link > ul {
    padding-top: 10px;
  }
  .m-list_common-link > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .m-list_common-link > ul > li {
    float: left;
    width: 50%;
  }
  .m-list_common-link > ul > li:nth-of-type(odd) {
    padding-right: 20px;
  }
  .m-list_common-link > ul > li:nth-of-type(even) {
    padding-left: 20px;
  }
}

.m-hdg_lv3 + .m-list_common-link {
  margin-top: -30px;
  border-top: none;
}

/* -----------------------------------------------
* .m-list_localnav
* ***
-------------------------------------------------- */
.m-list_localnav {
  position: relative;
  margin-top: 45px;
  border-top: 1px solid #dedede;
  background: #f8f8f8;
  /* SP */
  /* pc */
}

.m-list_localnav a {
  display: block;
  position: relative;
}

.m-list_localnav a:hover {
  color: #9a0000;
  text-decoration: underline;
}

.m-list_localnav i {
  color: #9a0000;
}

.m-list_localnav .l-contents {
  margin-top: 0 !important;
}

.m-list_localnav_back > a {
  position: relative;
}

.m-list_localnav_back > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 50%;
  left: 0;
  margin-top: -0.5em;
  line-height: 1;
  color: #9a0000;
  font-size: 1.3rem;
}

.m-list_localnav_hdg {
  margin: 25px 0 16px;
  font-size: 2rem;
  font-weight: 300;
}

.m-list_localnav_list {
  font-size: 1.5rem;
}

.m-list_localnav_list li {
  padding-left: 1.5em;
}

.m-list_localnav_list a {
  margin-left: -1.5em;
  padding: 6px 0 6px 1.5em;
}

.m-list_localnav_list a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 6px;
  left: 0;
  color: #9a0000;
  margin-top: .15em;
}

.m-list_localnav_list h3 {
  margin: 0.5em 0;
}

.m-list_localnav_list .js-action-accordion-title:before {
  content: '\e91c';
  transition: all 0.3s;
}

.m-list_localnav_list .js-action-accordion-title.js-status-active:before {
  content: '\e91b';
  -webkit-transform: rotate(180deg);
      -ms-transform: rotate(180deg);
          transform: rotate(180deg);
}

.m-list_localnav_list .js-action-accordion-body {
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  overflow: hidden;
  transition: all 0.5s;
}

.m-list_localnav_list .js-action-accordion-body.js-status-active {
  max-height: 1000px;
  visibility: visible;
  opacity: 1;
}

@media (max-width: 991px) {
  .m-list_localnav_back {
    margin: 0 -7.145%;
    border-bottom: 1px solid #dedede;
  }
  .m-list_localnav_back > a {
    margin: 0 6.25%;
    padding: 18px 0 18px 1.5em;
  }
  .m-list_localnav_list {
    padding-bottom: 30px;
  }
}

@media (min-width: 992px) {
  .m-list_localnav {
    margin-top: 120px;
  }
  .m-list_localnav_inner {
    display: table;
    width: 100%;
    padding: 60px 0;
  }
  .m-list_localnav_back, .m-list_localnav_hdg, .m-list_localnav_list {
    display: table-cell;
    vertical-align: middle;
  }
  .m-list_localnav_back {
    min-width: 160px;
    padding-right: 30px;
  }
  .m-list_localnav_back > a {
    padding: 25px 0 25px 1.7em;
    line-height: 1.5;
  }
  .m-list_localnav_back > a:before {
    font-size: 2rem;
  }
  .m-list_localnav_hdg {
    width: 280px;
    padding-left: 30px;
    padding-right: 30px;
    border-left: 1px solid #dedede;
  }
  .m-list_localnav_list {
    border-right: 1px solid #dedede;
  }
  .m-list_localnav_list > div {
    display: table;
    width: 100%;
  }
  .m-list_localnav_list > div > ul {
    display: table-cell;
    width: 50%;
    padding-right: 20px;
  }
}

/* -----------------------------------------------
* .m-list_seelist
* ***
-------------------------------------------------- */
.m-list_seelist {
  /* SP */
  /* pc */
}

.m-list_seelist > ul > li {
  padding: 0 4px 5px;
}

.m-list_seelist > ul > li > a {
  display: inline-block;
  padding: 5px 15px;
  border-radius: 13px;
  background: #f6f5f2;
  font-size: 1.2rem;
  transition: all 0.3s;
}

.m-list_seelist > ul > li > a > i {
  margin-right: .5em;
  color: #9a0000;
  transition: all 0.3s;
}

.m-list_seelist > ul > li > a:hover {
  background: #9a0000;
  color: #ffffff;
  text-decoration: none !important;
}

.m-list_seelist > ul > li > a:hover > i {
  color: #ffffff;
}

@media (max-width: 991px) {
  .m-list_seelist {
    margin: -10px 0 20px;
  }
  .m-list_seelist > ul {
    text-align: center;
  }
  .m-list_seelist > ul > li {
    display: inline-block;
  }
}

@media (min-width: 992px) {
  .m-list_seelist {
    margin: -126px 0 50px;
  }
  .m-list_seelist > ul {
    display: table;
    margin-left: auto;
  }
  .m-list_seelist > ul > li {
    display: table-cell;
    padding: 0 3px;
  }
  .m-list_seelist > ul > li:last-child {
    padding-right: 0;
  }
  .m-list_seelist > ul > li > a {
    font-size: 1.4rem;
    padding: 7px 15px;
    border-radius: 17px;
  }
}

/* -----------------------------------------------
* .m-list_news
* ***
-------------------------------------------------- */
.m-list_news {
  margin: 30px -7.145% 100px;
  /* SP */
  /* pc */
}

.m-list_news_list {
  margin-bottom: 25px;
  border-top: 2px solid #9a0000;
}

.m-list_news_list > li {
  border-bottom: 1px solid #dedede;
}

.m-list_news_list > li > a,
.m-list_news_list > li > div {
  display: block;
  font-size: 1rem;
}

.m-list_news_list > li > a time,
.m-list_news_list > li > div time {
  display: inline-block;
  margin-right: .5em;
}

.m-list_news_list > li > a ul > li,
.m-list_news_list > li > div ul > li {
  display: inline-block;
  color: #9a0000;
  font-weight: bold;
}
.m-list_news_list > li > a ul > li.m-list_news_list_release,
.m-list_news_list > li > div ul > li.m-list_news_list_release {
  color: #2aa2db;
}

.m-list_news_list > li > a p,
.m-list_news_list > li > div p {
  position: relative;
  margin: .1em 0 0;
  font-size: 1.2rem;
  line-height: 1.4;
}

.m-list_news_list > li > a > figure > div,
.m-list_news_list > li > div > figure > div {
  position: relative;
  overflow: hidden;
}

.m-list_news_list > li > a > figure > div:before,
.m-list_news_list > li > div > figure > div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f5f2;
}

.m-list_news_list > li > a > figure > div:after,
.m-list_news_list > li > div > figure > div:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b6af9d;
  font-size: 4.2rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.m-list_news_list > li > a > figure > div > img,
.m-list_news_list > li > div > figure > div > img {
  position: absolute;
  top: 0;
  left: 50%;
  height: 100%;
  width: auto;
  max-width: unset;
  -webkit-transform: translateX(-50%);
      -ms-transform: translateX(-50%);
          transform: translateX(-50%);
  z-index: 1;
}

.m-list_news_list > li > a[target="_blank"] p:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-list_news_list > li > a[href$="pdf"] p, .m-list_news_list > li > a[href$="xls"] p, .m-list_news_list > li > a[href$="xlsx"] p, .m-list_news_list > li > a[href$="xlsm"] p, .m-list_news_list > li > a[href$="ppt"] p, .m-list_news_list > li > a[href$="pptx"] p, .m-list_news_list > li > a[href$="pptm"] p, .m-list_news_list > li > a[href$="doc"] p, .m-list_news_list > li > a[href$="docx"] p, .m-list_news_list > li > a[href$="docm"] p {
  padding-right: 1em;
}

.m-list_news_list > li > a[href$="pdf"] p:after, .m-list_news_list > li > a[href$="xls"] p:after, .m-list_news_list > li > a[href$="xlsx"] p:after, .m-list_news_list > li > a[href$="xlsm"] p:after, .m-list_news_list > li > a[href$="ppt"] p:after, .m-list_news_list > li > a[href$="pptx"] p:after, .m-list_news_list > li > a[href$="pptm"] p:after, .m-list_news_list > li > a[href$="doc"] p:after, .m-list_news_list > li > a[href$="docx"] p:after, .m-list_news_list > li > a[href$="docm"] p:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.m-list_news_list > li > a[href$="pdf"] p:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-list_news_list > li > a[href$="xls"] p:after, .m-list_news_list > li > a[href$="xlsx"] p:after, .m-list_news_list > li > a[href$="xlsm"] p:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.m-list_news_list > li > a[href$="ppt"] p:after, .m-list_news_list > li > a[href$="pptx"] p:after, .m-list_news_list > li > a[href$="pptm"] p:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.m-list_news_list > li > a[href$="doc"] p:after, .m-list_news_list > li > a[href$="docx"] p:after, .m-list_news_list > li > a[href$="docm"] p:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.m-list_news_list > li > a p:before {
  display: inline-block;
  position: relative;
  left: -1.3em;
  margin-right: -1em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.m-list_news_list > li > a:hover {
  text-decoration: none;
}

.m-list_news_list > li > a:hover p {
  text-decoration: underline;
}

.m-list_news_list > li:nth-of-type(n + 6) {
  display: none;
}

.m-list_news_list-top > li:nth-of-type(n + 6) {
  display: none;
}

.m-list_news_list-always {
  margin-bottom: 0;
  background: #f6f5f2;
}

.m-list_news_list-always > li:nth-of-type(n + 6) {
  display: block;
}

.m-list_news_list-always > li:last-child {
  border-bottom: none;
}

.m-list_news_more {
  position: relative;
  width: 37px;
  margin: 0 auto;
  padding-top: 45px;
  color: #9a0000;
  font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
  text-align: center;
  cursor: pointer;
}

.m-list_news_more:before, .m-list_news_more:after {
  content: '';
  position: absolute;
  top: 17px;
  left: 0;
  width: 37px;
  height: 2px;
  background: #9a0000;
  transition: all 0.3s cubic-bezier(0.075, 0.82, 0.165, 1);
}

.m-list_news_more:after {
  -webkit-transform: rotate(90deg);
      -ms-transform: rotate(90deg);
          transform: rotate(90deg);
}

.no-ios .m-list_news_more:hover:before {
  left: -4px;
  width: 26px;
  -webkit-transform: rotate(-135deg);
      -ms-transform: rotate(-135deg);
          transform: rotate(-135deg);
}

.no-ios .m-list_news_more:hover:after {
  left: 14px;
  width: 26px;
  -webkit-transform: rotate(135deg);
      -ms-transform: rotate(135deg);
          transform: rotate(135deg);
}

.m-list_news_link {
  display: none;
  text-align: center;
}

@media (max-width: 991px) {
  .m-list_news_list > li > a,
  .m-list_news_list > li > div {
    padding: 10px 30px;
  }
  .m-list_news_list > li > a time,
  .m-list_news_list > li > div time {
    display: inline-block;
  }
  .m-list_news_list > li > a ul,
  .m-list_news_list > li > div ul {
    display: inline-block;
  }
  .m-list_news_list > li > a p,
  .m-list_news_list > li > div p {
    min-height: 2.8em;
  }
  .m-list_news_list > li > a > figure,
  .m-list_news_list > li > div > figure {
    display: table;
    margin: -10px -30px;
  }
  .m-list_news_list > li > a > figure > div, .m-list_news_list > li > a > figure > figcaption,
  .m-list_news_list > li > div > figure > div,
  .m-list_news_list > li > div > figure > figcaption {
    display: table-cell;
    vertical-align: middle;
  }
  .m-list_news_list > li > a > figure > div,
  .m-list_news_list > li > div > figure > div {
    width: 70px;
    padding-top: 70px;
  }
  .m-list_news_list > li > a > figure > figcaption,
  .m-list_news_list > li > div > figure > figcaption {
    padding: 8px 30px;
  }
}

@media (min-width: 992px) {
  .m-list_news {
    margin: 50px 0 120px;
  }
  .m-list_news_list {
    margin-bottom: 60px;
  }
  .m-list_news_list > li > a,
  .m-list_news_list > li > div {
    display: table;
    font-size: 1.4rem;
  }
  .m-list_news_list > li > a time, .m-list_news_list > li > a ul, .m-list_news_list > li > a p,
  .m-list_news_list > li > div time,
  .m-list_news_list > li > div ul,
  .m-list_news_list > li > div p {
    display: table-cell;
    vertical-align: middle;
  }
  .m-list_news_list > li > a time,
  .m-list_news_list > li > div time {
    width: 6.5em;
    margin-right: .5em;
  }
  .m-list_news_list > li > a time + p,
  .m-list_news_list > li > div time + p {
    padding-left: 40px;
  }
  .m-list_news_list > li > a ul,
  .m-list_news_list > li > div ul {
    padding: 0 20px;
    font-size: 1.2rem;
  }
  .m-list_news_list > li > a ul > li,
  .m-list_news_list > li > div ul > li {
    display: inline-block;
    width: 67px;
    padding: 1px;
    border: 1px solid #9a0000;
    border-radius: 2px;
    font-weight: 300;
    text-align: center;
    letter-spacing: .1em;
  }
  .m-list_news_list > li > a ul > li.m-list_news_list_release,
  .m-list_news_list > li > div ul > li.m-list_news_list_release {
    border: 1px solid #2aa2db;
  }
  .m-list_news_list > li > a p,
  .m-list_news_list > li > div p {
    margin: 0;
    padding-left: 25px;
    font-size: 1.6rem;
  }
  .m-list_news_list > li > a > time, .m-list_news_list > li > a > ul, .m-list_news_list > li > a > p,
  .m-list_news_list > li > div > time,
  .m-list_news_list > li > div > ul,
  .m-list_news_list > li > div > p {
    padding: 29px 0;
  }
  .m-list_news_list > li > a > figure,
  .m-list_news_list > li > div > figure {
    display: table-cell;
    padding: 8px 0;
  }
  .m-list_news_list > li > a > figure > div,
  .m-list_news_list > li > div > figure > div {
    float: left;
    width: 60px;
    height: 60px;
  }
  .m-list_news_list > li > a > figure > figcaption,
  .m-list_news_list > li > div > figure > figcaption {
    display: table;
    height: 60px;
    margin-left: 90px;
  }
  .m-list_news_list-always {
    margin-bottom: 0;
  }
  .m-list_news_more {
    font-size: 1.2rem;
  }
}

/* -----------------------------------------------
* .m-list_pagenation
* ***
-------------------------------------------------- */
.m-list_pagenation {
  margin: 0 -7.145% 50px;
  padding: 20px 0;
  background: #f6f5f2;
  /* pc */
}

.m-list_pagenation > ul {
  display: table;
  margin: 0 auto;
}

.m-list_pagenation > ul > li {
  display: table-cell;
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
  font-size: 1.4rem;
  vertical-align: middle;
}

.m-list_pagenation > ul > li > a {
  display: block;
  padding: 0 4px;
  font-weight: bold;
}

.m-list_pagenation > ul > li > a.m-list_pagenation_btn {
  padding: 5px 12px;
  border-radius: 13px;
  background: #ffffff;
  font-family: Microsoft JhengHei , "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  text-decoration: none;
  transition: all 0.3s;
}

.m-list_pagenation > ul > li > a.m-list_pagenation_btn > i {
  color: #9a0000;
  transition: all 0.3s;
}

.m-list_pagenation > ul > li > a.m-list_pagenation_btn:hover {
  background: #9a0000;
  color: #ffffff;
}

.m-list_pagenation > ul > li > a.m-list_pagenation_btn:hover > i {
  color: #ffffff;
}

.m-list_pagenation > ul > li > span {
  display: block;
  position: relative;
  padding: 0 4px;
  font-weight: bold;
}

.m-list_pagenation > ul > li > span:before {
  content: '';
  position: absolute;
  left: 30%;
  bottom: -3px;
  width: 40%;
  height: 1px;
  background: #9a0000;
}

.m-list_pagenation > ul > li:first-child > .m-list_pagenation_btn {
  margin-left: -3px;
  margin-right: .5em;
}

.m-list_pagenation > ul > li:first-child > .m-list_pagenation_btn > i {
  margin-right: .3em;
}

.m-list_pagenation > ul > li:last-child > .m-list_pagenation_btn {
  margin-right: -3px;
  margin-left: .5em;
}

.m-list_pagenation > ul > li:last-child > .m-list_pagenation_btn > i {
  margin-left: .3em;
}

.m-list_pagenation > .pager {
  display: table;
  margin: 0 auto;
}

.m-list_pagenation > .pager > span {
  display: table-cell;
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
  font-size: 1.4rem;
  vertical-align: middle;
  padding: 0 4px;
  font-weight: bold;
}

.m-list_pagenation > .pager > span.current {
  position: relative;
}

.m-list_pagenation > .pager > span.current:before {
  content: '';
  position: absolute;
  left: 30%;
  bottom: -3px;
  width: 40%;
  height: 1px;
  background: #9a0000;
}

.m-list_pagenation > .pager > span.ellipsis {
  font-weight: 300;
}

.m-list_pagenation > .pager > span.prev, .m-list_pagenation > .pager > span.next {
  padding: 5px 12px;
  border-radius: 13px;
  background: #ffffff;
  font-family: Microsoft JhengHei , "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.2rem;
  font-weight: 300;
  text-decoration: none;
  transition: all 0.3s;
  display: block;
}

.m-list_pagenation > .pager > span.prev {
  margin-left: -3px;
  margin-right: .5em;
}

.m-list_pagenation > .pager > span.prev:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
  transition: all 0.3s;
  margin-right: .3em;
}

.m-list_pagenation > .pager > span.prev:hover {
  background: #9a0000;
  color: #ffffff;
}

.m-list_pagenation > .pager > span.prev:hover:before {
  color: #ffffff;
}

.m-list_pagenation > .pager > span.next {
  margin-right: -3px;
  margin-left: .5em;
}

.m-list_pagenation > .pager > span.next:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
  transition: all 0.3s;
  margin-left: .3em;
}

.m-list_pagenation > .pager > span.next:hover {
  background: #9a0000;
  color: #ffffff;
}

.m-list_pagenation > .pager > span.next:hover:after {
  color: #ffffff;
}

.m-list_pagenation > .pager > span.invalid {
  display: none;
}

.m-list_news + .m-list_pagenation {
  margin-top: -100px;
}

@media (min-width: 992px) {
  .m-list_pagenation {
    margin: 0 0 100px;
    padding: 30px 0;
  }
  .m-list_pagenation > ul > li {
    font-size: 1.6rem;
  }
  .m-list_pagenation > ul > li > a {
    padding: 0 8px;
  }
  .m-list_pagenation > ul > li > a.m-list_pagenation_btn {
    padding: 6px 15px;
    border-radius: 16px;
    font-size: 1.4rem;
  }
  .m-list_pagenation > ul > li > span {
    padding: 0 8px;
  }
  .m-list_pagenation > ul > li > span:before {
    bottom: -5px;
    height: 2px;
  }
  .m-list_pagenation > .pager > span {
    font-size: 1.6rem;
    padding: 0 8px;
  }
  .m-list_pagenation > .pager > span.current {
    padding: 0 8px;
  }
  .m-list_pagenation > .pager > span.current:before {
    bottom: -5px;
    height: 2px;
  }
  .m-list_pagenation > .pager > span.prev, .m-list_pagenation > .pager > span.next {
    padding: 6px 15px;
    border-radius: 16px;
    font-size: 1.4rem;
  }
  .m-list_pagenation > .pager > span:hover {
    cursor: pointer;
  }
  .m-list_news + .m-list_pagenation {
    margin-top: -120px;
  }
}

/* -----------------------------------------------
* .m-list_ol
* ***
-------------------------------------------------- */
.m-list_ol,
.m-list_ol ol {
  margin-top: 1em;
  margin-bottom: 1.9em;
  counter-reset: order;
}

.m-list_ol li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 2em;
}

.m-list_ol li:before {
  counter-increment: order;
  content: "(" counter(order) ")";
  position: absolute;
  top: 0;
  left: 0;
}

/* -----------------------------------------------
* .m-list_ul
* ***
-------------------------------------------------- */
.m-list_ul,
.m-list_ul ul {
  margin-top: 1em;
  margin-bottom: 1.9em;
}

.m-list_ul li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 1.5em;
}

.m-list_ul li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
}

/* -----------------------------------------------
* .m-faq
* ***
-------------------------------------------------- */
.m-faq {
  /* pc */
}

.m-faq dt, .m-faq dd {
  position: relative;
  line-height: 1.6;
  padding: 20px 15px 20px 60px;
  background: #f6f5f2;
}

.m-faq dt span, .m-faq dd span {
  position: absolute;
  left: 20px;
  padding: 4px 10px;
  border-radius: 50%;
  font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
  font-size: 1.2rem;
}

.m-faq dt {
  margin-top: 20px;
  font-weight: bold;
}

.m-faq dt span {
  top: 20px;
  border: 1px solid #9a0000;
  background: #9a0000;
  color: #ffffff;
}

.m-faq dd {
  padding-top: 0;
}

.m-faq dd span {
  top: 0;
  border: 1px solid #9a0000;
  background: #ffffff;
  color: #9a0000;
}

.m-faq dd .m-hdg_lv4 {
  margin-top: 0;
}

.m-faq dd .m-table_common > table > tbody th {
  background: #edebe6;
}

.m-faq dd .m-table_common > table > tbody td {
  background: #ffffff;
}

@media (min-width: 992px) {
  .m-faq dt, .m-faq dd {
    padding: 50px 50px 40px 105px;
  }
  .m-faq dt span, .m-faq dd span {
    left: 50px;
    padding: 7px 15px;
    font-size: 1.5rem;
  }
  .m-faq dt span {
    top: 44px;
  }
  .m-faq dd {
    padding-top: 0;
  }
  .m-faq dd span {
    top: -5px;
  }
}

/* -----------------------------------------------
* .m-list_localnav_more
* ***
-------------------------------------------------- */
.m-list_localnav_more {
  margin: 60px auto 70px;
  padding: 0 6.25% 30px;
  background: #f6f5f2;
}

.m-list_localnav_more_inner {
  background: #ffffff;
}

.m-list_localnav_more_inner .m-list_common-link {
  margin: 0 auto;
  padding: 0 6.25% 30px;
  border-top: none;
}

.m-list_localnav_more_inner .m-list_common-link .m-hdg_lv3 {
  margin: 0 auto;
  padding: 15px 15px 5px;
  border-bottom: none;
  font-size: 1.8rem;
  text-align: center;
}

.m-list_localnav_more_inner .m-list_common-link .m-hdg_lv3 span, .m-list_localnav_more_inner .m-list_common-link .m-hdg_lv3 i {
  display: inline-block;
  vertical-align: middle;
}

.m-list_localnav_more_inner .m-list_common-link .m-hdg_lv3 i {
  margin-right: .1em;
  color: #9a0000;
  font-size: 4.4rem;
}

@media (min-width: 992px) {
  .m-list_localnav_more {
    margin: 90px auto 110px;
    padding: 0 6.25% 70px;
  }
  .m-list_localnav_more_inner {
    max-width: 1170px;
    margin: 0 auto;
  }
  .m-list_localnav_more_inner .m-list_common-link {
    max-width: 1073px;
    padding: 20px 50px 55px;
  }
  .m-list_localnav_more_inner .m-list_common-link .m-hdg_lv3 {
    margin-bottom: 10px;
    padding: 0 0 10px 0;
    border-bottom: 2px solid #222222;
    font-size: 2rem;
    text-align: left;
  }
  .m-list_localnav_more_inner .m-list_common-link .m-hdg_lv3 i {
    margin-right: .3em;
    font-size: 4.4rem;
  }
}

/* -----------------------------------------------
* table Module
* テーブル用
-------------------------------------------------- */
/* -----------------------------------------------
* .m-table_common
* ***
-------------------------------------------------- */
.m-table_common {
  margin: 20px 0;
  width: 100%;
  overflow-x: auto;
  /* sp */
  /* pc */
}

.m-table_common > table table {
  margin-top: 10px;
}

.m-table_common > table table img {
  max-width: inherit;
}

.m-table_common > table th, .m-table_common > table td {
  padding: 8px 10px;
  border: 1px solid #dedede;
  font-size: 1.2rem;
  background: #ffffff;
}

.m-table_common > table p {
  margin-bottom: 0;
}

.m-table_common > table a {
  color: #9a0000;
  text-decoration: underline;
}

.m-table_common > table > thead th, .m-table_common > table > thead td {
  background: #edebe6;
  font-weight: 500 !important;
}

.m-table_common > table > tbody th {
  background: #f6f5f2;
  font-weight: 500 !important;
}

.m-table_common > table .icon-arrow-right_04 {
  position: relative;
  padding-left: 15px;
}

.m-table_common > table .icon-arrow-right_04:before {
  position: absolute;
  color: #9a0000;
  left: -20px;
  top: 50%;
  font-size: 30px;
  margin-top: -0.5em;
  line-height: 1;
}

.m-table_common > table .icon-arrow-right_04-back {
  padding: 8px 10px;
}

.m-table_common > table .icon-arrow-right_04-back:before {
  top: 50%;
  right: -22px;
  left: auto !important;
  margin-top: -0.5em;
  line-height: 1;
  font-size: 20px;
  z-index: 5;
}

.m-table_common > table td.total {
  background: #fbefef;
}

.m-table_common > table td.allTotal {
  background: #fbf9ef;
}

.m-table_common > table th.total {
  background: #f6dbdb;
}

.m-table_common > table th.allTotal {
  background: #f1eac6;
}

.m-table_common > table .bdrBtmDouble {
  border-bottom: 5px double #dedede;
}

.m-table_common > table .none {
  margin-top: 0;
}

.m-table_common > table .none th, .m-table_common > table .none td {
  padding: 0;
  border: none;
}

.m-table_common > table tr.sat th {
  background: #dbe9f6;
}

.m-table_common > table tr.sat td {
  background: #fafcfe;
}

.m-table_common > table tr.sun th {
  background: #f5dbda;
}

.m-table_common > table tr.sun td {
  background: #fefafa;
}

@media (max-width: 991px) {
  .m-table_common > table th, .m-table_common > table td {
    white-space: nowrap;
  }
}

@media (min-width: 992px) {
  .m-table_common {
    margin: 30px 0;
  }
  .m-table_common > table {
    width: 100%;
  }
  .m-table_common > table table {
    margin-top: 15px;
  }
  .m-table_common > table th, .m-table_common > table td {
    padding: 13px 15px;
    font-size: 1.6rem;
  }
  .m-table_common > table .icon-arrow-right_04:before {
    left: -30px;
    font-size: 40px;
  }
  .m-table_common > table .icon-arrow-right_04-back {
    padding: 13px 15px;
  }
  .m-table_common > table .icon-arrow-right_04-back:before {
    right: -35px;
    font-size: 30px;
  }
}

/* -----------------------------------------------
* visible Module
* 初期表示用
-------------------------------------------------- */
/* -----------------------------------------------
* .js-action-visible
* 
* 汎用
-------------------------------------------------- */
.js-action-visible {
  opacity: 0;
  -webkit-transform: translateY(10px);
      -ms-transform: translateY(10px);
          transform: translateY(10px);
}

.js-status-visible {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition: all 1s;
}

/* -----------------------------------------------
* form Module
-------------------------------------------------- */
.m-form_search {
  position: relative;
  width: 100%;
  height: 50px;
  border: 1px solid #aeaeae;
  border-radius: 4px;
  background: #ffffff;
  overflow: hidden;
}

.m-form_search > input[type="text"] {
  position: absolute;
  top: 0;
  left: 0;
  right: 40px;
  width: 100%;
  height: 48px;
  padding: 10px 48px 10px 10px;
  border: none;
  background: #ffffff;
  box-sizing: border-box;
}

.m-form_search > input[type="text"]::-webkit-input-placeholder {
  color: #c5c4c4;
}

.m-form_search > input[type="text"]::-moz-placeholder {
  color: #c5c4c4;
}

.m-form_search > input[type="text"]:-ms-input-placeholder {
  color: #c5c4c4;
}

.m-form_search > input[type="text"]::placeholder {
  color: #c5c4c4;
}

.m-form_search > input[type="text"]:-ms-input-placeholder {
  color: #c5c4c4;
}

.m-form_search > input[type="text"]::-ms-input-placeholder {
  color: #c5c4c4;
}

.m-form_search > button {
  position: absolute;
  top: 4px;
  right: 4px;
  width: 40px;
  height: 40px;
  border: none;
  border-radius: 3px;
  background: #444444;
  color: #ffffff;
  font-size: 1.6rem;
  line-height: 22px;
}

@media (min-width: 992px) {
  .m-form_search {
    height: 65px;
    border-radius: 8px;
  }
  .m-form_search > input[type="text"] {
    height: 63px;
    padding: 10px 65px 10px 10px;
    border: none;
    background: #ffffff;
    font-size: 1.8rem;
  }
  .m-form_search > input[type="text"]::-webkit-input-placeholder {
    color: #c5c4c4;
  }
  .m-form_search > input[type="text"]::-moz-placeholder {
    color: #c5c4c4;
  }
  .m-form_search > input[type="text"]:-ms-input-placeholder {
    color: #c5c4c4;
  }
  .m-form_search > input[type="text"]::placeholder {
    color: #c5c4c4;
  }
  .m-form_search > input[type="text"]:-ms-input-placeholder {
    color: #c5c4c4;
  }
  .m-form_search > input[type="text"]::-ms-input-placeholder {
    color: #c5c4c4;
  }
  .m-form_search > button {
    position: absolute;
    top: 9px;
    right: 9px;
    width: 45px;
    height: 45px;
    border: none;
    border-radius: 6px;
    background: #444444;
    color: #ffffff;
    font-size: 2.8rem;
    line-height: 45px;
  }
}

/* -----------------------------------------------
* top Module
* トップページ用
-------------------------------------------------- */
.p-top {
  /* -----------------------------------------------
  * .p-top_main
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_search
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_faculties
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_hci
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_pickup
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_event
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_hcilife
  *
  * *****
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-top_banner
  *
  * *****
  -------------------------------------------------- */
}

.p-top_main {
  position: relative;
  height: 100vh;
  overflow: hidden;
  background: #000000;
  transition: height 0.1s;
}

.p-top_main:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #000000;
  opacity: .2;
  z-index: 1;
}

.p-top_main > h1 {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  margin-top: -30px;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 2;
  transition: all 0.5s;
}

.p-top_main > h1 .p-top_main_logo {
  display: block;
  margin: 0 auto 2%;
  width: 100px;
  transition: all 0.5s;
}

.p-top_main > h1 .p-top_main_title {
  width: 272px;
}

.p-top_main_video.js-status-ios9 {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/top/bg-video.jpg) center no-repeat;
  background-size: cover;
  opacity: 0;
  opacity: 1;
  transition: opacity 2s;
}

.p-top_main.js-status-fadeout > h1 {
  opacity: 0;
  visibility: hidden;
  transition: opacity 1s 5s, visibility 0.1s 6s;
}
.p-top_main_control{
  position: absolute;
  display: flex;
  justify-content: flex-start;
  align-items: center;
  width: 797px;
  bottom: 95px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.p-top_main_control li{
  cursor: pointer;
  padding: 0 10px;
}

/*ミュート中*/
.p-top_main_control li.is-mute img.icn-vol-off{
  display: block;
}
.p-top_main_control li.is-mute img.icn-vol-on{
  display: none;
}

/*ミュート解除*/
.p-top_main_control li img.icn-vol-on{
  display: block;
}
.p-top_main_control li img.icn-vol-off{
  display: none;
}

.p-top_main_control li img{
  max-width: 100%;
  width: 25px;
}
.p-top_main_link{
  position: absolute;
  right: 16.5px;
  bottom: 17px;
  z-index: 10;
}
.p-top_main_link img{
  width: 110px;
}

@media (max-width: 1079px) {
  .p-top_main_link{
    bottom: 95px;
    right: calc((100% - 797px)/2);
  }
  .p-top_main_link img{
    width: 75px;
  }
}

@media (max-width: 991px) {
  .p-top_main_video {
    position: absolute;
    top: 0;
    bottom: auto;
    left: 50%;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
  .p-top_main_control{
    opacity: 1;
    bottom: 32px;
    width: 86.5%;
  }
  .p-top_main_link{
    opacity: 1;
    bottom: 32px;
    right: 6.25%;
    z-index: 120;
  }
  .p-top_main_link img{
    width: 75px;
  }
}

@media (min-width: 992px) {
  .p-top_main > h1 {
    margin-top: -3%;
  }
  .p-top_main > h1 .p-top_main_logo {
    width: 170px;
  }
  .p-top_main > h1 .p-top_main_title {
    width: 632px;
  }
  .p-top_main_video {
    position: absolute;
    top: auto;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1;
  }
}

.p-top_search {
  position: relative;
  z-index: 2;
  background: #f6f5f2;
}

.p-top_search_form_inner > input {
  border-radius: 0;
}

.p-top_search_form_inner > button > i {
  transition: all 0.3s;
}

.p-top_search_form_inner > button:hover > i {
  color: #9a0000;
}

@media (max-width: 991px) {
  .p-top_search {
    padding-top: 42px;
  }
  .p-top_search_form {
    position: absolute;
    top: -29px;
    left: 6.25%;
    right: 6.25%;
    padding: 5px;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.4);
  }
  .p-top_search_form_inner {
    position: relative;
    padding-right: 48px;
  }
  .p-top_search_form_inner > input,
  .p-top_search_form_inner > button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
  }
  .p-top_search_form_inner > input {
    width: 100%;
    height: 48px;
    padding: 10px 15px;
    border-right: 1px solid #dedede;
  }
  .p-top_search_form_inner > input::-webkit-input-placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > input::-moz-placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > input:-ms-input-placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > input::placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > button {
    position: absolute;
    top: 0;
    right: 0;
    width: 48px;
    height: 48px;
    background: #ffffff;
  }
  .p-top_search_form_inner > button > i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #b1b1b1;
    font-size: 2rem;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .p-top_search_featured {
    position: relative;
  }
  .p-top_search_featured:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_search_featured > h2 {
    position: relative;
    float: left;
    width: 115px;
    height: 30px;
    padding: 8px 0 0 0;
    background: #9a0000;
    color: #ffffff;
    font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
  }
  .p-top_search_featured > h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: -16px;
    display: block;
    height: 0;
    width: 0;
    border-top: 0 solid transparent;
    border-bottom: 30px solid transparent;
    border-left: 16px solid #9a0000;
    z-index: 2;
  }
  .p-top_search_featured > div {
    position: absolute;
    top: 0;
    left: 115px;
    right: 0;
    height: 30px;
    padding-left: 10px;
    border-top: 1px solid #dedede;
    overflow: hidden;
  }
  .p-top_search_featured > div > div {
    height: 50px;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
  }
  .p-top_search_featured > div > div > ul {
    display: inline-table;
  }
  .p-top_search_featured > div > div > ul > li {
    display: table-cell;
    border-right: 1px solid #dedede;
  }
  .p-top_search_featured > div > div > ul > li > a {
    display: block;
    height: 30px;
    padding: 8px 17px 0 12px;
    font-size: 1rem;
    line-height: 1;
    white-space: nowrap;
  }
  .p-top_search_featured > div > div > ul > li > a:before {
    display: inline-block;
    margin-right: .3em;
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #9a0000;
  }
}

@media (min-width: 992px) {
  .p-top_search {
    height: 92px;
  }
  .p-top_search_inner {
    position: absolute;
    top: -92px;
    left: 0;
    right: 0;
    width: 797px;
    margin: 0 auto;
    padding: 10px;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.4);
  }
  .p-top_search_form_inner {
    position: relative;
    padding-right: 82px;
  }
  .p-top_search_form_inner > input,
  .p-top_search_form_inner > button {
    -webkit-appearance: none;
       -moz-appearance: none;
            appearance: none;
    border: none;
  }
  .p-top_search_form_inner > input {
    width: 100%;
    height: 82px;
    padding: 20px 30px;
    border-right: 1px solid #dedede;
  }
  .p-top_search_form_inner > input::-webkit-input-placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > input::-moz-placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > input:-ms-input-placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > input::placeholder {
    color: #b1b1b1;
  }
  .p-top_search_form_inner > button {
    position: absolute;
    top: 0;
    right: 0;
    width: 82px;
    height: 82px;
    background: #ffffff;
  }
  .p-top_search_form_inner > button > i {
    position: absolute;
    top: 50%;
    left: 50%;
    color: #b1b1b1;
    font-size: 3rem;
    -webkit-transform: translate(-50%, -50%);
        -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
  }
  .p-top_search_featured {
    position: relative;
    background: #ffffff;
  }
  .p-top_search_featured:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_search_featured > h2 {
    position: relative;
    float: left;
    width: 115px;
    height: 42px;
    padding: 14px 0 0 16px;
    background: #9a0000;
    color: #ffffff;
    font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
    font-size: 1rem;
    font-weight: bold;
  }
  .p-top_search_featured > h2:before {
    content: '';
    position: absolute;
    top: 0;
    right: -31px;
    display: block;
    height: 0;
    width: 0;
    border-top: 0 solid transparent;
    border-bottom: 42px solid transparent;
    border-left: 31px solid #9a0000;
    z-index: 2;
  }
  .p-top_search_featured > div {
    position: absolute;
    top: 0;
    left: 115px;
    right: 0;
    height: 42px;
    padding-left: 30px;
    border-top: 1px solid #dedede;
    overflow: hidden;
  }
  .p-top_search_featured > div > div > ul {
    display: table;
  }
  .p-top_search_featured > div > div > ul > li {
    display: table-cell;
    border-right: 1px solid #dedede;
  }
  .p-top_search_featured > div > div > ul > li > a {
    display: block;
    height: 42px;
    padding: 14px 22px 0 17px;
    font-size: 1.2rem;
    line-height: 1;
    white-space: nowrap;
  }
  .p-top_search_featured > div > div > ul > li > a:before {
    display: inline-block;
    margin-right: .3em;
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #9a0000;
  }
}

.p-top_faculties_header {
  transition: all 0.5s;
}

.p-top_faculties_header > h2 {
  margin-bottom: 30px;
}

.p-top_faculties_header > h2 > span {
  display: block;
  margin-top: .4em;
  font-family: Microsoft JhengHei , "Noto Sans Japanese", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0;
}

.p-top_faculties_body > ul {
  margin-top: 30px;
}

.p-top_faculties_body > ul > li {
  margin-top: 5px;
}

.p-top_faculties_body > ul > li > a {
  display: block;
  position: relative;
  height: 65px;
  padding: 18px 15px;
  background: #f6f5f2;
  overflow: hidden;
  transition: all 0.5s;
}

.p-top_faculties_body > ul > li > a > span:before {
  display: inline-block;
  margin-right: .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-top_faculties_body > ul > li > a .p-top_faculties_body_text {
  position: absolute;
  top: 50%;
  right: 28px;
  width: 60px;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-top_faculties_body > ul > li > a .p-top_faculties_body_logo {
  position: absolute;
  top: 50%;
  right: 0;
  width: 60px;
  -webkit-transform: translate(45%, -54%);
      -ms-transform: translate(45%, -54%);
          transform: translate(45%, -54%);
}

.p-top_faculties_body > ul > li > a:hover {
  background: #e8e5dd;
}

.p-top_faculties_body.js-action-visible {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.p-top_faculties_body.js-action-visible > ul > li {
  opacity: 0;
  -webkit-transform: translateY(15px);
      -ms-transform: translateY(15px);
          transform: translateY(15px);
}

.p-top_faculties_body.js-status-visible {
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
}

.p-top_faculties_body.js-status-visible > ul > li {
  opacity: 1;
  -webkit-transform: none;
      -ms-transform: none;
          transform: none;
  transition: all 0.5s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(1) {
  transition: all 0.5s 0.5s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(2) {
  transition: all 0.5s 0.7s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(3) {
  transition: all 0.5s 0.9s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(4) {
  transition: all 0.5s 1.1s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(5) {
  transition: all 0.5s 1.3s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(6) {
  transition: all 0.5s 1.5s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(7) {
  transition: all 0.5s 1.7s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(8) {
  transition: all 0.5s 1.9s;
}

.p-top_faculties_body.js-status-visible > ul > li:nth-of-type(9) {
  transition: all 0.5s 2.1s;
}

@media (max-width: 991px) and (min-width: 768px) {
  .p-top_faculties_body > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_faculties_body > ul > li {
    float: left;
    width: 50%;
    padding-left: 12px;
  }
}

@media (min-width: 992px) {
  .p-top_faculties {
    position: relative;
  }
  .p-top_faculties:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    min-width: 558px;
    height: 100%;
    background: url(../images/top/bg-faculties.jpg) 120% 50% no-repeat;
    background-size: cover;
    z-index: 1;
  }
  .p-top_faculties_inner {
    margin-top: 0;
  }
  .p-top_faculties_inner_inner {
    position: relative;
    padding-top: 160px;
    padding-right: 0;
    background: #ffffff;
    z-index: 2;
  }
  .p-top_faculties_inner_inner:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_faculties_inner_inner_inner {
    display: table;
    width: 100%;
  }
  .p-top_faculties_header, .p-top_faculties_body {
    display: table-cell;
    vertical-align: top;
  }
  .p-top_faculties_header {
    width: 315px;
    padding-right: 90px;
  }
  .p-top_faculties_header > h2 {
    margin-top: 0;
    margin-bottom: 40px;
    text-align: left;
  }
  .p-top_faculties_header > h2 > span {
    margin-top: 40px;
    font-size: 1.6rem;
  }
  .p-top_faculties_header > p {
    font-size: 1.4rem;
  }
  .p-top_faculties_header > div > a {
    padding: 16px 24px;
  }
  .p-top_faculties_body > ul {
    margin-top: -12px;
  }
  .p-top_faculties_body > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_faculties_body > ul > li {
    float: left;
    width: 50%;
    margin-top: 12px;
    padding-left: 12px;
  }
  .p-top_faculties_body > ul > li > a {
    height: 100px;
    padding: 21px;
  }
  .p-top_faculties_body > ul > li > a .p-top_faculties_body_text {
    right: 35px;
    width: 70px;
  }
  .p-top_faculties_body > ul > li > a .p-top_faculties_body_logo {
    width: 90px;
  }
}

.p-top_hci {
  margin-bottom: 125px;
}

.p-top_hci_title {
  margin: 75px 0 25px;
  color: #9a0000;
  font-family: "Montserrat", cursive;
  font-size: 2.6rem;
  text-align: center;
  letter-spacing: .1em;
}

.p-top_hci_title a,
.p-top_hci_title a:hover {
  color: #9a0000;
  text-decoration: none;
}

.p-top_hci_title > span {
  display: block;
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
  font-size: 1rem;
  font-weight: bold;
  letter-spacing: 0.9em;
}

.p-top_hci_main_item > a:hover {
  text-decoration: none;
}

.p-top_hci_main_item > a:hover > div > div > h3 span {
  border-bottom: 1px solid #ffffff;
}

.p-top_hci_list > ul {
  margin-bottom: 30px;
}

.p-top_hci_list_item {
  display: block;
}
.p-top_hci_list_item:nth-of-type(n+9) {
  display: none;
}

.p-top_hci_list_item > a:hover {
  text-decoration: none;
}

.p-top_hci_list_item > a:hover > div time {
  color: #222222;
}

.p-top_hci_list_item > a:hover > div h3 > span {
  border-bottom: 1px solid #9a0000;
}





@media (max-width: 991px) {
  .p-top_hci_title > span {
    -webkit-transform: scale(0.7);
        -ms-transform: scale(0.7);
            transform: scale(0.7);
    letter-spacing: 0.55em;
  }
  .p-top_hci_main_item > a {
    display: block;
  }
  .p-top_hci_main_item > a > figure > span {
    position: relative;
  }
  .p-top_hci_main_item > a > figure > span:nth-of-type(2) {
    display: none;
  }
  .p-top_hci_main_item > a > div {
    position: relative;
    padding: 30px 6.25% 40px;
  }
  .p-top_hci_main_item > a > div > div {
    font-size: 1rem;
  }
  .p-top_hci_main_item > a > div > div > p {
    margin: .5em 0 .6em;
    color: #9a0000;
    font-weight: bold;
  }
  .p-top_hci_main_item > a > div > div > h3 {
    position: relative;
    padding-left: 1.3em;
    font-size: 1.2rem;
  }
  .p-top_hci_main_item > a > div > div > h3:before {
    position: absolute;
    top: .15em;
    left: 0;
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #9a0000;
  }
  .p-top_hci_main_item > a:hover > div > div > time {
    color: #222222;
  }
  .p-top_hci_main_item > a:hover > div > div > h3 span {
    border-bottom-color: #9a0000;
  }
  .p-top_hci_main_item-news > a > div:before {
    content: 'NEW';
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -20px;
    padding: 16px 10px;
    border-radius: 50%;
    background: #9a0000;
    background: rgba(183, 25, 63, 0.9);
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    z-index: 3;
    transition: all 0.5s 1.5s;
  }
  .p-top_hci_list {
    margin: -40px -7.145% 0;
  }
  .p-top_hci_list_item > a {
    display: block;
    padding: 22px 6.25%;
    border-bottom: 1px solid #dedede;
    font-size: 18px;
  }
  .p-top_hci_list_item > a:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_hci_list_item > a > figure {
    float: left;
    width: 48%;
  }
  .p-top_hci_list_item > a > div {
    margin-left: 48%;
    padding-left: 15px;
  }
  .p-top_hci_list_item > a > div p {
    margin: .5em 0 .6em;
    color: #9a0000;
    font-weight: bold;
  }



  .p-top_hci_list_item > a > div h3 {
    position: relative;
    padding-left: 1.3em;
    font-size: 14px;
  }
  .p-top_hci_list_item > a > div h3:before {
    position: absolute;
    top: .15em;
    left: 0;
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #9a0000;
  }
}

@media (min-width: 992px) {
  .p-top_hci_title {
    margin: 130px 0 55px;
    font-size: 4rem;
    letter-spacing: .3em;
  }
  .p-top_hci_main {
    position: relative;
    overflow: hidden;
        height: 760px;
  }
  .p-top_hci_main_item > a > figure {
    position: absolute;
    height: 465px;
    width: 50%;
    transition: all 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .p-top_hci_main_item > a > figure > span {
    position: absolute;
    top: 0;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    overflow: hidden;
    transition: -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .p-top_hci_main_item > a > figure > span > span {
    position: absolute;
    top: 0;
    box-sizing: content-box;
    width: 100%;
    height: 100%;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    transition: -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
    transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .p-top_hci_main_item > a > figure > span > span:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: #000000;
    opacity: 0;
    transition: all 0.5s;
  }
  .p-top_hci_main_item > a > figure > span:nth-of-type(1) {
    overflow: hidden;
  }
  .p-top_hci_main_item > a > figure > span:nth-of-type(1) img {
    display: none;
  }
  .p-top_hci_main_item > a > figure > span:nth-of-type(2) {
    z-index: 2;
  }
  .p-top_hci_main_item > a > div {
    position: absolute;
    width: 50%;
    height: 295px;
    background: #9a0000;
    color: #ffffff;
    font-size: 1.2rem;
    cursor: pointer;
    transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
  }
  .p-top_hci_main_item > a > div > div {
    position: absolute;
    top: 50%;
    max-width: 486px;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
    transition: all 0.5s 1s;
  }
  .p-top_hci_main_item > a > div > div > p {
    margin-top: .6em;
    margin-bottom: .9em;
  }
  .p-top_hci_main_item > a > div > div > h3 {
    position: relative;
    padding-left: 1.3em;
    font-size: 2rem;
    font-weight: 300;
  }
  .p-top_hci_main_item > a > div > div > h3:before {
    position: absolute;
    top: .15em;
    left: 0;
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  }
  .p-top_hci_main_item-1 > a > figure {
    top: 0;
    left: 0;
  }
  .p-top_hci_main_item-1 > a > figure > span {
    left: 0;
  }
  .p-top_hci_main_item-1 > a > figure > span > span {
    left: 0;
  }
  .p-top_hci_main_item-1 > a > figure > span:nth-of-type(1) > span {
    padding-right: 72px;
  }
  .p-top_hci_main_item-1 > a > figure > span:nth-of-type(2) {
    padding-left: 29px;
    -webkit-transform: skewX(-11deg);
        -ms-transform: skewX(-11deg);
            transform: skewX(-11deg);
  }
  .p-top_hci_main_item-1 > a > figure > span:nth-of-type(2) > span {
    padding-right: 43px;
    -webkit-transform: skewX(11deg);
        -ms-transform: skewX(11deg);
            transform: skewX(11deg);
  }
  .p-top_hci_main_item-1 > a > div {
    top: 0;
    right: 0;
  }
  .p-top_hci_main_item-1 > a > div > div {
    left: 0;
    padding-right: 50px;
    padding-left: 130px;
  }
  .p-top_hci_main_item-2 > a > figure {
    bottom: 0;
    right: 0;
  }
  .p-top_hci_main_item-2 > a > figure > span {
    right: 0;
  }
  .p-top_hci_main_item-2 > a > figure > span > span {
    right: 0;
  }
  .p-top_hci_main_item-2 > a > figure > span:nth-of-type(1) > span {
    padding-left: 72px;
  }
  .p-top_hci_main_item-2 > a > figure > span:nth-of-type(2) {
    padding-right: 29px;
    -webkit-transform: skewX(-11deg);
        -ms-transform: skewX(-11deg);
            transform: skewX(-11deg);
  }
  .p-top_hci_main_item-2 > a > figure > span:nth-of-type(2) > span {
    padding-left: 43px;
    -webkit-transform: skewX(11deg);
        -ms-transform: skewX(11deg);
            transform: skewX(11deg);
  }
  .p-top_hci_main_item-2 > a > div {
    bottom: 0;
    left: 0;
  }
  .p-top_hci_main_item-2 > a > div > div {
    right: 0;
    padding-left: 50px;
    padding-right: 130px;
  }
  .p-top_hci_main_item-news > a > div:before {
    content: 'NEW';
    position: absolute;
    top: 50%;
    margin-top: -19px;
    padding: 16px 10px;
    border-radius: 50%;
    background: #ffffff;
    background: rgba(255, 255, 255, 0.9);
    color: #9a0000;
    font-size: 1rem;
    font-weight: bold;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    z-index: 3;
    transition: all 0.5s 1.5s;
  }
  .p-top_hci_main_item-news.p-top_hci_main_item-1 > a > div:before {
    left: 24px;
  }
  .p-top_hci_main_item-news.p-top_hci_main_item-2 > a > div:before {
    right: 24px;
  }
  .p-top_hci_main.js-action-visible {
    opacity: inherit;
    -webkit-transform: none;
        -ms-transform: none;
            transform: none;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item > a > figure > span:nth-of-type(2) {
    -webkit-transform: skewX(0);
        -ms-transform: skewX(0);
            transform: skewX(0);
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item > a > figure > span:nth-of-type(2) > span {
    -webkit-transform: skewX(0);
        -ms-transform: skewX(0);
            transform: skewX(0);
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item > a > div {
    opacity: 0;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item > a > div:before {
    opacity: 0;
    margin-top: -10px;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item > a > div > div {
    opacity: 0;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item-1 > a > figure {
    left: -29px;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item-1 > a > div {
    -webkit-transform: translateX(-50%);
        -ms-transform: translateX(-50%);
            transform: translateX(-50%);
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item-1 > a > div > div {
    left: -20px;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item-2 > a > figure {
    right: -29px;
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item-2 > a > div {
    -webkit-transform: translateX(50%);
        -ms-transform: translateX(50%);
            transform: translateX(50%);
  }
  .p-top_hci_main.js-action-visible .p-top_hci_main_item-2 > a > div > div {
    right: -20px;
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a > figure > span > span {
    transition: all 0.5s;
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a > div:before {
    transition: all 0.5s;
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a:hover > figure > span:nth-of-type(1) > span {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a:hover > figure > span:nth-of-type(1) > span:before {
    opacity: .2;
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a:hover > figure > span:nth-of-type(2) > span {
    -webkit-transform: scale(1.1) skewX(11deg);
        -ms-transform: scale(1.1) skewX(11deg);
            transform: scale(1.1) skewX(11deg);
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a:hover > figure > span:nth-of-type(2) > span:before {
    opacity: .2;
  }
  .p-top_hci_main.js-status-visibled .p-top_hci_main_item > a:hover > div:before {
    -webkit-transform: scale(1.1);
        -ms-transform: scale(1.1);
            transform: scale(1.1);
  }
  .p-top_hci_list > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_hci_list_item {
    float: left;
    width: 33.3%;
  }
  .p-top_hci_list_item:nth-of-type(3n+1) {
    clear: both;
  }
  .p-top_hci_list_item > a {
    display: block;
    padding: 0 18px 55px;
    font-size: 1.2rem;
  }
  .p-top_hci_list_item > a > figure {
    position: relative;
    overflow: hidden;
    padding-top: 70.75%;
  }
  .p-top_hci_list_item > a > figure > img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 3;
  }
  .p-top_hci_list_item > a > div {
    position: relative;
    padding-top: 30px;
  }
  .p-top_hci_list_item > a > div p {
    margin: .5em 0 .6em;
    color: #9a0000;
    font-weight: bold;
  }
  .p-top_hci_list_item > a > div h3 {
    position: relative;
    padding-left: 1.3em;
    font-size: 1.4rem;
    font-weight: 300;
    line-height: 1.625;
  }
  .p-top_hci_list_item > a > div h3:before {
    position: absolute;
    top: .15em;
    left: 0;
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    color: #9a0000;
  }
  .p-top_hci_list_item-news > a > div:before {
    content: 'NEW';
    position: absolute;
    top: -22px;
    left: 50%;
    margin-left: -20px;
    padding: 15px 10px;
    border-radius: 50%;
    background: #9a0000;
    background: rgba(183, 25, 63, 0.9);
    color: #ffffff;
    font-size: 1rem;
    font-weight: bold;
    -webkit-transform: scale(0.9);
        -ms-transform: scale(0.9);
            transform: scale(0.9);
    z-index: 3;
  }
}

.p-top_features > .l-contents .m-hdg_lv2-headline{
  margin-bottom: 30px;
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
}
.p-top_features .js-action-news-list li:nth-of-type(n+4){
  display: none;
}
.p-top_features .js-action-news-list li figure{
  height: 225px;
  text-align: center;
  background-color: #fff;  
}
.p-top_features .js-action-news-list{
  margin: 0 -20px;
}
.p-top_features .js-action-news-list li figure img{
  min-height: 100%;
}
@media (max-width: 991px) {
  .p-top_features .js-action-news-list{
    margin: 0;
  }
  .p-top_features .js-action-news-list li figure{
    height: auto;
    max-height: 173px;
  }
  .p-top_features .js-action-news-list li figure img{
    min-height: initial;
    min-height: auto;
  }
}

.p-top_pickup {
  position: relative;
  overflow: hidden;
}

.p-top_pickup:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 185px;
  background: #e7f3fc url(../images/top/bg-pickup.jpg) bottom center no-repeat;
  background-size: cover;
  z-index: 1;
}

.p-top_pickup > h2 {
  position: relative;
  padding: 64px 0 93px;
  margin: 0;
  z-index: 2;
}

.p-top_pickup_inner {
  margin-top: 15px;
  padding: 0;
}

@media (max-width: 991px) {
  .p-top_pickup_inner {
    padding: 0;
  }
}

.p-top_pickup_inner_inner {
  position: relative;
  z-index: 2;
}

.p-top_pickup_slider {
  width: 260px;
  margin: 0 auto;
  padding-top: 37px;
}

.p-top_pickup_slider_list > li {
  padding: 0 10px;
}

.p-top_pickup_slider_list > li > a {
  display: block;
}

.p-top_pickup_slider_list > li > a > div {
  position: relative;
  padding-top: 70.75%;
  overflow: hidden;
}

.p-top_pickup_slider_list > li > a > div > img {
  position: absolute;
  top: 0;
  left: 0;
  min-width: 100%;
  width: auto;
  height: auto;
  min-height: 100%;
  z-index: 3;
  object-fit: cover;
}

.p-top_pickup_slider_list > li > a > div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #f6f5f2;
  z-index: 1;
}

.p-top_pickup_slider_list > li > a > div:after {
  position: absolute;
  top: 50%;
  left: 50%;
  /* content: "";
  font-family: 'meijo' !important; */
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  line-height: 1;
  color: #b6af9d;
  font-size: 6rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.p-top_pickup_slider_list > li > a > time {
  display: block;
  margin-top: 1em;
  font-size: 1rem;
}



.p-top_pickup_slider_list > li > a > h3 {
  display: block;
  position: relative;
  margin-top: .5em;
  padding-left: 1.3em;
  font-size: 1.2rem;
}

.p-top_pickup_slider_list > li > a > h3:before {
  position: absolute;
  top: .15em;
  left: 0;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-top_pickup_slider_list > li > a > p {
  margin-top: .5em;
  margin-bottom: 0;
  font-size: 1.2rem;
}

.p-top_pickup_slider_list > li > a:hover {
  text-decoration: none;
}

.p-top_pickup_slider_list > li > a:hover > time {
  color: #222222;
}

.p-top_pickup_slider_list > li > a:hover > h3 > span {
  border-bottom: 1px solid #9a0000;
}

.p-top_pickup_slider .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction {
  display: block;
  position: absolute;
  top: -35px;
  right: 0;
  z-index: 2;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction > a {
  position: absolute;
  top: 0;
  display: block;
  width: 63px;
  height: 35px;
  padding-top: 11px;
  background: #9a0000;
  color: #ffffff;
  font-size: 1.3rem;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction > a:hover {
  text-decoration: none;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction .bx-prev {
  right: 65px;
  padding-left: 1em;
  text-align: left;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction .bx-prev:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction .bx-next {
  right: 1px;
  padding-right: 1em;
  text-align: right;
}

.p-top_pickup_slider .bx-wrapper .bx-controls-direction .bx-next:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

@media (min-width: 992px) {
  .p-top_pickup_slider .bx-wrapper .bx-controls-direction {
    top: -30px;
  }
  .p-top_pickup_slider .bx-wrapper .bx-controls-direction > a {
    width: 60spx;
    height: 60px;
    padding-top: 19px;
    font-size: 2rem;
  }
  .p-top_pickup_slider .bx-wrapper .bx-controls-direction .bx-prev {
    right: 65px;
  }
}

.p-top_pickup_slider .bx-wrapper .bx-pager {
  display: table;
  position: absolute;
  top: 21px;
  left: 10%;
  width: 80%;
}

.p-top_pickup_slider .bx-wrapper .bx-pager .bx-pager-item {
  display: table-cell;
  overflow: hidden;
}

.p-top_pickup_slider .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {
  display: block;
  height: 2px;
  background: #f6f5f2;
  color: #f6f5f2;
  font-size: 1rem;
  text-indent: -9999px;
  overflow: hidden;
  transition: all 0.3s;
}

.p-top_pickup_slider .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link.active {
  background: #9a0000;
  color: #9a0000;
}

@media (min-width: 992px) {
  .p-top_pickup {
    padding: 40px 0 60px;
    margin-bottom: 40px;
  }
  .p-top_pickup:before {
    height: 100%;
  }
  .p-top_pickup > h2 {
    padding: 0 0 30px;
    margin: 0;
    z-index: 2;
  }
  .p-top_pickup_inner {
    margin-top: 15px;
  }
  .p-top_pickup_inner_inner {
    padding-left: 0;
    padding-right: 0;
    background: #ffffff;
  }
  .p-top_pickup_slider {
    width: 936px;
    padding-top: 100px;
  }
  .p-top_pickup_slider_list > li {
    width: 312px;
    padding: 0 15px;
  }
  .p-top_pickup_slider_list > li > a {
    padding-bottom: 50px;
  }
  .p-top_pickup_slider_list > li > a > div:after {
    font-size: 9rem;
  }
  .p-top_pickup_slider_list > li > a > time {
    margin-top: 1.5em;
    font-size: 1.2rem;
  }
  .p-top_pickup_slider_list > li > a > h3 {
    margin-top: 1em;
    font-size: 1.6rem;
  }
  .p-top_pickup_slider_list > li > a > p {
    margin-top: 1em;
    font-size: 1.4rem;
  }
  .p-top_pickup_slider .bx-wrapper {
    overflow: hidden;
  }
  .p-top_pickup_slider .bx-wrapper .bx-pager {
    display: block;
    top: 39px;
    left: 0%;
    width: 100%;
    text-align: center;
  }
  .p-top_pickup_slider .bx-wrapper .bx-pager .bx-pager-item {
    display: inline-block;
    width: 90px;
  }
  .p-top_pickup_slider .bx-wrapper .bx-pager .bx-pager-item .bx-pager-link {
    height: 4px;
    font-size: 1rem;
  }
  .p-top_pickup_slider.js-status-pcnoslide {
    padding-top: 50px;
  }
  .p-top_pickup_slider.js-status-pcnoslide .bx-wrapper .bx-controls-direction,
  .p-top_pickup_slider.js-status-pcnoslide .bx-wrapper .bx-pager {
    display: none;
  }
}

.p-top_event {
  position: relative;
  margin-top: 30px;
  border-top: 2px solid #9a0000;
  background: #f6f5f2;
}

.p-top_event_inner {
  margin-top: 0;
}

.p-top_event_slider {
  width: 300px;
  margin: 0 auto;
  padding: 58px 0 33px;
}

.p-top_event_slider_list {
  border-right: 1px solid #9a0000;
}

.flexbox .p-top_event_slider_list {
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.p-top_event_slider_list > li {
  width: 150px;
  padding: 0 17px;
  border-left: 1px solid #9a0000;
}

.p-top_event_slider_list > li > a {
  display: block;
}

.p-top_event_slider_list > li > a > div {
  overflow: hidden;
  position: relative;
  padding-top: 70.75%;
}

.p-top_event_slider_list > li > a > div > img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 3;
}

.p-top_event_slider_list > li > a > div:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #ffffff;
  z-index: 1;
}

.p-top_event_slider_list > li > a > div:after {
  position: absolute;
  top: 50%;
  left: 50%;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  line-height: 1;
  color: #b6af9d;
  font-size: 6rem;
  -webkit-transform: translate(-50%, -50%);
      -ms-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  z-index: 2;
}

.p-top_event_slider_list > li > a > time {
  display: block;
  min-height: 6.5em;
  margin-top: 1em;
  color: #9a0000;
  font-family: Microsoft JhengHei , "Fira Sans", sans-serif;
  font-size: 1rem;
  font-weight: 100;
  font-style: italic;
}

.p-top_event_slider_list > li > a > time > span > span {
  font-size: 3.6rem;
  font-weight: 100;
}

.p-top_event_slider_list > li > a > time > span > span:before {
  content: '';
  display: inline-block;
  width: .05em;
}

.p-top_event_slider_list > li > a > time > span > span:after {
  content: '\A';
  white-space: pre;
}

.p-top_event_slider_list > li > a > p {
  position: relative;
  margin-top: .8em;
  margin-bottom: 0;
  padding-left: 1.3em;
  font-size: 1.2rem;
  line-height: 1.4;
}

.p-top_event_slider_list > li > a > p:before {
  position: absolute;
  top: .15em;
  left: 0;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-top_event_slider_list > li > a:hover {
  text-decoration: none;
}

.p-top_event_slider_list > li > a:hover > p > span {
  border-bottom: 1px solid #9a0000;
}

.p-top_event_slider .bx-wrapper .bx-viewport {
  overflow: visible !important;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction {
  position: absolute;
  top: -35px;
  right: 0;
  z-index: 2;
  top: -19px;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction > a {
  position: absolute;
  top: 0;
  display: block;
  width: 63px;
  height: 35px;
  padding-top: 11px;
  background: #9a0000;
  color: #ffffff;
  font-size: 1.3rem;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction > a:hover {
  text-decoration: none;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction .bx-prev {
  right: 65px;
  padding-left: 1em;
  text-align: left;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction .bx-prev:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction .bx-next {
  right: 1px;
  padding-right: 1em;
  text-align: right;
}

.p-top_event_slider .bx-wrapper .bx-controls-direction .bx-next:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

@media (min-width: 992px) {
  .p-top_event_slider .bx-wrapper .bx-controls-direction {
    top: -30px;
  }
  .p-top_event_slider .bx-wrapper .bx-controls-direction > a {
    width: 126px;
    height: 60px;
    padding-top: 19px;
    font-size: 2rem;
  }
  .p-top_event_slider .bx-wrapper .bx-controls-direction .bx-prev {
    right: 128px;
  }
}

@media (min-width: 992px) {
  .p-top_event {
    border-top: none;
  }
  .p-top_event_inner_inner {
    border-top: 2px solid #9a0000;
  }
  .p-top_event_slider {
    width: 530px;
    padding-top: 80px;
    padding-bottom: 90px;
  }
  .p-top_event_slider_list > li {
    width: 265px;
    padding: 0 30px;
  }
  .p-top_event_slider_list > li > a > div:after {
    font-size: 9rem;
  }
  .p-top_event_slider_list > li > a > time {
    margin-top: .7em;
    font-size: 1.4rem;
    letter-spacing: .06em;
  }
  .p-top_event_slider_list > li > a > time > span > span {
    font-size: 5rem;
  }
  .p-top_event_slider_list > li > a > time > span > span:before {
    width: .1em;
  }
  .p-top_event_slider_list > li > a > p {
    font-size: 1.6rem;
  }
}

.p-top_hcilife {
  position: relative;
  height: 231px;
  background: #000000;
}

.p-top_hcilife > a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.p-top_hcilife > a:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/top/bg-hcilife.jpg) center no-repeat;
  background-size: cover;
  opacity: .8;
  transition: all 1s;
}

.p-top_hcilife > a > span {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  color: #ffffff;
  text-align: center;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-top_hcilife > a > span > span {
  display: block;
  margin-bottom: .5em;
  font-family: Microsoft JhengHei serif;
  font-size: 1.8rem;
  font-weight: bold;
  letter-spacing: .15em;
}

.p-top_hcilife > a > span > i {
  font-size: 5rem;
}

.p-top_hcilife > a:hover:before {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  opacity: .5;
}

@media (min-width: 992px) {
  .p-top_hcilife {
    height: 550px;
  }
  .p-top_hcilife > a > span > span {
    font-size: 3.4rem;
  }
  .p-top_hcilife > a > span > i {
    font-size: 10rem;
  }
}

.p-top_banner {
  margin: 60px 0;
}

.p-top_banner_inner {
  overflow: hidden;
}

.p-top_banner_slider {
  position: relative;
  width: 245px;
  margin: 0 auto;
}

.p-top_banner_slider.js-status-full .bx-wrapper .bx-prev,
.p-top_banner_slider.js-status-full .bx-wrapper .bx-next {
  display: none;
}

.p-top_banner_slider_list > li {
  padding: 0 6px;
}

.p-top_banner_slider .bx-wrapper .bx-prev > i:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.p-top_banner_slider .bx-wrapper .bx-next > i:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
}

.p-top_banner_slider .bx-wrapper .bx-prev > i:before, .p-top_banner_slider .bx-wrapper .bx-prev > i:after,
.p-top_banner_slider .bx-wrapper .bx-next > i:before,
.p-top_banner_slider .bx-wrapper .bx-next > i:after {
  transition: all 0.3s;
}

.p-top_banner_slider .bx-wrapper .bx-prev > i:after,
.p-top_banner_slider .bx-wrapper .bx-next > i:after {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
}

.p-top_banner_slider .bx-wrapper .bx-prev:hover,
.p-top_banner_slider .bx-wrapper .bx-next:hover {
  text-decoration: none;
}

.p-top_banner_slider .bx-wrapper .bx-prev:hover > i:before,
.p-top_banner_slider .bx-wrapper .bx-next:hover > i:before {
  opacity: 0;
}

.p-top_banner_slider .bx-wrapper .bx-prev:hover > i:after,
.p-top_banner_slider .bx-wrapper .bx-next:hover > i:after {
  opacity: 1;
}

@media (max-width: 991px) {
  .p-top_banner_slider .bx-wrapper .bx-viewport {
    overflow: visible !important;
  }
  .p-top_banner_slider .bx-wrapper .bx-controls {
    display: none;
  }
}

@media (min-width: 992px) {
  .p-top_banner_inner {
    max-width: 1186px;
    margin-top: 60px;
    padding: 0;
  }
  .p-top_banner_inner_inner {
    max-width: 1186px;
    padding: 0 65px;
  }
  .p-top_banner_slider {
    width: auto;
    max-width: 1056px;
  }
  .p-top_banner_slider_list > li {
    width: 264px;
    padding: 0 7px;
  }
  .p-top_banner_slider .bx-wrapper .bx-prev,
  .p-top_banner_slider .bx-wrapper .bx-next {
    position: absolute;
    top: 50%;
    color: #9a0000;
    font-size: 5rem;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-top_banner_slider .bx-wrapper .bx-prev {
    left: -66px;
  }
  .p-top_banner_slider .bx-wrapper .bx-next {
    right: -66px;
  }
}

.p-top_mresearch {
  margin-top: 80px;
  padding: 1px 0;
  background: #f6f5f2;
}

.p-top_mresearch-top .m-hdg_lv2-headline, .p-top_mresearch-top .p-top_faculties_header > h2 {
  margin-bottom: 20px;
  font-family: YakuHanMP, "Cinzel", serif;
  font-weight: 400;
}

.p-top_mresearch-top .m-hdg_lv2-headline a, .p-top_mresearch-top .m-hdg_lv2-headline a:hover {
  color: #9a0000;
  text-decoration: none;
}

.p-top_mresearch:before {
  content: '';
  display: block;
  margin: 0 auto;
  max-width: 1173px;
  border-top: 1px solid #9a0000;
}

.p-top_mresearch-noline:before {
  border: none;
}

.p-top_mresearch > .l-contents {
  margin-bottom: 10px;
}

.p-top_mresearch_list > li:nth-of-type(n + 7) {
  display: none;
}

.p-mresearch_column .p-top_mresearch_list > li:nth-of-type(n + 7) {
  display: block;
}

#mresearch_feature .p-top_mresearch_list > li:nth-of-type(n + 7) {
  display: block;
}

.p-top_mresearch_item {
  margin-bottom: 30px;
}

.p-top_mresearch_item a:hover {
  text-decoration: none;
  color: inherit;
}

.p-top_mresearch_item a:hover figure img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}

.p-top_mresearch_item figure {
  overflow: hidden;
}

.p-top_mresearch_item figure img {
  width: 100%;
  transition: all 0.3s;
}

.p-top_mresearch_item_box {
  position: relative;
  padding: 25px 15px;
  background: #ffffff;
}

.p-top_mresearch_item_box p {
  margin-bottom: 0;
  line-height: 1.3;
}

.p-top_mresearch_item_box p.p-top_mresearch_item_box_title {
  line-height: 1.4;
}
.p-top_mresearch_item_box p.p-top_mresearch_item_box_lead {
  word-break: break-all;
}

.p-top_mresearch_item-new .p-top_mresearch_item_box:before {
  position: absolute;
  display: block;
  width: 40px;
  height: 40px;
  top: -20px;
  left: 50%;
  margin-left: -20px;
  border-radius: 40px;
  content: 'NEW';
  background: #9a0000;
  font-size: 1rem;
  text-align: center;
  color: #ffffff;
  line-height: 40px;
}

.p-top_mresearch_item_box_head {
  position: relative;
  padding-bottom: 10px;
  padding-left: 9px;
  color: #9a0000;
  font-size: 1.2rem;
  font-weight: bold;
}

.p-top_mresearch_item_box_head:before {
  content: '';
  position: absolute;
  top: .2em;
  left: 0;
  width: 2px;
  height: .95em;
  background: #9a0000;
}

.p-top_mresearch_item_box_lead {
  margin-bottom: 1em;
  padding-bottom: 15px;
  font-size: 1.2rem;
  font-weight: bold;
}

.p-top_mresearch_item_box_content {
  display: table;
  width: 100%;
}

.p-top_mresearch_item_box_vol {
  display: table-cell;
  vertical-align: bottom;
  padding-right: 15px;
  font-size: 1.2rem;
  font-family: Microsoft JhengHei , "Oswald", sans-serif;
  line-height: 2.3em !important;
}

.p-top_mresearch_item_box_vol span {
  font-size: 1.8rem;
}

.p-top_mresearch_item_box_title {
  display: table-cell;
  vertical-align: top;
  width: 100%;
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 2rem;
}

.p-top_mresearch_item_box_title .b-fw-medium{
  font-weight: 300!important;
}

.p-top_mresearch_item_box_title .b-ff-jp-sansserifold {
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
}

.p-top_mresearch_item_box_title .b-ff-jp-sansserifold .b-fw-medium{
  font-weight: 300!important;
}

.p-top_mresearch .m-list_news_more {
  padding-bottom: 25px;
}

@media (min-width: 992px) {
  .p-top_mresearch:before {
    border-width: 2px;
  }
  .p-top_mresearch > .l-contents {
    margin-bottom: 40px;
  }
  .p-top_mresearch_list {
    margin: 0 -20px;
  }
  .p-top_mresearch_list:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-top_mresearch_item {
    display: block;
    width: 33.33%;
    margin-bottom: 40px;
    padding: 0 20px;
    float: left;
  }
  .p-top_mresearch_item_box {
    padding: 30px;
  }
  .p-top_mresearch_item_box_head {
    font-size: 1.4rem;
  }
  .p-top_mresearch_item_box_lead {
    padding-bottom: 20px;
    font-size: 1.4rem;
  }
  .p-top_mresearch_item_box_vol {
    padding-right: 30px;
    font-size: 1.3rem;
  }
  .p-top_mresearch_item_box_vol span {
    font-size: 2.6rem;
  }
  .p-top_mresearch_item_box_title {
    font-size: 2rem;
  }
  .p-top_mresearch .m-list_news_more {
    padding-bottom: 45px;
  }
}

/* -----------------------------------------------
* academics page Module
* academicsページ用
-------------------------------------------------- */
.p-academics {
  /* -----------------------------------------------
  * .p-academics_toplist
  * ***
  -------------------------------------------------- */
}

.p-academics_toplist {
  position: relative;
  /* sp */
  /* pc */
}

.p-academics_toplist_title {
  position: relative;
  color: #ffffff;
  text-align: center;
  z-index: 2;
}

.p-academics_toplist_title_inner > h2 {
  font-size: 1rem;
  font-weight: 300;
  line-height: 1;
}

.p-academics_toplist_title_inner > h2 > span {
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 6.4rem;
}

.p-academics_toplist_title_inner > h2 > span .b-fw-medium{
  font-weight: 300!important;
}

.p-academics_toplist_title_inner > p {
  margin: .5em 0 0;
  font-size: 1.4rem;
  line-height: 1;
}

.p-academics_toplist_title_inner > p > span {
  font-size: 2rem;
}

.p-academics_toplist_list {
  position: relative;
  z-index: 2;
}

.p-academics_toplist_list_inner > div > ul > li a {
  display: block;
  position: relative;
  padding: 5px 0 5px 1.2em;
  font-size: 1.5rem;
}

.p-academics_toplist_list_inner > div > ul > li a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 1em;
  left: -.2em;
  color: #9a0000;
  -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
          transform: translateY(-50%);
}

.p-academics_toplist_list_inner > div > ul > li a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-academics_toplist_list_inner > div > ul > li a[href$="pdf"], .p-academics_toplist_list_inner > div > ul > li a[href$="xls"], .p-academics_toplist_list_inner > div > ul > li a[href$="xlsx"], .p-academics_toplist_list_inner > div > ul > li a[href$="xlsm"], .p-academics_toplist_list_inner > div > ul > li a[href$="ppt"], .p-academics_toplist_list_inner > div > ul > li a[href$="pptx"], .p-academics_toplist_list_inner > div > ul > li a[href$="pptm"], .p-academics_toplist_list_inner > div > ul > li a[href$="doc"], .p-academics_toplist_list_inner > div > ul > li a[href$="docx"], .p-academics_toplist_list_inner > div > ul > li a[href$="docm"] {
  padding-right: 1em;
}

.p-academics_toplist_list_inner > div > ul > li a[href$="pdf"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="xls"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="xlsx"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="xlsm"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="ppt"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="pptx"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="pptm"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="doc"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="docx"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.p-academics_toplist_list_inner > div > ul > li a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-academics_toplist_list_inner > div > ul > li a[href$="xls"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="xlsx"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.p-academics_toplist_list_inner > div > ul > li a[href$="ppt"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="pptx"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.p-academics_toplist_list_inner > div > ul > li a[href$="doc"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="docx"]:after, .p-academics_toplist_list_inner > div > ul > li a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.p-academics_toplist_list_inner > div > ul > li > a {
  padding-top: 10px;
  padding-bottom: 10px;
  border-top: 1px solid #7f7f7f;
}

.p-academics_toplist_list_inner > div > ul > li > a:before {
  top: 1.3em;
}

.p-academics_toplist_bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  background: url(../images/academics/common/bg-top-graduatecourse.jpg) center no-repeat;
  background-size: cover;
  z-index: 1;
}

@media (max-width: 991px) {
  .p-academics_toplist_title {
    padding-top: 62.5%;
  }
  .p-academics_toplist_title_inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
            transform: translateY(-50%);
  }
  .p-academics_toplist_list {
    margin-top: 30px;
    padding: 0 6.25%;
  }
  .p-academics_toplist_list_inner > h3 {
    display: none;
  }
  .p-academics_toplist_list_inner > div > ul > li li a {
    margin-left: 25px;
    padding-left: 1em;
  }
  .p-academics_toplist_list_inner > div > ul > li li a:before {
    content: "";
    font-family: 'meijo' !important;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
  }
  .p-academics_toplist_bg {
    padding-top: 62.5%;
  }
}

@media (min-width: 992px) {
  .p-academics_toplist {
    display: table;
    width: 100%;
  }
  .p-academics_toplist_title, .p-academics_toplist_list {
    display: table-cell;
    transition: width 0.5s;
  }
  .p-academics_toplist_title {
    vertical-align: middle;
    width: 25%;
  }
}

@media (min-width: 992px) and (min-width: 1080px) {
  .p-academics_toplist_title {
    width: 30%;
  }
}

@media (min-width: 992px) and (min-width: 1180px) {
  .p-academics_toplist_title {
    width: 35%;
  }
}

@media (min-width: 992px) and (min-width: 1280px) {
  .p-academics_toplist_title {
    width: 40%;
  }
}

@media (min-width: 992px) and (min-width: 1380px) {
  .p-academics_toplist_title {
    width: 45%;
  }
}

@media (min-width: 992px) and (min-width: 1480px) {
  .p-academics_toplist_title {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .p-academics_toplist_title_inner > h2 {
    font-size: 1.6rem;
  }
  .p-academics_toplist_title_inner > h2 > span {
    font-size: 12.4rem;
  }
  .p-academics_toplist_title_inner > p {
    font-size: 2.2rem;
  }
  .p-academics_toplist_title_inner > p > span {
    font-size: 2.4rem;
  }
  .p-academics_toplist_list {
    width: 75%;
    padding-top: 125px;
  }
}

@media (min-width: 992px) and (min-width: 1080px) {
  .p-academics_toplist_list {
    width: 70%;
  }
}

@media (min-width: 992px) and (min-width: 1180px) {
  .p-academics_toplist_list {
    width: 65%;
  }
}

@media (min-width: 992px) and (min-width: 1280px) {
  .p-academics_toplist_list {
    width: 60%;
  }
}

@media (min-width: 992px) and (min-width: 1380px) {
  .p-academics_toplist_list {
    width: 55%;
  }
}

@media (min-width: 992px) and (min-width: 1480px) {
  .p-academics_toplist_list {
    width: 50%;
  }
}

@media (min-width: 992px) {
  .p-academics_toplist_list_inner {
    padding: 100px 8% 90px;
    background: #ffffff;
  }
  .p-academics_toplist_list_inner > h3 {
    margin-top: 0;
    margin-bottom: 65px;
    text-align: left;
  }
  .p-academics_toplist_list_inner > div {
    margin: 0 -5.645%;
  }
  .p-academics_toplist_list_inner > div > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-academics_toplist_list_inner > div > ul > li {
    float: left;
    width: 50%;
    padding: 0 5%;
  }
  .p-academics_toplist_list_inner > div > ul > li > a {
    padding-top: 14px;
    padding-bottom: 14px;
  }
  .p-academics_toplist_list_inner > div > ul > li > a:before {
    top: 1.5em;
  }
  .p-academics_toplist_bg {
    height: 100%;
  }
}

.p-academics_toplist-faculties {
  /* sp */
  /* pc */
}

.p-academics_toplist-faculties .p-academics_toplist_list_inner > div > ul > li > a {
  font-size: 2rem;
}

.p-academics_toplist-faculties .p-academics_toplist_bg {
  background-image: url(../images/academics/common/bg-top-faculties.jpg);
}

@media (max-width: 991px) {
  .p-academics_toplist-faculties {
    margin-top: 30px;
  }
  .p-academics_toplist-faculties .p-academics_toplist_list_inner > div > ul > li {
    padding-top: 5px;
    padding-bottom: 20px;
  }
}

@media (min-width: 992px) {
  .p-academics_toplist-faculties {
    margin-top: 120px;
  }
  .p-academics_toplist-faculties .p-academics_toplist_list {
    padding-top: 0;
    padding-bottom: 125px;
  }
  .p-academics_toplist-faculties .p-academics_toplist_list_inner {
    padding-top: 0;
  }
  .p-academics_toplist-faculties .p-academics_toplist_list_inner > div {
    margin: 0 -3.26%;
  }
  .p-academics_toplist-faculties .p-academics_toplist_list_inner > div > ul > li {
    width: 33.333%;
    padding: 5px 3% 20px;
  }
}

/* -----------------------------------------------
* news Module
* ニュースページ用
-------------------------------------------------- */
.p-news {
  /* -----------------------------------------------
  * .p-news_header
  *
  * ヘッダー（日付・SNSボタン）
  -------------------------------------------------- */
  /* -----------------------------------------------
  * .p-news_detail
  *
  * 詳細部分
  -------------------------------------------------- */
}

.p-news_header {
  margin-bottom: 40px;
}

.p-news_header:after {
  content: " ";
  display: block;
  clear: both;
}

.p-news_header > time {
  float: left;
  padding-top: .3em;
  font-size: 1.2rem;
}

.p-news_header > ul {
  display: table;
  float: right;
}

.p-news_header > ul > li {
  display: table-cell;
  padding-left: 5px;
}

@media (min-width: 992px) {
  .p-news_header > time {
    font-size: 1.4rem;
  }
  .p-news_header > ul {
    margin-top: -65px;
  }
}

.p-news_detail {
  line-height: 1.9;
}

.p-news_detail_img {
  margin-bottom: 2em;
}

.p-news_detail_img > ul > li {
  margin-bottom: 2em;
}

.p-news_detail_img a {
  display: block;
  margin-bottom: .5em;
}

.p-news_detail_img img {
  display: block;
  margin: 0 auto;
}

.p-news_detail_img p, .p-news_detail_img span {
  font-size: 1.2rem;
  display: block;
}

.p-news_detail_img span.b-fw-medium {
  display: inline;
}

.p-news_detail_txt {
  margin-bottom: 20px;
}

.p-news_detail_txt li a {
  display: block;
  position: relative;
  margin: -5px 0 -5px -1.2em;
  padding: 5px 0 5px 1.2em;
}

.p-news_detail_txt li a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 5px;
  left: -.2em;
  color: #9a0000;
  margin-top: .15em;
}

.p-news_detail_txt li a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail_txt li a[href$="pdf"], .p-news_detail_txt li a[href$="xls"], .p-news_detail_txt li a[href$="xlsx"], .p-news_detail_txt li a[href$="xlsm"], .p-news_detail_txt li a[href$="ppt"], .p-news_detail_txt li a[href$="pptx"], .p-news_detail_txt li a[href$="pptm"], .p-news_detail_txt li a[href$="doc"], .p-news_detail_txt li a[href$="docx"], .p-news_detail_txt li a[href$="docm"] {
  padding-right: 1em;
}

.p-news_detail_txt li a[href$="pdf"]:after, .p-news_detail_txt li a[href$="xls"]:after, .p-news_detail_txt li a[href$="xlsx"]:after, .p-news_detail_txt li a[href$="xlsm"]:after, .p-news_detail_txt li a[href$="ppt"]:after, .p-news_detail_txt li a[href$="pptx"]:after, .p-news_detail_txt li a[href$="pptm"]:after, .p-news_detail_txt li a[href$="doc"]:after, .p-news_detail_txt li a[href$="docx"]:after, .p-news_detail_txt li a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.p-news_detail_txt li a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail_txt li a[href$="xls"]:after, .p-news_detail_txt li a[href$="xlsx"]:after, .p-news_detail_txt li a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.p-news_detail_txt li a[href$="ppt"]:after, .p-news_detail_txt li a[href$="pptx"]:after, .p-news_detail_txt li a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.p-news_detail_txt li a[href$="doc"]:after, .p-news_detail_txt li a[href$="docx"]:after, .p-news_detail_txt li a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.p-news_detail_txt li ul {
  margin-top: 10px;
}

.p-news_detail_txt ul {
  margin-top: 1em;
  margin-bottom: 1.9em;
}

.p-news_detail_txt ul li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 1.5em;
}

.p-news_detail_txt ul li:before {
  content: '・';
  position: absolute;
  top: 0;
  left: 0;
}

.p-news_detail_txt ol {
  margin-top: 1em;
  margin-bottom: 1.9em;
  counter-reset: order;
}

.p-news_detail_txt ol li {
  position: relative;
  margin-bottom: .5em;
  padding-left: 2em;
}

.p-news_detail_txt ol li:before {
  counter-increment: order;
  content: "(" counter(order) ")";
  position: absolute;
  top: 0;
  left: 0;
}

.p-news_detail_blockquote {
  position: relative;
  margin-bottom: 50px;
  padding: 50px 20px;
  background: #eeeeee;
  line-height: 1.9;
}

.p-news_detail_blockquote:before, .p-news_detail_blockquote:after {
  position: absolute;
  color: #d9d9d9;
  font-size: 7.4rem;
  line-height: 1;
}

.p-news_detail_blockquote:before {
  content: '“';
  top: 8px;
  left: 15px;
}

.p-news_detail_blockquote:after {
  content: '”';
  bottom: -25px;
  right: 15px;
}

.p-news_detail_people {
  display: table;
  margin: 0 auto 30px auto;
}

.p-news_detail_people_img {
  display: table-cell;
  width: 85px;
  padding-right: 15px;
  vertical-align: top;
}

.p-news_detail_people_img > figure {
  border-radius: 50%;
  overflow: hidden;
}

.p-news_detail_people_content {
  display: table-cell;
  vertical-align: middle;
}

.p-news_detail_people_content p {
  margin-bottom: 0;
  font-size: 1.2rem;
}

.p-news_detail_people_content p.p-news_detail_people_content_name {
  margin-top: 10px;
  font-size: 1.4rem;
  font-weight: bold;
}

.p-news_detail_lead {
  background: #f6f5f2;
}

.p-news_detail_lead .l-contents-thin {
  padding-bottom: 1px;
}

.p-news_detail_lead .l-contents-thin:before {
  display: block;
  content: '';
  border-top: 1px solid #9a0000;
}

.p-news_detail_lead .m-box_lead {
  margin-bottom: 25px;
}

.p-news_detail_lead p:last-child {
  margin-bottom: 40px;
}

.p-news_detail div {
  margin-bottom: 1.9em;
}

.p-news_detail table {
  width: 100% !important;
  margin: 20px 0;
  word-break: break-all;
  word-wrap: break-word;
}

.p-news_detail table table {
  width: 100% !important;
  margin: 10px 0;
}

.p-news_detail table table img {
  max-width: inherit;
}

.p-news_detail table caption {
  margin-bottom: 15px;
}

.p-news_detail table th, .p-news_detail table td {
  padding: 8px 10px;
  border: 1px solid #dedede;
  font-size: 1.2rem;
  background: #ffffff;
}

.p-news_detail table p {
  margin-bottom: 0;
}

.p-news_detail table a {
  color: #9a0000;
  text-decoration: underline;
}

.p-news_detail table > thead th, .p-news_detail table > thead td {
  background: #edebe6;
  font-weight: 500 !important;
  text-align: center;
}

.p-news_detail table > tbody th {
  background: #f6f5f2;
  font-weight: 500 !important;
}

.p-news_detail h1 {
  margin: 40px 0 20px;
  font-family: YakuHanMP, 游明朝, "Yu Mincho", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", HGS明朝E, "ＭＳ Ｐ明朝", "ＭＳ 明朝", メイリオ, Meiryo, serif;
  font-size: 2rem;
  font-weight: normal;
  line-height: 1.5em;
}

.p-news_detail h1 .b-fw-medium{
  font-weight: 300!important;
}

.p-news_detail h2 {
  position: relative;
  margin: 60px 0 30px;
  padding: 9px 15px 9px 22px;
  border-left: 3px solid #9a0000;
  color: #9a0000;
  font-size: 1.8rem;
  font-weight: 200;
}

.p-news_detail h2:nth-of-type(1) {
  margin-top: 45px;
}

.p-news_detail h2 > a {
  display: block;
  margin: -9px -15px -9px -25px;
  padding: 9px 0 9px 45px;
  color: #9a0000;
}

.p-news_detail h2 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 9px;
  left: 20px;
  margin-top: .15em;
}

.p-news_detail h2 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h2 > a[href$="pdf"], .p-news_detail h2 > a[href$="xls"], .p-news_detail h2 > a[href$="xlsx"], .p-news_detail h2 > a[href$="xlsm"], .p-news_detail h2 > a[href$="ppt"], .p-news_detail h2 > a[href$="pptx"], .p-news_detail h2 > a[href$="pptm"], .p-news_detail h2 > a[href$="doc"], .p-news_detail h2 > a[href$="docx"], .p-news_detail h2 > a[href$="docm"] {
  padding-right: 1em;
}

.p-news_detail h2 > a[href$="pdf"]:after, .p-news_detail h2 > a[href$="xls"]:after, .p-news_detail h2 > a[href$="xlsx"]:after, .p-news_detail h2 > a[href$="xlsm"]:after, .p-news_detail h2 > a[href$="ppt"]:after, .p-news_detail h2 > a[href$="pptx"]:after, .p-news_detail h2 > a[href$="pptm"]:after, .p-news_detail h2 > a[href$="doc"]:after, .p-news_detail h2 > a[href$="docx"]:after, .p-news_detail h2 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.p-news_detail h2 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h2 > a[href$="xls"]:after, .p-news_detail h2 > a[href$="xlsx"]:after, .p-news_detail h2 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.p-news_detail h2 > a[href$="ppt"]:after, .p-news_detail h2 > a[href$="pptx"]:after, .p-news_detail h2 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.p-news_detail h2 > a[href$="doc"]:after, .p-news_detail h2 > a[href$="docx"]:after, .p-news_detail h2 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.p-news_detail h3 {
  overflow: hidden;
  position: relative;
  margin: 45px 0 25px;
  padding-bottom: 7px;
  border-bottom: 1px solid #222222;
  font-size: 1.5rem;
  font-weight: 300;
}

h2 + .p-news_detail h3 {
  margin-top: 30px;
}

.p-news_detail h3 > a {
  display: block;
  margin-bottom: -7px;
  padding-bottom: 7px;
  padding-left: 1.2em;
}

.p-news_detail h3 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: -.2em;
  color: #9a0000;
  margin-top: .15em;
}

.p-news_detail h3 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h3 > a[href$="pdf"], .p-news_detail h3 > a[href$="xls"], .p-news_detail h3 > a[href$="xlsx"], .p-news_detail h3 > a[href$="xlsm"], .p-news_detail h3 > a[href$="ppt"], .p-news_detail h3 > a[href$="pptx"], .p-news_detail h3 > a[href$="pptm"], .p-news_detail h3 > a[href$="doc"], .p-news_detail h3 > a[href$="docx"], .p-news_detail h3 > a[href$="docm"] {
  padding-right: 1em;
}

.p-news_detail h3 > a[href$="pdf"]:after, .p-news_detail h3 > a[href$="xls"]:after, .p-news_detail h3 > a[href$="xlsx"]:after, .p-news_detail h3 > a[href$="xlsm"]:after, .p-news_detail h3 > a[href$="ppt"]:after, .p-news_detail h3 > a[href$="pptx"]:after, .p-news_detail h3 > a[href$="pptm"]:after, .p-news_detail h3 > a[href$="doc"]:after, .p-news_detail h3 > a[href$="docx"]:after, .p-news_detail h3 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.p-news_detail h3 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h3 > a[href$="xls"]:after, .p-news_detail h3 > a[href$="xlsx"]:after, .p-news_detail h3 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.p-news_detail h3 > a[href$="ppt"]:after, .p-news_detail h3 > a[href$="pptx"]:after, .p-news_detail h3 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.p-news_detail h3 > a[href$="doc"]:after, .p-news_detail h3 > a[href$="docx"]:after, .p-news_detail h3 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.p-news_detail h4 {
  position: relative;
  margin: 30px 0 15px;
  padding-left: 9px;
  color: #9a0000;
  font-size: 1.4rem;
  font-weight: 400;
}

.p-news_detail h4:before {
  content: '';
  position: absolute;
  top: .2em;
  left: 0;
  width: 2px;
  height: .95em;
  background: #9a0000;
}

.p-news_detail h4 > a {
  display: block;
  margin-left: -9px;
  padding-left: 24px;
  padding-left: calc(1.2em + 7px);
  color: #9a0000;
}

.p-news_detail h4 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: 7px;
  left: calc(-.2em + 9px);
  color: #9a0000;
  margin-top: .15em;
}

.p-news_detail h4 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h4 > a[href$="pdf"], .p-news_detail h4 > a[href$="xls"], .p-news_detail h4 > a[href$="xlsx"], .p-news_detail h4 > a[href$="xlsm"], .p-news_detail h4 > a[href$="ppt"], .p-news_detail h4 > a[href$="pptx"], .p-news_detail h4 > a[href$="pptm"], .p-news_detail h4 > a[href$="doc"], .p-news_detail h4 > a[href$="docx"], .p-news_detail h4 > a[href$="docm"] {
  padding-right: 1em;
}

.p-news_detail h4 > a[href$="pdf"]:after, .p-news_detail h4 > a[href$="xls"]:after, .p-news_detail h4 > a[href$="xlsx"]:after, .p-news_detail h4 > a[href$="xlsm"]:after, .p-news_detail h4 > a[href$="ppt"]:after, .p-news_detail h4 > a[href$="pptx"]:after, .p-news_detail h4 > a[href$="pptm"]:after, .p-news_detail h4 > a[href$="doc"]:after, .p-news_detail h4 > a[href$="docx"]:after, .p-news_detail h4 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.p-news_detail h4 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h4 > a[href$="xls"]:after, .p-news_detail h4 > a[href$="xlsx"]:after, .p-news_detail h4 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.p-news_detail h4 > a[href$="ppt"]:after, .p-news_detail h4 > a[href$="pptx"]:after, .p-news_detail h4 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.p-news_detail h4 > a[href$="doc"]:after, .p-news_detail h4 > a[href$="docx"]:after, .p-news_detail h4 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

.p-news_detail h5, .p-news_detail h6 {
  position: relative;
  margin: 15px 0;
  font-size: 1.2rem;
  font-weight: 500;
}

.p-news_detail h5 > a, .p-news_detail h6 > a {
  display: block;
  padding-left: 1.2em;
}

.p-news_detail h5 > a:before, .p-news_detail h6 > a:before {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  position: absolute;
  top: 0;
  left: -.2em;
  color: #9a0000;
  margin-top: .15em;
}

.p-news_detail h5 > a[target="_blank"]:after, .p-news_detail h6 > a[target="_blank"]:after {
  display: inline-block;
  position: relative;
  top: .1em;
  margin: 0 .3em;
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h5 > a[href$="pdf"], .p-news_detail h5 > a[href$="xls"], .p-news_detail h5 > a[href$="xlsx"], .p-news_detail h5 > a[href$="xlsm"], .p-news_detail h5 > a[href$="ppt"], .p-news_detail h5 > a[href$="pptx"], .p-news_detail h5 > a[href$="pptm"], .p-news_detail h5 > a[href$="doc"], .p-news_detail h5 > a[href$="docx"], .p-news_detail h5 > a[href$="docm"], .p-news_detail h6 > a[href$="pdf"], .p-news_detail h6 > a[href$="xls"], .p-news_detail h6 > a[href$="xlsx"], .p-news_detail h6 > a[href$="xlsm"], .p-news_detail h6 > a[href$="ppt"], .p-news_detail h6 > a[href$="pptx"], .p-news_detail h6 > a[href$="pptm"], .p-news_detail h6 > a[href$="doc"], .p-news_detail h6 > a[href$="docx"], .p-news_detail h6 > a[href$="docm"] {
  padding-right: 1em;
}

.p-news_detail h5 > a[href$="pdf"]:after, .p-news_detail h5 > a[href$="xls"]:after, .p-news_detail h5 > a[href$="xlsx"]:after, .p-news_detail h5 > a[href$="xlsm"]:after, .p-news_detail h5 > a[href$="ppt"]:after, .p-news_detail h5 > a[href$="pptx"]:after, .p-news_detail h5 > a[href$="pptm"]:after, .p-news_detail h5 > a[href$="doc"]:after, .p-news_detail h5 > a[href$="docx"]:after, .p-news_detail h5 > a[href$="docm"]:after, .p-news_detail h6 > a[href$="pdf"]:after, .p-news_detail h6 > a[href$="xls"]:after, .p-news_detail h6 > a[href$="xlsx"]:after, .p-news_detail h6 > a[href$="xlsm"]:after, .p-news_detail h6 > a[href$="ppt"]:after, .p-news_detail h6 > a[href$="pptx"]:after, .p-news_detail h6 > a[href$="pptm"]:after, .p-news_detail h6 > a[href$="doc"]:after, .p-news_detail h6 > a[href$="docx"]:after, .p-news_detail h6 > a[href$="docm"]:after {
  display: inline-block;
  position: relative;
  right: -0.7em;
  -webkit-transform: scale(1.7);
      -ms-transform: scale(1.7);
          transform: scale(1.7);
}

.p-news_detail h5 > a[href$="pdf"]:after, .p-news_detail h6 > a[href$="pdf"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #9a0000;
}

.p-news_detail h5 > a[href$="xls"]:after, .p-news_detail h5 > a[href$="xlsx"]:after, .p-news_detail h5 > a[href$="xlsm"]:after, .p-news_detail h6 > a[href$="xls"]:after, .p-news_detail h6 > a[href$="xlsx"]:after, .p-news_detail h6 > a[href$="xlsm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #217346;
}

.p-news_detail h5 > a[href$="ppt"]:after, .p-news_detail h5 > a[href$="pptx"]:after, .p-news_detail h5 > a[href$="pptm"]:after, .p-news_detail h6 > a[href$="ppt"]:after, .p-news_detail h6 > a[href$="pptx"]:after, .p-news_detail h6 > a[href$="pptm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #b7472a;
}

.p-news_detail h5 > a[href$="doc"]:after, .p-news_detail h5 > a[href$="docx"]:after, .p-news_detail h5 > a[href$="docm"]:after, .p-news_detail h6 > a[href$="doc"]:after, .p-news_detail h6 > a[href$="docx"]:after, .p-news_detail h6 > a[href$="docm"]:after {
  content: "";
  font-family: 'meijo' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  color: #2b579a;
}

@media (min-width: 992px) {
  .p-news_detail:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-news_detail_img p, .p-news_detail_img span {
    font-size: 1.4rem;
  }
  .p-news_detail_txt {
    margin-bottom: 50px;
  }
  .p-news_detail_blockquote {
    margin: 100px 0;
    padding: 40px 120px;
  }
  .p-news_detail_blockquote:before, .p-news_detail_blockquote:after {
    font-size: 10rem;
  }
  .p-news_detail_blockquote:before {
    top: 10px;
    left: 25px;
  }
  .p-news_detail_blockquote:after {
    bottom: -35px;
    right: 25px;
  }
  .p-news_detail-pattern1 .p-news_detail_img {
    float: right;
    box-sizing: content-box;
    width: 50%;
    padding-left: 25px;
  }
  .p-news_detail-pattern1 .p-news_detail_img > ul > li {
    padding-left: 25px;
  }
  .p-news_detail-pattern1 .p-news_detail_img > ul > li > img {
    margin-bottom: .5em;
  }
  .p-news_detail-pattern2 .p-news_detail_img > ul:after {
    content: " ";
    display: block;
    clear: both;
  }
  .p-news_detail-pattern2 .p-news_detail_img > ul > li {
    float: left;
    width: 50%;
  }
  .p-news_detail-pattern2 .p-news_detail_img > ul > li:nth-child(2n+1) {
    padding-right: 25px;
  }
  .p-news_detail-pattern2 .p-news_detail_img > ul > li:nth-child(2n) {
    padding-left: 25px;
  }
  .p-news_detail-pattern2 .p-news_detail_img > ul > li > img {
    margin-bottom: .5em;
  }
  .p-news_detail-pattern3 .p-news_detail_img-sub {
    float: right;
    box-sizing: content-box;
    width: 50%;
    padding-left: 25px;
  }
  .p-news_detail-pattern3 .p-news_detail_img > img {
    margin-bottom: .5em;
  }
  .p-news_detail-pattern4 .p-news_detail_img {
    float: right;
    max-width: 350px;
    padding-left: 50px;
  }
  .p-news_detail-pattern4 .p-news_detail_img > ul > li > img {
    margin-bottom: .5em;
  }
  .p-news_detail-pattern4.p-news_detail-pattern4-underimg .p-news_detail_txt{
    float: left;
  }
  .p-news_detail_people {
    margin-top: 60px;
  }
  .p-news_detail_people_img {
    width: 170px;
    padding-right: 30px;
  }
  .p-news_detail_people_content p {
    font-size: 1.4rem;
  }
  .p-news_detail_people_content p.p-news_detail_people_content_name {
    font-size: 2rem;
  }
  .p-news_detail_lead .l-contents {
    margin-top: 120px;
  }
  .p-news_detail_lead .l-contents-thin:before {
    border-width: 2px;
  }
  .p-news_detail_lead .m-box_lead {
    margin-bottom: 40px;
  }
  .p-news_detail_lead p:last-child {
    margin-bottom: 80px;
  }
  .p-news_detail table {
    width: auto !important;
    margin: 30px 0;
  }
  .p-news_detail table table {
    margin: 15px 0;
  }
  .p-news_detail table caption {
    margin-bottom: 20px;
  }
  .p-news_detail table th, .p-news_detail table td {
    padding: 13px 15px;
    font-size: 1.6rem;
  }
  .p-news_detail h1 {
    margin: 80px 0 60px;
    font-size: 3rem;
  }
  .p-news_detail h2 {
    margin: 120px 0 60px;
    padding: 24px 20px 24px 44px;
    border-left-width: 6px;
    font-size: 2.4rem;
  }
  .p-news_detail h2:nth-of-type(1) {
    margin-top: 90px;
  }
  .p-news_detail h2 > a {
    margin: -24px -20px -24px -44px;
    padding: 24px 0 24px 70px;
  }
  .p-news_detail h2 > a:before {
    top: 24px;
    left: 40px;
  }
  .p-news_detail h3 {
    margin: 90px 0 30px;
    padding-bottom: 10px;
    border-bottom-width: 2px;
    font-size: 2rem;
  }
  h2 + .p-news_detail h3 {
    margin-top: 60px;
  }
  .p-news_detail h3 > a {
    margin-bottom: -10px;
    padding-bottom: 10px;
  }
  .p-news_detail h4 {
    margin: 60px 0 30px;
    padding-left: 18px;
    font-size: 1.6rem;
  }
  .p-news_detail h4:before {
    top: .25em;
    width: 3px;
  }
  .p-news_detail h4 > a {
    margin-left: -18px;
    padding-left: 24px;
    padding-left: calc(1.2em + 18px);
  }
  .p-news_detail h4 > a:before {
    left: 7px;
    left: calc(-.2em + 20px);
  }
  .p-news_detail h5, .p-news_detail h6 {
    margin: 30px 0;
    font-size: 1.4rem;
  }
}


/* //edit */
.p-top_hci{
    margin-top: 50px;
}
.p-top_hci_list{
  position: relative;
  padding-top: 540px;
  overflow: hidden;
  margin-top: 0px;
}
.p-top_hci_list ul{
    display: flex;
    flex-flow: wrap;
    box-sizing: border-box;
    margin-top: 15px;
    margin-bottom: 15px;
}
.l-contents-edit{
    margin: 107px auto 0;
    max-width: 1300px;
    padding: 0px 0px;
}
.l-contents-thin-edit{
    padding : 0;
    max-width: 1210px;
}
.p-top_hci_list_item > a{
    background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 0px 12px 2px rgba(0,0,0,0.1);
    height: 100%;
    padding: 0;
}
@media (min-width: 992px) {
    .p-top_hci_list_item > a > div p{
        margin: 1em 0 .6em;
        font-size: 20px;
    }
    .p-top_hci_list_item{
        padding: 16px 16px;
    }
    .p-top_hci_list_item > a > div{
        padding: 0px 30px 20px 30px;
        min-height: 160px;
    }
    .p-top_hci_list_item > a > figure{
        padding-top: 54.75%;
    }
    /*fix top hci list */
    .p-top_hci_list ul li:nth-child(1) {
      position: absolute;
      width: 100%;
      top: 0;
      left: 0;
      right: 0;
    }
    .p-top_hci_list ul li:nth-child(2) {
      position: absolute;
      width: 100%;
      top: 500px;
      left: 0;
      right: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a ,
    .p-top_hci_list ul li:nth-child(2) > a {
      box-shadow: none;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure ,
    .p-top_hci_list ul li:nth-child(2) > a > figure {
      position: absolute;
      height: 300px;
      width: 50%;
      transition: all 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
      padding-top: 0;
      overflow: visible;
      opacity: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure.cloned,
    .p-top_hci_list ul li:nth-child(2) > a > figure.cloned{
      opacity: 1;
      transition: all 0.5s ease 0.2s;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span ,
    .p-top_hci_list ul li:nth-child(2) > a > figure > span {
      position: absolute;
      top: 0;
      box-sizing: content-box;
      width: 100%;
      height: 100%;
      overflow: hidden;
      transition: -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span > span ,
    .p-top_hci_list ul li:nth-child(2) > a > figure > span > span {
      position: absolute;
      top: 0;
      box-sizing: content-box;
      width: 100%;
      height: 100%;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
      transition: -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
      transition: transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.5s 0.8s cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span > span:before ,
    .p-top_hci_list ul li:nth-child(2) > a > figure > span > span:before {
      content: '';
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: #000000;
      opacity: 0;
      transition: all 0.5s;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span:nth-of-type(1) ,
    .p-top_hci_list ul li:nth-child(2) > a > figure > span:nth-of-type(1) {
      overflow: hidden;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span:nth-of-type(1) img ,
    .p-top_hci_list ul li:nth-child(2) > a > figure > span:nth-of-type(1) img {
      display: none;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span:nth-of-type(2) ,
    .p-top_hci_list ul li:nth-child(2) > a > figure > span:nth-of-type(2) {
      z-index: 2;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div ,
    .p-top_hci_list ul li:nth-child(2) > a > div {
      position: absolute;
      width: 50%;
      height: 250px;
      background: #8f0000;
      color: #ffffff;
      font-size: 1.2rem;
      cursor: pointer;
      transition: all 1.5s cubic-bezier(0.075, 0.82, 0.165, 1);
    }
    .p-top_hci_list ul li:nth-child(1) > a > div > div ,
    .p-top_hci_list ul li:nth-child(2) > a > div > div {
      position: absolute;
      top: 50%;
      max-width: 486px;
      -webkit-transform: translateY(-50%);
          -ms-transform: translateY(-50%);
              transform: translateY(-50%);
      transition: all 0.5s 1s;
    }
    .p-top_hci_list ul li:nth-child(1) > a:hover > div time,
    .p-top_hci_list ul li:nth-child(2) > a:hover > div time{
      color: #fff;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div > div > p ,
    .p-top_hci_list ul li:nth-child(2) > a > div > div > p {
      margin-top: 5px;
      margin-bottom: 5px;
      color: #fff;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div > div > h3 ,
    .p-top_hci_list ul li:nth-child(2) > a > div > div > h3 {
      position: relative;
      padding-left: 1.3em;
      font-size: 2rem;
      font-weight: 300;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div > div > h3:before ,
    .p-top_hci_list ul li:nth-child(2) > a > div > div > h3:before {
      position: absolute;
      top: .15em;
      left: 0;
      content: "\E914";
      font-family: 'meijo' !important;
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      color: #fff;
    }
    .p-top_hci_list ul li:nth-child(1) > a:hover > div > div > h3 span ,
    .p-top_hci_list ul li:nth-child(2) > a:hover > div > div > h3 span {
      border-bottom: 1px solid #ffffff;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure {
      top: 0;
      left: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span {
      left: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span > span {
      left: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span:nth-of-type(1) > span {
      padding-right: 72px;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span:nth-of-type(2) {
      padding-left: 14px;
      -webkit-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
              transform: skewX(-8deg);
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure > span:nth-of-type(2) > span {
      padding-right: 43px;
      -webkit-transform: skewX(8deg);
          -ms-transform: skewX(8deg);
              transform: skewX(8deg);
    }
    .p-top_hci_list ul li:nth-child(1) > a > div {
      top: 0;
      right: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div > div {
      left: 0;
      padding-right: 0;
      padding-left: 130px;
    }
    .p-top_hci_list ul li:nth-child(2) > a > figure {
      bottom: 0;
      right: 0;
    }
    .p-top_hci_list ul li:nth-child(2) > a > figure > span {
      right: 0;
    }
    .p-top_hci_list ul li:nth-child(2) > a > figure > span > span {
      right: -2px;
    }
    .p-top_hci_list ul li:nth-child(2) > a > figure > span:nth-of-type(1) > span {
      padding-left: 72px;
    }
    .p-top_hci_list ul li:nth-child(2) > a > figure > span:nth-of-type(2) {
      padding-right: 18px;
      -webkit-transform: skewX(-8deg);
          -ms-transform: skewX(-8deg);
              transform: skewX(-8deg);
    }
    .p-top_hci_list ul li:nth-child(2) > a > figure > span:nth-of-type(2) > span {
      padding-left: 43px;
      -webkit-transform: skewX(8deg);
          -ms-transform: skewX(8deg);
              transform: skewX(8deg);
    }
    .p-top_hci_list ul li:nth-child(2) > a > div {
      bottom: 0;
      left: 0;
    }
    .p-top_hci_list ul li:nth-child(2) > a > div > div {
      right: 0;
      padding-left: 0;
      padding-right: 130px;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div:before ,
    .p-top_hci_list ul li:nth-child(2) > a > div:before {
      /* content: 'GO前往'; */
      position: absolute;
      top: 50%;
      margin-top: -19px;
      padding: 10px 10px;
      border-radius: 50%;
      background: #ffffff;
      background: rgba(255, 255, 255, 0.9);
      color: #9a0000;
      font-size: 1rem;
      font-weight: bold;
      -webkit-transform: scale(0.9);
          -ms-transform: scale(0.9);
              transform: scale(0.9);
      z-index: 3;
      transition: all 0.5s 1.5s;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div:before {
      left: 4px;
    }
    .p-top_hci_list ul li:nth-child(2) > a > div:before {
      right: 5px;
    }
    .p-top_hci_list.js-action-visible {
      opacity: inherit;
      -webkit-transform: none;
          -ms-transform: none;
              transform: none;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > figure > span:nth-of-type(2) ,
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > figure > span:nth-of-type(2) {
      -webkit-transform: skewX(0);
          -ms-transform: skewX(0);
              transform: skewX(0);
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > figure > span:nth-of-type(2) > span ,
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > figure > span:nth-of-type(2) > span {
      -webkit-transform: skewX(0);
          -ms-transform: skewX(0);
              transform: skewX(0);
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > div ,
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > div {
      opacity: 0;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > div:before ,
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > div:before {
      opacity: 0;
      margin-top: -10px;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > div > div ,
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > div > div {
      opacity: 0;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > figure {
      left: -29px;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > div {
      -webkit-transform: translateX(-50%);
          -ms-transform: translateX(-50%);
              transform: translateX(-50%);
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(1) > a > div > div {
      left: -20px;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > figure {
      right: -29px;
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > div {
      -webkit-transform: translateX(50%);
          -ms-transform: translateX(50%);
              transform: translateX(50%);
    }
    .p-top_hci_list.js-action-visible ul li:nth-child(2) > a > div > div {
      right: -20px;
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a > figure > span > span ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a > figure > span > span {
      transition: all 0.5s;
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a > div:before ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a > div:before {
      transition: all 0.5s;
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a:hover > figure > span:nth-of-type(1) > span ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a:hover > figure > span:nth-of-type(1) > span {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1);
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a:hover > figure > span:nth-of-type(1) > span:before ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a:hover > figure > span:nth-of-type(1) > span:before {
      opacity: .2;
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a:hover > figure > span:nth-of-type(2) > span ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a:hover > figure > span:nth-of-type(2) > span {
      -webkit-transform: scale(1.1) skewX(8deg);
          -ms-transform: scale(1.1) skewX(8deg);
              transform: scale(1.1) skewX(8deg);
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a:hover > figure > span:nth-of-type(2) > span:before ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a:hover > figure > span:nth-of-type(2) > span:before {
      opacity: .2;
    }
    .p-top_hci_list.js-status-visibled ul li:nth-child(1) > a:hover > div:before ,
    .p-top_hci_list.js-status-visibled ul li:nth-child(2) > a:hover > div:before {
      -webkit-transform: scale(1.1);
          -ms-transform: scale(1.1);
              transform: scale(1.1);
    }
    /*fix top hci list */
}
@media (max-width: 991px){
    .p-top_hci{
      margin-bottom: 55px;
    }
    .p-top_hci_list ul{
        margin-top: 20px;
        margin-bottom: 6px;
    }
    .p-top_hci_list_item > a > figure{
        float: none;
        padding: 0px 0px 17px 0px;
        width: 100%;
    }
    .p-top_hci_list_item{
        padding: 0;
        margin: 0 auto 25px;
    }
    .p-top_hci_list_item > a > div {
        margin-left: 0%;
        padding-left: 15px;
    }
    .p-top_hci_list_item > a{
        padding: 0px 0px 28px 0px;
        border: none;
    }
    .p-top_hci_list{
        margin: 0;
        padding-top: 0;
    }
    .l-contents-thin-edit{
        padding: 0 20px;
    }
    .p-top_hci .js-action-imgtobg img{
        width: 100%;
        height: auto;
    }
    /*fix top hci list*/
    .p-top_hci_list ul li:nth-child(1) > a,
    .p-top_hci_list ul li:nth-child(2) > a{
      box-shadow: none;
    }
    .p-top_hci_list ul li:nth-child(1){
      margin-bottom: 0;
      width: 100%;
    }
    .p-top_hci_list ul li:nth-child(2){
      margin-bottom: 100px;
      width: 100%;
    }
    .p-top_hci_list ul li:nth-child(1) > a > figure,
    .p-top_hci_list ul li:nth-child(2) > a > figure{
      padding-bottom: 0;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div ,
    .p-top_hci_list ul li:nth-child(2) > a > div {
      position: relative;
      padding: 10px 6.25% 30px;
    }
    .p-top_hci_list ul li:nth-child(1) > a,
    .p-top_hci_list ul li:nth-child(2) > a{
      padding-bottom: 0;
      margin: 0 -20px;
    }
    .p-top_hci_list ul li:nth-child(1) > a > div:before ,
    .p-top_hci_list ul li:nth-child(2) > a > div:before {
      content: 'NEW';
      position: absolute;
      top: -20px;
      left: 50%;
      margin-left: -20px;
      padding: 13px 9px;
      border-radius: 50%;
      background: #9a0000;
      background: rgba(183, 25, 63, 0.9);
      color: #ffffff;
      font-size: 1rem;
      font-weight: bold;
      -webkit-transform: scale(0.9);
      -ms-transform: scale(0.9);
      transform: scale(0.9);
      z-index: 3;
      transition: all 0.5s 1.5s;
      display: none;
    }
}




.chatpage{
border:1px solid #000;
width:30%;
height:95%;
position:fixed;
_position:absolute;
top:0px;
z-index: 9999;
background: #fff
}

.icon_chatbot{
display:scroll;
position:fixed;
bottom:20px;
right:10px;
z-index:9999;
}



#popDiv 
{ 
position:fixed; 
visibility:hidden; 
overflow:hidden; 
/* border:2px solid #AEBBCA;  */
background-color:#EEF1F8; 
cursor:move; 
padding:1px; 
float: right;
z-index: 9999;
} 
#popTitle 
{ 
background:#9DACBF; 
height:35px; 
line-height:20px; 
padding:1px; 
} 
#popForm 
{ 
padding:2px; 
height: 85%;
} 
.title_left 
{ 
font-weight:bold; 
padding-left:5px; 
float:left; 
} 
.title_right { 
float:right; 
} 

.title_right img{ 
width: 25px;
height: 25px; 
margin: 5px;
} 
#popTitle .title_right a 
{ 
color:#000; 
text-decoration:none; 
} 
#popTitle .title_right a:hover 
{ 
text-decoration:underline; 
color:#FF0000; 
} 

.color9a0000{
color:#9a0000
}


.download_btn{
border: 1px solid #e5e5e5;
background: #e5e5e5;
color: #000;
border-radius: 30px;
height: 30px;
width: 25%;
font-size: 16px;
padding: 10px;
margin: 20px auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration:none;
}

.download_btn:hover{
background: #9a0000;
color: #fff;
}

.download_btn a{
text-decoration:none
}



    .p-top_hci_list_item  h4 {
    position: relative;
    padding-left: 0;
    font-size: 16px;
    font-weight: 400;
  }


.product_block{
  padding: 20px 60px;
  }

.product_block .block{
  width: 25%;
  float: left;
  padding: 5px;

  }

.product_block .block .info{
  padding: 20px 10px;
  background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
  min-height: 280px;
}


.product_block .block .info .title{
font-size: 18px;
font-weight: 600;
color: #396278;
padding-bottom: 10px;
}

.product_block .block .info .pic{
padding-bottom: 10px;
}

.product02{
margin: 0 auto;
text-align: center;
padding: 20px;
}

.product02 p{
font-size: 18px;
margin: 10px auto;
font-weight: 600;
color: #396278;
}

.product02 img{
width: 70%;
text-align: center;
}

.li-list{
border-bottom: 1px dashed #ddd;
padding: 5px;
}



.product_block .block03{
  width: 25%;
  float: left;
  padding: 5px;

  }

.product_block .block03 .info{
  padding: 20px 10px;
  background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
  min-height: 390px;
}


.product_block .block03 .info .title{
font-size: 18px;
font-weight: 600;
color: #396278;
padding-bottom: 10px;
}

.product_block .block03 .info .pic{
padding-bottom: 10px;
}


.product_block .block04{
  width: 25%;
  float: left;
  padding: 5px;

  }

.product_block .block04 .info{
  padding: 20px 5px;
  background-color: rgb(255, 255, 255);
  min-height: 390px;
}


.product_block .block04 .info .title{
font-size: 18px;
font-weight: 600;
color: #396278;
padding-top: 10px;
}

.product_block .block04 .info .pic{
padding-bottom: 10px;
}






.works{
width: 100%;
padding: 0 0 50px 0;
background: #ddd;
}

.works .work_area{
max-width: 1210px;
margin: 0 auto;
padding: 5px ;
}

.works .work_area h2{
    margin: 45px 0;
    color: #9a0000;
    font-family: Microsoft JhengHei , "Oswald", sans-serif;
    text-align: center;
    letter-spacing: .1em;
    font-size: 3rem;
}

.works .work_area .block{
width: 25%;
float: left;
padding: 10px;
}

.works .work_area .block .info{
background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
    height: 100%;
    padding: 0; 
}


.works .work_area .block .info p{
margin: 0 auto;
color: #9a0000;
font-weight: bold;
font-size: 18px;
}

.works .work_area .block .info li{
font-weight: 600;
line-height: 32px;
border-top: 1px dashed #ddd;
font-size: 15px;
}

.works .work_area .block .info .txt{
padding: 15px;
}









.major_block{
width: 100%;
padding: 0 0 50px 0;
background: #fff;
}

.major_block .major_area{
max-width: 1210px;
margin: 0 auto;
padding: 5px ;
}

.major_block .major_area h2{
    margin: 45px 0;
    color: #9a0000;
    font-family: Microsoft JhengHei , "Oswald", sans-serif;
    text-align: center;
    letter-spacing: .1em;
    font-size: 3rem;
}

.major_block .major_area .block{
width: 33.33333333333%;
float: left;
padding: 10px;
}

.major_block .major_area .block .info{
background-color: rgb(255, 255, 255);
    box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
    -webkit-box-shadow: 0px 0px 12px 2px rgb(0 0 0 / 10%);
    height: 100%;
    padding: 0; 
}


.major_block .major_area .block .info p{
margin: 0 auto;
color: #9a0000;
font-weight: bold;
font-size: 18px;
}

.major_block .major_area .block .info li{
font-weight: 400;
line-height: 32px;
border-top: 1px dashed #ddd;
font-size: 15px;

}

.major_block .major_area .block .info .txt{
padding: 15px;
}

.min-h_210{
min-height: 210px !important;
}

.min-h_270{
min-height: 270px !important;
}

.min-h_330{
min-height: 330px !important;
}

.min-h_400{
min-height: 400px !important;
}



.ems{
width: 100%;
padding: 0 0 50px 0;
background: #fff;
}

.ems .ems_area{
max-width: 1210px;
margin: 0 auto;
padding: 5px ;

}

.ems .ems_area h2{
margin: 45px 0;
color: #9a0000;
font-family: Microsoft JhengHei , "Oswald", sans-serif;
text-align: center;
letter-spacing: .1em;
font-size: 3rem;
}

.ems .ems_area .block{
width: 50%;
padding: 0;
float: left;
border-bottom: 0px;
}

.ems .ems_area .block-img{
width: 50%;
padding: 0;
float: left;
display:block ;
}


.ems .ems_area .block .info{
  padding: 10px 30px 0 30px;
  font-size: 16px;
}

.ems .ems_area .block .info .title{
font-size: 20px;
font-weight: 600;
margin: 10px auto;
color: #9a0000;
}



.w10{
width:10% !important;
}


.w25{
width:25% !important;
}

.w33{
width:33.33333333333333% !important;
}


.w50{
width:50% !important;
}

.w75{
width:75% !important;
}

.w100{
width:100% !important;
}



.rec-img{
  height: 200px;
  margin: 0 0 60px 0;
  position: relative;
  z-index: 0;
}


.paagetitle {
    height: calc(100px + 5vw);
    max-height: 240px;
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    flex-direction: column;
}


.paagetitle .font-eng {
    margin-bottom: 10px;
    padding-bottom: 5px;
    display: table;
    border-bottom: 5px solid #d40000;
    font-size: 5rem;
    line-height: 6rem;
}

.contents-title {
    margin: 0 auto;
    position: relative;
    z-index: 5;
    margin-bottom: calc(20px + 1vw);
    padding-bottom: 10px;
    display: table;
    /* border-bottom: 2px solid rgba(0, 0, 0, .5); */
    border-bottom: 2px solid #d40000;
    font-size: 2.5rem;
    line-height: 3rem;
    font-weight: bold;
    color: #d40000;
}

@charset "utf-8";
body{
  font-family: system-ui, "PingFang TC", "Heiti TC", sans-serif;
  /* font-family:'Microsoft JhengHei','微软正黑','PingFang SC','PMingLiU','Verdana', 'Geneva','sans-serif'; */
}

.recruit-title {
  margin: 0 auto;
  margin-bottom: 20px;
  padding-bottom: 10px;
  display: table;
  border-bottom: 1px solid rgba(0, 0, 0, .5);
  font-size: 2.5rem;
  line-height: 3rem;
  font-weight: bold;
}

.rec-wrap {
  padding: calc(40px + 3vw) calc(20px + .5vw);
}

.rec-main {
  height: calc(400px + 30vw);
/*  max-height: 1000px; */
  padding-top: 0;
  position: relative;
  z-index: 1;
}

.rec-main:after {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(../images/bg_s.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 0;
}

.rec-main-catch,
.rec-main-tex {
  position: relative;
  z-index: 5;
}

.rec-main-catch {
  font-weight: bold;
  text-align: center;
}

.rec-main-tex {
  max-width: 730px;
  margin: calc(20px + 1vw) auto;
  text-align: justify;
}


@media screen and ( min-width: 800px ) {

  .rec-main-catch {
    font-size: 3.5rem;
    line-height: 5rem;
  }

  .rec-main-tex {
    font-size: 1.6rem;
    line-height: 3rem;
  }

}


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

  .rec-main-catch {
    font-size: 2rem;
    line-height: 3rem;
  }

  .rec-main-tex {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .rec-main {
    height: auto;
    min-height: 350px;
    padding-bottom: 150px;
  }

  .rec-main:after {
    background-position: center bottom;
    background-size: 100% auto;
  }

}


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


.seek {
  margin: 0 auto;
  padding: 0 calc(20px + 3vw);
  max-width: 800px;
  border: 5px solid #1879c0;
  box-sizing: border-box;
  position: relative;
  z-index: 5;
}

.seek-title {
  font-weight: bold;
  text-align: center;
  color: #1879c0;
}

.seek-tex {
  margin: 40px 0;
  font-weight: bold;
  text-align: center;
}


.rec-img{
  height: 200px;
  margin: 0 0 60px 0;
  position: relative;
  z-index: 0;
}

.rec-img2 {
  height: 200px;
  margin: calc(20px + 4vw) 0;
  position: relative;
  z-index: 0;
/*
  display: -webkit-flex;
  display: flex;
*/
}


.rec-img li {
  width: 289px;
  height: 200px;
  position: absolute;
  top: 0;
/*  flex: 1; */
}


@media screen and ( min-width: 800px ) {

  .seek {
    margin-top: -100px;
  }

  .seek-title {
    font-size: 3rem;
    line-height: 10rem;
  }

  .seek-tex {
    font-size: 1.8rem;
    line-height: 3rem;
  }

}


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

  .seek {
    margin-top: 0;
    margin: 30px calc(20px + .5vw);
  }

  .seek-title {
    font-size: 2rem;
    line-height: 6rem;
  }

  .seek-tex {
    margin: 20px 0;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

}


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


.system {
  padding: 0 calc(20px + .5vw);
  margin-top: 20px;
}

.system-list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.system-list th,
.system-list td {
  padding: calc(10px + 1vw) 0;
  border-top: 1px solid rgba(0, 0, 0, .15);
  vertical-align: middle;
}

.system-list th {
  width: 25%;
  font-size: 1.8rem;
  line-height: 2.5rem;
  font-weight: bold;
}

.system-list th span {
  padding-right: 20px;
  font-style: italic;
  font-weight: bold;
  color: #1879c0;
}

.system-list td {
  font-size: 1.5rem;
  line-height: 2.5rem;
}


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

  .system-list th,
  .system-list td {
    width: 100%;
    display: block;
    float: left;
  }

  .system-list td {
    padding-top: 0;
    border-top: 0;
  }

}


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


.rec-list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
  font-size: 16px;
}

.rec-list th,
.rec-list td {
  padding: calc(10px + 1vw) 5px;
  border-top: 1px solid rgba(0, 0, 0, .15);
  font-size: 16px;
  line-height: 2.5rem;
  vertical-align: middle;
}
.rec-list td{
  text-align: justify;
}
.rec-list th {
  width: 20%;
  font-weight: bold;
  padding-right: 20px;
  text-align: right;
  color: #d40000;
  font-size: 18px;
}

.entry {
  width: 100%;
  max-width: 500px;
  margin: calc(40px + 3vw) auto;
  margin-top: 0;
  display: table;
}

.entry a {
  padding: calc(10px + 1vw);
  display: block;
  border: 2px solid #1879c0;
  border-radius: 5px;
  font-size: calc(1.4rem + .5vw);
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  color: #1879c0;
}


@media screen and ( min-width: 800px ) {

  

}


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

  .rec-list th,
  .rec-list td {
    width: 100%;
    display: block;
    float: left;
  }

  .rec-list td {
    padding-top: 0;
    border-top: 0;
  }

  .entry {
    width: auto;
    margin-right: auto;
    margin-left: auto;
  }

}


.color9a0000{
color:#9a0000;
font-size: 16px;
font-weight: 600;
}



/* 产品平台 */
.service-main {
    max-width: 750px;
    margin: 0 auto;
    padding: calc(40px + 0.5vw) calc(20px + 0.5vw);
    padding-bottom: calc(40px + 3vw);
}

.service-list-item:first-child {
    border-top: 0;
}




#super_link{
  text-decoration: none;
}
#super_link:hover{
    color: #555;
}
.paagetitle {
  /* height: calc(300px + 10vw); */
  max-height: none;
  display: block;
  margin-bottom: 0;
  position: relative;
  overflow: hidden;
}

.paagetitle .font-eng,
.paagetitle-name {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 5;
}

.paagetitle .font-eng {
  margin-top: calc(10px + 4vw);
}

.paagetitle:before {
  content: "";
  width: 100%;
  height: calc(200px + 15vw);
  max-height: 380px;
  display: block;
  /* background-image: url(../images/img_service.jpg); */
  background-position: center center;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.paagetitle:after {
  content: "";
  width: 100%;
  height: calc(150px + 10vw);
  max-height: 305px;
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  /* background-image: url(../images/img_illust.png); */
  background-position: center center;
  background-repeat: no-repeat;
  background-size: auto 100%;
}

.ie9 .paagetitle {
  padding-top: 0;
}

.service-main {
  max-width: 750px;
  margin: 0 auto;
  padding: calc(40px + .5vw) calc(20px + .5vw);
  padding-bottom: calc(40px + 3vw);
}

.service-main-title {
  text-align: center;
  color: #1879c0;
}

.service-main-tex {
  margin: calc(10px + .5vw) 0;
  text-align: justify;
}

.service-main-img {
  margin-top: calc(20px + 1vw);
  display: -webkit-flex;
  display: flex;
}

.service-main-img li {
  margin-left: 20px;
  flex: 1;
}

.service-main-img li:first-child {
  margin: 0;
}

.ie9 .service-main-img {
  overflow: hidden;
}

.ie9 .service-main-img li {
  width: calc((100% - 61px) / 3);
  float: left;
}


@media screen and ( min-width: 800px ) {

  .service-main-title {
    font-size: 3rem;
    line-height: 5rem;
  }

  .service-main-tex {
    font-size: 1.6rem;
    line-height: 3rem;
  }

}


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

  .paagetitle {
    height: calc(250px + 10vw);
/*    height: 250px; */
/*    margin-bottom: 20px; */
  }

/*
  .paagetitle .font-eng {
    margin-top: -100px;
  }
*/

  .paagetitle:after {
/*    height: 220px; */
    background-size: auto 100%;
/*    bottom: -50px; */
  }

  .service-main-title {
    font-size: 2rem;
    line-height: 3rem;
  }

  .service-main-title br {
    display: none;
  }

  .service-main-tex {
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .service-main-img li {
    margin-left: 10px;
  }

}



.paagetitle-name {
    display: table;
    font-size: 1.6rem;
    font-weight: bold;
    line-height: 2rem;
}

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


.point {
  background-color: #BB0000;
  position: relative;
  z-index: 1;
}

.point-wrap {
  width: calc(200px + 8vw);
  height: calc(200px + 8vw);
  display: -webkit-flex;
  display: flex;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 50%;
  position: relative;
  z-index: 1;
  box-shadow: 0 0 0 4vw rgba(255, 255, 255, .2);
  -webkit-flex-direction: column;
      flex-direction: column;
  -webkit-justify-content: center;
      justify-content: center;
  -webkit-align-items: center;
      align-items: center;
}

.ie9 .point-wrap {
  padding-top: 60px;
/*  margin: calc((200px + 8vw) / -2) 0 0 calc((200px + 8vw) / -2); */
  text-align: center;
  box-sizing: border-box;
}

.point-title {
  /* margin-bottom: calc(10px + 1vw);
  padding-bottom: 5px; */
  display: table;
  /* border-bottom: 1px solid #0099a7; */
  font-weight: bold;
  color: #0099a7;
}

.point-logo {
  width: calc(100px + 5vw);
  height: 100px;
  max-width: 153px;
  display: none;
}

.point-list {
  width: 100%;
}

.point-list li {
  padding: calc(10px + .5vw) 4vw;
  max-width: 350px;
  background-color: rgba(255, 255, 255, 1);
  border-radius: 5px;
  font-weight: bold;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, .15);
  box-sizing: border-box;
  font-size: 20px;
  /* letter-spacing: 1.5px; */
  line-height: 2rem;
}

.point-list li:before {
  content: "";
  width: 46px;
  height: 46px;
  margin: 0 auto;
  margin-bottom: 10px;
  display: block;
  background-size: 100%;
}

.ie9 .point-title,
.ie9 .point-logo {
  margin-left: auto;
  margin-right: auto;
}

.point-list li:nth-child(1):before {
  background-image: url(../images/img_num05.png);
}

.point-list li:nth-child(2):before {
  background-image: url(../images/img_num04.png);
}

.point-list li:nth-child(3):before {
  background-image: url(../images/img_num03.png);
}

.point-list li:nth-child(4):before {
  background-image: url(../images/img_num02.png);
}

.point-list li:nth-child(5):before {
  background-image: url(../images/img_num01.png);
}


@media screen and ( min-width: 800px ) {

  .point {
    height: calc(490px + 14vw);
    /* max-height: 680px; */
    display: -webkit-flex;
    display: flex;
    -webkit-justify-content: center;
        justify-content: center;
    -webkit-align-items: center;
        align-items: center;
  }

  .point-wrap {
    top: 0px;
  }

  .point-title {
    font-size: 2rem;
    line-height: 2.5rem;
    font-size: 36px;
  }

  .point-list {
    position: absolute;
    top: 50%;
    left: 0;
    z-index: 0;
    transform: translateY(-40px);
  }

  .point-list li {
    width: calc(200px + 10vw);
    position: absolute;
    font-size: 16px;
  }

  .point-list li:after {
    content: "" ;
    width: 40px;
    height: 40px;
    display: block;
    background-position: center bottom;
    background-repeat: no-repeat;
    background-size: 100%;
    position: absolute;
  }

  .point-list li:nth-child(1) {
    margin-left: calc(100px + 4vw);
    margin-bottom: calc(30px + 3vw);
    left: 50%;
    bottom: 50%;
    text-align: center;
  }

  .point-list li:nth-child(2) {
    margin-left: calc(130px + 8vw);
    margin-top: 4vw;
    left: 49%;
    top: 50%;
    text-align: center;
  }

  .point-list li:nth-child(3) {
    margin-top: calc(140px + 7vw);
    left: 50%;
    top: 50%;
    transform: translateX(-50%);
    text-align: center;
  }

  .point-list li:nth-child(4) {
    margin-right: calc(130px + 8vw);
    margin-top: 4vw;
    right: 49%;
    top: 50%;
    text-align: center;
  }

  .point-list li:nth-child(5) {
    margin-right: calc(100px + 4vw);
    margin-bottom: calc(30px + 3vw);
    right: 50%;
    bottom: 50%;
    text-align: center;
  }

  .point-list li:nth-child(1):after {
    background-image: url(../images/img-arrow01.png);
    left: 20px;
    bottom: -40px;
  }

  .point-list li:nth-child(2):after {
    background-image: url(../images/img-arrow02.png);
    left: -40px;
    top: 20px;
  }

  .point-list li:nth-child(3):after {
    background-image: url(../images/img-arrow03.png);
    left: 50%;
    top: -40px;
    transform: translateX(-50%);
  }

  .point-list li:nth-child(4):after {
    background-image: url(../images/img-arrow04.png);
    right: -40px;
    top: 20px;
  }

  .point-list li:nth-child(5):after {
    background-image: url(../images/img-arrow05.png);
    right: 20px;
    bottom: -40px;
  }

.ie9 .point-wrap {
  position: absolute;
  top: 42%;
  left: 50%;
  -ms-transform: translate(-50%, -48%);
  transform: translate(-50%, -48%);
}

}


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

  .point {
    padding: calc(30px + 2vw) calc(20px + .5vw);
  }

  .point-wrap {
    margin: 0px auto 50px auto;
  }
  .point-title{
    font-size: 24px;
  }
  .point-list li {
    margin: 10px auto;
    font-size: 16px;
    text-align: center;
  }

}



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


.service-simg {
  height: 200px;
  position: relative;
  z-index: 0;
/*
  display: -webkit-flex;
  display: flex;
*/
}

.service-simg li {
  width: 260px;
  height: 200px;
  position: absolute;
  top: 0;
/*  flex: 1; */
}

.service-list-item {
  /* padding: 0 calc(20px + .5vw); */
  border-top: 1px solid rgba(0, 0, 0, .15);
}

.service-list-item:first-child {
  border-top: 0;
}

.service-list-item-wrap {
  max-width: 1000px;
  margin: 0 auto;
  padding: calc(30px + 1vw) 0;
}

.service-list-item-wrap:before {
  content: "";
  display: block;
  background-position: center center;
  background-size: cover;
}

.s1 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service01.png);
}

.s2 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service02.png);
}

.s3 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service03.png);
}
.s3-2 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service04.png);
}
.s4 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service05.png);
}

.s5 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service06.png);
}

.s6 .service-list-item-wrap:before {
  background-image: url(../images/service/img_service07.png);
}

.service-list-item-title {
  margin-bottom: 20px;
  font-weight: bold;
}

.service-list-item-title span {
  margin-left: 20px;
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  border-radius: 3px;
  font-size: 1.3rem;
  font-weight: bold;
  line-height: 3rem;
  color: rgba(255, 255, 255, 1);
}

.s1 .service-list-item-title span {
  background-color: #00c47d;
}

.s2 .service-list-item-title span {
  background-color: #f0cb1e;
}

.s3 .service-list-item-title span {
  background-color: #f29347;
}


@media screen and ( min-width: 800px ) {

  .service-list-item-title {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .service-list-item-tex {
    font-size: 1.5rem;
    line-height: 2.5rem;
    text-align: justify;
  }

  .service-list-item-wrap {
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
        align-items: center;
  }

  .service-list-item-wrap:before {
    width: 220px;
    height: 220px;
  }

  .service-list-item-wrap div {
    width: calc(100% - (20px + 2vw + 220px));
    margin-left: calc(20px + 2vw);
  }

.ie9 .service-list-item-wrap {
  display: table;
}

.ie9 .service-list-item-wrap:before,
.ie9 .service-list-item-wrap div {
  display: table-cell;
  vertical-align: middle;
}

.ie9 .service-list-item-wrap div {
  width: calc(100% - 220px - (20px + 2vw));
  padding-left: calc(20px + 2vw);
}

}


@media screen and ( max-width: 800px ) {
.service-list-info{
  padding: 0 5%;
}
  .service-list-item-wrap:before {
    width: 160px;
    height: 160px;
    margin: 0 auto;
  }

  .service-list-item-title span {
    margin: 0 auto;
    display: table;
    font-size: 1.2rem;
    line-height: 2rem;
  }

  .service-list-item-title {
    font-size: 1.8rem;
    line-height: 2.5rem;
    text-align: center;
  }

  .service-list-item-tex {
    font-size: 1.4rem;
    line-height: 2rem;
    text-align: justify;
  }

}

.icon_chatbot{
display:scroll;
position:fixed;
bottom:20px;
right:10px;
z-index:999;
}



#popDiv 
{ 
position:fixed; 
visibility:hidden; 
overflow:hidden; 
/* border:2px solid #AEBBCA;  */
background-color:#EEF1F8; 
cursor:move; 
padding:1px; 
float: right;
z-index: 9999;
} 
#popTitle 
{ 
background:#9DACBF; 
height:35px; 
line-height:20px; 
padding:1px; 
} 
#popForm 
{ 
padding:2px; 
height: 85%;
} 
.title_left 
{ 
font-weight:bold; 
padding-left:5px; 
float:left; 
} 
.title_right { 
float:right; 
} 

.title_right img{ 
width: 25px;
height: 25px; 
margin: 5px;
} 
#popTitle .title_right a 
{ 
color:#000; 
text-decoration:none; 
} 
#popTitle .title_right a:hover 
{ 
text-decoration:underline; 
color:#FF0000; 
} 



.download_btn{
border: 1px solid #e5e5e5;
background: #e5e5e5;
color: #000;
border-radius: 30px;
height: 30px;
width: 10%;
font-size: 16px;
padding: 10px;
margin: 20px auto;
display: flex;
align-items: center;
justify-content: center;
text-align: center;
text-decoration:none;
}

.download_btn:hover{
background: #9a0000;
color: #fff;
}

.download_btn a{
text-decoration:none
}


.color9a0000{
color:#9a0000;
font-size: 16px;
font-weight: 600;
}





/* 认识HCI */

.conpany-wrap {
  padding: calc(40px + 3vw) calc(20px + .5vw);
  position: relative;
  z-index: 1;
}

.ie9 .contents-title.font-eng {
  width: 90px;
}

.vison-catch,
.vison-tex {
  position: relative;
  z-index: 5;
}

.vison {
  padding-top: calc(25px + 2vw);
  padding-bottom: calc(40px + 6vw); /* 增加法輪底高*/
}

.vison-catch {
  margin-bottom: calc(10px + .5vw);
  font-weight: bold;
  text-align: center;
  color: #d40000;
}

.vison-logo {
  width: 80px;
  margin: calc(20px + .5vw) auto;
}

.vison-tex {
  font-weight: 400;
  text-align: center;
}

.bgimg1,
.bgimg2,
.bgimg3 {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 0;
  -ms-transform: translate(-50%, -50%);
  transform: translate3d(-50%, -50%, 0);
  transform-origin: center center;
}

.bgimg1,
.bgimg2,
.bgimg3 {
}

.bgimg1 {
  width: 100%;
  max-width: 1030px;
  opacity: .1;
  -webkit-animation: spin1 50s linear infinite;
      animation: spin1 50s linear infinite;
}

.bgimg2 {
  width: 80%;
  max-width: 652px;
  opacity: .07;
  -webkit-animation: spin2 50s linear infinite;
      animation: spin2 50s linear infinite;
}

.bgimg3 {
  width: 30%;
  max-width: 300px;
  opacity: .05;
  -webkit-animation: spin1 50s linear infinite;
      animation: spin1 50s linear infinite;
}

@keyframes spin1 {
  0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { transform: translate3d(-50%, -50%, 0) rotate(360deg); }
}

@keyframes spin2 {
  0% { transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { transform: translate3d(-50%, -50%, 0) rotate(-360deg); }
}

@-webkit-keyframes spin1 {
  0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(360deg); }
}

@-webkit-keyframes spin2 {
  0% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(0deg); }
  100% { -webkit-transform: translate3d(-50%, -50%, 0) rotate(-360deg); }
}


@media screen and ( min-width: 800px ) {

  .vison-catch {
    font-size: 2rem;
    line-height: 2rem;
  }
  
  .vison-tex {
    font-size: 1.5rem;
    line-height: 2.4rem;
    margin-bottom: 5%;
  }

}



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

  .vison-catch {
    font-size: calc(1.2rem + 2vw);
    line-height: calc(2rem + 2vw);
  }
  
  .vison-tex {
    font-size: 1.5rem;
    line-height: 3rem;
    margin-bottom: 10%;
  }

  .vison-tex br {
    display: none;
  }

}


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


.info {
/*   background-color: #d60000;
  z-index: 5;
  color: rgba(255, 255, 255, 1); */
}

.info .contents-title {
  display: table;
  border-color: rgba(255, 255, 255, .5);
}

.info:before {
  content: "";
  width: 100%;
  height: 100%;
  display: block;
  background-image: url(../images/bg_info.jpg);
  background-size: cover;
  opacity: .15;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}

.company-info-image figcaption {
  margin-top: 5px;
  font-size: 1.3rem;
  line-height: 2rem;
  text-align: center;
}

.company-title,
.company-info-data {
  position: relative;
  z-index: 10;
}

.company-info-data {
  border-bottom: 1px solid rgba(255, 255, 255, .2);
}

.company-info-data th,
.company-info-data td {
  border-top: 1px solid rgba(255, 255, 255, .2);
}

.info-sub {
  background-color: rgba(0, 0, 0, .1);
}

#map {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 20px;
}

#map iframe {
  height: calc(200px + 20vw);
  max-height: 400px;
}

.office-list {
  max-width: 900px;
  margin: 0 auto;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
      flex-wrap: wrap;
}

.office-list-name,
.office-list-tex {
  display: block;
  text-align: center;
}

.office-list-name {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 3rem;
}

.office-list-tex {
  font-size: 1.3rem;
  line-height: 2rem;
}

@media screen and ( min-width: 800px ) {

  .company-info {
    max-width: 900px;
    margin: 0 auto;
    display: -webkit-flex;
    display: flex;
  }

  .company-info-image {
    width: 50%;
    padding-right: calc(20px + 1vw);
    box-sizing: border-box;
  }

  .company-info-data {
    width: 50%;
  }

  .company-info-data th,
  .company-info-data td {
    padding: 10px 0;
    font-size: 1.5rem;
    line-height: 3rem;
  }

  .office-list-item {
    width: calc((100% - 62px) / 3);
    margin-right: 30px;
    margin-top: 30px;
  }

  .office-list-item:nth-child(3n) {
    margin-right: 0;
  }

.ie9 .company-info {
  width: 100%;
  overflow: hidden;
}

.ie9 .company-info-image,
.ie9 .company-info-data {
  width: 50%;
  float: left;
  box-sizing: border-box;
}

.ie9 .office-list-item {
  overflow: hidden;
}

.ie9 .office-list {
  overflow: hidden;
}

.ie9 .office-list-item {
  float: left;
}

}


@media screen and ( max-width: 800px ) {
  #about{
    padding-top: 0;
  }
  .company-info-image {
    max-width: 250px;
    margin: 0 auto;
  }

  .company-info-data {
    width: 100%;
    margin-top: 30px;
  }

  .company-info-data th,
  .company-info-data td {
    padding: 5px 0;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .office-list-item {
    margin-top: 20px;
  }

  #map {
    margin-top: -50px;
    padding-top: 50px;
  }

  .office-list {
    display: block;
  }

}


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


.history-list {
  width: 100%;
  max-width: 900px;
  margin: 0 auto;
  border-bottom: 1px solid rgba(0, 0, 0, .15);
}

.history-list th,
.history-list td {
  border-top: 1px solid rgba(0, 0, 0, .15);
}

.history-list th {
  width: 25%;
  font-weight: bold;
}


@media screen and ( min-width: 800px ) {

  .history-list th,
  .history-list td {
    padding: 10px 0;
    font-size: 1.5rem;
    line-height: 2.5rem;
  }

}


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

  .history-list th,
  .history-list td {
    width: 100%;
    display: block;
    float: left;
    font-size: 1.4rem;
    line-height: 2rem;
  }

  .history-list th {
    padding-top: 10px;
  }

  .history-list td {
    padding-bottom: 10px;
    border: 0;
  }

}


.color9a0000{
color:#9a0000;
font-size: 16px;
font-weight: 600;
}




/* 隱私權 */

.agreement {
    padding: 30px;
    width: 64%;
    margin: 0 auto;
}

.agreement__main {
    /* max-height: 400px; */
    line-height: 28px;
    overflow: auto;
}

.agreement__main .h3 {
    color: #444;
    /* margin-bottom: 30px; */
    font-size: 18px;
    line-height: 25px;
}

.agreement__main .h5 {
    font-size: 18px;
    font-weight: bold;
    color: #d40000;
    margin-bottom: 20px;
    margin-top: 20px;
}

.agreement__main .master p {
    padding-left: 40px;
}




.h2txt {
    margin: 45px 0;
    color: #9a0000;
    font-family: Microsoft JhengHei , "Oswald", sans-serif;
    text-align: center;
    letter-spacing: .1em;
    font-size: 3rem;
}

.part_major{
width: 800px;
margin: 0 auto;
padding: 0px;
}


.txt_r{
text-align: right;
}


@media(max-width:667px){

.product_block{
  padding: 10px;
  }

.product_block .block{
  width: 100%;
  }

.product_block .block03{
  width: 100%;
  }

.product_block .block04{
  width: 100%;
  }

.product02 img{
width: 96%;
text-align: center;
}




.works .work_area .block {
    width: 100%;
    font-weight: bold;
}

.major .major_area .block {
    width: 100%;
}




.ems .ems_area .block {
    width: 100%;
}

.ems .ems_area .block{
border-bottom: 1px dashed #ddd;
}

.ems .ems_area .block-img{
display: none;
}


.works .work_area h2 ,.ems .ems_area h2, .major .major_area h2 {
margin: 15px 0;
}

.p-top_pickup > h2 {
    padding: 34px 0;
    margin: 0;
    z-index: 2;
    font-size: 3rem;
}

.agreement {
    padding: 20px;
    width: 100%;
}

.part_major{
width: 100%;
margin: 0 auto;
padding: 10px;
font-size: 16px;
}

.rec-list th, .rec-list td {
    width: 100%;
    display: block;
    float: none;
    text-align: center;
}

.timeline > li.timeline-inverted > .timeline-panel {
    float: right;
    padding: 0 20px 0 100px;
    text-align: left;
    width: 100%;
}

.timeline > li .timeline-panel {
    /* float: left; */
    width: 100% !important;
}

.l-main p{
width: 100%;
text-align: left;
}

.paagetitle{
height: 100px;
margin-top: 40px;
}

.h2txt{
margin: 60px 0 10px 0;
}

.works .work_area {
margin-top: 50px;
}

.l-main .contents{
margin-top: 50px;
}

.ems{
margin-top: 50px;
}

.vison-tex{
width: 100% !important;
}


}